2 years ago · 3e51752a83
--- a/.env.development
+++ b/.env.development
@@ -1,10 +1,12 @@
 
				 VITE_APP_BASE_URL="/xcx_h5"
			
 
				-VITE_APP_OUTDIR="dist"
			
 
				+VITE_APP_OUTDIR="raiwechat_link_h5"
			
 
				 
			
 
				 VITE_APP_CYGX_BASEAPIURL="http://8.136.199.33:8500/api"
			
 
				 
			
 
				-VITE_APP_HZYB_BASEAPIURL="http://8.136.199.33:8612"
			
 
				+VITE_APP_HZYB_BASEAPIURL="http://8.136.199.33:8612/api"
			
 
				 
			
 
				 VITE_APP_HZSL_BASEAPIURL="http://8.136.199.33:8608/api"
			
 
				 
			
 
				-VITE_APP_HTGJ_BASEAPIURL="http://8.136.199.33:8500/api"
			
 
				+VITE_APP_HTGJ_BASEAPIURL="http://8.136.199.33:8500/api"
			
 
				+
			
 
				+VITE_APP_SSBG_BASEAPIURL="http://8.136.199.33:8607/h5adminapi"
			
--- a/.env.product
+++ b/.env.product
@@ -3,8 +3,10 @@ VITE_APP_OUTDIR="raiwechat_link_h5"
 
				 
			
 
				 VITE_APP_CYGX_BASEAPIURL="https://cygx.hzinsights.com/api"
			
 
				 
			
 
				-VITE_APP_HZYB_BASEAPIURL="https://yanbao.hzinsights.com"
			
 
				+VITE_APP_HZYB_BASEAPIURL="https://yanbao.hzinsights.com/api"
			
 
				 
			
 
				 VITE_APP_HZSL_BASEAPIURL="https://openapi.hzinsights.com/api"
			
 
				 
			
 
				 VITE_APP_HTGJ_BASEAPIURL="https://cygx.hzinsights.com/api"
			
 
				+
			
 
				+VITE_APP_SSBG_BASEAPIURL="https://ficc.hzinsights.com/h5adminapi"
			
--- a/.env.test
+++ b/.env.test
@@ -1,11 +1,13 @@
 
				 VITE_APP_BASE_URL="/xcx_h5"
			
 
				-VITE_APP_OUTDIR="dist"
			
 
				+VITE_APP_OUTDIR="raiwechat_link_h5"
			
 
				 
			
 
				 VITE_APP_CYGX_BASEAPIURL="http://8.136.199.33:8500/api"
			
 
				 
			
 
				-VITE_APP_HZYB_BASEAPIURL="http://8.136.199.33:8612"
			
 
				+VITE_APP_HZYB_BASEAPIURL="http://8.136.199.33:8612/api"
			
 
				 
			
 
				 VITE_APP_HZSL_BASEAPIURL="http://8.136.199.33:8608/api"
			
 
				 
			
 
				 VITE_APP_HTGJ_BASEAPIURL="http://8.136.199.33:8500/api"
			
 
				 
			
 
				+VITE_APP_SSBG_BASEAPIURL="https://xcxh5test.hzinsights.com/h5adminapi"
			
 
				+
			
--- a/.gitignore
+++ b/.gitignore
@@ -3,6 +3,7 @@ node_modules
 
				 dist
			
 
				 dist-ssr
			
 
				 raiwechat_link_h5
			
 
				+raiwechat_link_h5.zip
			
 
				 *.local
			
 
				 .vscode
			
 
				 package-lock.json
			
--- a/index.html
+++ b/index.html
@@ -10,5 +10,6 @@
 
				   <body>
			
 
				     <div id="app"></div>
			
 
				     <script type="module" src="/src/main.js"></script>
			
 
				+    <script type="text/javascript" src="https://gitee.com/dcloud/uni-app/raw/master/dist/uni.webview.1.5.2.js"></script>
			
 
				   </body>
			
 
				 </html>
			
--- a/package.json
+++ b/package.json
@@ -8,9 +8,14 @@
 
				     "serve": "vite preview --port 3001"
			
 
				   },
			
 
				   "dependencies": {
			
 
				+    "@fullcalendar/core": "^5.10.1",
			
 
				+    "@fullcalendar/interaction": "^5.10.1",
			
 
				+    "@fullcalendar/timegrid": "^5.10.1",
			
 
				+    "@fullcalendar/vue3": "^5.10.1",
			
 
				     "@vant/touch-emulator": "^1.3.2",
			
 
				     "axios": "^0.24.0",
			
 
				     "highcharts": "^9.3.2",
			
 
				+    "lodash": "^4.17.21",
			
 
				     "moment": "^2.29.1",
			
 
				     "normalize.css": "^8.0.1",
			
 
				     "vant": "^3.3.4",
			
--- a/src/api/cygx/api.js
+++ b/src/api/cygx/api.js
@@ -1,38 +1,62 @@
 
				-import {get,post} from './http'
			
 
				+import { get, post } from "./http";
			
 
				 
			
 
				 /* 权益链接 */
			
 
				 export const RaiApi = {
			
 
				-    /* 获取详情 */
			
 
				-    reportDtl: params => {
			
 
				-      return get('/article/detail',params)
			
 
				-    },
			
 
				-    reportDtlTwo: params => {
			
 
				-      return get('/tactics/detail',params)
			
 
				-    },
			
 
				-    /* 查看报告 */
			
 
				-    lookReport: params => {
			
 
				-      return get('/article/look/detail',params)
			
 
				-    },
			
 
				-    /* 收藏 ArticleId*/
			
 
				-      collectRpt: params => {
			
 
				-          return post('/article/collect',params,1)
			
 
				-      },
			
 
				-      /* 申请访谈 ArticleId*/
			
 
				-      applyRpt: params => {
			
 
				-          return post('/article/interview/apply',params,1)
			
 
				-      },
			
 
				-    /* 关注作者/取消关注作者 接口 DepartmentId*/
			
 
				-      fllowDepartment: params => {
			
 
				-          return post('/report/fllowDepartment',params,1)
			
 
				-      },
			
 
				-    /* 下载PDF打水印接口*/
			
 
				-      articlePdfwatermark: params => {
			
 
				-          return get('/article/pdfwatermark',params,'下载')
			
 
				-      },
			
 
				-    /* 页面复制监听*/
			
 
				-    pageHistoryCopy: params => {
			
 
				-          return post('/config/pageHistory',params,1)
			
 
				-      },
			
 
				-  
			
 
				-  
			
 
				-  }
			
 
				+  /* 获取详情 */
			
 
				+  reportDtl: (params) => {
			
 
				+    return get("/article/detail", params);
			
 
				+  },
			
 
				+  reportDtlTwo: (params) => {
			
 
				+    return get("/tactics/detail", params);
			
 
				+  },
			
 
				+  /* 查看报告 */
			
 
				+  lookReport: (params) => {
			
 
				+    return get("/article/look/detail", params);
			
 
				+  },
			
 
				+  /* 收藏 ArticleId*/
			
 
				+  collectRpt: (params) => {
			
 
				+    return post("/article/collect", params, 1);
			
 
				+  },
			
 
				+  /* 申请访谈 ArticleId*/
			
 
				+  applyRpt: (params) => {
			
 
				+    return post("/article/interview/apply", params, 1);
			
 
				+  },
			
 
				+  /* 关注作者/取消关注作者 接口 DepartmentId*/
			
 
				+  fllowDepartment: (params) => {
			
 
				+    return post("/report/fllowDepartment", params, 1);
			
 
				+  },
			
 
				+  /* 下载PDF打水印接口*/
			
 
				+  articlePdfwatermark: (params) => {
			
 
				+    return get("/article/pdfwatermark", params, "下载");
			
 
				+  },
			
 
				+  /* 页面复制监听*/
			
 
				+  pageHistoryCopy: (params) => {
			
 
				+    return post("/config/pageHistory", params, 1);
			
 
				+  },
			
 
				+};
			
 
				+export const FreeButton = {
			
 
				+  /*获取是否展示免费试用按钮接口*/
			
 
				+  userIsShowFreeButton: (params) => {
			
 
				+    return get("/user/isShow/freeButton", params);
			
 
				+  },
			
 
				+  /* 隐藏当天的按钮接口 */
			
 
				+  userFreeButtonUpdate: (params) => {
			
 
				+    return post("/user/freeButton/update", params);
			
 
				+  },
			
 
				+  /*分享的时候判断是不是弘则的手机号*/
			
 
				+  userIsShowShare: (params) => {
			
 
				+    return get("/user/isShow/share", params);
			
 
				+  },
			
 
				+  /*获取权限弹窗是否展示免费月卡接口*/
			
 
				+  userIsShowAlert: (params) => {
			
 
				+    return get("/user/isShow/alert", params);
			
 
				+  },
			
 
				+  /* 页面复制监听*/
			
 
				+  researcharticleHotList: (params) => {
			
 
				+    return get("/research/article/hotList", params, 1);
			
 
				+  },
			
 
				+  /* 收藏 ArticleId*/
			
 
				+  collectRpt: (params) => {
			
 
				+    return post("/article/collect", params, 0);
			
 
				+  },
			
 
				+};
			
--- a/src/api/hzyb/common.js
+++ b/src/api/hzyb/common.js
@@ -6,4 +6,19 @@ export const getWxConfig=(params)=>{
 
				     const url=window.location.href
			
 
				     console.log(url)
			
 
				     return get('/wechat/getWxJsConf',{url:url,...params})
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 获取海报
			
 
				+ * @param code_page 分享海报小程序页面地址
			
 
				+ * @param code_scene 小程序页面参数
			
 
				+ * @param source 来源 activity_detail(活动详情) activity_list(活动列表)
			
 
				+ *                    special_column_list(专栏列表) special_column_detail(专栏详情)
			
 
				+ *                    report_list(报告列表) report_detail(报告详情)
			
 
				+ *                    chart_list(图库列表) chart_detail(图库详情)
			
 
				+ * @param version 
			
 
				+ * @param pars 生成海报需要的页面参数
			
 
				+ */
			
 
				+export const apiGetPoster=params=>{
			
 
				+    return post('/public/get_share_poster',{version:'3.0',...params})
			
 
				 }
			
--- a/src/api/hzyb/http.js
+++ b/src/api/hzyb/http.js
@@ -24,14 +24,17 @@ _axios.interceptors.request.use(
 
				   function (config) {
			
 
				     // Do something before request is sent
			
 
				     // 设置loading
			
 
				-    if (LOADINGCOUNT === 0) {
			
 
				-      LOADING = Toast.loading({
			
 
				-        message: "loading...",
			
 
				-        duration: 0,
			
 
				-        forbidClick: true,
			
 
				-      });
			
 
				+    if(config.url!='/public/get_share_poster'){
			
 
				+      if (LOADINGCOUNT === 0) {
			
 
				+        LOADING = Toast.loading({
			
 
				+          message: "loading...",
			
 
				+          duration: 0,
			
 
				+          forbidClick: true,
			
 
				+        });
			
 
				+      }
			
 
				+      LOADINGCOUNT++;
			
 
				     }
			
 
				-    LOADINGCOUNT++;
			
 
				+    
			
 
				     
			
 
				     config.headers.Authorization = localStorage.getItem('hzyb-token')||''
			
 
				     return config;
			
@@ -59,7 +62,7 @@ _axios.interceptors.response.use(
 
				     }else{
			
 
				       data=response.data
			
 
				     }
			
 
				-    if(data.code!==200){
			
 
				+    if(![200,403].includes(data.code)){
			
 
				       setTimeout(() => {
			
 
				         Toast(data.msg)
			
 
				       }, 10);
			
--- a/src/api/hzyb/message.js
+++ b/src/api/hzyb/message.js
@@ -0,0 +1,56 @@
 
				+import {get,post} from './http'
			
 
				+/* 留言 */
			
 
				+
			
 
				+/**
			
 
				+ * 点赞/取消
			
 
				+ * "report_id": 2351,
			
 
				+    "report_chapter_id": 1166,
			
 
				+		"old_report_id":0,
			
 
				+		"old_report_chapter_id":0,
			
 
				+		"source_agent": 1
			
 
				+ */
			
 
				+export const setLike = params => {
			
 
				+	return post('/like/set',{ ...params,source_agent: 1 })
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 发布留言
			
 
				+ * "report_id": 2236,
			
 
				+	"report_chapter_id": 267,
			
 
				+	"old_report_id":0,
			
 
				+	"old_report_chapter_id":0,
			
 
				+	"source_agent":1,
			
 
				+	"content":"hiodfsdfsd",
			
 
				+	"is_show_name":1
			
 
				+	*/
			
 
				+export const publishMsg = params => {
			
 
				+	return post('/comment/set',{...params,source_agent: 1})
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 删除留言
			
 
				+ * comment_id
			
 
				+ */
			
 
				+export const delComment = params => {
			
 
				+	return post('/comment/del',params)
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 精选留言列表 
			
 
				+ * @param {*} params 
			
 
				+ * report_id report_chapter_id current_index page_size old_report_id old_report_chapter_id
			
 
				+ * @returns 
			
 
				+ */
			
 
				+export const getHotMessage = params => {
			
 
				+	return get('/comment/hot',params)
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 我的留言列表 
			
 
				+ * @param {*} params 
			
 
				+ * report_id report_chapter_id old_report_id old_report_chapter_id
			
 
				+ * @returns 
			
 
				+ */
			
 
				+export const getMyMessage = params => {
			
 
				+	return get('/comment/my',params)
			
 
				+}
			
--- a/src/api/hzyb/report.js
+++ b/src/api/hzyb/report.js
@@ -12,3 +12,26 @@ export const apiGetWeekReportDetail=params=>{
 
				     return get('/report/research_report_chapter',params)
			
 
				 }
			
 
				 
			
 
				+/**
			
 
				+ * 研报详情
			
 
				+ * @param report_id 
			
 
				+ */
			
 
				+export const apiReportDetail=params=>{
			
 
				+    return get('/report/detail',params)
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 章节详情
			
 
				+ * @param report_chapter_id
			
 
				+ */
			
 
				+export const apiChapterDetail=params=>{
			
 
				+    return get('/report/chapter/detail',params)
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 章节详情中指标数据
			
 
				+ * @param report_chapter_id
			
 
				+ */
			
 
				+export const apiChapterTickerValue=params=>{
			
 
				+    return get('/report/chapter/ticker',params)
			
 
				+}
			
--- a/src/api/hzyb/user.js
+++ b/src/api/hzyb/user.js
@@ -7,4 +7,18 @@ import {get,post} from './http'
 
				  */
			
 
				 export const apiUserInfo=(params)=>{
			
 
				 	return get('/user/info',params)
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 用户权限申请
			
 
				+ * @param business_card_url 名片地址
			
 
				+ * @param company_name 公司名
			
 
				+ * @param permission 选择的权限
			
 
				+ * @param real_name 姓名
			
 
				+ * @param source 来源：我的1、活动2、图库3、研报4
			
 
				+ * @param source_agent 来源平台：1:小程序、2:pc
			
 
				+ * @param from_page 来源页面: '活动列表'、'活动详情'等
			
 
				+ */
			
 
				+ export const apiApplyPermission=params=>{
			
 
				+	return post('/user/apply',{...params,source_agent:1})
			
 
				 }
			
--- a/src/api/ssbg/api.js
+++ b/src/api/ssbg/api.js
@@ -0,0 +1,25 @@
 
				+import {get,post} from './http';
			
 
				+
			
 
				+
			
 
				+/**
			
 
				+ * 研究员列表
			
 
				+ * @param {*} params 
			
 
				+ * @returns 
			
 
				+ */
			
 
				+export const researcherList = params=>{
			
 
				+	return get('/roadshow/researcher/list',params)
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 研究员日历日程 StartDate  EndDate ResearcherId
			
 
				+ */
			
 
				+export const researchEvents = params => {
			
 
				+	return get('/roadshow/researcher/calendar/detail', params)
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 我的日历日程 StartDate  EndDate
			
 
				+ */
			
 
				+export const myEvents = params => {
			
 
				+	return get('/roadshow/my/calendar/detail', params)
			
 
				+}
			
--- a/src/api/ssbg/http.js
+++ b/src/api/ssbg/http.js
@@ -0,0 +1,63 @@
 
				+"use strict";
			
 
				+import axios from "axios";
			
 
				+import { Toast } from "vant";
			
 
				+
			
 
				+// Full config:  https://github.com/axios/axios#request-config
			
 
				+// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
			
 
				+// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
			
 
				+// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
			
 
				+
			
 
				+// 请求数
			
 
				+let LOADINGCOUNT = 0;
			
 
				+let LOADING;
			
 
				+let config = {
			
 
				+  baseURL: import.meta.env.VITE_APP_SSBG_BASEAPIURL,
			
 
				+  timeout: 60 * 1000, // Timeout
			
 
				+  // withCredentials: true, // Check cross-site Access-Control
			
 
				+};
			
 
				+
			
 
				+const _axios = axios.create(config);
			
 
				+
			
 
				+_axios.interceptors.request.use(
			
 
				+  function (config) {
			
 
				+    // Do something before request is sent
			
 
				+    config.headers.Authorization = localStorage.getItem('ssbg-token') || '';
			
 
				+    
			
 
				+    return config;
			
 
				+  },
			
 
				+  function (error) {
			
 
				+    // Do something with request error
			
 
				+    return Promise.reject(error);
			
 
				+  }
			
 
				+);
			
 
				+
			
 
				+// Add a response interceptor
			
 
				+_axios.interceptors.response.use(
			
 
				+  function (response) {
			
 
				+    // Do something with response data
			
 
				+    
			
 
				+    return response.data;
			
 
				+  },
			
 
				+  function (error) {
			
 
				+    // Do something with response error
			
 
				+    return Promise.reject(error);
			
 
				+  }
			
 
				+);
			
 
				+
			
 
				+/**
			
 
				+ * 导出get请求方法
			
 
				+ * @url 请求地址
			
 
				+ * @params get请求参数
			
 
				+ */
			
 
				+export const get = (url, params) => {
			
 
				+  return _axios.get(url, { params });
			
 
				+};
			
 
				+
			
 
				+/**
			
 
				+ * 导出post请求方法
			
 
				+ * @url 请求地址
			
 
				+ * @params post请求参数
			
 
				+ */
			
 
				+export const post = (url, params) => {
			
 
				+  return _axios.post(url, params);
			
 
				+};
			
--- a/src/assets/hzyb/loading.png
+++ b/src/assets/hzyb/loading.png
--- a/src/assets/hzyb/report/audio-change-small-grey.png
+++ b/src/assets/hzyb/report/audio-change-small-grey.png
--- a/src/assets/hzyb/report/audio-change-small.png
+++ b/src/assets/hzyb/report/audio-change-small.png
--- a/src/assets/hzyb/report/audio-pause-small.png
+++ b/src/assets/hzyb/report/audio-pause-small.png
--- a/src/assets/hzyb/report/audio-pause.png
+++ b/src/assets/hzyb/report/audio-pause.png
--- a/src/assets/hzyb/report/audio-play-small.png
+++ b/src/assets/hzyb/report/audio-play-small.png
--- a/src/assets/hzyb/report/audio-play.png
+++ b/src/assets/hzyb/report/audio-play.png
--- a/src/assets/hzyb/report/back-top.png
+++ b/src/assets/hzyb/report/back-top.png
--- a/src/assets/hzyb/share-poster-chart-icon.png
+++ b/src/assets/hzyb/share-poster-chart-icon.png
--- a/src/assets/hzyb/share-poster-icon.png
+++ b/src/assets/hzyb/share-poster-icon.png
--- a/src/assets/ssbg/calendar_ico.png
+++ b/src/assets/ssbg/calendar_ico.png
--- a/src/assets/ssbg/choose_ico.png
+++ b/src/assets/ssbg/choose_ico.png
--- a/src/assets/ssbg/tab_icon1.png
+++ b/src/assets/ssbg/tab_icon1.png
--- a/src/assets/ssbg/tab_icon2.png
+++ b/src/assets/ssbg/tab_icon2.png
--- a/src/assets/ssbg/tab_icon3.png
+++ b/src/assets/ssbg/tab_icon3.png
--- a/src/assets/ssbg/tab_icon4.png
+++ b/src/assets/ssbg/tab_icon4.png
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,10 @@
 
				 import { createApp } from 'vue'
			
 
				 import App from './App.vue'
			
 
				 import router from './router'
			
 
				+import store from './store'
			
 
				 import 'normalize.css'
			
 
				 import './style/common.scss'
			
 
				 import '@vant/touch-emulator';//vant 
			
 
				+import 'vant/lib/index.css';
			
 
				 
			
 
				-createApp(App).use(router).mount('#app')
			
 
				+createApp(App).use(router).use(store).mount('#app')
			
--- a/src/router/htgj/index.js
+++ b/src/router/htgj/index.js
@@ -14,6 +14,11 @@ export const htgjRoutes=[
 
				                 name:"htgjDetail",
			
 
				                 component: () => import("@/views/htgj/report.vue"),
			
 
				             },
			
 
				+            {
			
 
				+                path:"strategyDetail",
			
 
				+                name:"htgjStrategyDetail",
			
 
				+                component: () => import("@/views/htgj/strategyDetail.vue"),
			
 
				+            },
			
 
				             {
			
 
				                 path:"search",
			
 
				                 name:"htgjSearch",
			
--- a/src/router/hzyb/index.js
+++ b/src/router/hzyb/index.js
@@ -35,4 +35,22 @@ export const hzybRoutes=[
 
				             }
			
 
				         ]
			
 
				     },
			
 
				+    // 报告模块
			
 
				+    {
			
 
				+        path:'/hzyb/report',
			
 
				+        name:'hzybReport',
			
 
				+        component: () => import("@/views/hzyb/Index.vue"),
			
 
				+        children:[
			
 
				+            {
			
 
				+                path:"detail",
			
 
				+                name:"hzybReportDetailNew",
			
 
				+                component: () => import("@/views/hzyb/report/Detail.vue"),
			
 
				+            },
			
 
				+            {
			
 
				+                path:"chapterdetail",
			
 
				+                name:"hzybChapterDetail",
			
 
				+                component: () => import("@/views/hzyb/report/ChapterDetail.vue"),
			
 
				+            },
			
 
				+        ]
			
 
				+    }
			
 
				 ]
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,21 +1,25 @@
 
				-import { createRouter, createWebHistory } from "vue-router";
			
 
				-import { hzybRoutes } from "./hzyb/index"; // 弘则研报小程序路由
			
 
				-import { cygxRoutes } from "./cygx/index"; // 查研观向小程序路由
			
 
				-import { hzslRoutes } from "./hzsl/index"; // 弘则思路小程序路由
			
 
				+
			
 
				+import { createRouter, createWebHistory } from 'vue-router'
			
 
				+import {hzybRoutes} from './hzyb/index'// 弘则研报小程序路由
			
 
				+import {cygxRoutes} from './cygx/index'// 查研观向小程序路由
			
 
				+import {hzslRoutes} from './hzsl/index'// 弘则思路小程序路由
			
 
				 import { htgjRoutes } from "./htgj/index"; // 海通国际 APP 路由
			
 
				+import { ssbgRoutes } from './ssbg';//随手办公
			
 
				 import store from "@/store";
			
 
				-const routes = [
			
 
				-  ...hzybRoutes,
			
 
				-  ...cygxRoutes,
			
 
				-  ...hzslRoutes,
			
 
				-  ...htgjRoutes,
			
 
				-  //404
			
 
				-  {
			
 
				-    path: "/:pathMatch(.*)",
			
 
				-    name: "404",
			
 
				-    component: () => import("@/views/Error.vue"),
			
 
				-  },
			
 
				-];
			
 
				+
			
 
				+const routes=[
			
 
				+    ...hzybRoutes,
			
 
				+    ...cygxRoutes,
			
 
				+    ...hzslRoutes,
			
 
				+    ...htgjRoutes,
			
 
				+    ...ssbgRoutes,
			
 
				+    //404
			
 
				+    {
			
 
				+        path: "/:pathMatch(.*)",
			
 
				+        name:"404",
			
 
				+        component: () => import("@/views/Error.vue"),
			
 
				+    },
			
 
				+]
			
 
				 
			
 
				 const router = createRouter({
			
 
				   history: createWebHistory(import.meta.env.VITE_APP_BASE_URL),
			
--- a/src/router/ssbg/index.js
+++ b/src/router/ssbg/index.js
@@ -0,0 +1,21 @@
 
				+/* 随手办公 */
			
 
				+
			
 
				+export const ssbgRoutes = [
			
 
				+	{
			
 
				+		path: '/ssbg/roadshow',
			
 
				+		name:'ssbgRoadShow',
			
 
				+		component: () => import("@/App.vue"),
			
 
				+		children: [
			
 
				+			{
			
 
				+				path: 'mine',
			
 
				+				name: 'myCalendar',
			
 
				+				component: () => import("@/views/ssbg/roadshow/myCalendar.vue")
			
 
				+			},
			
 
				+			{
			
 
				+				path: 'researcher',
			
 
				+				name: 'researcherCalendar',
			
 
				+				component: () => import("@/views/ssbg/roadshow/rsCalendar.vue")
			
 
				+			}
			
 
				+		]
			
 
				+	},
			
 
				+]
			
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,4 +1,5 @@
 
				 import { createStore, Store } from "vuex";
			
 
				+import hzyb from "./modules/hzyb";
			
 
				 
			
 
				 const store = createStore({
			
 
				   state: {
			
@@ -15,6 +16,9 @@ const store = createStore({
 
				     },
			
 
				   },
			
 
				   actions: {},
			
 
				+  modules: {
			
 
				+    hzyb
			
 
				+  }
			
 
				 });
			
 
				 
			
 
				-export default store;
			
 
				+export default store;
			
--- a/src/store/modules/hzyb.js
+++ b/src/store/modules/hzyb.js
@@ -0,0 +1,48 @@
 
				+const hzybStore={
			
 
				+    namespaced: true,
			
 
				+    state:{
			
 
				+        audioData:{
			
 
				+            INS:null,
			
 
				+            url:'',//音频链接
			
 
				+            videoTime:0,//音频时长
			
 
				+            videoName:'',//音频名称
			
 
				+            videoImg:'',//音频图片
			
 
				+            paused:true,//音频是否在暂停
			
 
				+            show:false,// 显示音频弹窗
			
 
				+        }
			
 
				+    },
			
 
				+    mutations: {
			
 
				+        // 点击播放音频
			
 
				+        addAudio(state,e){
			
 
				+            state.audioData.url=e.video_url
			
 
				+            state.audioData.videoTime=e.video_play_seconds
			
 
				+            state.audioData.videoName=e.video_name
			
 
				+            state.audioData.videoImg=e.video_img
			
 
				+            state.audioData.INS.play()
			
 
				+            state.audioData.show=true
			
 
				+        },
			
 
				+        // 更新音频播放状态
			
 
				+        upateAudioStatus(state,e){
			
 
				+            if(e==='end'){
			
 
				+                state.audioData.url=''
			
 
				+                state.audioData.show=false
			
 
				+            }else if(e==='play'){
			
 
				+                state.audioData.paused=false
			
 
				+            }else if(e==='paused'){
			
 
				+                state.audioData.paused=true
			
 
				+            }
			
 
				+        },
			
 
				+        //关闭音频弹窗
			
 
				+        closeAudioPop(state){
			
 
				+            state.audioData.show=false
			
 
				+            state.audioData.INS=null 
			
 
				+            state.audioData.url=''
			
 
				+            state.audioData.paused=true
			
 
				+        },
			
 
				+        showAudioPop(state){
			
 
				+            state.audioData.show=true
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+export default hzybStore
			
--- a/src/style/common.scss
+++ b/src/style/common.scss
@@ -1,6 +1,7 @@
 
				 #app{
			
 
				     font-size: 28px;
			
 
				 }
			
 
				+* { margin: 0px; padding:0}
			
 
				 div{
			
 
				     box-sizing: border-box;
			
 
				 }
			
@@ -17,4 +18,8 @@ a {
 
				 }
			
 
				 input{
			
 
				     -webkit-appearance: none;
			
 
				+}
			
 
				+
			
 
				+li {
			
 
				+    list-style: none;
			
 
				 }
			
--- a/src/views/cygx/dlg.vue
+++ b/src/views/cygx/dlg.vue
@@ -2,10 +2,10 @@
 
				   <div class="container-dlg" v-if="showTips">
			
 
				     <div class="text">
			
 
				       <h1>免责声明</h1>
			
 
				-      <p v-if="reportInfo.IsResearch">
			
 
				-        本文为用户投稿，用户在平台中发表的所有资料、言论等仅代表个人观点，与本平台立场无关，不对您构成任何投资建议。弘则研究对文中陈述、观点判断保持中立，不对所包含内容及数据的真实性、准确性、可靠性或完整性提供任何明示或暗示的保证。请读者仅作参考，并请自行承担全部责任。
			
 
				+      <p >
			
 
				+        本文为用户投稿，用户在平台中发表的所有资料、言论等仅代表个人观点，与本平台立场无关，不对您构成任何投资建议。上海察研对文中陈述、观点判断保持中立，不对所包含内容及数据的真实性、准确性、可靠性或完整性提供任何明示或暗示的保证。请读者仅作参考，并请自行承担全部责任。
			
 
				       </p>
			
 
				-      <template v-else>
			
 
				+      <!-- <template>
			
 
				         <p>1、本报告仅供弘则弥道（上海）投资咨询有限公司正式签约的机构客户使用，不会仅因接收人/接受机构收到本报告而将其视为客户。</p>
			
 
				         <p>
			
 
				           2、本报告根据国际和行业通行的准则，以合法渠道获得这些信息，尽可能保证可靠、准确和完整，但并不保证报告所述信息的准确性和完整性，也不保证本报告所包含的信息或建议在本报告发出后不会发生任何变更。本报告中所提供的信息仅供参考。
			
@@ -14,7 +14,7 @@
 
				           3、报告中的内容不对投资者做出的最终操作建议做任何的担保，也没有任何形式的分享投资收益或者分担投资损失的书面或口头承诺。不作为客户在投资、法律、会计或税务等方面的最终操作建议，也不作为道义的、责任的和法律的依据或者凭证，无论是否已经明示或者暗示。
			
 
				         </p>
			
 
				         <p>4、在任何情况下，本公司不对客户/接受人/接受机构因使用报告中内容所引致的一切损失负责任，客户/接受人/接受机构需自行承担全部风险。</p>
			
 
				-      </template>
			
 
				+      </template> -->
			
 
				       <p class="hide-tips" @click="isHide">知道了</p>
			
 
				     </div>
			
 
				   </div>
			
--- a/src/views/cygx/index.scss
+++ b/src/views/cygx/index.scss
@@ -0,0 +1,379 @@
 
				+.container-cygx {
			
 
				+   @media screen and (min-width:790px) {
			
 
				+    width: 1200px;
			
 
				+    margin:  0 auto;
			
 
				+  }
			
 
				+  padding: 54px 34px 34px 34px;
			
 
				+  position: relative;
			
 
				+  z-index: 5;
			
 
				+  @media screen and (min-width:790px) {
			
 
				+    padding: 25PX 17PX 17PX;
			
 
				+  }
			
 
				+  .z-index-content {
			
 
				+    position: relative;
			
 
				+    z-index: 5;
			
 
				+  }
			
 
				+  .host-collect {
			
 
				+    margin-top: 20px;
			
 
				+    padding-bottom: 100px;
			
 
				+    padding-bottom: calc(100px + constant(safe-area-inset-bottom));
			
 
				+    padding-bottom: calc(100px + env(safe-area-inset-bottom));
			
 
				+    h4 {
			
 
				+      font-size: 28px;
			
 
				+      @media screen and (min-width:790px) {
			
 
				+        font-size: 14px;
			
 
				+      }
			
 
				+    }
			
 
				+    @media screen and (min-width:790px) {
			
 
				+      padding-bottom: 50PX;
			
 
				+    }
			
 
				+    background-color: #fff;
			
 
				+    .host-content {
			
 
				+      border-top: 1px solid #ECECEC;
			
 
				+      .host-title {
			
 
				+        margin: 30px 0;
			
 
				+        color: #333;
			
 
				+        font-size: 28px;
			
 
				+        font-weight: 500;
			
 
				+        @media screen and (min-width:790px) {
			
 
				+          margin: 15PX 0;
			
 
				+          font-size: 14px;
			
 
				+        }
			
 
				+      }
			
 
				+      .item-more {
			
 
				+        display:flex;
			
 
				+        align-items: center;
			
 
				+        justify-content: space-between;
			
 
				+        color: #CECECE;
			
 
				+        font-size: 24px;
			
 
				+        margin-bottom: 30px;
			
 
				+        @media screen and (min-width:790px) {
			
 
				+          font-size: 12PX;
			
 
				+          margin-bottom: 15PX;
			
 
				+        }
			
 
				+      }
			
 
				+      .pv-ollect {
			
 
				+        display:flex;
			
 
				+        align-items: center;
			
 
				+        justify-content: space-between;
			
 
				+        img {
			
 
				+          width: 21px;
			
 
				+          height: 21px;
			
 
				+          margin-left: 10px;
			
 
				+          @media screen and (min-width:790px) {
			
 
				+            width: 12PX;
			
 
				+            height: 12PX;
			
 
				+            margin-left: 5PX;
			
 
				+          }
			
 
				+        }
			
 
				+        .pv {
			
 
				+          height: 16px;
			
 
				+          @media screen and (min-width:790px) {
			
 
				+            height: 8PX;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .search {
			
 
				+    width: 100%;
			
 
				+    padding: 20px 20px;
			
 
				+    line-height: 70px;
			
 
				+    position: fixed;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    background: #fff;
			
 
				+    z-index: 9;
			
 
				+    @media screen and (min-width:790px) {
			
 
				+     padding: 10PX 10PX;
			
 
				+     line-height: 35PX;
			
 
				+    }
			
 
				+    .search-box {
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      padding-left: 20px;
			
 
				+      width: 100%;
			
 
				+      height: 70px;
			
 
				+      border-radius: 35px;
			
 
				+      background: #f6f6f6;
			
 
				+      color: #8d8d8d;
			
 
				+      font-size: 24px;
			
 
				+      @media screen and (min-width:790px) {
			
 
				+      padding-left: 10PX;
			
 
				+      height: 25PX;
			
 
				+      border-radius: 18PX;
			
 
				+      font-size: 12PX;
			
 
				+    }
			
 
				+    }
			
 
				+  }
			
 
				+  .content-top {
			
 
				+    .report-research {
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      justify-content:space-between;
			
 
				+      font-size: 28px;
			
 
				+      font-weight: 500;
			
 
				+      color: #333;
			
 
				+      margin-bottom: 20px;
			
 
				+       @media screen and (min-width:790px) {
			
 
				+        font-size: 14PX;
			
 
				+        margin-bottom: 10PX;
			
 
				+      }
			
 
				+      img {
			
 
				+        width: 81px;
			
 
				+        height: 81px;
			
 
				+        overflow: hidden;
			
 
				+        margin-right: 30px;
			
 
				+        @media screen and (min-width:790px) {
			
 
				+        width: 40PX;
			
 
				+        height: 40PX;
			
 
				+        margin-right: 15PX;
			
 
				+      }
			
 
				+      }
			
 
				+      .time {
			
 
				+        font-size: 24px;
			
 
				+        color: #999999;
			
 
				+        font-weight: 300;
			
 
				+        @media screen and (min-width:790px) {
			
 
				+        font-size: 12PX;
			
 
				+      }
			
 
				+      }
			
 
				+      .is-follow {
			
 
				+        padding: 5px 28px;
			
 
				+        background-color:#3385FF ;
			
 
				+        border-radius:59px;
			
 
				+        color: #fff;
			
 
				+        @media screen and (min-width:790px) {
			
 
				+        padding: 3PX 14PX;
			
 
				+        border-radius:30PX;
			
 
				+      }
			
 
				+      }
			
 
				+      .follow-cancel {
			
 
				+        background: #F0F0F0;
			
 
				+        color: #999999;
			
 
				+      }
			
 
				+    }
			
 
				+    .report-title {
			
 
				+      font-size: 34px;
			
 
				+      font-weight: bold;
			
 
				+      color: #4a4a4a;
			
 
				+      margin: 60px 0 20px;
			
 
				+  @media screen and (min-width:790px) {
			
 
				+       margin: 30PX 0 10PX;
			
 
				+       font-size: 18PX;
			
 
				+  }
			
 
				+    }
			
 
				+    .report-text {
			
 
				+      color: #999999;
			
 
				+      font-size: 28px;
			
 
				+  @media screen and (min-width:790px) {   
			
 
				+       font-size: 14PX;
			
 
				+  }
			
 
				+      .seller-list {
			
 
				+        margin: 20px 0;
			
 
				+ @media screen and (min-width:790px) {
			
 
				+        margin: 10PX 0;
			
 
				+  }
			
 
				+      }
			
 
				+      .report_desc {
			
 
				+        display: flex;
			
 
				+        justify-content: space-between;
			
 
				+      }
			
 
				+      .tip {
			
 
				+        color: #3385ff;
			
 
				+      }
			
 
				+      .container-abstract {
			
 
				+        margin: 40px 0 20px;
			
 
				+        padding-bottom: 40px;
			
 
				+        border-bottom: 2px dashed #999;
			
 
				+        position: relative;
			
 
				+        line-height: 44px;
			
 
				+        color: #333;
			
 
				+        &::before {
			
 
				+          content: "";
			
 
				+          position: absolute;
			
 
				+          top: 0;
			
 
				+          left: 0;
			
 
				+          width: 8px;
			
 
				+          height: 44px;
			
 
				+          background: #2a65f5;
			
 
				+        }
			
 
				+    @media screen and (min-width:790px) {
			
 
				+        margin: 20PX 0 10PX;
			
 
				+        padding-bottom: 20PX;
			
 
				+        border-bottom: 1PX dashed #999;
			
 
				+        position: relative;
			
 
				+        line-height: 22PX;
			
 
				+         &::before {
			
 
				+          content: "";
			
 
				+          position: absolute;
			
 
				+          top: 0;
			
 
				+          left: 0;
			
 
				+          width: 4PX;
			
 
				+          height: 22PX;
			
 
				+          background: #2a65f5;
			
 
				+        }
			
 
				+  }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .report-link {
			
 
				+    font-size: 28px;
			
 
				+    line-height: 80px;
			
 
				+      @media screen and (min-width:790px) {   
			
 
				+      font-size: 14PX;
			
 
				+     line-height: 40PX;
			
 
				+    }
			
 
				+  }
			
 
				+  .detail-report {
			
 
				+    @media screen and (min-width:790px) { 
			
 
				+      padding-bottom: 65PX;
			
 
				+      font-size: 14PX !important;
			
 
				+    }
			
 
				+    
			
 
				+    p,
			
 
				+    span {
			
 
				+      font-size: 28px !important;
			
 
				+    @media screen and (min-width:790px) {
			
 
				+      font-size: 14PX !important;
			
 
				+    }
			
 
				+    }
			
 
				+    img {
			
 
				+      width: 100% !important;
			
 
				+    }
			
 
				+    a {
			
 
				+      color: #333;
			
 
				+    }
			
 
				+    table {
			
 
				+      border-collapse: collapse;
			
 
				+      width: 100% !important;
			
 
				+      margin-left: 0 !important;
			
 
				+    }
			
 
				+    tr td,
			
 
				+    th {
			
 
				+      border: 1px solid #333;
			
 
				+    @media screen and (min-width:790px) {
			
 
				+      font-size: 1PX !important;
			
 
				+    }
			
 
				+    }
			
 
				+  }
			
 
				+  pre {
			
 
				+    width: 100%;
			
 
				+    overflow-y: auto;
			
 
				+    overflow-x: hidden;
			
 
				+    outline: none;
			
 
				+    border: 0;
			
 
				+    white-space: pre-wrap;
			
 
				+    word-break: normal;
			
 
				+  }
			
 
				+  .btn-returntop {
			
 
				+    position: fixed;
			
 
				+    right: 40px;
			
 
				+    bottom: 290px;
			
 
				+    width: 88px;
			
 
				+    height: 88px;
			
 
				+    z-index: 10;
			
 
				+  @media screen and (min-width:790px) {
			
 
				+    right: 20PX;
			
 
				+    bottom: 145PX;
			
 
				+    width: 44PX;
			
 
				+    height: 44PX;
			
 
				+  }
			
 
				+  }
			
 
				+  .fixed_cont {
			
 
				+    position: fixed;
			
 
				+    bottom: 0;
			
 
				+    left: 0;
			
 
				+    right: 0;
			
 
				+    display: flex;
			
 
				+    justify-content: space-around;
			
 
				+    border-top: 1px solid #ddd;
			
 
				+    padding-bottom: calc(5px + constant(safe-area-inset-bottom));
			
 
				+    padding-bottom: calc(5px + env(safe-area-inset-bottom));
			
 
				+    background-color: #fff;
			
 
				+    z-index: 9;
			
 
				+    box-sizing: border-box;
			
 
				+    .handle-item {
			
 
				+      padding-top: 14px;
			
 
				+      text-align: center;
			
 
				+      line-height: 33px;
			
 
				+      font-size: 20px;
			
 
				+      color: #888888;
			
 
				+
			
 
				+      img {
			
 
				+        width: 44px;
			
 
				+        height: 44px;
			
 
				+        padding: 0;
			
 
				+        margin: 0;
			
 
				+      }
			
 
				+      div {
			
 
				+        padding: 0;
			
 
				+        margin: 0;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .btn-freecharge {
			
 
				+        position: fixed;
			
 
				+        right: 20px;
			
 
				+        bottom: 380px;
			
 
				+        z-index: 10;
			
 
				+        .image {
			
 
				+          width: 156px;
			
 
				+          height: 156px;
			
 
				+        }
			
 
				+        .remove-icon {
			
 
				+          width: 31px;
			
 
				+          height: 31px;
			
 
				+          position: absolute;
			
 
				+          right: 0;
			
 
				+          top: 0;
			
 
				+        }
			
 
				+  }
			
 
				+}
			
 
				+.no-cv {
			
 
				+  -webkit-user-select: none;
			
 
				+  -khtml-user-select: none;
			
 
				+  -moz-user-select: none;
			
 
				+  -ms-user-select: none;
			
 
				+  user-select: none;
			
 
				+}
			
 
				+#tutorial {
			
 
				+  position: absolute;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  z-index: 1;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  opacity: 0.1;
			
 
				+  // transform: translateX(130px) rotate(-38deg);
			
 
				+}
			
 
				+.van-dialog--round-button .van-dialog__footer {
			
 
				+  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
			
 
				+  padding: 0 !important;
			
 
				+  .van-button--warning {
			
 
				+    color: #333 !important;
			
 
				+    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
			
 
				+  }
			
 
				+  .van-button--danger {
			
 
				+    color: #3385ff !important;
			
 
				+  }
			
 
				+  .van-button--warning,
			
 
				+  .van-button--danger {
			
 
				+    height: 80px !important;
			
 
				+    border-radius: 0 !important;
			
 
				+  }
			
 
				+  .van-goods-action-button--first {
			
 
				+    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
			
 
				+  }
			
 
				+}
			
 
				+.van-icon-search {
			
 
				+  font-size: 28px;
			
 
				+  margin-right: 10px;
			
 
				+   @media screen and (min-width:790px) {
			
 
				+    font-size: 14PX;
			
 
				+    margin-right: 5PX;
			
 
				+  }
			
 
				+}
			
 
				+.detail-bottom {
			
 
				+  padding-bottom: 130px;
			
 
				+}
			
--- a/src/views/cygx/raiReportDtl.vue
+++ b/src/views/cygx/raiReportDtl.vue
@@ -2,7 +2,7 @@
 
				   <div class="container-cygx" v-show="haveData" :class="reportInfo.IsResearch ? 'no-cv' : ''">
			
 
				     <canvas id="tutorial" ref="tutorial"></canvas>
			
 
				     <div class="search" v-if="from_type == 'mpwechat'">
			
 
				-      <div class="search-box" @click="btnSearch" >
			
 
				+      <div class="search-box" @click="btnSearch">
			
 
				         <Icon name="search" color="#8D8D8D" />
			
 
				         <span>搜索您想要的{{ reportInfo.IsBelongSummary ? "纪要" : "产业资源包" }}</span>
			
 
				       </div>
			
@@ -11,17 +11,30 @@
 
				       <div class="content-top">
			
 
				         <div class="report-title">{{ reportInfo.Title }}</div>
			
 
				         <div class="report-text">
			
 
				-          <div class="report_desc">
			
 
				-            <span class="author">{{ reportInfo.Department }}</span>
			
 
				-            <span>{{ reportInfo.PublishDate }}</span>
			
 
				-          </div>
			
 
				-          <div class="seller-list" v-if="!reportInfo.IsResearch">
			
 
				-            <span>联系人:</span>
			
 
				-            <span v-for="(item, index) in reportInfo.SellerList" :key="index"> {{ item.SellerName }}({{ item.SellerMobile }})&nbsp;&nbsp; </span>
			
 
				-          </div>
			
 
				-          <div class="seller-list" v-else>
			
 
				-            <span>作者:{{ reportInfo.SellerAndMobile }} </span>
			
 
				-          </div>
			
 
				+          <template v-if="!reportInfo.IsResearch">
			
 
				+            <div class="report_desc">
			
 
				+              <span class="author">{{ reportInfo.Department }}</span>
			
 
				+              <span>{{ reportInfo.PublishDate }}</span>
			
 
				+            </div>
			
 
				+            <div class="seller-list">
			
 
				+              <span>联系人:</span>
			
 
				+              <span v-for="(item, index) in reportInfo.SellerList" :key="index"> {{ item.SellerName }}({{ item.SellerMobile }})&nbsp;&nbsp; </span>
			
 
				+            </div>
			
 
				+          </template>
			
 
				+          <template v-else>
			
 
				+            <div class="report-research">
			
 
				+              <div style="display: flex">
			
 
				+                <img :src="reportInfo.DepartmentImgUrl" @click="goAuthorPages" />
			
 
				+                <div class="research-author">
			
 
				+                  <p @click="goAuthorPages" >{{ reportInfo.SellerAndMobile }}</p>
			
 
				+                  <p class="time">{{ reportInfo.PublishDate }}</p>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div @click="attentionBtn" class="is-follow" :class="reportInfo.IsFollow ? 'follow-cancel' : ''">
			
 
				+                {{ reportInfo.IsFollow ? "取消关注" : "+ 关注" }}
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </template>
			
 
				           <div>注：请务必阅读<span class="tip" @click="showTips = true"> &nbsp;免责声明</span></div>
			
 
				           <div class="container-abstract">&nbsp;&nbsp;摘要:&nbsp;{{ reportInfo.Abstract }}</div>
			
 
				         </div>
			
@@ -30,13 +43,37 @@
 
				         报告全文:
			
 
				         <span style="color: #0808e5" @click="downloadFile">（PDF格式报告下载.pdf）</span>
			
 
				       </div>
			
 
				-      <div class="detail-report">
			
 
				+      <div class="detail-report" :class="reportInfo.IsResearch ? '' : 'detail-bottom'">
			
 
				         <div id="report-content" v-html="reportInfo.Body"></div>
			
 
				       </div>
			
 
				+      <div class="host-collect" v-if="reportInfo.IsResearch && reportResearch.length">
			
 
				+        <h4>相关热门收藏：</h4>
			
 
				+        <div class="host-content" v-for="item in reportResearch" :key="item.ArticleId">
			
 
				+          <p class="host-title" @click="goDetail(item)">{{ item.Title }}</p>
			
 
				+          <div class="item-more">
			
 
				+            <p>{{ item.PublishDate }}</p>
			
 
				+            <div class="pv-ollect">
			
 
				+              <div>
			
 
				+                <img class="pv" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/examine_icon.png" />
			
 
				+                {{ item.Pv }}
			
 
				+              </div>
			
 
				+              <div @click="collectClick(item)">
			
 
				+                <img v-if="item.IsCollect" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/collect_act.png" />
			
 
				+                <img v-else src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/collect_ico.png" />
			
 
				+                {{ item.CollectNum }}人收藏
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				     </div>
			
 
				     <div class="btn-returntop">
			
 
				       <img src="~@/assets/cygx/returntop.png" @click="scrolltop" style="width: 40px" />
			
 
				     </div>
			
 
				+    <div class="btn-freecharge" v-if="isShowFreeBtn && from_type == 'mpwechat'">
			
 
				+      <img @click="toggle" class="image" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/free_icon.png" />
			
 
				+      <img @click="removeBton" class="remove-icon" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/free_%20remove.png" />
			
 
				+    </div>
			
 
				     <!-- 底部悬浮固定 -->
			
 
				     <div class="fixed_cont" v-if="from_type == 'mpwechat'">
			
 
				       <div class="handle-item" @click="applyHandle" v-if="reportInfo.IsSummary == 1 && !reportInfo.IsResearch">
			
@@ -48,12 +85,6 @@
 
				         <img src="@/assets/cygx/quiz_ico.png" class="img_ico" />
			
 
				         <div>提问</div>
			
 
				       </div>
			
 
				-      <div class="handle-item" @click="attentionBtn" v-if="reportInfo.IsResearch">
			
 
				-        <img src="@/assets/cygx/attention_act.png" class="img_ico" v-if="reportInfo.IsFollow" />
			
 
				-        <img src="@/assets/cygx/attention_ico.png" class="img_ico" v-else />
			
 
				-        <div>{{ `${reportInfo.FollowNum}人关注` }}</div>
			
 
				-      </div>
			
 
				-
			
 
				       <div class="handle-item" @click="collectHandle">
			
 
				         <img src="@/assets/cygx/collect_act.png" class="img_ico" v-if="reportInfo.IsCollect" />
			
 
				         <img src="@/assets/cygx/collect_ico.png" class="img_ico" v-else />
			
@@ -70,13 +101,14 @@
 
				 <script setup>
			
 
				 import { reactive, onMounted, toRefs, ref } from "vue";
			
 
				 import { useRouter, useRoute } from "vue-router";
			
 
				-import { RaiApi } from "@/api/cygx/api.js";
			
 
				+import { RaiApi ,FreeButton } from "@/api/cygx/api.js";
			
 
				 import { Icon, Dialog, Toast } from "vant";
			
 
				 import dlg from "./dlg.vue";
			
 
				 const router = useRouter();
			
 
				 const route = useRoute();
			
 
				 const state = reactive({
			
 
				   reportInfo: {},
			
 
				+  reportResearch: [],
			
 
				 });
			
 
				 const rerportId = ref(null);
			
 
				 const from_type = ref(null);
			
@@ -96,6 +128,34 @@ const interviewApi = () => {
 
				     }
			
 
				   });
			
 
				 };
			
 
				+//跳转到免费送月卡页面
			
 
				+const toggle = () => {
			
 
				+  wx.miniProgram.navigateTo({
			
 
				+    url: "/pageMy/freeTrial/freeTrial",
			
 
				+  });
			
 
				+};
			
 
				+const isShowFreeBtn = ref(false)
			
 
				+
			
 
				+//隐藏当天的按钮
			
 
				+const removeBton = async () => {
			
 
				+  const res = await FreeButton.userFreeButtonUpdate();
			
 
				+   if(res.Ret ===200) {
			
 
				+    isShowFreeBtn.value = false;
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+const userIsShowFreeButton = async () => {
			
 
				+  const res = await FreeButton.userIsShowFreeButton()
			
 
				+  if(res.Ret ===200) {
			
 
				+    isShowFreeBtn.value = res.Data.IsShow
			
 
				+  }
			
 
				+}
			
 
				+// 跳转到作者页面
			
 
				+const goAuthorPages =  () => {
			
 
				+    wx.miniProgram.navigateTo({
			
 
				+      url: "/reportPages/authorPages/authorPages?id=" + state.reportInfo.DepartmentId,
			
 
				+    });
			
 
				+}
			
 
				 const downloadFile = async () => {
			
 
				   Toast.loading({
			
 
				     message: "下载中...",
			
@@ -145,6 +205,13 @@ const applyHandle = () => {
 
				 const scrolltop = () => {
			
 
				   document.body.scrollTop = document.documentElement.scrollTop = 0;
			
 
				 };
			
 
				+/* 文章相关热门 */
			
 
				+const researcharticleHotList = async () => {
			
 
				+  const res = await FreeButton.researcharticleHotList({ ArticleId: Number(rerportId.value) });
			
 
				+  if (res.Ret === 200) {
			
 
				+    state.reportResearch = res.Data.List || [];
			
 
				+  }
			
 
				+};
			
 
				 //关注作者事件
			
 
				 const attentionBtn = () => {
			
 
				   RaiApi.fllowDepartment({
			
@@ -193,17 +260,30 @@ const collectHandle = () => {
 
				   }).then((res) => {
			
 
				     if (res.Ret === 200) {
			
 
				       state.reportInfo.IsCollect = !state.reportInfo.IsCollect;
			
 
				-      if (state.reportInfo.IsCollection == 1) {
			
 
				+      if (res.Data.Status == 2) {
			
 
				         state.reportInfo.CollectionNum -= 1;
			
 
				-        state.reportInfo.IsCollection = 0;
			
 
				       } else {
			
 
				         state.reportInfo.CollectionNum += 1;
			
 
				-        state.reportInfo.IsCollection = 1;
			
 
				       }
			
 
				       Toast(res.Msg);
			
 
				     }
			
 
				   });
			
 
				 };
			
 
				+/* 文章相关热门跳转 */
			
 
				+const goDetail = (item) => {
			
 
				+  wx.miniProgram.navigateTo({
			
 
				+    url: "/pageMy/reportDetail/reportDetail?id=" + item.ArticleId,
			
 
				+  });
			
 
				+};
			
 
				+/* 文章相关热门收藏 */
			
 
				+const collectClick = async (item) => {
			
 
				+  const res = await RaiApi.collectRpt({ ArticleId: item.ArticleId });
			
 
				+  if (res.Ret === 200) {
			
 
				+    item.IsCollect = !item.IsCollect;
			
 
				+    item.IsCollect ? (item.CollectNum += 1) && Toast("收藏成功") : (item.CollectNum -= 1);
			
 
				+    !item.IsCollect && Toast("已取消收藏");
			
 
				+  }
			
 
				+};
			
 
				 /* 复制 */
			
 
				 const copyMonitor = () => {
			
 
				   RaiApi.pageHistoryCopy({
			
@@ -257,12 +337,12 @@ const getReport = (id, token, type) => {
 
				           if (state.reportInfo.IsResearch || state.reportInfo.IsBelongSummary) {
			
 
				             waterMark(res.Data.Mobile);
			
 
				           }
			
 
				-          $(document).on("click", "#report-content img", function(event) {
			
 
				+          $(document).on("click", "#report-content img", function (event) {
			
 
				             let imgArray = [];
			
 
				             let src_tag = $(this).attr("src");
			
 
				             let parent_tag = $(this).parent();
			
 
				             if (src_tag && !parent_tag.attr("href")) {
			
 
				-              $("#report-content img").each(function(index, el) {
			
 
				+              $("#report-content img").each(function (index, el) {
			
 
				                 let itemSrc = $(this).attr("src");
			
 
				                 imgArray.push(itemSrc);
			
 
				               });
			
@@ -281,12 +361,12 @@ const getReport = (id, token, type) => {
 
				         if (res.Data.HasPermission === 1) {
			
 
				           //有访问权限
			
 
				           state.reportInfo = res.Data.Detail;
			
 
				-          $(document).on("click", "#report-content img", function(event) {
			
 
				+          $(document).on("click", "#report-content img", function (event) {
			
 
				             let imgArray = [];
			
 
				             let src_tag = $(this).attr("src");
			
 
				             let parent_tag = $(this).parent();
			
 
				             if (src_tag && !parent_tag.attr("href")) {
			
 
				-              $("#report-content img").each(function(index, el) {
			
 
				+              $("#report-content img").each(function (index, el) {
			
 
				                 let itemSrc = $(this).attr("src");
			
 
				                 imgArray.push(itemSrc);
			
 
				               });
			
@@ -305,265 +385,18 @@ onMounted(() => {
 
				     let access_token = route.query.token || "";
			
 
				     localStorage.setItem("access_token", access_token);
			
 
				     getReport(rerportId.value, access_token, from_type.value);
			
 
				+    userIsShowFreeButton()
			
 
				     if (from_type.value == "mpwechat") {
			
 
				       document.addEventListener("copy", (e) => {
			
 
				         copyMonitor();
			
 
				       });
			
 
				     }
			
 
				+    researcharticleHotList();
			
 
				   }
			
 
				 });
			
 
				-const { reportInfo } = toRefs(state);
			
 
				+const { reportInfo, reportResearch } = toRefs(state);
			
 
				 </script>
			
 
				 
			
 
				 <style lang="scss">
			
 
				-.container-cygx {
			
 
				-   @media screen and (min-width:790px) {
			
 
				-    width: 1200px;
			
 
				-    margin:  0 auto;
			
 
				-  }
			
 
				-  padding: 54px 34px 34px 34px;
			
 
				-  position: relative;
			
 
				-  z-index: 5;
			
 
				-  @media screen and (min-width:790px) {
			
 
				-    padding: 25PX 17PX 17PX;
			
 
				-  }
			
 
				-  .z-index-content {
			
 
				-    position: relative;
			
 
				-    z-index: 5;
			
 
				-  }
			
 
				-  .search {
			
 
				-    width: 100%;
			
 
				-    padding: 20px 20px;
			
 
				-    line-height: 70px;
			
 
				-    position: fixed;
			
 
				-    top: 0;
			
 
				-    left: 0;
			
 
				-    background: #fff;
			
 
				-    z-index: 9;
			
 
				-    @media screen and (min-width:790px) {
			
 
				-     padding: 10PX 10PX;
			
 
				-     line-height: 35PX;
			
 
				-    }
			
 
				-    .search-box {
			
 
				-      display: flex;
			
 
				-      align-items: center;
			
 
				-      padding-left: 20px;
			
 
				-      width: 100%;
			
 
				-      height: 70px;
			
 
				-      border-radius: 35px;
			
 
				-      background: #f6f6f6;
			
 
				-      color: #8d8d8d;
			
 
				-      font-size: 24px;
			
 
				-      @media screen and (min-width:790px) {
			
 
				-      padding-left: 10PX;
			
 
				-      height: 25PX;
			
 
				-      border-radius: 18PX;
			
 
				-      font-size: 12PX;
			
 
				-    }
			
 
				-    }
			
 
				-  }
			
 
				-  .content-top {
			
 
				-    .report-title {
			
 
				-      font-size: 34px;
			
 
				-      font-weight: bold;
			
 
				-      color: #4a4a4a;
			
 
				-      margin: 60px 0 20px;
			
 
				-  @media screen and (min-width:790px) {
			
 
				-       margin: 20PX 0 10PX;
			
 
				-       font-size: 18PX;
			
 
				-  }
			
 
				-    }
			
 
				-    .report-text {
			
 
				-      color: #999999;
			
 
				-      font-size: 28px;
			
 
				-  @media screen and (min-width:790px) {   
			
 
				-       font-size: 14PX;
			
 
				-  }
			
 
				-      .seller-list {
			
 
				-        margin: 20px 0;
			
 
				- @media screen and (min-width:790px) {
			
 
				-        margin: 10PX 0;
			
 
				-  }
			
 
				-      }
			
 
				-      .report_desc {
			
 
				-        display: flex;
			
 
				-        justify-content: space-between;
			
 
				-      }
			
 
				-      .tip {
			
 
				-        color: #3385ff;
			
 
				-      }
			
 
				-      .container-abstract {
			
 
				-        margin: 40px 0 20px;
			
 
				-        padding-bottom: 40px;
			
 
				-        border-bottom: 2px dashed #999;
			
 
				-        position: relative;
			
 
				-        line-height: 44px;
			
 
				-        color: #333;
			
 
				-        &::before {
			
 
				-          content: "";
			
 
				-          position: absolute;
			
 
				-          top: 0;
			
 
				-          left: 0;
			
 
				-          width: 8px;
			
 
				-          height: 44px;
			
 
				-          background: #2a65f5;
			
 
				-        }
			
 
				-    @media screen and (min-width:790px) {
			
 
				-        margin: 20PX 0 10PX;
			
 
				-        padding-bottom: 20PX;
			
 
				-        border-bottom: 1PX dashed #999;
			
 
				-        position: relative;
			
 
				-        line-height: 22PX;
			
 
				-         &::before {
			
 
				-          content: "";
			
 
				-          position: absolute;
			
 
				-          top: 0;
			
 
				-          left: 0;
			
 
				-          width: 4PX;
			
 
				-          height: 22PX;
			
 
				-          background: #2a65f5;
			
 
				-        }
			
 
				-  }
			
 
				-      }
			
 
				-    }
			
 
				-  }
			
 
				-  .report-link {
			
 
				-    font-size: 28px;
			
 
				-    line-height: 80px;
			
 
				-      @media screen and (min-width:790px) {   
			
 
				-      font-size: 14PX;
			
 
				-     line-height: 40PX;
			
 
				-    }
			
 
				-  }
			
 
				-  .detail-report {
			
 
				-    padding-bottom: 130px;
			
 
				-    @media screen and (min-width:790px) { 
			
 
				-      padding-bottom: 65PX;
			
 
				-    }
			
 
				-    p,
			
 
				-    span {
			
 
				-      font-size: 28px !important;
			
 
				-    @media screen and (min-width:790px) {
			
 
				-      font-size: 14PX !important;
			
 
				-    }
			
 
				-    }
			
 
				-    img {
			
 
				-      width: 100% !important;
			
 
				-    }
			
 
				-    a {
			
 
				-      color: #333;
			
 
				-    }
			
 
				-    table {
			
 
				-      border-collapse: collapse;
			
 
				-      width: 100% !important;
			
 
				-      margin-left: 0 !important;
			
 
				-    }
			
 
				-    tr td,
			
 
				-    th {
			
 
				-      border: 1px solid #333;
			
 
				-    @media screen and (min-width:790px) {
			
 
				-      font-size: 1PX !important;
			
 
				-    }
			
 
				-    }
			
 
				-  }
			
 
				-  pre {
			
 
				-    width: 100%;
			
 
				-    overflow-y: auto;
			
 
				-    overflow-x: hidden;
			
 
				-    outline: none;
			
 
				-    border: 0;
			
 
				-    white-space: pre-wrap;
			
 
				-    word-break: normal;
			
 
				-  }
			
 
				-  .btn-returntop {
			
 
				-    position: fixed;
			
 
				-    right: 40px;
			
 
				-    bottom: 290px;
			
 
				-    width: 88px;
			
 
				-    height: 88px;
			
 
				-    z-index: 10;
			
 
				-  @media screen and (min-width:790px) {
			
 
				-    right: 20PX;
			
 
				-    bottom: 145PX;
			
 
				-    width: 44PX;
			
 
				-    height: 44PX;
			
 
				-  }
			
 
				-  }
			
 
				-  .fixed_cont {
			
 
				-    position: fixed;
			
 
				-    bottom: 0;
			
 
				-    left: 0;
			
 
				-    right: 0;
			
 
				-    display: flex;
			
 
				-    justify-content: space-around;
			
 
				-    border-top: 1px solid #ddd;
			
 
				-    padding-bottom: calc(5px + constant(safe-area-inset-bottom));
			
 
				-    padding-bottom: calc(5px + env(safe-area-inset-bottom));
			
 
				-    background-color: #fff;
			
 
				-    z-index: 9;
			
 
				-    box-sizing: border-box;
			
 
				-    .handle-item {
			
 
				-      padding-top: 14px;
			
 
				-      text-align: center;
			
 
				-      line-height: 33px;
			
 
				-      font-size: 20px;
			
 
				-      color: #888888;
			
 
				-
			
 
				-      img {
			
 
				-        width: 44px;
			
 
				-        height: 44px;
			
 
				-        padding: 0;
			
 
				-        margin: 0;
			
 
				-      }
			
 
				-      div {
			
 
				-        padding: 0;
			
 
				-        margin: 0;
			
 
				-      }
			
 
				-    }
			
 
				-  }
			
 
				-}
			
 
				-.no-cv {
			
 
				-  -webkit-user-select: none;
			
 
				-  -khtml-user-select: none;
			
 
				-  -moz-user-select: none;
			
 
				-  -ms-user-select: none;
			
 
				-  user-select: none;
			
 
				-}
			
 
				-#tutorial {
			
 
				-  position: absolute;
			
 
				-  top: 0;
			
 
				-  left: 0;
			
 
				-  z-index: 1;
			
 
				-  width: 100%;
			
 
				-  height: 100%;
			
 
				-  opacity: 0.1;
			
 
				-  // transform: translateX(130px) rotate(-38deg);
			
 
				-}
			
 
				-.van-dialog--round-button .van-dialog__footer {
			
 
				-  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
			
 
				-  padding: 0 !important;
			
 
				-  .van-button--warning {
			
 
				-    color: #333 !important;
			
 
				-    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
			
 
				-  }
			
 
				-  .van-button--danger {
			
 
				-    color: #3385ff !important;
			
 
				-  }
			
 
				-  .van-button--warning,
			
 
				-  .van-button--danger {
			
 
				-    height: 80px !important;
			
 
				-    border-radius: 0 !important;
			
 
				-  }
			
 
				-  .van-goods-action-button--first {
			
 
				-    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
			
 
				-  }
			
 
				-}
			
 
				-.van-icon-search {
			
 
				-  font-size: 28px;
			
 
				-  margin-right: 10px;
			
 
				-   @media screen and (min-width:790px) {
			
 
				-    font-size: 14PX;
			
 
				-    margin-right: 5PX;
			
 
				-  }
			
 
				-}
			
 
				+@import "./index.scss";
			
 
				 </style>
			
--- a/src/views/htgj/index.vue
+++ b/src/views/htgj/index.vue
@@ -89,12 +89,7 @@ const tabState = reactive({
 
				 const getTabs = async () => {
			
 
				   const res = await report.Tab({});
			
 
				   if (res.Ret === 200) {
			
 
				-    let arr = res.Data.List;
			
 
				-    arr.unshift({
			
 
				-      ChartPermissionId: 0,
			
 
				-      PermissionName: "最新",
			
 
				-    });
			
 
				-    tabState.tabBars = arr;
			
 
				+    tabState.tabBars = res.Data.List || [];
			
 
				   }
			
 
				 };
			
 
				 /* tab点击 事件 */
			
@@ -149,17 +144,26 @@ const onLoad = () => {
 
				 
			
 
				 /* 去往详情 */
			
 
				 const goDetail = (item) => {
			
 
				-  router.push({
			
 
				-    path: "detail",
			
 
				-    query: {
			
 
				-      id: item.ArticleId,
			
 
				-    },
			
 
				-  });
			
 
				+  if (item.IsNeedJump) {
			
 
				+    router.push({
			
 
				+      path: "/htgj/strategyDetail",
			
 
				+      query: {
			
 
				+        id: item.ArticleId,
			
 
				+      },
			
 
				+    });
			
 
				+  } else {
			
 
				+    router.push({
			
 
				+      path: "/htgj/detail",
			
 
				+      query: {
			
 
				+        id: item.ArticleId,
			
 
				+      },
			
 
				+    });
			
 
				+  }
			
 
				 };
			
 
				 
			
 
				 /* 去往搜索 */
			
 
				 const goSearch = () => {
			
 
				-  router.push("search");
			
 
				+  router.push("/htgj/search");
			
 
				 };
			
 
				 
			
 
				 getTabs();
			
--- a/src/views/htgj/report.vue
+++ b/src/views/htgj/report.vue
@@ -110,7 +110,7 @@ const waterMark = (text) => {
 
				 
			
 
				 //点击回到搜索页面
			
 
				 const btnSearch = () => {
			
 
				-  router.push("search");
			
 
				+  router.push("/htgj/search");
			
 
				 };
			
 
				 
			
 
				 const timeState = reactive({
			
--- a/src/views/htgj/strategyDetail.vue
+++ b/src/views/htgj/strategyDetail.vue
@@ -0,0 +1,196 @@
 
				+<script setup>
			
 
				+import { reactive, onMounted, toRefs, ref, onUnmounted } from "vue";
			
 
				+import { useRouter, useRoute } from "vue-router";
			
 
				+import { RaiApi } from "@/api/htgj/api.js";
			
 
				+import { Icon, Dialog, Toast } from "vant";
			
 
				+import dlg from "../cygx/dlg.vue";
			
 
				+import store from "@/store";
			
 
				+import topbar from "./topbar.vue";
			
 
				+const router = useRouter();
			
 
				+const route = useRoute();
			
 
				+const state = reactive({
			
 
				+  reportInfo: {},
			
 
				+});
			
 
				+const rerportId = ref(null);
			
 
				+const haveData = ref();
			
 
				+const showTips = ref(false);
			
 
				+
			
 
				+//点击回到搜索页面
			
 
				+const btnSearch = () => {
			
 
				+  router.push("/htgj/search");
			
 
				+};
			
 
				+
			
 
				+const timeState = reactive({
			
 
				+  setIntervalTiem: null,
			
 
				+  readTiem: 0,
			
 
				+});
			
 
				+
			
 
				+/* 获取报告详情 */
			
 
				+const getReport = (id) => {
			
 
				+  RaiApi.reportDtl({
			
 
				+    ArticleId: id,
			
 
				+  }).then((res) => {
			
 
				+    if (res.Ret === 200) {
			
 
				+      haveData.value = res.Data.HasPermission;
			
 
				+      if (res.Data.HasPermission === 1) {
			
 
				+        //有访问权限
			
 
				+        state.reportInfo = res.Data.Detail;
			
 
				+        timeState.readTiem = 0;
			
 
				+        timeState.setIntervalTiem = setInterval(() => {
			
 
				+          timeState.readTiem++;
			
 
				+        }, 1000);
			
 
				+      }
			
 
				+    }
			
 
				+  });
			
 
				+};
			
 
				+onMounted(() => {
			
 
				+  if (route.query.id) {
			
 
				+    rerportId.value = route.query.id;
			
 
				+    getReport(rerportId.value);
			
 
				+  }
			
 
				+});
			
 
				+onUnmounted(() => {
			
 
				+  clearInterval(timeState.setIntervalTiem);
			
 
				+  if (!rerportId.value || haveData.value !== 1) return;
			
 
				+  RaiApi.addStopTime({
			
 
				+    ArticleId: Number(rerportId.value),
			
 
				+    StopTime: timeState.readTiem,
			
 
				+    OutType: 1,
			
 
				+    Source: "PC",
			
 
				+  }).then((res) => {});
			
 
				+});
			
 
				+const { reportInfo } = toRefs(state);
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="container-cygx-strategy" @copy="copyMonitor" v-if="haveData == 1" :class="reportInfo.IsResearch ? 'no-cv' : ''">
			
 
				+    <topbar class="top-box-bar" showText="弘则研究" />
			
 
				+    <div class="search">
			
 
				+      <div class="search-box" @click="btnSearch">
			
 
				+        <Icon name="search" color="#8D8D8D" />
			
 
				+        <span>搜索您想要的纪要</span>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <iframe class="details-iframe" :src="reportInfo.HttpUrl" frameborder="0" />
			
 
				+    <dlg :showTips="showTips" :reportInfo="reportInfo" @hideDlg="showTips = false" />
			
 
				+  </div>
			
 
				+  <div v-else class="nodata">
			
 
				+    <img src="@/assets/cygx/noauth.png" mode="" class="nodata_ico" />
			
 
				+    <div v-if="haveData == 2">
			
 
				+      <p>您暂无权限查看报告</p>
			
 
				+      <p>若想查看可联系销售开通试用权限</p>
			
 
				+    </div>
			
 
				+    <div v-else>
			
 
				+      <p>您的试用权限已到期</p>
			
 
				+      <p>若想继续试用，请联系销售</p>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  <topbar v-if="haveData != 1" class="top-haveData-bar" showText="弘则研究" />
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss">
			
 
				+.container-cygx-strategy {
			
 
				+  padding: 54px 34px 34px 34px;
			
 
				+  position: relative;
			
 
				+  z-index: 5;
			
 
				+  .top-box-bar {
			
 
				+    position: fixed;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    width: 100%;
			
 
				+    height: 60px;
			
 
				+    background-color: #fff;
			
 
				+    margin: 0;
			
 
				+    padding-top: 20px;
			
 
				+    z-index: 10;
			
 
				+    img {
			
 
				+      margin-top: 10px;
			
 
				+    }
			
 
				+  }
			
 
				+  .search {
			
 
				+    width: 100%;
			
 
				+    padding: 20px 20px;
			
 
				+    line-height: 70px;
			
 
				+    position: fixed;
			
 
				+    top: 60px;
			
 
				+    left: 0;
			
 
				+    background: #fff;
			
 
				+    z-index: 9;
			
 
				+    .search-box {
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      padding-left: 20px;
			
 
				+      width: 100%;
			
 
				+      height: 70px;
			
 
				+      border-radius: 35px;
			
 
				+      background: #f6f6f6;
			
 
				+      color: #8d8d8d;
			
 
				+      font-size: 24px;
			
 
				+    }
			
 
				+  }
			
 
				+  .details-iframe {
			
 
				+    width: 100%;
			
 
				+    height: calc(100vh - 100px);
			
 
				+  }
			
 
				+}
			
 
				+.nodata {
			
 
				+  width: 100%;
			
 
				+  margin: 30% auto;
			
 
				+  text-align: center;
			
 
				+  img {
			
 
				+    width: 50%;
			
 
				+    margin-bottom: 30px;
			
 
				+  }
			
 
				+  p {
			
 
				+    margin-top: 20px;
			
 
				+  }
			
 
				+}
			
 
				+.no-cv {
			
 
				+  -webkit-user-select: none;
			
 
				+  -khtml-user-select: none;
			
 
				+  -moz-user-select: none;
			
 
				+  -ms-user-select: none;
			
 
				+  user-select: none;
			
 
				+}
			
 
				+.top-box-bar {
			
 
				+  position: fixed;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  width: 100%;
			
 
				+  height: 40px;
			
 
				+  background-color: #fff;
			
 
				+  margin-top: 15px;
			
 
				+  z-index: 10;
			
 
				+}
			
 
				+.van-dialog--round-button .van-dialog__footer {
			
 
				+  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
			
 
				+  padding: 0 !important;
			
 
				+  .van-button--warning {
			
 
				+    color: #333 !important;
			
 
				+    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
			
 
				+  }
			
 
				+  .van-button--danger {
			
 
				+    color: #3385ff !important;
			
 
				+  }
			
 
				+  .van-button--warning,
			
 
				+  .van-button--danger {
			
 
				+    height: 80px !important;
			
 
				+    border-radius: 0 !important;
			
 
				+  }
			
 
				+  .van-goods-action-button--first {
			
 
				+    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
			
 
				+  }
			
 
				+}
			
 
				+.van-icon-search {
			
 
				+  font-size: 28px;
			
 
				+  margin-right: 10px;
			
 
				+}
			
 
				+.top-haveData-bar {
			
 
				+  position: absolute !important;
			
 
				+  width: 100%;
			
 
				+  margin-top: 20px;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  z-index: 9;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/hzyb/Index.vue
+++ b/src/views/hzyb/Index.vue
@@ -0,0 +1,219 @@
 
				+<script setup>
			
 
				+import {ref} from 'vue'
			
 
				+import { Slider,Icon as VanIcon,Progress as VanProgress } from 'vant';
			
 
				+import { useStore } from "vuex";
			
 
				+
			
 
				+const store=useStore()
			
 
				+
			
 
				+const audioIconPlaysmall=new URL('../../assets/hzyb/report/audio-play-small.png', import.meta.url).href
			
 
				+const audioIconPausesmall=new URL('../../assets/hzyb/report/audio-pause-small.png', import.meta.url).href
			
 
				+
			
 
				+const formatVoiceTime = (e) => {
			
 
				+  let minus = parseInt(e / 60);
			
 
				+  let sec = parseInt(e % 60);
			
 
				+  return `${minus > 9 ? minus : "0" + minus}:${sec > 9 ? sec : "0" + sec}`;
			
 
				+};
			
 
				+
			
 
				+let currentTime=ref(0)
			
 
				+let showBigAudio=ref(false)
			
 
				+const audioIns=ref('')
			
 
				+store.state.hzyb.audioData.INS=audioIns
			
 
				+
			
 
				+// 以下为音频事件
			
 
				+const audioError=()=>{
			
 
				+    console.log('音频加载出错');
			
 
				+}
			
 
				+
			
 
				+const audioPlay=()=>{
			
 
				+    console.log('音频开始播放');
			
 
				+    store.commit('hzyb/upateAudioStatus','play')
			
 
				+}
			
 
				+
			
 
				+const audioPause=()=>{
			
 
				+    console.log('音频暂停');
			
 
				+    store.commit('hzyb/upateAudioStatus','paused')
			
 
				+}
			
 
				+
			
 
				+const audioTimeupdate=(e)=>{
			
 
				+    // console.log(e.target.currentTime);
			
 
				+    currentTime.value=e.target.currentTime
			
 
				+}
			
 
				+
			
 
				+const audioEnded=()=>{
			
 
				+    console.log('音频播放结束');
			
 
				+    store.commit('hzyb/upateAudioStatus','end')
			
 
				+}
			
 
				+
			
 
				+// 音频进度条变化
			
 
				+const SliderChange=(e)=>{
			
 
				+    store.state.hzyb.audioData.INS.currentTime=e
			
 
				+}
			
 
				+
			
 
				+const handleClickAudio=()=>{
			
 
				+    if(store.state.hzyb.audioData.paused){
			
 
				+        store.state.hzyb.audioData.INS.play()
			
 
				+    }else{
			
 
				+        store.state.hzyb.audioData.INS.pause()
			
 
				+    }
			
 
				+}
			
 
				+// 关闭音频弹窗
			
 
				+const handleCloseAudioPup=()=>{
			
 
				+    showBigAudio.value=false
			
 
				+    store.state.hzyb.audioData.INS.pause()
			
 
				+    store.commit('hzyb/closeAudioPop')
			
 
				+}
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+
			
 
				+<template>
			
 
				+    <router-view />
			
 
				+    <audio
			
 
				+        ref="audioIns"
			
 
				+        autoplay
			
 
				+        :src="$store.state.hzyb.audioData.url"
			
 
				+        @error="audioError"
			
 
				+        @play="audioPlay"
			
 
				+        @pause="audioPause"
			
 
				+        @timeupdate="audioTimeupdate"
			
 
				+        @ended="audioEnded"
			
 
				+        style="display:none"
			
 
				+    />
			
 
				+    <!-- 悬浮音频模块 -->
			
 
				+    <div class="popup-audio-box" v-if="$store.state.hzyb.audioData.show">
			
 
				+        <div class="small-box" v-if="!showBigAudio" @click="showBigAudio=true">
			
 
				+            <img :src="$store.state.hzyb.audioData.videoImg" class="bg-img">
			
 
				+            <div class="small-con">
			
 
				+                <div class="audio-name-box" style="flex:1;overflow: hidden;">
			
 
				+                    <div class="van-ellipsis title">{{$store.state.hzyb.audioData.videoName}}</div>
			
 
				+                    <div style="color:#666">时长 {{ formatVoiceTime($store.state.hzyb.audioData.videoTime) }}</div>
			
 
				+                </div>
			
 
				+                <img class="btn-img" :src="$store.state.hzyb.audioData.paused?audioIconPausesmall:audioIconPlaysmall" @click.stop="handleClickAudio" alt="">
			
 
				+                <van-icon name="cross" color="#BBC3C9" size="16" @click.stop="handleCloseAudioPup" />
			
 
				+            </div>
			
 
				+            <van-progress 
			
 
				+                class="bot-progress" 
			
 
				+                stroke-width="1px" 
			
 
				+                color="#D4AC78" 
			
 
				+                :percentage="(currentTime/$store.state.hzyb.audioData.videoTime)*100" 
			
 
				+                :show-pivot="false" 
			
 
				+            />
			
 
				+        </div>
			
 
				+        <div class="big-box" v-else>
			
 
				+            <van-icon name="arrow-down" color="#BBC3C9" size="16" class="arrow-d" @click="showBigAudio=false" />
			
 
				+            <van-icon name="cross" color="#BBC3C9" size="16" class="arrow-c" @click.stop="handleCloseAudioPup" />
			
 
				+            <div class="title">{{$store.state.hzyb.audioData.videoName}}</div>
			
 
				+            <div class="flex">
			
 
				+                <span>{{formatVoiceTime(currentTime)}}</span>
			
 
				+                <Slider 
			
 
				+                    button-size="14px" 
			
 
				+                    v-model="currentTime" 
			
 
				+                    :max="$store.state.hzyb.audioData.videoTime" 
			
 
				+                    active-color="#D5AD79" 
			
 
				+                    inactive-color="#E9E9E9"
			
 
				+                    @change="SliderChange" 
			
 
				+                    class="slider"
			
 
				+                ></Slider>
			
 
				+                <span>{{ formatVoiceTime($store.state.hzyb.audioData.videoTime) }}</span>
			
 
				+            </div>
			
 
				+            <div class="flex" style="justify-content: center;">
			
 
				+                <img src="@/assets/hzyb/report/audio-change-small-grey.png">
			
 
				+                <img :src="$store.state.hzyb.audioData.paused?audioIconPausesmall:audioIconPlaysmall" @click="handleClickAudio" style="margin:0 20px">
			
 
				+                <img src="@/assets/hzyb/report/audio-change-small-grey.png" style="transform: rotate(180deg)">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- <div>{{$store.state.hzyb.audioData.videoName}}</div>
			
 
				+        <div class="flex">
			
 
				+            <span>{{formatVoiceTime(currentTime)}}</span>
			
 
				+            <Slider button-size="10px" v-model="currentTime" :max="$store.state.hzyb.audioData.videoTime" active-color="#D5AD79" @change="SliderChange" class="slider"></Slider>
			
 
				+            <span>{{ formatVoiceTime($store.state.hzyb.audioData.videoTime) }}</span>
			
 
				+            <img :src="$store.state.hzyb.audioData.paused?audioIconPausesmall:audioIconPlaysmall"  alt="" @click="handleClickAudio">
			
 
				+        </div> -->
			
 
				+    </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.popup-audio-box{
			
 
				+    position: fixed;
			
 
				+    z-index: 99;
			
 
				+    bottom: 30px;
			
 
				+    width: 90vw;
			
 
				+    left: 5vw;
			
 
				+    background-color: #fff;
			
 
				+    box-shadow: 0px 0px 33px 1px rgba(50,35,17,0.25);
			
 
				+    border: 1px solid #E4E4E4;
			
 
				+    .small-box{
			
 
				+        display: flex;
			
 
				+        height: 100px;
			
 
				+        position: relative;
			
 
				+        .bg-img{
			
 
				+            background-color: #f5f5f5;
			
 
				+            width: 74px;
			
 
				+            display: block;
			
 
				+            height: 100%;
			
 
				+            flex-shrink: 0;
			
 
				+            margin-right: 16px;
			
 
				+        }
			
 
				+        .small-con{
			
 
				+            overflow: hidden;
			
 
				+            display: flex;
			
 
				+            align-items: center;
			
 
				+            flex: 1;
			
 
				+            font-size: 20px;
			
 
				+            padding-right: 33px;
			
 
				+            .title{
			
 
				+                font-size: 23px;
			
 
				+            }
			
 
				+            .btn-img{
			
 
				+                width: 49px;
			
 
				+                height: 49px;
			
 
				+                display: block;
			
 
				+                margin-right: 36px;
			
 
				+            }
			
 
				+        }
			
 
				+        .bot-progress{
			
 
				+            position: absolute;
			
 
				+            left: 0;
			
 
				+            right: 0;
			
 
				+            bottom: 0;
			
 
				+        }
			
 
				+    }
			
 
				+    .big-box{
			
 
				+        padding: 25px;
			
 
				+        position: relative;
			
 
				+        .arrow-d{
			
 
				+            position: absolute;
			
 
				+            left: 25px;
			
 
				+            top: 25px;
			
 
				+        }
			
 
				+        .arrow-c{
			
 
				+            position: absolute;
			
 
				+            right: 25px;
			
 
				+            top: 25px;
			
 
				+        }
			
 
				+        .title{
			
 
				+            padding: 0 40px;
			
 
				+            text-align: center;
			
 
				+            font-size: 23px;
			
 
				+        }
			
 
				+        .flex{
			
 
				+            display: flex;
			
 
				+            align-items: center;
			
 
				+            margin-top: 40px;
			
 
				+            span{
			
 
				+                flex-shrink: 0;
			
 
				+                font-size: 20px;
			
 
				+                color: #666;
			
 
				+            }
			
 
				+            .slider{
			
 
				+                flex: 1;
			
 
				+                margin: 0 10px;
			
 
				+            }
			
 
				+            img{
			
 
				+                width: 49px;
			
 
				+                height: 49px;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/hzyb/activity/reportDetail.vue
+++ b/src/views/hzyb/activity/reportDetail.vue
@@ -4,11 +4,13 @@ import { apiGetReportDetail } from "@/api/hzyb/report.js";
 
				 import { getWxConfig } from '@/api/hzyb/common.js'
			
 
				 import { useRoute, useRouter } from "vue-router";
			
 
				 import {ImagePreview } from 'vant'
			
 
				+import LeaveMessage from '../components/leaveMessage/index.vue'
			
 
				 const route = useRoute();
			
 
				 const router=useRouter()
			
 
				 document.title = "报告详情";
			
 
				 
			
 
				 localStorage.setItem('hzyb-token',route.query.token)
			
 
				+localStorage.setItem('hzyb-userId',route.query.userId)
			
 
				 
			
 
				 // 配置wxjssdk (没用，本来是为了解决pc上小程序不能使用previewImage 问题)
			
 
				 // const setWxConfig=async ()=>{
			
@@ -116,6 +118,11 @@ onMounted(()=>{
 
				     })
			
 
				 })
			
 
				 
			
 
				+/* 点赞 */
			
 
				+const giveOrCancelLike = ({like_enabled,like_num}) => {
			
 
				+    info.value.like_num = like_num;
			
 
				+    info.value.like_enabled = like_enabled;
			
 
				+}
			
 
				 
			
 
				 // 周度报告列表跳转详情
			
 
				 const goDetail=(e)=>{
			
@@ -156,12 +163,22 @@ const goDetail=(e)=>{
 
				                 </div>
			
 
				             </div>
			
 
				         </div>
			
 
				-        <div class="content-wrap" v-else>
			
 
				-            <div v-for="item in info.ResearchReportTypeContentList" :key="item.sort">
			
 
				-              <h2 class="content-title">{{item.content_type?item.content_type:'核心观点'}}</h2>
			
 
				-              <div v-html="item.content" class="content-text"></div>
			
 
				-          </div>
			
 
				-        </div>
			
 
				+
			
 
				+        <template v-else>
			
 
				+            <div class="content-wrap" >
			
 
				+                <div v-for="item in info.ResearchReportTypeContentList" :key="item.sort">
			
 
				+                <h2 class="content-title">{{item.content_type?item.content_type:'核心观点'}}</h2>
			
 
				+                <div v-html="item.content" class="content-text"></div>
			
 
				+            </div>
			
 
				+            </div>
			
 
				+
			
 
				+            <!-- 留言点赞模块 -->
			
 
				+            <LeaveMessage
			
 
				+                :info="info"
			
 
				+                @like_change="giveOrCancelLike"
			
 
				+            />
			
 
				+        </template>
			
 
				+
			
 
				         <div class="footer-wrap">
			
 
				             <img class="img" src="@/assets/hzyb/mzsm.png" alt="" />
			
 
				             <div class="content">
			
@@ -181,6 +198,9 @@ const goDetail=(e)=>{
 
				     .van-popup{
			
 
				         background: rgba(0, 0, 0, 0.7) !important;
			
 
				     }
			
 
				+    .van-image-preview__image{
			
 
				+        background-color: #fff;
			
 
				+    }
			
 
				 }
			
 
				 </style>
			
 
				 
			
--- a/src/views/hzyb/activity/reportWeekDetail.vue
+++ b/src/views/hzyb/activity/reportWeekDetail.vue
@@ -3,10 +3,14 @@ import { computed, ref, onMounted,watch } from "vue";
 
				 import { apiGetReportDetail, apiGetWeekReportDetail } from "@/api/hzyb/report.js";
			
 
				 import { useRoute, useRouter,onBeforeRouteUpdate  } from "vue-router";
			
 
				 import {ImagePreview } from 'vant'
			
 
				+import LeaveMessage from '../components/leaveMessage/index.vue'
			
 
				 const route = useRoute();
			
 
				 const router=useRouter()
			
 
				 document.title = "报告详情";
			
 
				 localStorage.setItem('hzyb-token',route.query.token)
			
 
				+localStorage.setItem('hzyb-userId',route.query.userId)
			
 
				+
			
 
				+
			
 
				 let info = ref(null);
			
 
				 let topBg = ref(null)
			
 
				 let noAuth = ref(false);
			
@@ -100,6 +104,12 @@ const selectTag=(id)=>{
 
				     document.body.scrollTop = document.documentElement.scrollTop = 0;
			
 
				 }
			
 
				 
			
 
				+/* 点赞 */
			
 
				+const giveOrCancelLike = ({like_enabled,like_num}) => {
			
 
				+    info.value.like_num = like_num;
			
 
				+    info.value.like_enabled = like_enabled;
			
 
				+}
			
 
				+
			
 
				 onBeforeRouteUpdate(to => {
			
 
				     getDetail()
			
 
				 });
			
@@ -154,6 +164,13 @@ onBeforeRouteUpdate(to => {
 
				         <van-image-preview v-model:show="showPreViewImg" :start-position="preViewImgIndex" :images="preViewImgs">
			
 
				         </van-image-preview>
			
 
				     </div>
			
 
				+
			
 
				+    <!-- 留言点赞模块 -->
			
 
				+    <LeaveMessage
			
 
				+        :info="info"
			
 
				+        @like_change="giveOrCancelLike"
			
 
				+    />
			
 
				+
			
 
				     <!-- 弹窗 -->
			
 
				     <div class="tipsAlert" id="tipsAlert">
			
 
				         <img class="top-img" src="../../../assets/hzyb/lianzi.png" />
			
@@ -185,6 +202,9 @@ onBeforeRouteUpdate(to => {
 
				     .van-popup{
			
 
				         background: rgba(0, 0, 0, 0.7) !important;
			
 
				     }
			
 
				+    .van-image-preview__image{
			
 
				+        background-color: #fff;
			
 
				+    }
			
 
				 }
			
 
				 </style>
			
 
				 
			
--- a/src/views/hzyb/chart/Detail.vue
+++ b/src/views/hzyb/chart/Detail.vue
@@ -1,9 +1,12 @@
 
				 <script setup>
			
 
				 import chartBox from './component/chartBox.vue'
			
 
				+import noAuth from './component/noAuth.vue'
			
 
				+import sharePoster from '../components/SharePoster.vue'
			
 
				 import { Popup, Toast,Picker } from 'vant';
			
 
				-import {ref,onMounted, reactive, watch} from 'vue'
			
 
				+import {ref,onMounted, reactive, watch,computed} from 'vue'
			
 
				 import {useRoute, useRouter,onBeforeRouteUpdate} from 'vue-router'
			
 
				-import moment, { min } from 'moment'
			
 
				+import moment from 'moment'
			
 
				+import _ from 'lodash';
			
 
				 import Highcharts from 'highcharts/highstock';
			
 
				 import {apiChartInfo,apiChartList,apiChartSave,apiChartBeforeAndNext,apiChartRefresh} from '@/api/hzyb/chart.js'
			
 
				 const router=useRouter()
			
@@ -12,6 +15,50 @@ document.title='图表详情'
 
				 
			
 
				 localStorage.setItem('hzyb-token',route.query.token)
			
 
				 
			
 
				+// 散点x轴
			
 
				+const scatterXAxis = {
			
 
				+    tickPosition: 'inside',
			
 
				+    lineColor: '#bfbfbf',
			
 
				+    tickColor: '#bfbfbf',
			
 
				+    tickLength:5,
			
 
				+    ordinal: false,
			
 
				+    type: 'linear',
			
 
				+}
			
 
				+
			
 
				+// 基础y轴配置
			
 
				+const basicYAxis = {
			
 
				+    tickWidth: 1,
			
 
				+    tickLength: 5,
			
 
				+    lineWidth: 1,
			
 
				+    lineColor: '#bfbfbf',
			
 
				+    tickColor: '#bfbfbf',
			
 
				+    offset: 0,
			
 
				+    visible: true,
			
 
				+    gridLineWidth: 0,
			
 
				+    tickPosition: 'inside',
			
 
				+    endOnTick: false,
			
 
				+    startOnTick: false,
			
 
				+    showLastLabel: true,
			
 
				+    tickPixelInterval: 50,
			
 
				+}
			
 
				+
			
 
				+//基础x轴配置
			
 
				+const basicXAxis={
			
 
				+    tickPosition: 'inside',
			
 
				+    lineColor: '#bfbfbf',
			
 
				+    tickColor: '#bfbfbf',
			
 
				+    tickLength:5,
			
 
				+    type: 'datetime',
			
 
				+    ordinal: false,
			
 
				+    dateTimeLabelFormats: {
			
 
				+        day: '%y/%m',
			
 
				+        week: '%y/%m',
			
 
				+        month: '%y/%m',
			
 
				+        year: '%y/%m',
			
 
				+    },
			
 
				+    xDateFormat:'%Y-%m-%d'
			
 
				+}
			
 
				+
			
 
				 
			
 
				 // 获取用户信息
			
 
				 import {apiUserInfo} from '@/api/hzyb/user'
			
@@ -64,7 +111,7 @@ const makeTimeData=(type)=>{
 
				 }
			
 
				 const handleShowDate=()=>{
			
 
				     // if(columns.value.length===0){
			
 
				-        if(resData.value.ChartInfo.ChartType===1){//曲线图
			
 
				+        if( sameOptionType.value.includes(resData.value.ChartInfo.ChartType)){//曲线图
			
 
				             columns.value=makeTimeData(1)
			
 
				         }else if(resData.value.ChartInfo.ChartType===2){//季节性图表
			
 
				             columns.value=makeTimeData(2)
			
@@ -75,7 +122,7 @@ const handleShowDate=()=>{
 
				 // 确定选择时间
			
 
				 const handleConfirmDate=(e)=>{
			
 
				     let start='',end=''
			
 
				-    if(resData.value.ChartInfo.ChartType===1){
			
 
				+    if(sameOptionType.value.includes(resData.value.ChartInfo.ChartType)){
			
 
				         start=e[0]+'-'+e[1]
			
 
				         end=e[2]+'-'+e[3]
			
 
				     }else if(resData.value.ChartInfo.ChartType===2){
			
@@ -103,10 +150,10 @@ let dateTypeList=ref([
 
				 	// 	name: '18年至今',
			
 
				 	// 	value: 7,
			
 
				 	// },
			
 
				-	{
			
 
				-		name: '19年至今',
			
 
				-		value: 8,
			
 
				-	},
			
 
				+	// {
			
 
				+	// 	name: '19年至今',
			
 
				+	// 	value: 8,
			
 
				+	// },
			
 
				 	{
			
 
				 		name: '20年至今',
			
 
				 		value: 9,
			
@@ -115,6 +162,10 @@ let dateTypeList=ref([
 
				 		name: '21年至今',
			
 
				 		value: 4,
			
 
				 	},
			
 
				+    {
			
 
				+		name: '22年至今',
			
 
				+		value: 11,
			
 
				+	},
			
 
				     {
			
 
				 		name: '全部',
			
 
				 		value: 0,
			
@@ -128,11 +179,13 @@ const dateTypeClick=(item)=>{
 
				     getChartInfo()
			
 
				 } 
			
 
				 
			
 
				-let calendarType=ref('公历')//季节图 公历/农历
			
 
				+let calendarType=ref('')//季节图 公历/农历
			
 
				 // 公历/农历切换
			
 
				 const calendarTypeChange=(val)=>{
			
 
				     calendarType.value=val
			
 
				-    getChartInfo('init')
			
 
				+    // startDate.value=''
			
 
				+    // endDate.value=''
			
 
				+    getChartInfo()
			
 
				 }
			
 
				 
			
 
				 
			
@@ -146,6 +199,16 @@ let chartData=ref({
 
				 })// 图表配置数据
			
 
				 let resData=ref(null)//接口详情数据
			
 
				 let loading=ref(false)
			
 
				+const sameOptionType = ref([1,3,4,5,6]);//筛选框一样的图表类型 曲线/面积/柱状/散点/组合 常规图
			
 
				+const chartItemStyleArr = ref([
			
 
				+    { label: '曲线图', key: 1 ,value: 'spline'},
			
 
				+    { label: '面积图', key: 3 ,value: 'areaspline'},
			
 
				+    { label: '柱状图', key: 4 ,value: 'column'},
			
 
				+    { label: '散点图', key: 5 ,value: 'scatter'}
			
 
				+])//组合图配置时可选类型
			
 
				+
			
 
				+let noauth=ref(false)
			
 
				+let noAuthData=ref(null)
			
 
				 // 如果type：init 则是初始化获取数据 
			
 
				 const getChartInfo=async (type)=>{
			
 
				     // resData.value=null
			
@@ -153,12 +216,13 @@ const getChartInfo=async (type)=>{
 
				     const res=await apiChartInfo({
			
 
				         ChartInfoId:ChartInfoId,
			
 
				         DateType:dateType.value,
			
 
				-        StartDate:startDate.value&&resData.value.ChartInfo.ChartType===1?startDate.value:'',
			
 
				-        EndDate:endDate.value&&resData.value.ChartInfo.ChartType===1?endDate.value:'',
			
 
				+        StartDate:startDate.value&&sameOptionType.value.includes(resData.value.ChartInfo.ChartType)?startDate.value:'',
			
 
				+        EndDate:endDate.value&&sameOptionType.value.includes(resData.value.ChartInfo.ChartType)?endDate.value:'',
			
 
				         SeasonStartDate:startDate.value&&resData.value.ChartInfo.ChartType===2?startDate.value:'',
			
 
				         SeasonEndDate:endDate.value&&resData.value.ChartInfo.ChartType===2?endDate.value:'',
			
 
				         Calendar:calendarType.value,
			
 
				-        Authorization:route.query.token
			
 
				+        Authorization:route.query.token,
			
 
				+        MyChartClassifyId:Number(route.query.MyChartClassifyId)
			
 
				     })
			
 
				     loading.value=false
			
 
				     if(res.code===200){
			
@@ -166,22 +230,50 @@ const getChartInfo=async (type)=>{
 
				         // document.title=res.data.ChartInfo.ChartName
			
 
				         
			
 
				         // 设置highchart配置 ChartType: 1曲线图 2季节图:季节图中公历和农历数据结构不同
			
 
				-        if(res.data.ChartInfo.ChartType===1){
			
 
				+        if( res.data.ChartInfo.ChartType !==2 ){
			
 
				             if(type=='init'){
			
 
				-                dateType.value=res.data.ChartInfo.DateType||3 
			
 
				+                dateType.value=res.data.ChartInfo.DateType
			
 
				                 startDate.value=res.data.ChartInfo.StartDate||''
			
 
				                 endDate.value=res.data.ChartInfo.EndDate||''
			
 
				+                calendarType.value=res.data.ChartInfo.Calendar||'公历' 
			
 
				             }
			
 
				-            setSplineOpt(res.data.EdbInfoList)
			
 
				+            const chartSetMap = {
			
 
				+                1: setSplineOpt,
			
 
				+                3: setStackOrCombinChart,
			
 
				+                4: setStackOrCombinChart,
			
 
				+                5: setScatterOptions,
			
 
				+                6: setStackOrCombinChart
			
 
				+            };
			
 
				+
			
 
				+            chartSetMap[res.data.ChartInfo.ChartType](res.data.EdbInfoList)
			
 
				         }else{
			
 
				             if(type=='init'){
			
 
				-                dateType.value=res.data.ChartInfo.DateType||3 
			
 
				+                dateType.value=res.data.ChartInfo.DateType
			
 
				                 startDate.value=res.data.ChartInfo.SeasonStartDate||''
			
 
				                 endDate.value=res.data.ChartInfo.SeasonEndDate||''
			
 
				+                calendarType.value=res.data.ChartInfo.Calendar||'公历'
			
 
				             }
			
 
				             
			
 
				             setSeasonOpt(res.data.EdbInfoList[0])
			
 
				         }
			
 
				+
			
 
				+        // 向小程序发送分享数据
			
 
				+        let postData = {
			
 
				+            params:{
			
 
				+                chartInfoId:ChartInfoId,
			
 
				+                searchVal:decodeURIComponent(route.query.searchVal)||'',
			
 
				+                MyChartId:route.query.MyChartId||'',
			
 
				+                MyChartClassifyId:route.query.MyChartClassifyId||'',
			
 
				+            },
			
 
				+            title: res.data.ChartInfo.ChartName,
			
 
				+            shareImg:res.data.ChartInfo.ChartImage
			
 
				+        };
			
 
				+        wx.miniProgram.postMessage({ data: postData });
			
 
				+        
			
 
				+
			
 
				+    }else if(res.code==403){
			
 
				+        noauth.value=true
			
 
				+        noAuthData.value=res.data
			
 
				     }
			
 
				 }
			
 
				 getChartInfo('init')
			
@@ -193,7 +285,7 @@ onBeforeRouteUpdate((nval)=>{
 
				     dateType.value=null
			
 
				     startDate.value=''
			
 
				     endDate.value=''
			
 
				-    // router.go(0)
			
 
				+
			
 
				     getChartInfo('init')
			
 
				 })
			
 
				 
			
@@ -219,25 +311,11 @@ const handleCloseLimit=()=>{//点击遮罩层关闭弹窗或者点击取消关
 
				 }
			
 
				 
			
 
				 
			
 
				-// 设置曲线图配置
			
 
				+// 设置常规图配置 曲线
			
 
				 const setSplineOpt=(data)=>{
			
 
				     let series=[]
			
 
				-    let xAxis={
			
 
				-        tickPosition: 'inside',
			
 
				-		lineColor: '#bfbfbf',
			
 
				-    	tickColor: '#bfbfbf',
			
 
				-		tickLength:5,
			
 
				-		type: 'datetime',
			
 
				-		ordinal: false,
			
 
				-		dateTimeLabelFormats: {
			
 
				-			day: '%y/%m',
			
 
				-			week: '%y/%m',
			
 
				-			month: '%y/%m',
			
 
				-			year: '%y/%m',
			
 
				-		},
			
 
				-        xDateFormat:'%Y-%m-%d'
			
 
				-    }
			
 
				     let yAxis=[]
			
 
				+    let xAxis = {}
			
 
				 
			
 
				     let temYLeftArr=[]
			
 
				     let temYRightArr=[]
			
@@ -247,36 +325,25 @@ const setSplineOpt=(data)=>{
 
				     let minAndMaxTimeTemArr=[]//存放所有指标的最大最小时间
			
 
				 
			
 
				     data.forEach((item,index)=>{
			
 
				+
			
 
				+         //轴位置值相同的下标
			
 
				+        let sameSideIndex = data.findIndex(i => i.IsAxis === item.IsAxis);
			
 
				+
			
 
				         let dynamic_title = item.EdbName;
			
 
				         let dynamic_arr = data.filter(
			
 
				           (item) => dynamic_title === item.EdbName
			
 
				         );
			
 
				-        // 拼接配置  IsAxis左轴1 右轴0 IsOrder正序false 逆序true EdbInfoType是否是领先指标
			
 
				-        let dynamic_tag =item.IsAxis && item.IsOrder && item.EdbInfoType
			
 
				-            ? '(逆序)'
			
 
				-            : !item.IsAxis && item.IsOrder && item.EdbInfoType
			
 
				-            ? '(右轴，逆序)'
			
 
				-            : !item.IsAxis && !item.IsOrder && item.EdbInfoType
			
 
				-            ? '(右轴)'
			
 
				-            : !item.IsAxis && !item.IsOrder && !item.EdbInfoType
			
 
				-            ? `(右轴，领先${item.LeadValue}${item.LeadUnit})`
			
 
				-            : !item.IsAxis && item.IsOrder && !item.EdbInfoType
			
 
				-            ? `(右轴，逆序，领先${item.LeadValue}${item.LeadUnit})`
			
 
				-            : item.IsAxis && item.IsOrder && !item.EdbInfoType
			
 
				-            ? `(逆序，领先${item.LeadValue}${item.LeadUnit})`
			
 
				-            : item.IsAxis && !item.IsOrder && !item.EdbInfoType
			
 
				-            ? `(领先${item.LeadValue}${item.LeadUnit})`
			
 
				-            : '';
			
 
				+        //处理数据列name
			
 
				+        let temName= setDyncmicSerieName(item,dynamic_arr)  
			
 
				+
			
 
				         let seriesItemObj={
			
 
				             data:[],
			
 
				             dataGrouping:{
			
 
				                 enabled:false
			
 
				             },
			
 
				-            type:item.ChartStyle,
			
 
				+            type: 'spline',
			
 
				             yAxis:index,
			
 
				-            name:dynamic_arr.length > 1
			
 
				-              ? `${item.EdbName}(${item.SourceName})${dynamic_tag}`
			
 
				-              : `${item.EdbName}${dynamic_tag}`,//拼接标题 判断相同指标名称拼接来源
			
 
				+            name:temName,
			
 
				             color: item.ChartColor,
			
 
				             lineWidth: Number(item.ChartWidth),
			
 
				             visible:true,
			
@@ -298,31 +365,27 @@ const setSplineOpt=(data)=>{
 
				         }
			
 
				 
			
 
				         let yItem={
			
 
				+            ...basicYAxis,
			
 
				             IsAxis:item.IsAxis,
			
 
				             labels: {
			
 
				                 formatter: function (ctx) {
			
 
				-                    return ctx.value;
			
 
				+                    return sameSideIndex !== index ? '' : ctx.value;
			
 
				                 },
			
 
				                 align: 'center',
			
 
				                 y:5,
			
 
				             },
			
 
				+            tickWidth: sameSideIndex !== index ? 0 : 1,
			
 
				+            // title: {
			
 
				+            //     text:  `单位:${item.Unit}`,
			
 
				+            //     align: 'high',
			
 
				+            //     rotation: 0,
			
 
				+            //     y: 0,
			
 
				+            //     offset: -60,
			
 
				+            // },
			
 
				             opposite: item.IsAxis === 0,
			
 
				             reversed: item.IsOrder,
			
 
				             min: item.MinData,
			
 
				             max: item.MaxData,
			
 
				-            tickWidth: 1,
			
 
				-            tickLength: 5,
			
 
				-            lineWidth: 1,
			
 
				-            lineColor: '#bfbfbf',
			
 
				-            tickColor: '#bfbfbf',
			
 
				-            offset: 0,
			
 
				-            visible: true,
			
 
				-            gridLineWidth: 0,
			
 
				-            tickPosition: 'inside',
			
 
				-            endOnTick: false,
			
 
				-            startOnTick: false,
			
 
				-            showLastLabel: true,
			
 
				-            tickPixelInterval: 50,
			
 
				             chartEdbInfo:item//指标数据用于在保存时读取指标数据
			
 
				         }
			
 
				         yAxis.push(yItem)
			
@@ -347,7 +410,7 @@ const setSplineOpt=(data)=>{
 
				     const bool_time = xTimeDiffer(minTime,maxTime)
			
 
				     if(bool_time){
			
 
				         xAxis={
			
 
				-            ...xAxis,
			
 
				+            ...basicXAxis,
			
 
				             labels: {
			
 
				               formatter: (ctx)=> {
			
 
				                 return Highcharts.dateFormat('%m/%d', ctx.value)
			
@@ -360,7 +423,7 @@ const setSplineOpt=(data)=>{
 
				     // let minYear=new Date(minTime).getFullYear()
			
 
				 
			
 
				     xAxis={
			
 
				-        ...xAxis,
			
 
				+        ...basicXAxis,
			
 
				         tickInterval:((maxTime-minTime)/6)/(24*3600*1000)>30?(maxTime-minTime)/6:24*3600*1000*30,
			
 
				     }
			
 
				     
			
@@ -393,7 +456,208 @@ const setSplineOpt=(data)=>{
 
				         }
			
 
				     })
			
 
				     chartData.value.yAxis=yAxis
			
 
				+    chartData.value.rangeSelector={ enabled: false}
			
 
				+
			
 
				+}
			
 
				+
			
 
				+/* 堆叠图/组合图设置  
			
 
				+    本来和曲线图逻辑基本一致兼容下即可 为了以后便于维护和阅读还是拆开写吧
			
 
				+*/
			
 
				+const setStackOrCombinChart = data => {
			
 
				+    //图表类型
			
 
				+    const chartTypeMap = {
			
 
				+        3: 'areaspline',
			
 
				+        4: 'column',
			
 
				+        6: ''
			
 
				+    };
			
 
				+    let chartStyle = chartTypeMap[resData.value.ChartInfo.ChartType];
			
 
				+
			
 
				+    let series=[]
			
 
				+    let yAxis=[]
			
 
				+    let xAxis = {}
			
 
				+
			
 
				+    let temYLeftArr=[]
			
 
				+    let temYRightArr=[]
			
 
				+    let temYLeftIndex,temYRightIndex;
			
 
				+
			
 
				+    let minAndMaxTimeTemArr=[]//存放所有指标的最大最小时间
			
 
				+
			
 
				+
			
 
				+    data.forEach((item,index)=>{
			
 
				+
			
 
				+        //轴位置值相同的下标
			
 
				+        let sameSideIndex = data.findIndex(i => i.IsAxis === item.IsAxis);
			
 
				+
			
 
				+        //堆叠图的yAxis必须一致 数据列所对应的y轴
			
 
				+        let serie_yIndex = index;
			
 
				+        if([3,4].includes(resData.value.ChartInfo.ChartType)) {
			
 
				+            // 类型为堆叠图时公用第一个指标y轴 
			
 
				+            serie_yIndex =  0;
			
 
				+        } else if(resData.value.ChartInfo.ChartType ===6 && ['areaspline','column'].includes(item.ChartStyle)) {
			
 
				+            // 组合图找第一个堆叠柱状或面积的作为公用
			
 
				+            serie_yIndex = data.findIndex(i => i.ChartStyle === item.ChartStyle);
			
 
				+        }
			
 
				+        //数据对应的y轴是公用轴则配置也共享
			
 
				+        item.IsAxis = serie_yIndex === index ? item.IsAxis : data[serie_yIndex].IsAxis;
			
 
				+        item.IsOrder = serie_yIndex === index ? item.IsOrder : data[serie_yIndex].IsOrder;
			
 
				+
			
 
				+        temYLeftIndex = [3,4].includes(resData.value.ChartInfo.ChartType) 
			
 
				+            ? (data[serie_yIndex].IsAxis ? serie_yIndex : -1)
			
 
				+            : data.findIndex((item) => item.IsAxis);
			
 
				+        temYRightIndex = [3,4].includes(resData.value.ChartInfo.ChartType) 
			
 
				+            ? (data[serie_yIndex].IsAxis ? -1 : serie_yIndex)
			
 
				+            : data.findIndex((item) => !item.IsAxis);
			
 
				+
			
 
				+        let dynamic_title = item.EdbName;
			
 
				+        let dynamic_arr = data.filter(
			
 
				+          (item) => dynamic_title === item.EdbName
			
 
				+        );
			
 
				+        //处理数据列name
			
 
				+        let temName= setDyncmicSerieName(item,dynamic_arr)  
			
 
				+
			
 
				+        let seriesItemObj={
			
 
				+            data:[],
			
 
				+            dataGrouping:{
			
 
				+                enabled:false
			
 
				+            },
			
 
				+            type: chartStyle || item.ChartStyle,
			
 
				+            yAxis:serie_yIndex,
			
 
				+            name:temName,
			
 
				+            color: item.ChartColor,
			
 
				+            lineWidth: (resData.value.ChartInfo.ChartType === 6 && item.ChartStyle === 'spline') ? Number(item.ChartWidth) : 0,
			
 
				+            fillColor: (resData.value.ChartInfo.ChartType === 3 || (resData.value.ChartInfo.ChartType === 6 && item.ChartStyle === 'areaspline')) ? item.ChartColor : undefined,
			
 
				+            visible:true,
			
 
				+            LatestDate:item.LatestDate,
			
 
				+            LatestValue:item.LatestValue
			
 
				+        }
			
 
				+        item.DataList = item.DataList || [];
			
 
				+        for (let i of item.DataList) {
			
 
				+          seriesItemObj.data.push([i.DataTimestamp, i.Value]);
			
 
				+        }
			
 
				+        series.push(seriesItemObj)
			
 
				+        
			
 
				+
			
 
				+        // 设置y轴
			
 
				+        if(item.IsAxis){
			
 
				+            temYLeftArr.push(item)
			
 
				+        }else{
			
 
				+            temYRightArr.push(item)
			
 
				+        }
			
 
				+
			
 
				+        let yItem={
			
 
				+            ...basicYAxis,
			
 
				+            IsAxis:item.IsAxis,
			
 
				+            labels: {
			
 
				+                formatter: function (ctx) {
			
 
				+                    return sameSideIndex !== index ? '' : ctx.value;
			
 
				+                },
			
 
				+                align: 'center',
			
 
				+                y:5,
			
 
				+            },
			
 
				+            // title: {
			
 
				+            //     text:  `单位:${item.Unit}`,
			
 
				+            //     align: 'high',
			
 
				+            //     rotation: 0,
			
 
				+            //     y: 0,
			
 
				+            //     offset: -60,
			
 
				+            // },
			
 
				+            opposite: item.IsAxis === 0,
			
 
				+            reversed: item.IsOrder,
			
 
				+            min: item.MinData,
			
 
				+            max: item.MaxData,
			
 
				+            tickWidth: sameSideIndex !== index ? 0 : 1,
			
 
				+            visible: serie_yIndex === index ? true : false,
			
 
				+            chartEdbInfo:item//指标数据用于在保存时读取指标数据
			
 
				+        }
			
 
				+        yAxis.push(yItem)
			
 
				+        
			
 
				+        if(item.DataList.length>0){
			
 
				+            minAndMaxTimeTemArr.push(item.DataList[0].DataTimestamp)
			
 
				+            minAndMaxTimeTemArr.push(item.DataList[item.DataList.length-1].DataTimestamp)
			
 
				+        }
			
 
				+        
			
 
				+    })
			
 
				+
			
 
				+    // 设置值
			
 
				+    chartData.value.series=series
			
 
				+    
			
 
				+    
			
 
				+    // 设置x轴
			
 
				+    // 找出所有指标的最大和最小时间 分成6段
			
 
				+    let minTime=Math.min.apply(null,minAndMaxTimeTemArr)
			
 
				+    let maxTime=Math.max.apply(null,minAndMaxTimeTemArr)
			
 
				+
			
 
				+
			
 
				+    const bool_time = xTimeDiffer(minTime,maxTime)
			
 
				+    if(bool_time){
			
 
				+        xAxis={
			
 
				+            ...basicXAxis,
			
 
				+            labels: {
			
 
				+              formatter: (ctx)=> {
			
 
				+                return Highcharts.dateFormat('%m/%d', ctx.value)
			
 
				+              }
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    xAxis={
			
 
				+        ...basicXAxis,
			
 
				+        tickInterval:((maxTime-minTime)/6)/(24*3600*1000)>30?(maxTime-minTime)/6:24*3600*1000*30,
			
 
				+    }
			
 
				+    
			
 
				+    chartData.value.xAxis=[xAxis]
			
 
				+    
			
 
				+
			
 
				+    yAxis.forEach(item=>{
			
 
				+        if(item.IsAxis){//左轴
			
 
				+            hasLeftAxis.value=true
			
 
				+            item.min=data[temYLeftIndex].MinData
			
 
				+            item.max=data[temYLeftIndex].MaxData
			
 
				+            axisLimitData.leftMin=data[temYLeftIndex].MinData
			
 
				+            axisLimitData.leftMax=data[temYLeftIndex].MaxData
			
 
				+        }else{
			
 
				+            hasRightAxis.value=true
			
 
				+            item.min=data[temYRightIndex].MinData
			
 
				+            item.max=data[temYRightIndex].MaxData
			
 
				+            axisLimitData.rightMin=data[temYRightIndex].MinData
			
 
				+            axisLimitData.rightMax=data[temYRightIndex].MaxData
			
 
				+        }
			
 
				+    })
			
 
				+    chartData.value.yAxis=yAxis
			
 
				+    chartData.value.rangeSelector={ enabled: false}
			
 
				+}
			
 
				+
			
 
				+/* 拼接数据列动态name */
			
 
				+const setDyncmicSerieName = (item,dynamic_arr) => {
			
 
				+    // 拼接配置  IsAxis左轴1 右轴0 IsOrder正序false 逆序true EdbInfoType是否是领先指标
			
 
				+    let dynamic_tag =item.IsAxis && item.IsOrder && item.EdbInfoType
			
 
				+        ? '(逆序)'
			
 
				+        : !item.IsAxis && item.IsOrder && item.EdbInfoType
			
 
				+        ? '(右轴，逆序)'
			
 
				+        : !item.IsAxis && !item.IsOrder && item.EdbInfoType
			
 
				+        ? '(右轴)'
			
 
				+        : !item.IsAxis && !item.IsOrder && !item.EdbInfoType
			
 
				+        ? `(右轴，领先${item.LeadValue}${item.LeadUnit})`
			
 
				+        : !item.IsAxis && item.IsOrder && !item.EdbInfoType
			
 
				+        ? `(右轴，逆序，领先${item.LeadValue}${item.LeadUnit})`
			
 
				+        : item.IsAxis && item.IsOrder && !item.EdbInfoType
			
 
				+        ? `(逆序，领先${item.LeadValue}${item.LeadUnit})`
			
 
				+        : item.IsAxis && !item.IsOrder && !item.EdbInfoType
			
 
				+        ? `(领先${item.LeadValue}${item.LeadUnit})`
			
 
				+        : '';
			
 
				+    let temName = dynamic_arr.length > 1
			
 
				+                ? `${item.EdbName}(${item.SourceName})${dynamic_tag}`
			
 
				+                : `${item.EdbName}${dynamic_tag}`
			
 
				+    if(temName.length>20){
			
 
				+        let temArr=[]
			
 
				+        for(let i=0;i<temName.length/20;i++){
			
 
				+            temArr.push(temName.slice(i*20,i*20+20))
			
 
				+        }
			
 
				+        // console.log(temArr);
			
 
				+        temName=temArr.join('<br>')
			
 
				+    }
			
 
				 
			
 
				+    return temName
			
 
				 }
			
 
				 
			
 
				 //设置季节图配置
			
@@ -434,6 +698,13 @@ const setSeasonOpt=(data)=>{
 
				                     align: 'center',
			
 
				                     y:5
			
 
				                 },
			
 
				+                // title: {
			
 
				+                //     text:  `单位:${data.Unit}`,
			
 
				+                //     align: 'high',
			
 
				+                //     rotation: 0,
			
 
				+                //     y: 5,
			
 
				+                //     offset: -60,
			
 
				+                // },
			
 
				                 max: Number(data.MaxData),
			
 
				                 min: Number(data.MinData),
			
 
				                 lineWidth: 1,
			
@@ -462,7 +733,7 @@ const setSeasonOpt=(data)=>{
 
				     // 农历
			
 
				     if(calendarType.value==='农历'){
			
 
				         let filterArr=data.DataList.List&&data.DataList.List.slice(1,data.DataList.List.length)||[]
			
 
				-        // console.log('aaa',filterArr);
			
 
				+        console.log('aaa',filterArr);
			
 
				         filterArr.forEach((item,index)=>{
			
 
				             let seriesItem={
			
 
				                 data:[],
			
@@ -472,7 +743,7 @@ const setSeasonOpt=(data)=>{
 
				                 type:data.ChartStyle,
			
 
				                 yAxis:index,
			
 
				                 name:item.Year,
			
 
				-                color:colorsArr.slice(-filterArr.length)[index],                
			
 
				+                color:colorsArr.slice(-filterArr.length)[index],         
			
 
				                 visible:true
			
 
				             }
			
 
				             let temarr=item.Items||[]
			
@@ -490,6 +761,13 @@ const setSeasonOpt=(data)=>{
 
				                     align: 'center',
			
 
				                     y:5
			
 
				                 },
			
 
				+                // title: {
			
 
				+                //     text:  `单位:${data.Unit}`,
			
 
				+                //     align: 'high',
			
 
				+                //     rotation: 0,
			
 
				+                //     y: 5,
			
 
				+                //     offset: -60,
			
 
				+                // },
			
 
				                 max: Number(data.MaxData),
			
 
				                 min: Number(data.MinData),
			
 
				                 lineWidth: 1,
			
@@ -599,6 +877,114 @@ const setSeasonOpt=(data)=>{
 
				 
			
 
				 }
			
 
				 
			
 
				+/* 散点图 第一个指标值为x轴 第二个指标为y轴*/
			
 
				+const setScatterOptions = (dataList) => {
			
 
				+    const { ChartInfo } = resData.value;
			
 
				+
			
 
				+    // 取2个指标中日期相同的数据
			
 
				+    const real_data = [];
			
 
				+    let tmpData_date = {};//用来取点对应的日期
			
 
				+    let data1 =  _.cloneDeep(dataList)[0].DataList || [];
			
 
				+    let data2 =  _.cloneDeep(dataList)[1].DataList || [];
			
 
				+    data1.forEach((_item) => {
			
 
				+        data2.forEach((_item2) => {
			
 
				+            if(_item.DataTimestamp === _item2.DataTimestamp) {
			
 
				+                //日期
			
 
				+                let itemIndex =_item.Value + "_" +_item2.Value
			
 
				+                if(tmpData_date[itemIndex]) {
			
 
				+                    tmpData_date[itemIndex].push( moment(_item.DataTimestamp).format('YYYY/MM/DD'))
			
 
				+                } else {
			
 
				+                    tmpData_date[itemIndex] = [moment(_item.DataTimestamp).format('YYYY/MM/DD')]
			
 
				+                }
			
 
				+            
			
 
				+                //值
			
 
				+                real_data.push({
			
 
				+                    x: _item.Value,
			
 
				+                    y: _item2.Value
			
 
				+                })
			
 
				+            }
			
 
				+        })
			
 
				+    })
			
 
				+    real_data.sort((x,y) => x-y);
			
 
				+
			
 
				+    //悬浮窗 拼接日期 原始指标名称
			
 
				+    let tooltip = {
			
 
				+        formatter: function() {
			
 
				+            return `<strong>${ tmpData_date[this.x+'_'+this.y].length > 4 ? tmpData_date[this.x+'_'+this.y].slice(0,4).join()+'...' : tmpData_date[this.x+'_'+this.y].join() }</strong><br>
			
 
				+            ${dataList[0].EdbName}: <span style="font-weight: 600">	${this.x}</span><br>
			
 
				+            ${dataList[1].EdbName}: <span style="font-weight: 600">	${this.y}</span>
			
 
				+            `
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    const { IsOrder,ChartColor } = dataList[0];
			
 
				+    //y轴
			
 
				+    let yAxis = {
			
 
				+        // title: {
			
 
				+        //     text:  `单位:${dataList[1].Unit}`,
			
 
				+        //     align: 'high',
			
 
				+        //     rotation: 0,
			
 
				+        //     y: 0,
			
 
				+        //     offset: -60,
			
 
				+        // },
			
 
				+        labels: {
			
 
				+            formatter: function (ctx) {
			
 
				+            return ctx.value;
			
 
				+            },
			
 
				+            align: 'center',
			
 
				+        },
			
 
				+        opposite: false,
			
 
				+        reversed: IsOrder,
			
 
				+        min: Number(dataList[0].MinData),
			
 
				+        max: Number(dataList[0].MaxData),
			
 
				+        tickWidth: 1,
			
 
				+        tickLength: 5,
			
 
				+        lineWidth: 1,
			
 
				+        lineColor: '#bfbfbf',
			
 
				+        tickColor: '#bfbfbf',
			
 
				+        offset: 0,
			
 
				+        visible: true,
			
 
				+        gridLineWidth: 0,
			
 
				+        tickPosition: 'inside',
			
 
				+        endOnTick: false,
			
 
				+        startOnTick: false,
			
 
				+        showLastLabel: true,
			
 
				+        tickPixelInterval: 50
			
 
				+    }
			
 
				+
			
 
				+    //数据列
			
 
				+    let series = {
			
 
				+        data: [],
			
 
				+        type: 'scatter',
			
 
				+        name: `${ChartInfo.ChartName}${IsOrder ? '(逆序)' : ''}`,
			
 
				+        color: ChartColor,
			
 
				+        visible:true,
			
 
				+        lineWidth: 0
			
 
				+    }
			
 
				+    real_data.forEach(_ => {
			
 
				+        series.data.push([_.x,_.y])
			
 
				+    })
			
 
				+    
			
 
				+    chartData.value = {
			
 
				+        title: {
			
 
				+            text:''
			
 
				+        },
			
 
				+        series: [ series ],
			
 
				+        yAxis,
			
 
				+        xAxis: {
			
 
				+            ...scatterXAxis,
			
 
				+            // title: {
			
 
				+            //     text:  `单位:${dataList[0].Unit}`,
			
 
				+            //     align: 'high',
			
 
				+            //     rotation: 0,
			
 
				+            //     x: 0,
			
 
				+            //     offset: 20,
			
 
				+            // },
			
 
				+        },
			
 
				+        tooltip
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				 // 查询范围为1年内 x轴显示为月/日 否则默认年/月
			
 
				 const xTimeDiffer=(minTime,maxTime)=>{
			
 
				     //年限差
			
@@ -664,7 +1050,7 @@ const handleGoSearch=()=>{
 
				 }
			
 
				 
			
 
				 // 获取当前图表
			
 
				-let searchVal=route.query.searchVal
			
 
				+let searchVal=decodeURIComponent(route.query.searchVal)
			
 
				 let searchListData=ref([])//搜索的数据
			
 
				 const getSearchListData=async ()=>{
			
 
				     const res=await apiChartList({Keywords:searchVal,Page:1,Limit:10000,Authorization:route.query.token})
			
@@ -684,6 +1070,7 @@ const pageChange=async (type)=>{
 
				             if(!searchListData.value[index-1]){
			
 
				                 Toast('当前已是第一张图')
			
 
				             }else{
			
 
				+                calendarType.value=''
			
 
				                 router.replace({
			
 
				                     query:{
			
 
				                         ...route.query,
			
@@ -697,6 +1084,7 @@ const pageChange=async (type)=>{
 
				             if(!searchListData.value[index+1]){
			
 
				                 Toast('当前已是最后一张图')
			
 
				             }else{
			
 
				+                calendarType.value=''
			
 
				                 router.replace({
			
 
				                     query:{
			
 
				                         ...route.query,
			
@@ -730,6 +1118,7 @@ const pageChange=async (type)=>{
 
				                         })
			
 
				                     }, 500);
			
 
				                 }
			
 
				+                calendarType.value=''
			
 
				                 router.replace({
			
 
				                     query:{
			
 
				                         ...route.query,
			
@@ -753,7 +1142,7 @@ const pageChange=async (type)=>{
 
				                         })
			
 
				                     }, 500);
			
 
				                 }
			
 
				-
			
 
				+                calendarType.value=''
			
 
				                 router.replace({
			
 
				                     query:{
			
 
				                         ...route.query,
			
@@ -779,7 +1168,7 @@ onMounted(()=>{
 
				 // 保存
			
 
				 const handleSaveChart=async ()=>{
			
 
				     let params={}
			
 
				-    if(resData.value.ChartInfo.ChartType===1){//曲线图
			
 
				+    if(sameOptionType.value.includes(resData.value.ChartInfo.ChartType)){//曲线图
			
 
				         let arr=chartData.value.yAxis.map(item=>{
			
 
				             return {
			
 
				                 ChartColor: item.chartEdbInfo.ChartColor,
			
@@ -840,7 +1229,7 @@ const handleRefreshChart=async ()=>{
 
				         setTimeout(() => {
			
 
				             Toast.success(res.msg)
			
 
				         }, 200);
			
 
				-        getChartInfo('init')
			
 
				+        getChartInfo()
			
 
				     }
			
 
				 }
			
 
				 
			
@@ -873,10 +1262,31 @@ const pageTouchmove=(e)=>{
 
				 
			
 
				     event.preventDefault();//阻止页面移动
			
 
				 }
			
 
				+
			
 
				+// 生成海报所需跳转到小程序页面参数
			
 
				+const code_scene=computed(()=>{
			
 
				+    let obj= {
			
 
				+        chartInfoId:ChartInfoId,
			
 
				+        searchVal:decodeURIComponent(route.query.searchVal)||'',
			
 
				+        MyChartId:route.query.MyChartId||'',
			
 
				+        MyChartClassifyId:route.query.MyChartClassifyId||'',
			
 
				+        from:'share'
			
 
				+    }
			
 
				+    return JSON.stringify(obj)
			
 
				+})
			
 
				+// 生成海报图片所需要的数据
			
 
				+const posterParams=computed(()=>{
			
 
				+    return {
			
 
				+        chart_name:resData.value.ChartInfo.ChartName,
			
 
				+        chart_image:resData.value.ChartInfo.ChartImage
			
 
				+    }
			
 
				+})
			
 
				+
			
 
				+
			
 
				 </script>
			
 
				 
			
 
				 <template>
			
 
				-    <div class="chart-detail">
			
 
				+    <div class="chart-detail" v-if="!loading&&!noauth">
			
 
				         <div class="chart-title">{{resData.ChartInfo.ChartName}}</div>
			
 
				         <div class="top-box">
			
 
				             <div class="flex calendar-box" style="float:left" @click="handleShowDate">
			
@@ -886,6 +1296,14 @@ const pageTouchmove=(e)=>{
 
				                 <span class="date">{{endDate||'结束日期'}}</span>
			
 
				             </div>
			
 
				             <img class="icon" src="../../../assets/hzyb/chart/search.png" alt="" @click="handleGoSearch">
			
 
				+            <share-poster 
			
 
				+                :shareData="{
			
 
				+                    type:'chart_detail',
			
 
				+                    code_scene:code_scene,
			
 
				+                    code_page:'pages-chart/chartDetail',
			
 
				+                    data:posterParams
			
 
				+                }"
			
 
				+            ></share-poster>
			
 
				             <img class="icon" src="../../../assets/hzyb/chart/save.png" alt="" @click="handleSaveChart" v-if="canSave">
			
 
				             <img class="icon" src="../../../assets/hzyb/chart/refresh.png" alt="" @click="handleRefreshChart">
			
 
				         </div>
			
@@ -893,16 +1311,17 @@ const pageTouchmove=(e)=>{
 
				         <chartBox :options='chartData' v-if="!loading"></chartBox>
			
 
				         
			
 
				         <div class="flex source-box">
			
 
				-            <span>来源：弘则研究</span>
			
 
				-            <div class="season-change-box" v-if="resData&&resData.ChartInfo.ChartType===2">
			
 
				+            <div :style="{flex:resData&&resData.ChartInfo.ChartType===2?1:2}"><span v-if="resData&&resData.ChartInfo.ChartType!==2">来源：{{resData&&resData.ChartInfo.ChartSource}}</span></div>
			
 
				+            <div class="season-change-box" style="flex:1" v-if="resData&&resData.ChartInfo.ChartType===2">
			
 
				                 <span :class="calendarType==='农历'&&'active'" @click="calendarTypeChange('农历')">农历</span>
			
 
				                 <span :class="calendarType==='公历'&&'active'" @click="calendarTypeChange('公历')">公历</span>
			
 
				             </div>
			
 
				-            <span style="color:#E3B377" @click="showLimit=true">上下限设置</span>
			
 
				+            <span style="color:#E3B377;flex:1;text-align:right" @click="showLimit=true">上下限设置</span>
			
 
				         </div>
			
 
				+        <div class="source-box" style="margin-top:5px" v-if="resData&&resData.ChartInfo.ChartType===2">来源：{{resData&&resData.ChartInfo.ChartSource}}</div>
			
 
				 
			
 
				         <!-- 日期类型 -->
			
 
				-        <div class="date-type-box" v-if="resData&&resData.ChartInfo.ChartType===1">
			
 
				+        <div class="date-type-box" v-if="resData&&sameOptionType.includes(resData.ChartInfo.ChartType)">
			
 
				             <div 
			
 
				                 :class="['item',item.value==dateType?'active':'']" 
			
 
				                 v-for="item in dateTypeList" 
			
@@ -914,10 +1333,10 @@ const pageTouchmove=(e)=>{
 
				         <!-- 最新值 -->
			
 
				         <div class="latest-value-wrap" v-if="resData">
			
 
				             <p style="margin-bottom:10px">最新数值</p>
			
 
				-            <ul class="list" v-if="resData.ChartInfo.ChartType===1">
			
 
				+            <ul class="list" v-if="sameOptionType.includes(resData.ChartInfo.ChartType)">
			
 
				                 <li v-for="item in chartData.series" :key="item.name">
			
 
				                     <p style="color:#333">{{moment(item.LatestDate).format('YYYY-MM-DD')}}</p>
			
 
				-                    <p :style="{color:item.color,flex:1}">{{item.name}}</p>
			
 
				+                    <p :style="{color:item.color,flex:1}">{{item.name.length>20?item.name.replace(/<br>/g,''):item.name}}</p>
			
 
				                     <p style="color:#1F243A">{{item.LatestValue}}</p>
			
 
				                 </li>
			
 
				             </ul>
			
@@ -932,6 +1351,7 @@ const pageTouchmove=(e)=>{
 
				 
			
 
				         <!-- 上一张下一张图切换 -->
			
 
				         <div 
			
 
				+            v-if="$route.query.from!='share'"
			
 
				             class="change-page-wrap" 
			
 
				             :style="{left:pageBoxPosition.left+'px',top:pageBoxPosition.top+'px'}"
			
 
				             @touchmove.stop="pageTouchmove"
			
@@ -989,12 +1409,15 @@ const pageTouchmove=(e)=>{
 
				             </div>
			
 
				         </Popup>
			
 
				     </div>
			
 
				-    
			
 
				-    
			
 
				+    <!-- 无权限 -->
			
 
				+    <noAuth v-if="noauth" :data="noAuthData"></noAuth>
			
 
				 
			
 
				 </template>
			
 
				 
			
 
				 <style lang="scss" scoped>
			
 
				+::v-deep(.highcharts-axis-title) {
			
 
				+    font-size: 20px;
			
 
				+}
			
 
				 .chart-detail{
			
 
				     .flex{
			
 
				         display: flex;
			
@@ -1032,7 +1455,7 @@ const pageTouchmove=(e)=>{
 
				             float: right;
			
 
				             width: 40px;
			
 
				             height: 40px;
			
 
				-            margin-left: 50px;
			
 
				+            margin-left: 30px;
			
 
				         }
			
 
				     }
			
 
				     .select-date-box-head{
			
--- a/src/views/hzyb/chart/component/chartBox.vue
+++ b/src/views/hzyb/chart/component/chartBox.vue
@@ -22,6 +22,37 @@ const chartDefaultOpts={
 
				 			animation: {
			
 
				 				duration: 1000
			
 
				 			}
			
 
				+		},
			
 
				+		areaspline: {
			
 
				+			lineWidth: 1,
			
 
				+			stacking: 'normal',
			
 
				+			marker: {
			
 
				+					enabled: false,
			
 
				+			},
			
 
				+			// fillOpacity: 0.5,
			
 
				+		},
			
 
				+		column:{
			
 
				+			pointPadding: 0.05,
			
 
				+			stacking: 'normal',
			
 
				+		},
			
 
				+		scatter: {
			
 
				+			turboThreshold: 0,
			
 
				+			marker: {
			
 
				+					symbol: 'circle',
			
 
				+					radius: 5,
			
 
				+					states: {
			
 
				+							hover: {
			
 
				+									enabled: true,
			
 
				+							}
			
 
				+					}
			
 
				+			},
			
 
				+			states: {
			
 
				+				hover: {
			
 
				+					marker: {
			
 
				+						enabled: true
			
 
				+					}
			
 
				+				}
			
 
				+			}
			
 
				 		}
			
 
				 	},
			
 
				 	//范围选择器
			
@@ -41,6 +72,12 @@ const chartDefaultOpts={
 
				 			year: '%Y/%m',
			
 
				 		},
			
 
				 		xDateFormat:'%Y/%m/%d',
			
 
				+		className:'chart-tooltips-box'
			
 
				+		// formatter:function(e){
			
 
				+		// 	return `<p>${this.x}</p><p>aaa</p>`
			
 
				+		// 	// return e
			
 
				+		// }
			
 
				+		// outside: true,
			
 
				 		// valueDecimals: 4,
			
 
				 	},
			
 
				 	//图例
			
@@ -75,7 +112,10 @@ let chartIns=ref(null)// 图表实例
 
				 onMounted(() => {
			
 
				 	let obj={...chartDefaultOpts,...props.options}
			
 
				 	console.log(obj);
			
 
				-    chartIns.value=Highcharts.stockChart("chart-box",obj)
			
 
				+	
			
 
				+		//stock不支持线形图只支持时间图 画散点图用原始chart
			
 
				+	let is_scatter = props.options.series ? props.options.series.every(_ => _.type === 'scatter') : false ;
			
 
				+	chartIns.value = is_scatter ? Highcharts.chart("chart-box",obj) : Highcharts.stockChart("chart-box",obj);
			
 
				 })
			
 
				 
			
 
				 // 点击顶部label
			
@@ -99,7 +139,10 @@ watch(
 
				 		console.log(obj);
			
 
				 		// update: function (options, redraw, oneToOne, animation)
			
 
				 		// chartIns.value.update(obj,true)
			
 
				-		chartIns.value=Highcharts.stockChart("chart-box",obj)
			
 
				+		//stock不支持线形图只支持时间图 画散点图用原始chart
			
 
				+		let is_scatter = props.options.series ? props.options.series.every(_ => _.type === 'scatter') : false ;
			
 
				+		chartIns.value = is_scatter ? Highcharts.chart("chart-box",obj) : Highcharts.stockChart("chart-box",obj);
			
 
				+		
			
 
				 	},
			
 
				 	{
			
 
				 		deep:true
			
@@ -117,7 +160,7 @@ watch(
 
				                 @click="clickChartTopLabel(index)"
			
 
				             >
			
 
				                 <span class="color" :style="{background:item.visible?item.color:'#ccc'}"></span>
			
 
				-                <span :style="{color:item.visible?'':'#ccc'}">{{item.name}}</span>
			
 
				+                <span :style="{color:item.visible?'':'#ccc'}">{{item.name.length>20?item.name.replace(/<br>/g,''):item.name}}</span>
			
 
				             </div>
			
 
				         </div>
			
 
				 		<div class="chart-content">
			
@@ -129,6 +172,14 @@ watch(
 
				 </template>
			
 
				 
			
 
				 <style lang="scss" scoped>
			
 
				+// :deep(.chart-tooltips-box){
			
 
				+// 	white-space: normal !important;
			
 
				+// 	box-sizing: border-box;
			
 
				+// 	text{
			
 
				+// 		white-space: normal !important;
			
 
				+// 		width: 80vw !important;
			
 
				+// 	}
			
 
				+// }
			
 
				 .chart-wrap{
			
 
				     margin-top: 43px;
			
 
				     width: 100%;
			
--- a/src/views/hzyb/chart/component/noAuth.vue
+++ b/src/views/hzyb/chart/component/noAuth.vue
@@ -0,0 +1,126 @@
 
				+<script setup>
			
 
				+import { computed } from "vue";
			
 
				+import {apiApplyPermission} from '@/api/hzyb/user'
			
 
				+
			
 
				+const props = defineProps({
			
 
				+  data: Object,
			
 
				+});
			
 
				+
			
 
				+const authType = computed(() => {
			
 
				+    if(!props.data) return
			
 
				+    if (props.data.type === "contact") {
			
 
				+        handleAutoApply()
			
 
				+        return 1;
			
 
				+    }
			
 
				+    if (props.data.type === "expired") {
			
 
				+        return 2;
			
 
				+    }
			
 
				+    if (props.data.type === "apply" && !props.data.customer_info.has_apply) {
			
 
				+        return 3;
			
 
				+    }
			
 
				+    if (props.data.type === "apply" && props.data.customer_info.has_apply) {
			
 
				+        return 4;
			
 
				+    }
			
 
				+});
			
 
				+
			
 
				+const handleAutoApply=()=>{
			
 
				+  if(!props.data.customer_info.has_apply){
			
 
				+    if(props.data.customer_info.status=='冻结'||(props.data.customer_info.status=='试用'&&props.data.customer_info.is_suspend==1)){
			
 
				+        apiApplyPermission({
			
 
				+            company_name:props.data.customer_info.company_name,
			
 
				+            real_name:props.data.customer_info.name,
			
 
				+            source:3,
			
 
				+            from_page:'图库详情'
			
 
				+        }).then(res=>{
			
 
				+            if(res.code===200){
			
 
				+                console.log('主动申请成功');
			
 
				+            }
			
 
				+        }) 
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 点击申请
			
 
				+const handleApply=()=>{
			
 
				+    if(props.data.customer_info.status=='流失'){
			
 
				+        apiApplyPermission({
			
 
				+            company_name:props.data.customer_info.company_name,
			
 
				+            real_name:props.data.customer_info.name,
			
 
				+            source:3,
			
 
				+            from_page:'图库详情'
			
 
				+        }).then(res=>{
			
 
				+            wx.miniProgram.navigateTo({url:'/pages-applyPermission/applyResult'})
			
 
				+        })
			
 
				+        return
			
 
				+    }
			
 
				+    wx.miniProgram.navigateTo({ url: '/pages-applyPermission/applyPermission?source=3&from_page=图库详情' })
			
 
				+}
			
 
				+
			
 
				+const goBack=()=>{
			
 
				+  wx.miniProgram.switchTab({url:'/pages/chart/chart'})
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="chart-noauth-wrap">
			
 
				+    <img class="img" src="https://hzstatic.hzinsights.com/static/icon/hzyb/activity_no_auth.png" alt="" v-if="authType!=4" />
			
 
				+    <img class="img-wait" src="https://hzstatic.hzinsights.com/static/icon/hzyb/chart_wait.png" alt="" v-else />
			
 
				+    <block v-if="authType == 1">
			
 
				+      <div style="margin-bottom: 15px">您暂无权限查看图库</div>
			
 
				+      <div>若想查看请联系对口销售</div>
			
 
				+      <!-- <div>{{info.name}}:{{info.mobile}}</div> -->
			
 
				+      <a :href="'tel:'+props.data.mobile" tag="div" class="global-btn-yellow-change btn" style="margin-top: 30px">联系销售</a>
			
 
				+    </block>
			
 
				+
			
 
				+    <block v-if="authType == 2">
			
 
				+      <div style="margin-bottom: 15px">您的权限已到期，暂时无法查看图库</div>
			
 
				+      <div>若想继续查看请联系对口销售</div>
			
 
				+      <!-- <div>{{info.name}}:{{info.mobile}}</div> -->
			
 
				+      <a :href="'tel:'+props.data.mobile" tag="div" class="global-btn-yellow-change btn" style="margin-top: 30px">联系销售</a>
			
 
				+    </block>
			
 
				+
			
 
				+    <block v-if="authType == 3">
			
 
				+      <div style="margin-bottom: 15px">您暂无权限查看图库</div>
			
 
				+      <div>若想查看可以申请开通</div>
			
 
				+      <div class="global-btn-yellow-change btn" style="margin-top: 30px" @click="handleApply">立即申请</div>
			
 
				+    </block>
			
 
				+
			
 
				+    <block v-if="authType == 4">
			
 
				+      <div style="margin-bottom: 15px">您已提交申请</div>
			
 
				+      <div>请等待销售人员与您联系</div>
			
 
				+      <div class="global-btn-yellow-change btn" style="margin-top: 30px" @click="goBack">返回</div>
			
 
				+    </block>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.chart-noauth-wrap {
			
 
				+  padding-top: 50px;
			
 
				+  text-align: center;
			
 
				+  font-size: 32px;
			
 
				+  .img {
			
 
				+    width: 100%;
			
 
				+    margin-bottom: 50px;
			
 
				+  }
			
 
				+  .img-wait {
			
 
				+    margin-top: 200px;
			
 
				+    width: 186px;
			
 
				+    margin-bottom: 50px;
			
 
				+  }
			
 
				+  .global-btn-yellow-change{
			
 
				+    background: linear-gradient(270deg, #EEC795 0%, #D9A360 100%);
			
 
				+    border-radius: 35px;
			
 
				+    color: #fff;
			
 
				+    text-align: center;
			
 
				+    line-height: 70px;
			
 
				+  }
			
 
				+  .btn{
			
 
				+    width: 380px;
			
 
				+    line-height: 7rpx;
			
 
				+    margin-left: auto;
			
 
				+    margin-right: auto;
			
 
				+    margin-top: 40px;
			
 
				+    display: block;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/hzyb/components/SharePoster.vue
+++ b/src/views/hzyb/components/SharePoster.vue
@@ -0,0 +1,114 @@
 
				+<script setup>
			
 
				+import {ref} from 'vue'
			
 
				+import {apiGetPoster} from '@/api/hzyb/common'
			
 
				+
			
 
				+const props=defineProps({
			
 
				+    style:Object,
			
 
				+    shareData:Object
			
 
				+})
			
 
				+
			
 
				+let show=ref(false)
			
 
				+let showPoster=ref(false)
			
 
				+let posterImg=ref('')
			
 
				+
			
 
				+const handleCreatePoster=async ()=>{
			
 
				+    show.value=true
			
 
				+    const res=await apiGetPoster({
			
 
				+        code_page:props.shareData.code_page,
			
 
				+        code_scene:props.shareData.code_scene,
			
 
				+        source:props.shareData.type,
			
 
				+        pars:JSON.stringify(props.shareData.data)
			
 
				+    })
			
 
				+    if(res.code==200){
			
 
				+        posterImg.value=res.data
			
 
				+        show.value=false
			
 
				+        showPoster.value=true
			
 
				+    }else{
			
 
				+        show.value=false
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+
			
 
				+<template>
			
 
				+    <div class="share-poster-wrap" @touchmove.prevent>
			
 
				+        <img @click="handleCreatePoster" class="chart-icon" src="@/assets/hzyb/share-poster-chart-icon.png" alt="" v-if="props.shareData.type=='chart_detail'">
			
 
				+        <img v-else @click="handleCreatePoster" :style="props.style" class="share-icon" src="@/assets/hzyb/share-poster-icon.png"/>
			
 
				+
			
 
				+        <div class="poster-mask" v-if="show||showPoster" @click="showPoster=false" @touchmove.prevent></div>
			
 
				+        <div class="loading-box" v-if="show">
			
 
				+            <img class="load-img" src="@/assets/hzyb/loading.png"/>
			
 
				+            <div>海报生成中...</div>
			
 
				+        </div>
			
 
				+        <img v-if="showPoster" class="poster-img" :src="posterImg" show-menu-by-longpress />
			
 
				+    </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.share-poster-wrap{
			
 
				+    .share-icon{
			
 
				+        position: fixed;
			
 
				+        bottom: 100px;
			
 
				+        right: 34px;
			
 
				+        z-index: 50;
			
 
				+        width: 76px;
			
 
				+        height: 76px;
			
 
				+    }
			
 
				+    .chart-icon{
			
 
				+        float: right;
			
 
				+        width: 40px;
			
 
				+        height: 40px;
			
 
				+        margin-left: 30px;
			
 
				+    }
			
 
				+    .poster-mask{
			
 
				+        position: fixed;
			
 
				+        left: 0;
			
 
				+        top: 0;
			
 
				+        right: 0;
			
 
				+        bottom: 0;
			
 
				+        background: rgba(0, 0, 0, 0.4);
			
 
				+        z-index: 998;
			
 
				+    }
			
 
				+    .loading-box{
			
 
				+        background-color: #fff;
			
 
				+        position: fixed;
			
 
				+        left: 50%;
			
 
				+        top: 50%;
			
 
				+        z-index: 999;
			
 
				+        transform: translate(-50%,-50%);
			
 
				+        width: 417px;
			
 
				+        height: 261px;
			
 
				+        text-align: center;
			
 
				+        padding-top: 80px;
			
 
				+        font-size: 32px;
			
 
				+        font-weight: bold;
			
 
				+        .load-img{
			
 
				+            display: block;
			
 
				+            margin-left: auto;
			
 
				+            margin-right: auto;
			
 
				+            width: 91px;
			
 
				+            height: 91px;
			
 
				+            animation: circle 1s linear infinite;
			
 
				+        }
			
 
				+        @keyframes circle {
			
 
				+            0%{
			
 
				+                transform: rotateZ(0);
			
 
				+            }
			
 
				+            100%{
			
 
				+                transform: rotateZ(360deg);
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+    .poster-img{
			
 
				+        width: 90vw;
			
 
				+        display: block;
			
 
				+        position: fixed;
			
 
				+        left: 50%;
			
 
				+        top: 50%;
			
 
				+        z-index: 999;
			
 
				+        transform: translate(-50%,-50%);
			
 
				+        border-radius: 16px;
			
 
				+    }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/hzyb/components/leaveMessage/index.vue
+++ b/src/views/hzyb/components/leaveMessage/index.vue
@@ -0,0 +1,392 @@
 
				+<script setup>
			
 
				+import { reactive,toRefs,ref,computed } from 'vue'
			
 
				+import {useRoute, useRouter} from 'vue-router'
			
 
				+import { Icon,Field,Checkbox,Button,Toast,Divider,Tag,Dialog  } from 'vant'
			
 
				+import { setLike,publishMsg,delComment,getHotMessage,getMyMessage } from '@/api/hzyb/message'
			
 
				+
			
 
				+const props = defineProps({
			
 
				+	info: {
			
 
				+		type: Object,
			
 
				+	}
			
 
				+})
			
 
				+const { report_info,report_chapter_item,research_report_type_info,research_report_info } = props.info;
			
 
				+
			
 
				+const emits = defineEmits(['like_change'])
			
 
				+
			
 
				+const userId = ref(localStorage.getItem('hzyb-userId') || '');//用户id
			
 
				+
			
 
				+// 获取用户信息
			
 
				+import {apiUserInfo} from '@/api/hzyb/user'
			
 
				+const haveNick=ref(false)//是否设置过昵称
			
 
				+const getUserInfo=async ()=>{
			
 
				+    const { code,data }=await apiUserInfo({Authorization: localStorage.getItem('hzyb-token')})
			
 
				+    if(code !==200) return
			
 
				+
			
 
				+		haveNick.value = data.nick_name ? true : false;
			
 
				+
			
 
				+		!haveNick.value && Dialog.confirm({
			
 
				+			title: '',
			
 
				+			message: '检测到您还未设置头像和昵称，您的留言将发布为匿名，是否立即去设置？',
			
 
				+			confirmButtonText: '去设置',
			
 
				+			confirmButtonColor: '#E3B377',
			
 
				+			cancelButtonText: '暂时不用',
			
 
				+			cancelButtonColor: '#666'
			
 
				+		})
			
 
				+			.then(() => {
			
 
				+				wx.miniProgram.navigateTo({ url:'/pages-user/mysetting' })
			
 
				+			})
			
 
				+			.catch(() => {
			
 
				+				
			
 
				+			});
			
 
				+	
			
 
				+}
			
 
				+
			
 
				+ //是否匿名 默认状态根据上次留言的勾选状态而定
			
 
				+const isHideRealName = ref(null);
			
 
				+//判断是否可以实名  再次获取最新信息 防止设置完返回页面昵称未同步
			
 
				+const checkNickHandle = async (val) => {
			
 
				+	const { code,data }=await apiUserInfo({Authorization: localStorage.getItem('hzyb-token')})
			
 
				+	if(code !==200) return
			
 
				+
			
 
				+	haveNick.value = data.nick_name ? true : false;
			
 
				+	isHideRealName.value = haveNick.value ? val : true;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+//显示写留言框
			
 
				+const isShowMessagebox = ref(false);
			
 
				+const message_content = ref('');
			
 
				+//展开留言框
			
 
				+const writeOrCancelMessage = () => {
			
 
				+	isShowMessagebox.value = !isShowMessagebox.value;
			
 
				+
			
 
				+	isShowMessagebox.value === true && getUserInfo()
			
 
				+}
			
 
				+/* 发布留言 */
			
 
				+const publishMessageHandle = async() => {
			
 
				+	const { code } = await publishMsg({
			
 
				+		report_id:  report_info ? report_info.report_id : report_chapter_item ? report_chapter_item.report_id :  0,
			
 
				+		report_chapter_id: report_chapter_item ? report_chapter_item.report_chapter_id : 0,
			
 
				+		old_report_id:  research_report_info ? props.info.research_report_type_list[0].ResearchReportId : research_report_type_info ? research_report_type_info.research_report_id : 0,
			
 
				+		old_report_chapter_id: research_report_type_info ? research_report_type_info.research_report_type_id : 0,
			
 
				+		content: message_content.value,
			
 
				+		is_show_name: isHideRealName.value ? 0 : 1,
			
 
				+	})
			
 
				+	if( code !== 200) return
			
 
				+	Toast('已留言')
			
 
				+	message_content.value = ''
			
 
				+	isShowMessagebox.value = false
			
 
				+	setTimeout(() => {
			
 
				+		getMyMsgList();
			
 
				+	},300)
			
 
				+}
			
 
				+
			
 
				+
			
 
				+//我的留言列表
			
 
				+const myMessageList = ref([]);
			
 
				+const realMyList = ref([]);
			
 
				+//精选留言列表
			
 
				+const hotMessageList = ref([]);
			
 
				+/* 我的留言 */
			
 
				+const getMyMsgList = async () => {
			
 
				+
			
 
				+	const { code,data } = await getMyMessage({
			
 
				+		report_id:  report_info ? report_info.report_id : report_chapter_item ? report_chapter_item.report_id :  '',
			
 
				+		report_chapter_id: report_chapter_item ? report_chapter_item.report_chapter_id : '',
			
 
				+		old_report_id:  research_report_info ? props.info.research_report_type_list[0].ResearchReportId : research_report_type_info ? research_report_type_info.research_report_id : '',
			
 
				+		old_report_chapter_id: research_report_type_info ? research_report_type_info.research_report_type_id : '',
			
 
				+	})
			
 
				+
			
 
				+	if(code !== 200) return
			
 
				+
			
 
				+	myMessageList.value = data.list || [];
			
 
				+	isHideRealName.value = data.is_show_name ? false :  true;
			
 
				+	realMyList.value = myMessageList.value.length > 3  ? myMessageList.value.slice(0,3) : myMessageList.value;
			
 
				+}
			
 
				+/* 精选留言 */
			
 
				+const getHotMsgList = async () => {
			
 
				+	let page_size = 100000;//暂时不做分页
			
 
				+
			
 
				+	const { code,data } = await getHotMessage({
			
 
				+		report_id:  report_info ? report_info.report_id : report_chapter_item ? report_chapter_item.report_id :  '',
			
 
				+		report_chapter_id: report_chapter_item ? report_chapter_item.report_chapter_id : '',
			
 
				+		old_report_id:  research_report_info ? props.info.research_report_type_list[0].ResearchReportId : research_report_type_info ? research_report_type_info.research_report_id : '',
			
 
				+		old_report_chapter_id: research_report_type_info ? research_report_type_info.research_report_type_id : '',
			
 
				+		current_index: 1,
			
 
				+		page_size
			
 
				+	})
			
 
				+
			
 
				+	if(code !== 200) return
			
 
				+
			
 
				+	hotMessageList.value = data.list || [];
			
 
				+
			
 
				+}
			
 
				+getMyMsgList();
			
 
				+getHotMsgList();
			
 
				+//是否收起我的留言
			
 
				+const isSlideMyMsg = ref(false);
			
 
				+const slideMymessageHandle = () => {
			
 
				+	isSlideMyMsg.value = !isSlideMyMsg.value
			
 
				+	realMyList.value = isSlideMyMsg.value ? myMessageList.value : myMessageList.value.slice(0,3);
			
 
				+}
			
 
				+
			
 
				+
			
 
				+/* 点赞 */
			
 
				+const giveLikeHandle = async() => {
			
 
				+	const { code,data } = await setLike({
			
 
				+		report_id:  report_info ? report_info.report_id : report_chapter_item ? report_chapter_item.report_id :  0,
			
 
				+		report_chapter_id: report_chapter_item ? report_chapter_item.report_chapter_id : 0,
			
 
				+		old_report_id:  research_report_info ? props.info.research_report_type_list[0].ResearchReportId : research_report_type_info ? research_report_type_info.research_report_id : 0,
			
 
				+		old_report_chapter_id: research_report_type_info ? research_report_type_info.research_report_type_id : 0,
			
 
				+	})
			
 
				+
			
 
				+	if( code !== 200 ) return
			
 
				+	Toast(`${data.like_enabled ? '点赞成功' : '取消点赞成功'}`)
			
 
				+	emits('like_change',data)
			
 
				+}
			
 
				+/* 删除留言 */
			
 
				+const delMessageHandle = ({ comment_id }) => {
			
 
				+	Dialog.confirm({
			
 
				+		title: "",
			
 
				+		message: "确定要删除该留言吗？",
			
 
				+		confirmButtonColor: "#6784A7",
			
 
				+	}).then( async() => {
			
 
				+		const { code } = await delComment({ comment_id });
			
 
				+		if( code !== 200 ) return
			
 
				+
			
 
				+		Toast('删除成功')
			
 
				+
			
 
				+		removeMessageByView(comment_id);
			
 
				+	});
			
 
				+
			
 
				+	/* 删除页面上的留言 */
			
 
				+	const removeMessageByView = (comment_id) => {
			
 
				+		let index_my = myMessageList.value.findIndex(_ => _.comment_id === comment_id);
			
 
				+		let index_hot = hotMessageList.value.findIndex(_ => _.comment_id === comment_id);
			
 
				+
			
 
				+	console.log(comment_id,index_my,index_hot)
			
 
				+
			
 
				+		index_my !== -1 && myMessageList.value.splice(index_my, 1)
			
 
				+		index_hot !== -1 && hotMessageList.value.splice(index_hot, 1)
			
 
				+		realMyList.value = isSlideMyMsg.value ? myMessageList.value : myMessageList.value.slice(0,3);
			
 
				+	}
			
 
				+}
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+	<div class="givelike-container">
			
 
				+		<div class="like-top">
			
 
				+			<span @click="giveLikeHandle"> 
			
 
				+				<Icon :name="props.info.like_enabled ? 'good-job' : 'good-job-o'" />
			
 
				+				{{props.info.like_num || '' }} 
			
 
				+			</span> 
			
 
				+			<span @click="writeOrCancelMessage">{{ isShowMessagebox ? '取消发布' : '写留言'}}</span>
			
 
				+		</div>
			
 
				+
			
 
				+		<div class="write-message-box" v-show="isShowMessagebox">
			
 
				+				<Field
			
 
				+					v-model="message_content"
			
 
				+					label=""
			
 
				+					type="textarea"
			
 
				+					placeholder="留言精选后，将对所有人可见"
			
 
				+					autosize
			
 
				+				/>
			
 
				+				<div class="write-bottom">
			
 
				+					<div class="left">
			
 
				+						<Checkbox v-model="isHideRealName" icon-size="15px" shape="square" checked-color="#E3B377" @change="checkNickHandle"/>
			
 
				+						<span class="label">匿名发布</span>
			
 
				+
			
 
				+						<icon name="question-o" color="#E3B377" @click="Toast({ message: '匿名发布的留言将使用默认头像和默认昵称，用户需设置头像和昵称后才能取消匿名',  position: 'bottom' })"/>
			
 
				+					</div>
			
 
				+					<Button type="primary" :disabled="!message_content" @click="publishMessageHandle">发布</Button>
			
 
				+				</div>
			
 
				+		</div>
			
 
				+
			
 
				+		<div class="message-list-cont">
			
 
				+			<template v-if="myMessageList.length">
			
 
				+				<div class="my-message message-section">
			
 
				+					<h4 class="section-label">我的留言</h4>
			
 
				+					<ul class="mesage-ul">
			
 
				+						<li class="message-item" v-for="item in realMyList" :key="item.comment_id">
			
 
				+							<div class="message-cont">
			
 
				+								<img :src="item.user_img_url" alt="" class="avatar">
			
 
				+								<div class="info">
			
 
				+									<div class="info-top">
			
 
				+										<span class="name">
			
 
				+											{{item.user_name}}
			
 
				+											<Tag color="#DEDFE5" text-color="#fff" v-if="item.IsTop">置顶</Tag>
			
 
				+										</span>
			
 
				+										<div class="right-tag">
			
 
				+											<span>{{item.IsHot ? '已精选' : '未精选'}}</span>
			
 
				+											<span class="divider">|</span>
			
 
				+											<span class="del" @click="delMessageHandle(item)">删除</span>
			
 
				+										</div>
			
 
				+									</div>
			
 
				+									<p class="content">{{item.content}}</p>
			
 
				+								</div>
			
 
				+							</div>
			
 
				+							<ul class="reply-list" v-if="item.ReplyList">
			
 
				+								<li class="message-cont" v-for="sub_item in item.ReplyList" :key="sub_item.comment_id">
			
 
				+									<img :src="sub_item.admin_img_url" alt="" class="reply-avatar">
			
 
				+									<div class="info">
			
 
				+										<span class="name">{{sub_item.admin_name}}</span>
			
 
				+										<p class="content">{{sub_item.content}}</p>
			
 
				+									</div>
			
 
				+								</li>
			
 
				+							</ul>
			
 
				+						</li>
			
 
				+						<li class="control" @click="slideMymessageHandle" v-if="myMessageList.length > 3">
			
 
				+							<span>{{isSlideMyMsg ? '收起' : '展开'}} <Icon :name="isSlideMyMsg ? 'arrow-up' : 'arrow-down'"/></span>
			
 
				+						</li>
			
 
				+					</ul>
			
 
				+				</div>
			
 
				+				<Divider style="border-color: #999;">以上留言被精选后，将所有人可见</Divider>
			
 
				+			</template>
			
 
				+			<div class="wonder-message message-section" v-if="hotMessageList.length">
			
 
				+				<h4 class="section-label">精选留言</h4>
			
 
				+				<ul class="mesage-ul">
			
 
				+					<li class="message-item" v-for="item in hotMessageList" :key="item.comment_id">
			
 
				+						<div class="message-cont">
			
 
				+							<img :src="item.user_img_url" alt="" class="avatar">
			
 
				+							<div class="info">
			
 
				+								<div class="info-top">
			
 
				+									<span>
			
 
				+										{{item.user_name}}
			
 
				+										<Tag color="#DEDFE5" text-color="#fff" v-if="item.IsTop">置顶</Tag>
			
 
				+									</span>
			
 
				+									<span class="del" @click="delMessageHandle(item)" v-if="item.user_id === Number(userId)">删除</span>
			
 
				+								</div>
			
 
				+								<p class="content">{{item.content}}</p>
			
 
				+							</div>
			
 
				+						</div>	
			
 
				+						<ul class="reply-list" v-if="item.ReplyList">
			
 
				+							<li class="message-cont" v-for="sub_item in item.ReplyList" :key="sub_item.comment_id">
			
 
				+								<img :src="sub_item.admin_img_url" alt="" class="reply-avatar">
			
 
				+								<div class="info">
			
 
				+									<span class="name">{{sub_item.admin_name}}</span>
			
 
				+									<p class="content">{{sub_item.content}}</p>
			
 
				+								</div>
			
 
				+							</li>
			
 
				+						</ul>
			
 
				+					</li>
			
 
				+				</ul>
			
 
				+			</div>
			
 
				+			<div v-if="myMessageList.length==0&&hotMessageList.length==0" style="text-align:center;font-size:14px;color:#999;line-height:100px">
			
 
				+				暂无留言
			
 
				+			</div>
			
 
				+		</div>
			
 
				+	</div>
			
 
				+
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.givelike-container {
			
 
				+	.like-top{
			
 
				+		display: flex;
			
 
				+		align-items: center;
			
 
				+		justify-content: space-between;
			
 
				+		background-color: #fff;
			
 
				+		color: #E3B377;
			
 
				+		padding: 40px 30px;
			
 
				+		.van-icon-good-job-o {
			
 
				+			font-size: 48px;
			
 
				+		}
			
 
				+		.van-icon-good-job {
			
 
				+			font-size: 48px;
			
 
				+			/* color: #E3B377; */
			
 
				+		}
			
 
				+	}
			
 
				+	.write-message-box {
			
 
				+		background-color: #fff;
			
 
				+		padding: 0 30px 40px;
			
 
				+		.van-field {
			
 
				+			border-radius: 8px;
			
 
				+			border: 1px solid #E3B377;
			
 
				+			height: 400px;
			
 
				+			overflow-y: auto;
			
 
				+		}
			
 
				+		.write-bottom {
			
 
				+			display: flex;
			
 
				+			align-items: center;
			
 
				+			justify-content: space-between;
			
 
				+			margin-top: 30px;
			
 
				+			.left {
			
 
				+				display: flex;
			
 
				+				align-items: center;
			
 
				+				.label {
			
 
				+					font-size: 28px !important;
			
 
				+					margin: 0 10px;
			
 
				+					color: #E3B377;
			
 
				+				}
			
 
				+			}
			
 
				+			.van-button--primary {
			
 
				+				height: 58px;
			
 
				+				font-size: 24px;
			
 
				+				background-color: #E3B377;
			
 
				+				border-color: #E3B377;
			
 
				+			}
			
 
				+		}
			
 
				+	}
			
 
				+
			
 
				+	.message-list-cont {
			
 
				+		padding: 70px 30px;
			
 
				+		background: #F5F6FA;
			
 
				+		.message-section {
			
 
				+			.section-label {
			
 
				+				color: #999;
			
 
				+				font-size: 28px;
			
 
				+			}
			
 
				+			.control {
			
 
				+				display: flex;
			
 
				+				justify-content: center;
			
 
				+				color: #6784A7;
			
 
				+			}
			
 
				+			.message-item  {
			
 
				+				margin: 20px 0 30px;
			
 
				+				.message-cont {
			
 
				+					display: flex;
			
 
				+					.avatar {
			
 
				+						width: 66px;
			
 
				+						height: 66px;
			
 
				+						margin-right: 20px;
			
 
				+					}
			
 
				+					.info {
			
 
				+						flex: 1;
			
 
				+						.name {
			
 
				+							font-size: 24px;
			
 
				+						}
			
 
				+						.info-top {
			
 
				+							display: flex;
			
 
				+							align-items: center;
			
 
				+							justify-content: space-between;
			
 
				+							color: #999;
			
 
				+							.divider {
			
 
				+								display: inline-block;
			
 
				+								margin: 0 10px;
			
 
				+							}
			
 
				+							.del {
			
 
				+								color: #6784A7;
			
 
				+							}
			
 
				+						}
			
 
				+						.content {
			
 
				+							font-size: 28px;
			
 
				+							color: #666;
			
 
				+						}
			
 
				+					}
			
 
				+
			
 
				+				}
			
 
				+				.reply-list {
			
 
				+					margin: 20px 0;
			
 
				+					padding-left: 80px;
			
 
				+					.reply-avatar {
			
 
				+						width: 40px;
			
 
				+						height: 40px;
			
 
				+						margin-right: 20px;
			
 
				+					}
			
 
				+				}
			
 
				+			}
			
 
				+		}
			
 
				+	}
			
 
				+}
			
 
				+</style>
			
--- a/src/views/hzyb/report/ChapterDetail.vue
+++ b/src/views/hzyb/report/ChapterDetail.vue
@@ -0,0 +1,722 @@
 
				+<template>
			
 
				+<van-pull-refresh v-model="loading" disabled style="min-height:100vh">
			
 
				+  <div class="chapter-detail-page" v-if="info" :style="{paddingBottom:$store.state.hzyb.audioData.url&&'80px'}">
			
 
				+    <div :class="['main-box',!info.auth_ok&&'main-box-noauth']">
			
 
				+      <!-- <div class="title">【第{{info.report_chapter_item.stage}}期 | {{info.report_chapter_item.classify_name_first}}  | {{info.report_chapter_item.type_name}}】{{info.report_chapter_item.title}}</div> -->
			
 
				+      <div class="title">{{title}}</div>
			
 
				+      <div class="flex time">
			
 
				+        <span>FICC团队</span>
			
 
				+        <span>{{formatTime(info.report_chapter_item.publish_time)}}</span>
			
 
				+      </div>
			
 
				+      <!-- 音频模块 -->
			
 
				+      <AudioBox :audioData="audioData" v-if="info.report_chapter_item.video_url&&info.report_chapter_item.video_play_seconds>0"></AudioBox>
			
 
				+      <div class="flex tips">
			
 
				+        <div>
			
 
				+          <div class="abstract" v-if="info.report_chapter_item.abstract">摘要：{{info.report_chapter_item.abstract}}</div>
			
 
				+          <div>
			
 
				+            <span>注：请务必阅读</span>
			
 
				+            <span style="color: #e3b377; margin-left: 20px" @click="showDisclaimers = true">免责声明</span>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      <div class="rich-content">
			
 
				+        <!-- <div v-html="info.report_chapter_item.content" v-if="info.auth_ok"></div> -->
			
 
				+        <div v-if="info.auth_ok">
			
 
				+          <ul>
			
 
				+              <li v-for="item in realContent" :key="item" v-html="item"></li>
			
 
				+          </ul>
			
 
				+        </div>
			
 
				+        <div v-html="info.report_chapter_item.content_sub" v-else ></div>
			
 
				+      </div>
			
 
				+      <!-- 指标数据模块 -->
			
 
				+      <div class="ticker-wrap" v-if="tickerInfo">
			
 
				+        <div class="top-title">{{tickerInfo.ticker_title.report_chapter_type_name}}数据表</div>
			
 
				+        <div class="table-box">
			
 
				+          <div class="table-row table-head">
			
 
				+            <div class="table-item" v-for="item in tickerHead" :key="item.key">{{item.label}}</div>
			
 
				+          </div>
			
 
				+          <div class="table-row table-body" v-for="(tr,index) in tickerInfo.list" :key="tr.base_column_name">
			
 
				+            <div :class="['table-item',index%2==0?'grey':'',tr[td.key]<0?'minus':'']" v-for="td in tickerHead" :key="td.key">{{tr[td.key]}}</div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div v-if="tickerInfo.ticker_title.report_chapter_type_id ===26" style="text-align:center;font-weight:bold">注：与新加坡TSR20相关数据均取展示日期前一交易日数据</div>
			
 
				+      </div>
			
 
				+      <!-- 无权限 -->
			
 
				+      <div class="no-auth-wrap" v-if="!info.auth_ok">
			
 
				+        <div class="apply-box" v-if="info.permission_check.type=='apply'">
			
 
				+          <div>您暂无权限查看报告，若想查看请申请开通</div>
			
 
				+          <div class="btn" @click="handleGoApply">立即申请</div>
			
 
				+        </div>
			
 
				+        <div class="apply-box" v-else>
			
 
				+          <div>您暂无权限查看报告 </div>
			
 
				+          <div>若想查看请联系对口销售：{{info.permission_check.name}}</div>
			
 
				+          <a class="btn" :href="'tel:'+info.permission_check.mobile" tag="div">立即联系</a>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </div>
			
 
				+    <!-- 章节详情底部快速切换 -->
			
 
				+    <div class="chapter-list-wrap" v-if="fromPage=='reportdetail'">
			
 
				+      <div class="top-text">更多</div>
			
 
				+      <van-row gutter="10">
			
 
				+        <van-col span="6" v-for="item in info.report_chapter_menu_list" :key="item.report_chapter_id">
			
 
				+          <div :class="['item',item.report_chapter_id==chapterId&&'active']" @click="handleChapterChange(item)">
			
 
				+            <img :src="item.report_chapter_type_thumb+'?t='+new Date().getTime()" mode="aspectFill"/>
			
 
				+            <!-- <text>{{item.report_chapter_type_name}}</text> -->
			
 
				+          </div>
			
 
				+        </van-col>
			
 
				+      </van-row>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 留言点赞模块 -->
			
 
				+    <div id="messgaeBoardCont" v-if="info.auth_ok">
			
 
				+      <LeaveMessage
			
 
				+          :info="info"
			
 
				+          @like_change="giveOrCancelLike"
			
 
				+      />
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 返回顶部 -->
			
 
				+    <img v-if="showToTop&&info.auth_ok" @click="handleBackTop" class="back-top-img" src="@/assets/hzyb/report/back-top.png" mode="aspectFill"/>
			
 
				+
			
 
				+    <!-- 免责声明 -->
			
 
				+    <van-popup :show="showDisclaimers" @close="showDisclaimers = false" round closeable>
			
 
				+      <div class="disclaimers-box">
			
 
				+        <div style="text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 20px">免责声明</div>
			
 
				+        <div style="margin-bottom: 10rpx">1、本报告仅供弘则弥道（上海）投资咨询有限公司正式签约的机构客户使用，不会仅因接收人/接受机构收到本报告而将其视为客户。</div>
			
 
				+        <div style="margin-bottom: 10rpx"
			
 
				+          >2、本报告根据国际和行业通行的准则，以合法渠道获得这些信息，尽可能保证可靠、准确和完整，但并不保证报告所述信息的准确性和完整性，也不保证本报告所包含的信息或建议在本报告发出后不会发生任何变更。本报告中所提供的信息仅供参考。</div
			
 
				+        >
			
 
				+        <div style="margin-bottom: 10rpx"
			
 
				+          >3、报告中的内容不对投资者做出的最终操作建议做任何的担保，也没有任何形式的分享投资收益或者分担投资损失的书面或口头承诺。不作为客户在投资、法律、会计或税务等方面的最终操作建议，也不作为道义的、责任的和法律的依据或者凭证，无论是否已经明示或者暗示。</div
			
 
				+        >
			
 
				+        <div style="margin-bottom: 10rpx">4、在任何情况下，本公司不对客户/接受人/接受机构因使用报告中内容所引致的一切损失负责任，客户/接受人/接受机构需自行承担全部风险。</div>
			
 
				+      </div>
			
 
				+    </van-popup>
			
 
				+
			
 
				+    <!-- 申请提示弹窗 -->
			
 
				+    <van-popup :show="pupData.show" @close="pupData.show=false" :close-on-click-overlay="false">
			
 
				+        <div class="global-pup">
			
 
				+            <div class="content">
			
 
				+                <div v-html="pupData.content"></div>
			
 
				+            </div>
			
 
				+            <div class="flex bot">
			
 
				+                <div @click="pupData.show=false">知道了</div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+    </van-popup>
			
 
				+
			
 
				+    <!-- 分享海报 -->
			
 
				+    <Teleport to="body">
			
 
				+    <SharePoster
			
 
				+      :style="{bottom:'125px'}" 
			
 
				+      :shareData="{
			
 
				+        type:'report_detail',
			
 
				+        code_page:'pages-report/chapterDetail',
			
 
				+        code_scene:code_scene,
			
 
				+        data:posterParams
			
 
				+      }" 
			
 
				+      v-if="info.auth_ok"
			
 
				+    ></SharePoster>
			
 
				+    </Teleport>
			
 
				+  </div>
			
 
				+</van-pull-refresh>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+// 由于当时写在uni中 直接复制过来的 也不想改了就写成vue2形式吧
			
 
				+import moment from 'moment'
			
 
				+import 'moment/dist/locale/zh-cn'
			
 
				+moment.locale('zh-cn')
			
 
				+
			
 
				+import {apiChapterDetail,apiChapterTickerValue} from '@/api/hzyb/report'
			
 
				+import {apiApplyPermission} from '@/api/hzyb/user'
			
 
				+import {Popup,Image as VanImage,PullRefresh,Col, Row} from 'vant'
			
 
				+import AudioBox from './components/AudioBox.vue'
			
 
				+import SharePoster from '../components/SharePoster.vue'
			
 
				+import _ from 'lodash';
			
 
				+import LeaveMessage from '../components/leaveMessage/index.vue'
			
 
				+export default {
			
 
				+  components:{
			
 
				+    [Popup.name]:Popup,
			
 
				+    [VanImage.name]:VanImage,
			
 
				+    [PullRefresh.name]:PullRefresh,
			
 
				+    [Col.name]:Col,
			
 
				+    [Row.name]:Row,
			
 
				+    [PullRefresh.name]:PullRefresh,
			
 
				+    AudioBox,
			
 
				+    SharePoster,
			
 
				+    LeaveMessage
			
 
				+  },
			
 
				+  computed:{
			
 
				+    code_scene(){
			
 
				+      return JSON.stringify({
			
 
				+        chapterId:this.chapterId
			
 
				+      })
			
 
				+    },
			
 
				+    posterParams(){
			
 
				+      let time=moment(this.info.report_chapter_item.publish_time).format('MMDD')
			
 
				+      return {
			
 
				+        report_type:this.info.report_chapter_item.classify_name_first,
			
 
				+        // report_title:`【第${this.info.report_chapter_item.stage}期 | ${this.info.report_chapter_item.classify_name_first} | ${this.info.report_chapter_item.type_name}】${this.info.report_chapter_item.title}（${time}）`,
			
 
				+        report_title:this.title,
			
 
				+        report_abstract:this.info.report_chapter_item.content,
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      showDisclaimers: false, //显示免责声明
			
 
				+      chapterId:0,
			
 
				+      fromPage:'',//如果是从首页(home)来的则隐藏底部切换 message定位到留言板
			
 
				+      info:null,
			
 
				+      title:'',
			
 
				+      audioData:{},//音频数据
			
 
				+
			
 
				+      tickerInfo:null,
			
 
				+      tickerHead:[],
			
 
				+
			
 
				+      pupData:{
			
 
				+				show:false,
			
 
				+				content:'',//弹窗html字符串
			
 
				+			},
			
 
				+
			
 
				+      loading:false,
			
 
				+
			
 
				+      showToTop:false,
			
 
				+
			
 
				+      totalContent:[],
			
 
				+      realContent:[],
			
 
				+      page_no: 0,
			
 
				+      pageSize: 20,//默认初始加载20个p标签
			
 
				+      total_page: 0,
			
 
				+
			
 
				+    };
			
 
				+  },
			
 
				+  beforeCreate(){
			
 
				+    if(this.$route.query.token){
			
 
				+      localStorage.setItem('hzyb-token',this.$route.query.token)
			
 
				+      localStorage.setItem('hzyb-userId',this.$route.query.userId)
			
 
				+    }
			
 
				+  },
			
 
				+  created(options) {
			
 
				+    this.chapterId=this.$route.query.chapterId
			
 
				+    this.fromPage=this.$route.query.fromPage||''
			
 
				+    this.getDetail()
			
 
				+  },
			
 
				+  mounted(){
			
 
				+        $(document).on('click', '.rich-content img',function(event) {
			
 
				+            let imgArray = [];
			
 
				+            let curImageSrc = $(this).attr('src');
			
 
				+            let oParent = $(this).parent();
			
 
				+            if (curImageSrc && !oParent.attr('href')) {
			
 
				+                $('.rich-content img').each(function(index, el) {
			
 
				+                    let itemSrc = $(this).attr('src');
			
 
				+                    imgArray.push(itemSrc);
			
 
				+                });
			
 
				+                wx.previewImage({current:curImageSrc,urls:imgArray});
			
 
				+            }
			
 
				+        })
			
 
				+    window.addEventListener('scroll',this.loadMoreHandle)
			
 
				+  },
			
 
				+  destroyed () {
			
 
				+    window.removeEventListener('scroll',this.loadMoreHandle)
			
 
				+  },
			
 
				+  methods: {
			
 
				+    // handelPageScroll(){
			
 
				+    //   const top=document.documentElement.scrollTop||document.body.scrollTop
			
 
				+    //   if(top>window.outerHeight){
			
 
				+    //     this.showToTop=true
			
 
				+    //   }else{
			
 
				+    //     this.showToTop=false
			
 
				+    //   }
			
 
				+    // },
			
 
				+
			
 
				+    async getDetail(){
			
 
				+      const res=await apiChapterDetail({report_chapter_id:Number(this.chapterId)})
			
 
				+      if(res.code===200){
			
 
				+        this.info=res.data
			
 
				+        this.audioData={
			
 
				+          auth_ok:res.data.auth_ok,
			
 
				+          video_name:res.data.report_chapter_item.video_name,
			
 
				+          video_play_seconds:res.data.report_chapter_item.video_play_seconds,
			
 
				+          video_url:res.data.report_chapter_item.video_url,
			
 
				+          video_img:res.data.report_chapter_item.video_img
			
 
				+        }
			
 
				+        document.title=res.data.report_chapter_item.classify_name_first
			
 
				+        if(res.data.auth_ok&&res.data.report_chapter_item.classify_name_first==='晨报'){
			
 
				+          this.getTickerValue()
			
 
				+        }
			
 
				+
			
 
				+        this.splitContentHandle(this.info.report_chapter_item.content)
			
 
				+
			
 
				+        if(!res.data.auth_ok){
			
 
				+          // 获取详情如果为联系销售根据判断条件是否主动申请一次
			
 
				+          if(this.info.permission_check.type=='contact'&&!this.info.permission_check.customer_info.has_apply){
			
 
				+              if(this.info.permission_check.customer_info.status=='冻结'||(this.info.permission_check.customer_info.status=='试用'&&this.info.permission_check.customer_info.is_suspend==1)){
			
 
				+                  apiApplyPermission({
			
 
				+                      company_name:this.info.permission_check.customer_info.company_name,
			
 
				+                      real_name:this.info.permission_check.customer_info.name,
			
 
				+                      source:4,
			
 
				+                      from_page:'报告详情'
			
 
				+                  }).then(res=>{
			
 
				+                      if(res.code===200){
			
 
				+                          console.log('主动申请成功');
			
 
				+                      }
			
 
				+                  }) 
			
 
				+              }
			
 
				+          }
			
 
				+        }
			
 
				+
			
 
				+        // 处理标题数据
			
 
				+        //【第{{info.report_chapter_item.stage}}期 | {{info.report_chapter_item.classify_name_first}}  | {{info.report_chapter_item.type_name}}】{{info.report_chapter_item.title}}（{{moment(info.report_chapter_item.publish_time).format('MMDD')}}）
			
 
				+        this.title=`【第${res.data.report_chapter_item.stage}期 | ${res.data.report_chapter_item.classify_name_first} | ${res.data.report_chapter_item.type_name}】${res.data.report_chapter_item.title}（${moment(res.data.report_chapter_item.publish_time).format('MMDD')}）`
			
 
				+
			
 
				+        //向小程序发送分享数据
			
 
				+        //处理分享标题
			
 
				+        const shareTitle=`【${res.data.report_chapter_item.classify_name_first} | ${res.data.report_chapter_item.type_name}】${res.data.report_chapter_item.title}（${moment(res.data.report_chapter_item.publish_time).format('MMDD')}）`
			
 
				+        wx.miniProgram.postMessage({ 
			
 
				+          data: {
			
 
				+            title:shareTitle,
			
 
				+            chapterId:this.chapterId
			
 
				+          } 
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+
			
 
				+    /*内容分割*/
			
 
				+    splitContentHandle(content) {
			
 
				+        const arr = content.split('</p>');
			
 
				+        this.totalContent = arr.map(_ => _+'</p>');
			
 
				+        this.realContent = this.totalContent.slice(0,this.pageSize)
			
 
				+        this.total_page =  parseInt(this.totalContent.length / this.pageSize) + 1;
			
 
				+        console.log( this.totalContent,this.realContent,this.total_page)
			
 
				+    },
			
 
				+
			
 
				+    /* 加载下一页内容 */
			
 
				+    loadContent() {
			
 
				+        this.realContent = this.realContent.concat(this.totalContent.slice(this.page_no*this.pageSize, (this.page_no + 1)*this.pageSize))
			
 
				+    },
			
 
				+
			
 
				+    loadMoreHandle: _.throttle(function() {
			
 
				+
			
 
				+        const scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // 滚动的高度
			
 
				+
			
 
				+        if(scrollTop>window.outerHeight){
			
 
				+            this.showToTop=true
			
 
				+        }else{
			
 
				+            this.showToTop=false
			
 
				+        }
			
 
				+
			
 
				+        if(this.page_no >= this.total_page) return
			
 
				+
			
 
				+        const clientHeight = document.documentElement.clientHeight || document.body.clientHeight; // 可视高度
			
 
				+        const scrollHeight = document.body.scrollHeight; // 总高度
			
 
				+        const bufferHeight = 400;
			
 
				+
			
 
				+        if((scrollHeight - scrollTop - clientHeight) < bufferHeight+100) {
			
 
				+        console.log('触底')
			
 
				+        this.page_no = this.page_no+1;
			
 
				+        this.loadContent();
			
 
				+        }
			
 
				+    },300),
			
 
				+
			
 
				+    //获取晨报中指标数据
			
 
				+    async getTickerValue(){
			
 
				+      const res=await apiChapterTickerValue({report_chapter_id:Number(this.chapterId)})
			
 
				+      if(res.code===200){
			
 
				+        if(!res.data||!res.data.list) return
			
 
				+        this.tickerInfo=res.data
			
 
				+        if(res.data.ticker_title.report_chapter_type_id===17){
			
 
				+          this.tickerHead=[
			
 
				+            {
			
 
				+              label:res.data.ticker_title.ticker_title,
			
 
				+              key:'base_column_name'
			
 
				+            },
			
 
				+            {
			
 
				+              label:'公布日期',
			
 
				+              key:'date'
			
 
				+            },
			
 
				+            {
			
 
				+              label:'最新值',
			
 
				+              key:'ticker_value'
			
 
				+            },
			
 
				+            {
			
 
				+              label:'上期值',
			
 
				+              key:'last_value'
			
 
				+            }
			
 
				+          ]
			
 
				+        }else{
			
 
				+          this.tickerHead=[
			
 
				+            {
			
 
				+              label:res.data.ticker_title.ticker_title,
			
 
				+              key:'base_column_name'
			
 
				+            },
			
 
				+            {
			
 
				+              label:res.data.list[0].date,
			
 
				+              key:'ticker_value'
			
 
				+            },
			
 
				+            {
			
 
				+              label:'当日涨跌',
			
 
				+              key:'dd_value'
			
 
				+            },
			
 
				+            {
			
 
				+              label:'一周涨跌',
			
 
				+              key:'ww_value'
			
 
				+            },
			
 
				+            {
			
 
				+              label:'一月涨跌',
			
 
				+              key:'mm_value'
			
 
				+            }
			
 
				+          ]
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+
			
 
				+    handleBackTop() {
			
 
				+      document.body.scrollTop=document.documentElement.scrollTop=0
			
 
				+    },
			
 
				+
			
 
				+    //格式化音频时间
			
 
				+    formatVoiceTime(e){
			
 
				+      let minus=parseInt(e/60)
			
 
				+      let sec=parseInt(e%60)
			
 
				+      return `${minus>9?minus:'0'+minus}分${sec>9?sec:'0'+sec}秒`
			
 
				+    },
			
 
				+
			
 
				+    formatTime(time){
			
 
				+      return moment(time).format('YYYY.MM.DD HH:mm:ss')
			
 
				+    },
			
 
				+
			
 
				+    handleChapterChange(item){
			
 
				+      this.chapterId=item.report_chapter_id
			
 
				+      this.info=null
			
 
				+      this.getDetail()
			
 
				+      this.handleBackTop()
			
 
				+    },
			
 
				+
			
 
				+    // 联系销售
			
 
				+    // handleContact(){
			
 
				+    //   uni.makePhoneCall({
			
 
				+    //     phoneNumber: this.info.permission_check.mobile
			
 
				+    //   });
			
 
				+    // },
			
 
				+
			
 
				+    //点击申请
			
 
				+    async handleGoApply(){
			
 
				+      if(this.info.permission_check.type=='apply'){
			
 
				+        if(this.info.permission_check.customer_info.has_apply){// 已经申请过
			
 
				+          this.pupData.show=true
			
 
				+					this.pupData.content=`<p>您已提交过申请，请耐心等待</p>`
			
 
				+        }else{
			
 
				+          if(!this.info.permission_check.customer_info.status||this.info.permission_check.customer_info.status!='流失'){
			
 
				+            wx.miniProgram.redirectTo({
			
 
				+              url:"/pages-applyPermission/applyPermission?source=4&from_page=报告详情"
			
 
				+            })
			
 
				+          }else{//主动调一次申请权限接口 
			
 
				+            const res=await apiApplyPermission({
			
 
				+              company_name:this.info.permission_check.customer_info.company_name,
			
 
				+              real_name:this.info.permission_check.customer_info.name,
			
 
				+              source:4,
			
 
				+              from_page:'报告详情'
			
 
				+            })
			
 
				+            if(res.code===200){
			
 
				+              this.pupData.show=true
			
 
				+					    this.pupData.content=`<p>申请已提交</p><p>请等待销售人员与您联系</p>`
			
 
				+              this.getDetail()
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+                
			
 
				+      }
			
 
				+    },
			
 
				+
			
 
				+    /* 点赞/取消点赞 */
			
 
				+    giveOrCancelLike({like_enabled,like_num}) {
			
 
				+      this.info.like_num = like_num;
			
 
				+      this.info.like_enabled = like_enabled;
			
 
				+    },
			
 
				+
			
 
				+    //下拉刷新
			
 
				+    onRefresh(){
			
 
				+      this.getDetail()
			
 
				+      setTimeout(() => {
			
 
				+        this.loading=false
			
 
				+      }, 1500);
			
 
				+    }
			
 
				+
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+/* 公共弹窗 */
			
 
				+.global-pup{
			
 
				+    background-color: #fff;
			
 
				+    width: 90vw;
			
 
				+    min-height: 200px;
			
 
				+    font-size: 32px;
			
 
				+    .content{
			
 
				+        padding: 34px;
			
 
				+        text-align: center;
			
 
				+        min-height: 250px;
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        text-align: center;
			
 
				+        line-height: 1.7;
			
 
				+        div{
			
 
				+            flex: 1;
			
 
				+        }
			
 
				+    }
			
 
				+    .bot{
			
 
				+        border-top: 1px solid #dedede;
			
 
				+        div{
			
 
				+            line-height: 96px;
			
 
				+            flex: 1;
			
 
				+            text-align: center;
			
 
				+            border-right: 1px solid #dedede;
			
 
				+            color:#E3B377;
			
 
				+        }
			
 
				+        div:last-child {
			
 
				+            border: none;
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+.flex{
			
 
				+  display: flex;
			
 
				+}
			
 
				+.chapter-detail-page {
			
 
				+    // padding-bottom: 50px;
			
 
				+    .main-box{
			
 
				+        padding: 34px;
			
 
				+    }
			
 
				+    .main-box-noauth{
			
 
				+        height: 100vh;
			
 
				+        overflow: hidden;
			
 
				+    }
			
 
				+    .title{
			
 
				+        font-size: 40px;
			
 
				+        font-weight: bold;
			
 
				+        margin-bottom: 30px;
			
 
				+        display: inline;
			
 
				+        margin-left: -26px;
			
 
				+    }
			
 
				+    .time{
			
 
				+        justify-content: space-between;
			
 
				+        font-size: 30px;
			
 
				+        margin-top: 30px;
			
 
				+    }
			
 
				+
			
 
				+    .tips{
			
 
				+        font-size: 34px;
			
 
				+        margin-bottom: 51px;
			
 
				+        &::before{
			
 
				+            content: '';
			
 
				+            width: 10px;
			
 
				+            // height: 50px;
			
 
				+            display: inline-block;
			
 
				+            background-color: #E3B377;
			
 
				+            margin-right: 20px;
			
 
				+            // position: relative;
			
 
				+            // top: 10px;
			
 
				+        }
			
 
				+        .abstract{
			
 
				+            font-size: 34px;
			
 
				+            margin-bottom: 20px;
			
 
				+            line-height: 1.5;
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    .disclaimers-box{
			
 
				+        width: 94vw;
			
 
				+        padding: 32px;
			
 
				+    }
			
 
				+
			
 
				+    .rich-content{
			
 
				+        line-height: 1.8;
			
 
				+        font-size: 36px;
			
 
				+        :deep(img){
			
 
				+            width: 100% !important;
			
 
				+        }
			
 
				+        :deep(span){
			
 
				+            font-size: 36px !important;
			
 
				+            line-height: 1.8 !important;
			
 
				+        }
			
 
				+        :deep(p){
			
 
				+            font-size: 36px !important;
			
 
				+            line-height: 1.8 !important;
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    .no-auth-wrap{
			
 
				+      min-height: 200px;
			
 
				+      background: linear-gradient(360deg, #FFFFFF 60%, rgba(255, 255, 255, 0) 88%);
			
 
				+      // position: relative;
			
 
				+      // top: -150px;
			
 
				+      padding: 0 34px 50px 34px;
			
 
				+      position: fixed;
			
 
				+      left: 0;
			
 
				+      right: 0;
			
 
				+      bottom: 0;
			
 
				+      z-index: 99;
			
 
				+      text-align: center;
			
 
				+      font-size: 32px;
			
 
				+      color: #E3B377;
			
 
				+      .apply-box{
			
 
				+        padding-top: 250px;
			
 
				+      }
			
 
				+      .btn{
			
 
				+        width: 100%;
			
 
				+        margin-left: auto;
			
 
				+        margin-right: auto;
			
 
				+        line-height: 80px;
			
 
				+        background-color: #E6B77D;
			
 
				+        border-radius: 4px;
			
 
				+        color: #fff;
			
 
				+        margin-top: 100px;
			
 
				+        display: block;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .back-top-img{
			
 
				+        position: fixed;
			
 
				+        z-index: 99;
			
 
				+        width: 76px;
			
 
				+        height: 76px;
			
 
				+        right: 34px;
			
 
				+        bottom: 150px;
			
 
				+    }
			
 
				+    .chapter-list-wrap {
			
 
				+    background-color: #f5f6fa;
			
 
				+    padding: 34px;
			
 
				+    min-height: 300px;
			
 
				+    .top-text {
			
 
				+      text-align: center;
			
 
				+      color: #666666;
			
 
				+      margin-bottom: 30px;
			
 
				+      &::before {
			
 
				+        content: "";
			
 
				+        width: 90px;
			
 
				+        height: 1px;
			
 
				+        background-color: #999;
			
 
				+        display: inline-block;
			
 
				+        vertical-align: middle;
			
 
				+        margin-right: 10px;
			
 
				+      }
			
 
				+      &::after {
			
 
				+        content: "";
			
 
				+        width: 90px;
			
 
				+        height: 1px;
			
 
				+        background-color: #999;
			
 
				+        display: inline-block;
			
 
				+        vertical-align: middle;
			
 
				+        margin-left: 10px;
			
 
				+      }
			
 
				+    }
			
 
				+    .item {
			
 
				+      background-color: #fff;
			
 
				+      height: 156px;
			
 
				+      margin-bottom: 20px;
			
 
				+      text-align: center;
			
 
				+      color: #C0CFDA;
			
 
				+      font-size: 24px;
			
 
				+      // padding-top: 20px;
			
 
				+      border-radius: 8px;
			
 
				+      overflow: hidden;
			
 
				+      img{
			
 
				+        width: 156px;
			
 
				+        height: 156px;
			
 
				+        display: block;
			
 
				+        margin-left: auto;
			
 
				+        margin-right: auto;
			
 
				+        object-fit: cover;
			
 
				+      }
			
 
				+    }
			
 
				+    .active{
			
 
				+      border: 1px solid #E3B377;
			
 
				+      position: relative;
			
 
				+      &::before{
			
 
				+        content: '';
			
 
				+        display: block;
			
 
				+        position: absolute;
			
 
				+        left: 0;
			
 
				+        top: 0;
			
 
				+        width: 0;
			
 
				+        height: 0;
			
 
				+        border-top: 46px solid #E3B377;
			
 
				+        border-right: 46px solid transparent;
			
 
				+      } 
			
 
				+    }
			
 
				+    }
			
 
				+
			
 
				+  .ticker-wrap{
			
 
				+    margin-top: 30px;
			
 
				+    .top-title{
			
 
				+      text-align: center;
			
 
				+      font-size: 36px;
			
 
				+      font-weight: bold;
			
 
				+      vertical-align: middle;
			
 
				+      &::before,&::after{
			
 
				+        content: '';
			
 
				+        display: inline-block;
			
 
				+        width: 100px;
			
 
				+        height: 4px;
			
 
				+        background-color:rgb(204, 204, 204);
			
 
				+        vertical-align: middle;
			
 
				+        margin: 0 20px;
			
 
				+      }
			
 
				+
			
 
				+    }
			
 
				+    .table-box{
			
 
				+      margin: 20px 0;
			
 
				+      &::-webkit-scrollbar{
			
 
				+        width: 0;
			
 
				+      }
			
 
				+      overflow: auto hidden;
			
 
				+      .table-row{
			
 
				+        display: flex;
			
 
				+        width: 100%;
			
 
				+      }
			
 
				+      .table-item{
			
 
				+        padding: 10px;
			
 
				+        min-width: 200px;
			
 
				+        max-width: 280px;
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        justify-content: center;
			
 
				+      }
			
 
				+      .table-head{
			
 
				+        color: #fff;
			
 
				+        background-color: rgb(58, 76, 115);
			
 
				+        .table-item{
			
 
				+          &:first-child{
			
 
				+            position: sticky;
			
 
				+            left: 0;
			
 
				+            z-index: 5;
			
 
				+            border-right-color: rgb(58, 76, 115);
			
 
				+          }
			
 
				+          background-color: rgb(58, 76, 115);
			
 
				+        }
			
 
				+      }
			
 
				+      .table-body{
			
 
				+        .table-item{
			
 
				+          background-color: #fff;
			
 
				+          &:first-child{
			
 
				+            position: sticky;
			
 
				+            left: 0;
			
 
				+            z-index: 5;
			
 
				+          }
			
 
				+        }
			
 
				+        .grey{
			
 
				+          background-color: #ddd;
			
 
				+        }
			
 
				+        .minus{
			
 
				+          color: #006600;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+</style>
			
--- a/src/views/hzyb/report/Detail.vue
+++ b/src/views/hzyb/report/Detail.vue
@@ -0,0 +1,731 @@
 
				+<template>
			
 
				+<van-pull-refresh v-model="loading" disabled style="min-height:100vh">
			
 
				+    <div class="report-detail-page" v-if="info" :style="{paddingBottom:$store.state.hzyb.audioData.url&&'80px'}">
			
 
				+        <!-- 晨报、周报章节 -->
			
 
				+        <div class="chapter-list-wrap" v-if="['晨报','周报'].includes(info.report_info.classify_name_first)">
			
 
				+            <div class="top-box" :style="'background-image:url(' + info.report_info.banner_url + ')'">
			
 
				+                <div class="title">{{info.report_info.classify_name_first}}</div>
			
 
				+                <div class="sub-title">{{info.report_info.title}}</div>
			
 
				+                <div class="flex top-bot">
			
 
				+                    <div class="flex time-box">
			
 
				+                        <div class="day">{{formatChapterTime(info.report_info.publish_time,'day')}}</div>
			
 
				+                        <div>
			
 
				+                            <div>{{formatChapterTime(info.report_info.publish_time,'week')}}</div>
			
 
				+                            <div>{{formatChapterTime(info.report_info.publish_time,'year-month')}}</div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                    <div class="num">第{{info.report_info.stage}}期</div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            <div class="list-box">
			
 
				+                <div class="flex item" v-for="item in chapterList" :key="item.report_chapter_id" @click="goChapterDetail(item)">
			
 
				+                    <van-image class="img" :src="item.report_chapter_type_thumb" mode="aspectFill" />
			
 
				+                    <div class="con">
			
 
				+                        <div class="title">
			
 
				+                            {{item.report_chapter_type_name}} 
			
 
				+                            <text class="tag" :style="{backgroundColor:getTagColor(tag)}" v-for="tag in item.trend.split(',')" :key="tag">{{tag}}</text>
			
 
				+                        </div>
			
 
				+                        <div class="van-multi-ellipsis--l2 sub-title">{{item.title}}</div>
			
 
				+                        <div class="update-time">更新至：{{formatChapterTime(item.publish_time,'year-month-day')}}</div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            <!-- 无权限 -->
			
 
				+            <div class="no-auth-box" v-if="!info.auth_ok">
			
 
				+                <img class="img" src="https://hzstatic.hzinsights.com/static/icon/hzyb/activity_no_auth.png" mode="widthFix" />
			
 
				+                <div class="apply-box" v-if="info.permission_check.type=='apply'">
			
 
				+                    <div>您暂无权限查看报告，若想查看请申请开通</div>
			
 
				+                    <div class="btn" @click="handleGoApply">立即申请</div>
			
 
				+                </div>
			
 
				+                <div class="apply-box" v-else>
			
 
				+                    <div>您暂无权限查看报告 </div>
			
 
				+                    <div>若想查看请联系对口销售：{{info.permission_check.name}}</div>
			
 
				+                    <a class="btn" :href="'tel:'+info.permission_check.mobile" tag="div">立即联系</a>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+
			
 
				+        <!-- 报告详情 -->
			
 
				+        <div :class="['main-box',!info.auth_ok&&'main-box-noauth']" v-else>
			
 
				+            <!-- <div class="title">【第{{info.report_info.stage}}期｜{{info.report_info.classify_name_second}}】{{info.report_info.title}}</div> -->
			
 
				+            <div class="title">{{title}}</div>
			
 
				+            <div class="flex time">
			
 
				+                <span>FICC团队</span>
			
 
				+                <span>{{formatTime(info.report_info.publish_time)}}</span>
			
 
				+            </div>
			
 
				+            <!-- 音频模块 -->
			
 
				+            <AudioBox :audioData="audioData" v-if="info.report_info.video_url&&info.report_info.video_play_seconds>0"></AudioBox>
			
 
				+            <div class="flex tips">
			
 
				+                <div>
			
 
				+                    <div class="abstract" v-if="info.report_info.abstract">摘要：{{info.report_info.abstract}}</div>
			
 
				+                    <div>
			
 
				+                        <span>注：请务必阅读</span>
			
 
				+                        <span style="color:#E3B377;margin-left:20px" @click="showDisclaimers=true">免责声明</span>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+
			
 
				+            <div class="rich-content">
			
 
				+                <!-- <div v-html="info.report_info.content" v-if="info.auth_ok"></div> -->
			
 
				+                <div v-if="info.auth_ok">
			
 
				+                    <ul>
			
 
				+                        <li v-for="item in realContent" :key="item" v-html="item"></li>
			
 
				+                    </ul>
			
 
				+                </div>
			
 
				+                <div v-html="info.report_info.content_sub" v-else></div>
			
 
				+            </div>
			
 
				+
			
 
				+            <!-- 无权限 -->
			
 
				+            <div class="no-auth-wrap" v-if="!info.auth_ok">
			
 
				+                <div class="apply-box" v-if="info.permission_check.type=='apply'">
			
 
				+                    <div>您暂无权限查看报告，若想查看请申请开通</div>
			
 
				+                    <div class="btn" @click="handleGoApply">立即申请</div>
			
 
				+                </div>
			
 
				+                <div class="apply-box" v-else>
			
 
				+                    <div>您暂无权限查看报告 </div>
			
 
				+                    <div>若想查看请联系对口销售：{{info.permission_check.name}}</div>
			
 
				+                    <a class="btn" :href="'tel:'+info.permission_check.mobile" tag="div">立即联系</a>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+
			
 
				+            <!-- 返回顶部 -->
			
 
				+            <img v-if="showToTop&&info.auth_ok" @click="handleBackTop" class="back-top-img" src="@/assets/hzyb/report/back-top.png" mode="aspectFill"/>
			
 
				+
			
 
				+            <!-- 分享海报 -->
			
 
				+            <Teleport to="body">
			
 
				+            <SharePoster 
			
 
				+                :style="{bottom:'125px'}" 
			
 
				+                :shareData="{
			
 
				+                    type:'report_detail',
			
 
				+                    code_page:'pages-report/reportDetail',
			
 
				+                    code_scene:code_scene,
			
 
				+                    data:posterParams
			
 
				+                }"
			
 
				+                v-if="info.auth_ok"
			
 
				+            ></SharePoster>
			
 
				+            </Teleport>
			
 
				+        </div>
			
 
				+        
			
 
				+        <!-- 留言点赞模块 -->
			
 
				+        <div id="messgaeBoardCont" v-if="info.auth_ok && !['晨报','周报'].includes(info.report_info.classify_name_first)">
			
 
				+            <LeaveMessage
			
 
				+                :info="info"
			
 
				+                @like_change="giveOrCancelLike"
			
 
				+            />
			
 
				+        </div>
			
 
				+
			
 
				+        <!-- 免责声明 -->
			
 
				+        <van-popup :show="showDisclaimers" @close="showDisclaimers=false" round closeable>
			
 
				+            <div class="disclaimers-box">
			
 
				+                <div style="text-align:center;font-size:16px;font-weight:bold;margin-bottom:20px">免责声明</div>
			
 
				+                <div style="margin-bottom:10px">1、本报告仅供弘则弥道（上海）投资咨询有限公司正式签约的机构客户使用，不会仅因接收人/接受机构收到本报告而将其视为客户。</div>
			
 
				+                <div style="margin-bottom:10px">2、本报告根据国际和行业通行的准则，以合法渠道获得这些信息，尽可能保证可靠、准确和完整，但并不保证报告所述信息的准确性和完整性，也不保证本报告所包含的信息或建议在本报告发出后不会发生任何变更。本报告中所提供的信息仅供参考。</div>
			
 
				+                <div style="margin-bottom:10px">3、报告中的内容不对投资者做出的最终操作建议做任何的担保，也没有任何形式的分享投资收益或者分担投资损失的书面或口头承诺。不作为客户在投资、法律、会计或税务等方面的最终操作建议，也不作为道义的、责任的和法律的依据或者凭证，无论是否已经明示或者暗示。</div>
			
 
				+                <div style="margin-bottom:10px">4、在任何情况下，本公司不对客户/接受人/接受机构因使用报告中内容所引致的一切损失负责任，客户/接受人/接受机构需自行承担全部风险。</div>
			
 
				+            </div>
			
 
				+        </van-popup>
			
 
				+
			
 
				+        <!-- 申请提示弹窗 -->
			
 
				+        <van-popup :show="pupData.show" @close="pupData.show=false" :close-on-click-overlay="false">
			
 
				+            <div class="global-pup">
			
 
				+                <div class="content">
			
 
				+                    <div v-html="pupData.content"></div>
			
 
				+                </div>
			
 
				+                <div class="flex bot">
			
 
				+                    <div @click="pupData.show=false">知道了</div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </van-popup>
			
 
				+    </div>
			
 
				+    
			
 
				+</van-pull-refresh>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+// 由于当时写在uni中 直接复制过来的 也不想改了就写成vue2形式吧
			
 
				+import moment from 'moment'
			
 
				+import 'moment/dist/locale/zh-cn'
			
 
				+moment.locale('zh-cn')
			
 
				+
			
 
				+import {apiReportDetail} from '@/api/hzyb/report'
			
 
				+import {apiApplyPermission} from '@/api/hzyb/user'
			
 
				+import {Popup,Image as VanImage,PullRefresh} from 'vant'
			
 
				+import AudioBox from './components/AudioBox.vue'
			
 
				+import SharePoster from '../components/SharePoster.vue'
			
 
				+import _ from 'lodash';
			
 
				+import LeaveMessage from '../components/leaveMessage/index.vue'
			
 
				+export default {
			
 
				+    components:{
			
 
				+        [Popup.name]:Popup,
			
 
				+        [VanImage.name]:VanImage,
			
 
				+        [PullRefresh.name]:PullRefresh,
			
 
				+        AudioBox,
			
 
				+        SharePoster,
			
 
				+        LeaveMessage
			
 
				+    },
			
 
				+    computed:{
			
 
				+        code_scene(){
			
 
				+            return JSON.stringify({
			
 
				+                reportId:this.reportId
			
 
				+            })
			
 
				+        },
			
 
				+        posterParams(){
			
 
				+            return {
			
 
				+                report_type:this.info.report_info.classify_name_first,
			
 
				+                // report_title:`【第${this.info.report_info.stage}期 | ${this.info.report_info.classify_name_second}】${this.info.report_info.title}`,
			
 
				+                report_title:this.title,
			
 
				+                report_abstract:this.info.report_info.content
			
 
				+            }
			
 
				+        }
			
 
				+    },
			
 
				+    data () {
			
 
				+        return {
			
 
				+            showDisclaimers:false,//显示免责声明
			
 
				+            reportId:0,
			
 
				+            info:null,
			
 
				+            title:'',//标题数据
			
 
				+            audioData:{},//音频数据
			
 
				+            chapterList:[],
			
 
				+            pupData:{
			
 
				+				show:false,
			
 
				+				content:'',//弹窗html字符串
			
 
				+			},
			
 
				+            loading:false,
			
 
				+            showToTop:false,
			
 
				+
			
 
				+            totalContent:[],
			
 
				+            realContent:[],
			
 
				+            page_no: 0,
			
 
				+            pageSize: 20,//默认初始加载20个p标签
			
 
				+            total_page: 0,
			
 
				+            fromPage: '', // message定位到留言板
			
 
				+        }
			
 
				+    },
			
 
				+    beforeCreate(){
			
 
				+        if(this.$route.query.token){
			
 
				+            localStorage.setItem('hzyb-token',this.$route.query.token)
			
 
				+            localStorage.setItem('hzyb-userId',this.$route.query.userId)
			
 
				+        }
			
 
				+    },
			
 
				+    created(options) {
			
 
				+        this.reportId=this.$route.query.reportId
			
 
				+        this.fromPage = this.$route.query.fromPage || ''
			
 
				+        this.getDetail()
			
 
				+    },
			
 
				+    mounted(){
			
 
				+        $(document).on('click', '.rich-content img',function(event) {
			
 
				+            let imgArray = [];
			
 
				+            let curImageSrc = $(this).attr('src');
			
 
				+            let oParent = $(this).parent();
			
 
				+            if (curImageSrc && !oParent.attr('href')) {
			
 
				+                $('.rich-content img').each(function(index, el) {
			
 
				+                    let itemSrc = $(this).attr('src');
			
 
				+                    imgArray.push(itemSrc);
			
 
				+                });
			
 
				+                wx.previewImage({current:curImageSrc,urls:imgArray});
			
 
				+            }
			
 
				+        })
			
 
				+        window.addEventListener('scroll',this.loadMoreHandle)
			
 
				+    },
			
 
				+    destroyed () {
			
 
				+        window.removeEventListener('scroll',this.loadMoreHandle)
			
 
				+    },
			
 
				+    methods: {
			
 
				+        // 页面滚动
			
 
				+        // handelPageScroll(){
			
 
				+        //     const top=document.documentElement.scrollTop||document.body.scrollTop
			
 
				+        //     if(top>window.outerHeight){
			
 
				+        //         this.showToTop=true
			
 
				+        //     }else{
			
 
				+        //         this.showToTop=false
			
 
				+        //     }
			
 
				+        // },
			
 
				+        
			
 
				+        //获取报告详情
			
 
				+        async getDetail(){
			
 
				+            const res=await apiReportDetail({report_id:Number(this.reportId)})
			
 
				+            if(res.code===200){
			
 
				+                this.info=res.data
			
 
				+                this.audioData={
			
 
				+                    auth_ok:res.data.auth_ok,
			
 
				+                    video_name:res.data.report_info.video_name,
			
 
				+                    video_play_seconds:res.data.report_info.video_play_seconds,
			
 
				+                    video_url:res.data.report_info.video_url,
			
 
				+                    video_img:res.data.report_info.video_img
			
 
				+                }
			
 
				+                this.chapterList=res.data.report_chapter_list
			
 
				+                document.title = res.data.report_info.classify_name_first
			
 
				+
			
 
				+                this.splitContentHandle(this.info.report_info.content);
			
 
				+
			
 
				+                if(!res.data.auth_ok){
			
 
				+                    // 获取详情如果为联系销售根据判断条件是否主动申请一次
			
 
				+                    if(this.info.permission_check.type=='contact'&&!this.info.permission_check.customer_info.has_apply){
			
 
				+                        if(this.info.permission_check.customer_info.status=='冻结'||(this.info.permission_check.customer_info.status=='试用'&&this.info.permission_check.customer_info.is_suspend==1)){
			
 
				+                            apiApplyPermission({
			
 
				+                                company_name:this.info.permission_check.customer_info.company_name,
			
 
				+                                real_name:this.info.permission_check.customer_info.name,
			
 
				+                                source:4,
			
 
				+                                from_page:'报告详情'
			
 
				+                            }).then(res=>{
			
 
				+                                if(res.code===200){
			
 
				+                                    console.log('主动申请成功');
			
 
				+                                }
			
 
				+                            }) 
			
 
				+                        }
			
 
				+                    }
			
 
				+                }
			
 
				+
			
 
				+                // 处理报告标题数据
			
 
				+                if(!['晨报','周报'].includes(res.data.report_info.classify_name_first)){
			
 
				+                    //【第{{info.report_info.stage}}期｜{{info.report_info.classify_name_second}}】{{info.report_info.title}}
			
 
				+                    const  time=moment(res.data.report_info.publish_time).format('MMDD')
			
 
				+                    if(res.data.report_info.classify_name_second==res.data.report_info.title){
			
 
				+                        this.title=`【第${res.data.report_info.stage}期】${res.data.report_info.title}（${time}）`
			
 
				+                    }else{
			
 
				+                        this.title=`【第${res.data.report_info.stage}期｜${res.data.report_info.classify_name_second}】${res.data.report_info.title}（${time}）`
			
 
				+                    }
			
 
				+                }
			
 
				+
			
 
				+                //向小程序发送分享数据
			
 
				+                //处理分享标题
			
 
				+                let shareTitle=''
			
 
				+                const shareTime=moment(res.data.report_info.publish_time).format('MMDD')
			
 
				+                if(['晨报','周报'].includes(res.data.report_info.classify_name_first)){
			
 
				+                    shareTitle=`【${res.data.report_info.classify_name_first}】${res.data.report_info.title}（${shareTime}）`
			
 
				+                }else{
			
 
				+                    // 专栏类报告
			
 
				+                    if(res.data.report_show_type==2){
			
 
				+                        const abstract=res.data.report_info.abstract?`：${res.data.report_info.abstract}`:''
			
 
				+                        if(res.data.report_info.classify_name_second==res.data.report_info.title){
			
 
				+                            shareTitle=`${res.data.report_info.title}（${shareTime}）${abstract}`
			
 
				+                        }else{
			
 
				+                            shareTitle=`【${res.data.report_info.classify_name_second}】${res.data.report_info.title}（${shareTime}）`
			
 
				+                        }
			
 
				+                    }else{
			
 
				+                        shareTitle=`【${res.data.report_info.classify_name_second}】${res.data.report_info.title}（${shareTime}）`
			
 
				+                    }
			
 
				+                }
			
 
				+                wx.miniProgram.postMessage({ 
			
 
				+                    data: {
			
 
				+                        title:shareTitle,
			
 
				+                        reportId:this.reportId
			
 
				+                    } 
			
 
				+                });
			
 
				+                
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        /*内容分割*/
			
 
				+        splitContentHandle(content) {
			
 
				+            const arr = content.split('</p>');
			
 
				+            this.totalContent = arr.map(_ => _+'</p>');
			
 
				+            this.realContent = this.totalContent.slice(0,this.pageSize)
			
 
				+            this.total_page =  parseInt(this.totalContent.length / this.pageSize) + 1;
			
 
				+        },
			
 
				+
			
 
				+        /* 加载下一页内容 */
			
 
				+        loadContent() {
			
 
				+            this.realContent = this.realContent.concat(this.totalContent.slice(this.page_no*this.pageSize, (this.page_no + 1)*this.pageSize))
			
 
				+        },
			
 
				+
			
 
				+        loadMoreHandle: _.throttle(function() {
			
 
				+
			
 
				+            const scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // 滚动的高度
			
 
				+            if(scrollTop>window.outerHeight){
			
 
				+                this.showToTop=true
			
 
				+            }else{
			
 
				+                this.showToTop=false
			
 
				+            }
			
 
				+
			
 
				+            if(this.page_no >= this.total_page) return
			
 
				+
			
 
				+            const clientHeight = document.documentElement.clientHeight || document.body.clientHeight; // 可视高度
			
 
				+            const scrollHeight = document.body.scrollHeight; // 总高度
			
 
				+            const bufferHeight = 400;
			
 
				+
			
 
				+            if((scrollHeight - scrollTop - clientHeight) < bufferHeight+100) {
			
 
				+            console.log('触底')
			
 
				+            this.page_no = this.page_no+1;
			
 
				+            this.loadContent();
			
 
				+            }
			
 
				+        },300),
			
 
				+        
			
 
				+        //返回顶部
			
 
				+        handleBackTop(){
			
 
				+            document.body.scrollTop=document.documentElement.scrollTop=0
			
 
				+        },
			
 
				+
			
 
				+        //跳转章节详情
			
 
				+        goChapterDetail(item){
			
 
				+            // this.$router.push({
			
 
				+            //     path:'/hzyb/report/chapterdetail',
			
 
				+            //     query:{
			
 
				+            //         chapterId:item.report_chapter_id
			
 
				+            //     }
			
 
				+            // })
			
 
				+            wx.miniProgram.navigateTo({
			
 
				+                url:`/pages-report/chapterDetail?chapterId=${item.report_chapter_id}&fromPage=reportdetail`
			
 
				+            })
			
 
				+        },
			
 
				+        
			
 
				+        // 格式化时间
			
 
				+        formatTime(time){
			
 
				+            return moment(time).format('YYYY.MM.DD HH:mm:ss')
			
 
				+        },
			
 
				+
			
 
				+        //格式化音频时间
			
 
				+        formatVoiceTime(e){
			
 
				+            let minus=parseInt(e/60)
			
 
				+            let sec=parseInt(e%60)
			
 
				+            return `${minus>9?minus:'0'+minus}分${sec>9?sec:'0'+sec}秒`
			
 
				+        },
			
 
				+
			
 
				+        // 格式化章节列表时间
			
 
				+        formatChapterTime(time,type){
			
 
				+            if(type==='day'){
			
 
				+                return moment(time).format('DD')
			
 
				+            }
			
 
				+            if(type==='week'){
			
 
				+                return moment(time).format('dddd')
			
 
				+            }
			
 
				+            if(type==='year-month'){
			
 
				+                return moment(time).format('YYYY-MM')
			
 
				+            }
			
 
				+            if(type==='year-month-day'){
			
 
				+                return moment(time).format('YYYY-MM-DD')
			
 
				+            }
			
 
				+        },
			
 
				+
			
 
				+        // 联系销售
			
 
				+        // handleContact(){
			
 
				+        //     uni.makePhoneCall({
			
 
				+        //         phoneNumber: this.info.permission_check.mobile
			
 
				+        //     });
			
 
				+        // },
			
 
				+
			
 
				+        //点击申请
			
 
				+        async handleGoApply(){
			
 
				+            if(this.info.permission_check.type=='apply'){
			
 
				+                if(this.info.permission_check.customer_info.has_apply){// 已经申请过
			
 
				+                    this.pupData.show=true
			
 
				+					this.pupData.content=`<p>您已提交过申请，请耐心等待</p>`
			
 
				+                }else{
			
 
				+                    if(!this.info.permission_check.customer_info.status||this.info.permission_check.customer_info.status!='流失'){
			
 
				+                        wx.miniProgram.redirectTo({
			
 
				+                            url:"/pages-applyPermission/applyPermission?source=4&from_page=报告详情"
			
 
				+                        })
			
 
				+                    }else{//主动调一次申请权限接口 
			
 
				+                        const res=await apiApplyPermission({
			
 
				+                            company_name:this.info.permission_check.customer_info.company_name,
			
 
				+                            real_name:this.info.permission_check.customer_info.name,
			
 
				+                            source:4,
			
 
				+                            from_page:'报告详情'
			
 
				+                        })
			
 
				+                        if(res.code===200){
			
 
				+                            this.pupData.show=true
			
 
				+					        this.pupData.content=`<p>申请已提交</p><p>请等待销售人员与您联系</p>`
			
 
				+                            this.getDetail()
			
 
				+                        }
			
 
				+                    }
			
 
				+                }
			
 
				+                
			
 
				+            }
			
 
				+        },
			
 
				+        
			
 
				+        /* 点赞/取消点赞 */
			
 
				+        giveOrCancelLike({like_enabled,like_num}) {
			
 
				+            this.info.like_num = like_num;
			
 
				+            this.info.like_enabled = like_enabled;
			
 
				+        },
			
 
				+
			
 
				+        onRefresh() {
			
 
				+            this.getDetail()
			
 
				+            setTimeout(() => {
			
 
				+                this.loading=false
			
 
				+            }, 1500);
			
 
				+        },
			
 
				+
			
 
				+        // 设置tag颜色
			
 
				+        getTagColor(str){
			
 
				+            if( str.includes('多')||str.includes('强')||str.includes('反弹') ){
			
 
				+                return "#DF6051";
			
 
				+            }else if( str.includes('空')||str.includes('调整') ){
			
 
				+                return "#6FC5B4";
			
 
				+            }else{
			
 
				+                return "#009fe6";
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+/* 公共弹窗 */
			
 
				+.global-pup{
			
 
				+    background-color: #fff;
			
 
				+    width: 90vw;
			
 
				+    min-height: 200px;
			
 
				+    font-size: 32px;
			
 
				+    .content{
			
 
				+        padding: 34px;
			
 
				+        text-align: center;
			
 
				+        min-height: 250px;
			
 
				+        display: flex;
			
 
				+        align-items: center;
			
 
				+        text-align: center;
			
 
				+        line-height: 1.7;
			
 
				+        div{
			
 
				+            flex: 1;
			
 
				+        }
			
 
				+    }
			
 
				+    .bot{
			
 
				+        border-top: 1px solid #dedede;
			
 
				+        div{
			
 
				+            line-height: 96px;
			
 
				+            flex: 1;
			
 
				+            text-align: center;
			
 
				+            border-right: 1px solid #dedede;
			
 
				+            color:#E3B377;
			
 
				+        }
			
 
				+        div:last-child {
			
 
				+            border: none;
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+.flex{
			
 
				+    display: flex;
			
 
				+}
			
 
				+.report-detail-page{
			
 
				+    /* padding-bottom: 50px; */
			
 
				+    .main-box{
			
 
				+        padding: 34px;
			
 
				+        .title{
			
 
				+            display: inline;
			
 
				+            margin-left: -26px;
			
 
				+        }
			
 
				+    }
			
 
				+    .main-box-noauth{
			
 
				+        height: calc(100vh - 50px);
			
 
				+        overflow: hidden;
			
 
				+    }
			
 
				+    .title{
			
 
				+        font-size: 40px;
			
 
				+        font-weight: bold;
			
 
				+        margin-bottom: 30px;
			
 
				+    }
			
 
				+    .time{
			
 
				+        justify-content: space-between;
			
 
				+        font-size: 30px;
			
 
				+        margin-top: 30px;
			
 
				+    }
			
 
				+    .audio-wrap{
			
 
				+        height: 160px;
			
 
				+        background: #FAF7EE;
			
 
				+        border-radius: 16px;
			
 
				+        margin-top: 20px;
			
 
				+        padding: 10px 31px;
			
 
				+        margin-bottom: 31px;
			
 
				+        align-items: center;
			
 
				+        img{
			
 
				+            width: 110px;
			
 
				+            height: 110px;
			
 
				+            display: block;
			
 
				+            margin-right: 16px;
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    .tips{
			
 
				+        font-size: 34px;
			
 
				+        margin-bottom: 51px;
			
 
				+        &::before{
			
 
				+            content: '';
			
 
				+            width: 10px;
			
 
				+            // height: 100%;
			
 
				+            display: inline-block;
			
 
				+            background-color: #E3B377;
			
 
				+            margin-right: 20px;
			
 
				+            // position: relative;
			
 
				+            // top: 10px;
			
 
				+        }
			
 
				+        .abstract{
			
 
				+            font-size: 34px;
			
 
				+            margin-bottom: 20px;
			
 
				+            line-height: 1.5;
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    .disclaimers-box{
			
 
				+        width: 94vw;
			
 
				+        padding: 32px;
			
 
				+    }
			
 
				+
			
 
				+    .rich-content{
			
 
				+        line-height: 1.8;
			
 
				+        font-size: 36px;
			
 
				+        :deep(img){
			
 
				+            width: 100% !important;
			
 
				+        }
			
 
				+        :deep(span){
			
 
				+            font-size: 36px !important;
			
 
				+            line-height: 1.8 !important;
			
 
				+        }
			
 
				+        :deep(p){
			
 
				+            font-size: 36px !important;
			
 
				+            line-height: 1.8 !important;
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+    .no-auth-wrap{
			
 
				+      min-height: 200px;
			
 
				+      padding: 0 34px 50px 34px;
			
 
				+      background: linear-gradient(360deg, #FFFFFF 60%, rgba(255, 255, 255, 0) 88%);
			
 
				+    //   position: relative;
			
 
				+    //   top: -150px;
			
 
				+      position: fixed;
			
 
				+      left: 0;
			
 
				+      right: 0;
			
 
				+      bottom: 0;
			
 
				+      z-index: 99;
			
 
				+      text-align: center;
			
 
				+      font-size: 32px;
			
 
				+      color: #E3B377;
			
 
				+      .apply-box{
			
 
				+        padding-top: 250px;
			
 
				+      }
			
 
				+      .btn{
			
 
				+        width: 100%;
			
 
				+        margin-left: auto;
			
 
				+        margin-right: auto;
			
 
				+        line-height: 80px;
			
 
				+        background-color: #E6B77D;
			
 
				+        border-radius: 4px;
			
 
				+        color: #fff;
			
 
				+        margin-top: 100px;
			
 
				+        display: block;
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    .back-top-img{
			
 
				+        position: fixed;
			
 
				+        z-index: 99;
			
 
				+        width: 76px;
			
 
				+        height: 76px;
			
 
				+        right: 34px;
			
 
				+        bottom: 150px;
			
 
				+    }
			
 
				+
			
 
				+    .chapter-list-wrap{
			
 
				+        .top-box{
			
 
				+            height: 418px;
			
 
				+            background-color: rgba($color: #000000, $alpha: 0.7);
			
 
				+            background-size: cover;
			
 
				+            color: #fff;
			
 
				+            position: relative;
			
 
				+            .title{
			
 
				+                text-align: center;
			
 
				+                font-size: 34px;
			
 
				+                font-weight: 600;
			
 
				+                padding-top: 78px;
			
 
				+            }
			
 
				+            .sub-title{
			
 
				+                font-size: 32px;
			
 
				+                text-align: center;
			
 
				+                width: 70%;
			
 
				+                margin-left: auto;
			
 
				+                margin-right: auto;
			
 
				+            }
			
 
				+            .top-bot{
			
 
				+                position: absolute;
			
 
				+                bottom: 70px;
			
 
				+                left: 34px;
			
 
				+                right: 34px;
			
 
				+                justify-content: space-between;
			
 
				+                align-items: flex-end;
			
 
				+                .time-box{
			
 
				+                    align-items: center;
			
 
				+                    font-size: 24px;
			
 
				+                    .day{
			
 
				+                        font-size: 32px;
			
 
				+                        border-right: 1px solid #fff;
			
 
				+                        padding-right: 15px;
			
 
				+                        margin-right: 15px;
			
 
				+                    }
			
 
				+                }
			
 
				+                
			
 
				+            }
			
 
				+        }
			
 
				+        .list-box{
			
 
				+            margin-top: -50px;
			
 
				+            border-top-left-radius: 40px;
			
 
				+            border-top-right-radius: 40px;
			
 
				+            min-height: 100px;
			
 
				+            background-color: #fff;
			
 
				+            position: relative;
			
 
				+            z-index: 2;
			
 
				+            .item{
			
 
				+                padding: 30px 34px;
			
 
				+                border-bottom: 1px solid #E5E5E5;
			
 
				+                .img{
			
 
				+                    width: 104px;
			
 
				+                    height: 104px;
			
 
				+                    // background-color: #f5f5f5;
			
 
				+                    flex-shrink: 0;
			
 
				+                    margin-right: 20px;
			
 
				+                }
			
 
				+                .con{
			
 
				+                    flex: 1;
			
 
				+                    position: relative;
			
 
				+                    .title{
			
 
				+                        font-size: 28px;
			
 
				+                        color: #57768D;
			
 
				+                        font-weight: bold;
			
 
				+                        margin-bottom: 5px;
			
 
				+                        .tag{
			
 
				+                            font-size: 20px;
			
 
				+                            color: #fff;
			
 
				+                            font-weight: normal;
			
 
				+                            display: inline-block;
			
 
				+                            background-color: #1E88E5;
			
 
				+                            line-height: 37px;
			
 
				+                            padding: 0 6px;
			
 
				+                            border-radius: 4px;
			
 
				+                            margin-left: 10px;
			
 
				+                        }
			
 
				+                    }
			
 
				+                    .sub-title{
			
 
				+                        color: #999;
			
 
				+                    }
			
 
				+                    .update-time{
			
 
				+                        position: absolute;
			
 
				+                        top: 0;
			
 
				+                        right: 0;
			
 
				+                        color: #D4D4D4;
			
 
				+                        font-size: 20px;
			
 
				+                    }
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+        .no-auth-box{
			
 
				+            text-align: center;
			
 
				+            font-size: 32px;
			
 
				+            color: #E3B377;
			
 
				+            img{
			
 
				+                width: 100%;
			
 
				+                margin-bottom: 50px;
			
 
				+            }
			
 
				+            .btn{
			
 
				+                width: 90%;
			
 
				+                margin-left: auto;
			
 
				+                margin-right: auto;
			
 
				+                line-height: 80px;
			
 
				+                background-color: #E6B77D;
			
 
				+                border-radius: 4px;
			
 
				+                color: #fff;
			
 
				+                margin-top: 100px;
			
 
				+                display: block;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/hzyb/report/components/AudioBox.vue
+++ b/src/views/hzyb/report/components/AudioBox.vue
@@ -0,0 +1,69 @@
 
				+<script setup>
			
 
				+import {reactive, ref} from 'vue'
			
 
				+import { Slider } from 'vant';
			
 
				+import { useStore } from "vuex";
			
 
				+
			
 
				+const store=useStore()
			
 
				+
			
 
				+const props = defineProps({
			
 
				+  audioData: Object,
			
 
				+});
			
 
				+
			
 
				+const formatVoiceTime = (e) => {
			
 
				+  let minus = parseInt(e / 60);
			
 
				+  let sec = parseInt(e % 60);
			
 
				+  return `${minus > 9 ? minus : "0" + minus}分${sec > 9 ? sec : "0" + sec}秒`;
			
 
				+};
			
 
				+
			
 
				+const audioIconPlay=new URL('../../../../assets/hzyb/report/audio-play.png', import.meta.url).href
			
 
				+const audioIconPause=new URL('../../../../assets/hzyb/report/audio-pause.png', import.meta.url).href
			
 
				+
			
 
				+
			
 
				+const handleClickAudio=()=>{
			
 
				+    if(store.state.hzyb.audioData.url==props.audioData.video_url){
			
 
				+      if(store.state.hzyb.audioData.paused){
			
 
				+        store.state.hzyb.audioData.INS.play()
			
 
				+        store.commit('hzyb/showAudioPop')
			
 
				+      }else{
			
 
				+        store.state.hzyb.audioData.INS.pause()
			
 
				+      }
			
 
				+    }else{
			
 
				+        store.commit('hzyb/addAudio',props.audioData)
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="flex audio-wrap">
			
 
				+    <img style="opacity: 0.3" src="@/assets/hzyb/report/audio-pause.png" mode="aspectFill" v-if="!audioData.auth_ok" />
			
 
				+    <img :src="$store.state.hzyb.audioData.url==audioData.video_url&&!$store.state.hzyb.audioData.paused?audioIconPlay:audioIconPause" @click="handleClickAudio" v-else />
			
 
				+    <div style="flex:1;overflow:hidden">
			
 
				+      <div class="van-multi-ellipsis--l2">{{ audioData.video_name }}</div>
			
 
				+      <div style="color: #999999">{{ formatVoiceTime(audioData.video_play_seconds) }}</div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+.flex{
			
 
				+    display: flex;
			
 
				+}
			
 
				+.audio-wrap {
			
 
				+  height: 160px;
			
 
				+  background: #faf7ee;
			
 
				+  border-radius: 16px;
			
 
				+  margin-top: 20px;
			
 
				+  padding: 10px 31px;
			
 
				+  margin-bottom: 31px;
			
 
				+  align-items: center;
			
 
				+  img {
			
 
				+    width: 110px;
			
 
				+    height: 110px;
			
 
				+    display: block;
			
 
				+    margin-right: 16px;
			
 
				+    flex-shrink: 0;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/ssbg/components/calendar.vue
+++ b/src/views/ssbg/components/calendar.vue
@@ -0,0 +1,279 @@
 
				+<script setup>
			
 
				+import { ref, onMounted,watch, computed } from 'vue';
			
 
				+import { useRoute } from 'vue-router';
			
 
				+import { Sticky,Popup } from 'vant';
			
 
				+
			
 
				+import '@fullcalendar/core/vdom'; // solve problem with Vite
			
 
				+import FullCalendar from '@fullcalendar/vue3';
			
 
				+import timeGridPlugin from '@fullcalendar/timegrid';
			
 
				+import interactionPlugin from '@fullcalendar/interaction';
			
 
				+
			
 
				+import moment from 'moment';
			
 
				+import 'moment/dist/locale/zh-cn';
			
 
				+moment.locale('zh-cn');
			
 
				+import swiperCalendar from './swiperCalendar.vue';
			
 
				+
			
 
				+/* props */
			
 
				+const props = defineProps({
			
 
				+  eventList: {
			
 
				+    type: Array,
			
 
				+    required: true
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const emits = defineEmits(['dateChange','cellClick']);
			
 
				+
			
 
				+const route = useRoute();
			
 
				+const swiperCalendarRef = ref(null);
			
 
				+
			
 
				+const isSeller = computed(()=> ['ficc_seller', 'rai_seller', 'ficc_group', 'rai_group'].includes(localStorage.getItem('ssbg-role')))
			
 
				+
			
 
				+
			
 
				+let isShowPopup = ref(false);//日程弹窗
			
 
				+const selectEventInfo = ref(null)//日程信息
			
 
				+
			
 
				+/* 点击表格日期 */
			
 
				+const handleDateClick = ({date}) => {
			
 
				+  emits('cellClick',date)
			
 
				+};
			
 
				+
			
 
				+/* 点击日程 */
			
 
				+const handleEventClick = (_) => {
			
 
				+  let id = _.event.id; // 获取当前点击日程的ID
			
 
				+
			
 
				+  let event_item = props.eventList.find(item => item.id === Number(id));
			
 
				+
			
 
				+  //标题拼接
			
 
				+  let title = setDynamicTitle(event_item);
			
 
				+
			
 
				+  selectEventInfo.value = {...event_item,title};
			
 
				+  isShowPopup.value = true;
			
 
				+};
			
 
				+
			
 
				+let calendarOptions = ref({
			
 
				+  height: 'auto',
			
 
				+  headerToolbar: false, // 顶部工具栏
			
 
				+  allDaySlot: false, // 全天日程(不需要)
			
 
				+  locale: 'zh-cn', // 语言
			
 
				+  nowIndicator: true,
			
 
				+  plugins: [
			
 
				+    timeGridPlugin,
			
 
				+    interactionPlugin, // needed for dateClick
			
 
				+  ],
			
 
				+  initialView: 'timeGridDay', //默认显示格式
			
 
				+  editable: true,
			
 
				+  selectable: true,
			
 
				+  selectMirror: true,
			
 
				+  dayMaxEvents: true,
			
 
				+  weekends: true,
			
 
				+  dateClick: handleDateClick,
			
 
				+  eventClick: handleEventClick,
			
 
				+  events: [], //日程表
			
 
				+  eventTimeFormat: {
			
 
				+    // 格式化日程显示时间,如'14:30'
			
 
				+    hour: '2-digit',
			
 
				+    minute: '2-digit',
			
 
				+    hour12: false,
			
 
				+  },
			
 
				+  slotMinTime: '08:00:00', //每天最早8点
			
 
				+  dayHeaderFormat: {
			
 
				+    weekday: 'short',
			
 
				+    // year: 'numeric',
			
 
				+    month: 'numeric',
			
 
				+    day: 'numeric',
			
 
				+    omitCommas: true,
			
 
				+  }, //顶部显示格式
			
 
				+  slotLabelFormat: {
			
 
				+    //格式化左侧显示时间
			
 
				+    hour12: false, // 14:00  true = 2pm
			
 
				+    hour: '2-digit', //'06:xx'
			
 
				+    minute: '2-digit', // 'xx:10'
			
 
				+  },
			
 
				+  slotDuration: '01:00:00',//一小时分割
			
 
				+  eventColor: '#D5E6FF', // 默认日程背景色
			
 
				+  eventTextColor: '#333', // 默认日程文本颜色
			
 
				+  weekNumberCalculation: "ISO"
			
 
				+  // eventClassNames: [ 'myclassname', 'otherclassname' ],  // 自定义日程类名
			
 
				+}); //配置
			
 
				+
			
 
				+let calendarApi = ref(null); //日历api
			
 
				+let FullCalendarRef = ref(null); //ref
			
 
				+
			
 
				+
			
 
				+/* 选中日期改变 更新日历 */
			
 
				+const datechangeHandle = (date) => {
			
 
				+
			
 
				+  calendarApi.value.gotoDate(date)
			
 
				+  emits('dateChange',date)
			
 
				+  // document.title = date.substr(0,7);
			
 
				+}
			
 
				+
			
 
				+/* 切换日历和周为本日 */
			
 
				+const toogeCurrentWeek = () => {
			
 
				+  swiperCalendarRef.value.getRecentWeek(moment().format('YYYY-MM-DD'))
			
 
				+  swiperCalendarRef.value.selectDateHandle(moment().format('YYYY-MM-DD'),1)
			
 
				+}
			
 
				+
			
 
				+// 处理数据结构
			
 
				+const getReservationList = () => {
			
 
				+  const arr = props.eventList.map((item) => {
			
 
				+    // let title = (this.isSeller && item.ActivityType==='路演')
			
 
				+    // ? `${item.CompanyName}${item.CompanyStatus ? '('+ item.CompanyStatus + ')' : ''}` : (this.isSeller && item.ActivityType==='公开会议')
			
 
				+    // ? item.Theme : setDynamicTitle(item);
			
 
				+    let title = item.Source === 1 
			
 
				+      ? item.Title 
			
 
				+      : item.ActivityType==='路演'
			
 
				+      ? `${item.CompanyName}${item.CompanyStatus ? '('+ item.CompanyStatus + ')' : ''}` 
			
 
				+      : item.ActivityType==='公开会议'
			
 
				+      ? item.Theme 
			
 
				+      : setDynamicTitle(item);
			
 
				+
			
 
				+    return {
			
 
				+      start: item.StartDate+'T'+item.StartTime ,
			
 
				+      end: item.EndDate+'T'+item.EndTime,
			
 
				+      event_id: item.RsCalendarId || item.RsMattersId,
			
 
				+      id: item.id,
			
 
				+      title,
			
 
				+    };
			
 
				+  });
			
 
				+  calendarOptions.value.events = arr
			
 
				+}
			
 
				+
			
 
				+// 拼接标题 type 内部会议 公开会议 路演 报告电话会 事项
			
 
				+const setDynamicTitle = ({ActivityType,RsMattersId,MatterContent,RoadshowType,RoadshowPlatform,Province,City,ActivityCategory,Source,Title}) => {
			
 
				+
			
 
				+  //第三方添加的日历活动
			
 
				+  if(Source === 1) return Title;
			
 
				+
			
 
				+  switch(ActivityType || RsMattersId) {
			
 
				+    case '内部会议': return ActivityType;
			
 
				+    case '公开会议': return `${RoadshowType}${ActivityType}(${RoadshowType==='线上' ? RoadshowPlatform : Province+City})`;
			
 
				+    case '路演': return `${RoadshowType}${ActivityType}(${RoadshowType==='线上' ? RoadshowPlatform : Province+City})`;
			
 
				+    case '报告电话会': return `${ActivityCategory}电话会`;
			
 
				+    case RsMattersId: return MatterContent;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+watch(
			
 
				+  () => props.eventList,
			
 
				+  (newval) => {
			
 
				+    getReservationList();
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  calendarApi.value = FullCalendarRef.value.getApi();
			
 
				+  datechangeHandle(moment().format('YYYY-MM-DD'))
			
 
				+});
			
 
				+
			
 
				+defineExpose({ toogeCurrentWeek,calendarApi });
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <Sticky>
			
 
				+    <div class="header">
			
 
				+      <swiperCalendar @dateChange="datechangeHandle" ref="swiperCalendarRef"/>
			
 
				+    </div>
			
 
				+  </Sticky>
			
 
				+  <FullCalendar :options="calendarOptions" ref="FullCalendarRef">
			
 
				+    <template #eventContent="arg">
			
 
				+      <div class="popper-content">
			
 
				+        <!-- <p>{{ arg.timeText }}</p> -->
			
 
				+        <p>{{ arg.event.title }}</p>
			
 
				+      </div>
			
 
				+    </template>
			
 
				+  </FullCalendar>
			
 
				+
			
 
				+<!-- 弹窗层 -->
			
 
				+  <Popup
			
 
				+    v-model:show="isShowPopup"
			
 
				+    closeable
			
 
				+  >
			
 
				+    <div class="dialog-cont">
			
 
				+      <p>
			
 
				+
			
 
				+        <template v-if="selectEventInfo.StartDate === selectEventInfo.EndDate">
			
 
				+					{{
			
 
				+            `${moment(selectEventInfo.StartDate).format("MM.DD")}
			
 
				+            (${moment(selectEventInfo.StartDate).format('ddd')}) 
			
 
				+            ${selectEventInfo.StartTime&&selectEventInfo.StartTime.substr(0,5)} - 
			
 
				+            ${selectEventInfo.EndTime&&selectEventInfo.EndTime.substr(0,5)}`
			
 
				+          }}
			
 
				+				</template>
			
 
				+        <template v-else>
			
 
				+          {{
			
 
				+            `${moment(selectEventInfo.StartDate).format("MM.DD")}
			
 
				+            (${moment(selectEventInfo.StartDate).format('ddd')}) 
			
 
				+            ${selectEventInfo.StartTime&&selectEventInfo.StartTime.substr(0,5)} - 
			
 
				+            ${moment(selectEventInfo.EndDate).format("MM.DD")}
			
 
				+            (${moment(selectEventInfo.EndDate).format('ddd')}) 
			
 
				+            ${selectEventInfo.EndTime&&selectEventInfo.EndTime.substr(0,5)}`
			
 
				+          }}
			
 
				+        </template>
			
 
				+          
			
 
				+        </p>
			
 
				+        <p v-if="isSeller">{{ selectEventInfo.ResearcherName }}</p>
			
 
				+        <p>{{ selectEventInfo.title }}</p>
			
 
				+        <p v-if="selectEventInfo.CompanyName" >{{ `${selectEventInfo.CompanyName}${selectEventInfo.CompanyStatus ? '('+ selectEventInfo.CompanyStatus + ')' : ''}` }}</p>
			
 
				+        <p v-if="selectEventInfo.Theme">{{ selectEventInfo.Theme }}</p>
			
 
				+        <p v-if="selectEventInfo.CooperationName">{{ selectEventInfo.CooperationName }}</p>
			
 
				+        <p v-if="['公开会议','内部会议','路演'].includes(selectEventInfo.ActivityType)">发起人:{{selectEventInfo.SysUserRealName}}</p>
			
 
				+    </div>
			
 
				+  </Popup>
			
 
				+</template>
			
 
				+
			
 
				+<style lang="scss" scoped>
			
 
				+
			
 
				+.header {
			
 
				+  background: #fff;
			
 
				+  padding-bottom: 20px;
			
 
				+  box-shadow: 0px 3px 6px rgba(172, 172, 172, 0.16);
			
 
				+  .tab-cont {
			
 
				+		padding: 30px;
			
 
				+		background: #fff;
			
 
				+		box-shadow: 0px 3px 12px rgba(175, 175, 175, 0.16);
			
 
				+		border-bottom: 6px solid #f6f6f6;
			
 
				+    margin-bottom: 20px;
			
 
				+		.tab-ul {
			
 
				+			display: flex;
			
 
				+			align-items: center;
			
 
				+			li {
			
 
				+				margin-right: 50px;
			
 
				+				color: #666;
			
 
				+				text-align: center;
			
 
				+				.item-img {
			
 
				+					width: 78px;
			
 
				+					height: 78px;
			
 
				+					display:block;
			
 
				+					margin: 0 auto 10px;
			
 
				+				}
			
 
				+			}
			
 
				+		}
			
 
				+  }  
			
 
				+}
			
 
				+.fc {
			
 
				+  margin: 0 0 160px;
			
 
				+  ::v-deep(.fc-timegrid-slot) {
			
 
				+    height: 120px;
			
 
				+  }
			
 
				+
			
 
				+  ::v-deep(.fc-timegrid-slot-label) {
			
 
				+    border-right: none;
			
 
				+  }
			
 
				+  ::v-deep(.fc-timegrid-slot) {
			
 
				+    border-left: none;
			
 
				+  }
			
 
				+  ::v-deep(.fc-timegrid-event ) {
			
 
				+    border-left: 8px solid #3385FF !important;
			
 
				+
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.dialog-cont {
			
 
				+  width: 550px;
			
 
				+  padding: 40px;
			
 
				+  p {
			
 
				+    color: #333;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/ssbg/components/swiperCalendar.vue
+++ b/src/views/ssbg/components/swiperCalendar.vue
@@ -0,0 +1,296 @@
 
				+<script setup>
			
 
				+import { reactive, toRefs, ref, watch, onMounted } from 'vue';
			
 
				+import moment from 'moment';
			
 
				+import 'moment/dist/locale/zh-cn';
			
 
				+moment.locale('zh-cn');
			
 
				+import _ from 'lodash';
			
 
				+
			
 
				+const emit = defineEmits(['dateChange']);
			
 
				+
			
 
				+const calendarRef = ref(null);
			
 
				+
			
 
				+const weekDays = ref([
			
 
				+  {
			
 
				+    label: '一',
			
 
				+  },
			
 
				+  {
			
 
				+    label: '二',
			
 
				+  },
			
 
				+  {
			
 
				+    label: '三',
			
 
				+  },
			
 
				+  {
			
 
				+    label: '四',
			
 
				+  },
			
 
				+  {
			
 
				+    label: '五',
			
 
				+  },
			
 
				+  {
			
 
				+    label: '六',
			
 
				+  },
			
 
				+  {
			
 
				+    label: '日',
			
 
				+  },
			
 
				+]);
			
 
				+
			
 
				+/* 当前 */
			
 
				+const current = ref({
			
 
				+  currentDate: moment().format('YYYY-MM-DD'), //今日
			
 
				+  isTouch: false, //控制滑动动画
			
 
				+  touchStartX: 0, //判断滑动位置
			
 
				+});
			
 
				+
			
 
				+const state = reactive({
			
 
				+  weekFirstDay: null, //周第一天
			
 
				+  weekDateList: null, //最近三周日期数组
			
 
				+  selectDate: current.value.currentDate, //当前选中的日期
			
 
				+  moveIndex: 0, //滑动的位置
			
 
				+  touch: { x: 0 },
			
 
				+  weekIndex: 1, //周日历选中的index
			
 
				+});
			
 
				+
			
 
				+/* 获取日期数组 */
			
 
				+const getRecentWeek = (day) => {
			
 
				+  const currenWeekStart = moment(day).startOf('isoweek'); //本周一
			
 
				+  const prevWeekStart = moment(day).subtract(1, 'week').startOf('isoWeek'); //上周一
			
 
				+  const nextWeekStart = moment(day).add(1, 'week').startOf('isoWeek'); //下周一
			
 
				+
			
 
				+  const weekeList = [
			
 
				+    new Array(7)
			
 
				+      .fill('')
			
 
				+      .map((_, index) =>
			
 
				+        moment(prevWeekStart).add(index, 'day').format('YYYY-MM-DD')
			
 
				+      ),
			
 
				+    new Array(7)
			
 
				+      .fill('')
			
 
				+      .map((_, index) =>
			
 
				+        moment(currenWeekStart).add(index, 'day').format('YYYY-MM-DD')
			
 
				+      ),
			
 
				+    new Array(7)
			
 
				+      .fill('')
			
 
				+      .map((_, index) =>
			
 
				+        moment(nextWeekStart).add(index, 'day').format('YYYY-MM-DD')
			
 
				+      ),
			
 
				+  ];
			
 
				+
			
 
				+  // console.log(weekeList);
			
 
				+
			
 
				+  state.weekDateList = weekeList;
			
 
				+  state.weekFirstDay = currenWeekStart;
			
 
				+};
			
 
				+getRecentWeek(current.value.currentDate);
			
 
				+
			
 
				+/* 设置周日历选中的位置 */
			
 
				+const setWeekIndex = (selectDate) => {
			
 
				+  const currentWeekDateList = state.weekDateList[1];
			
 
				+  let weekIndex = 0;
			
 
				+  currentWeekDateList.forEach((item, index) => {
			
 
				+    if (item === selectDate) weekIndex = index;
			
 
				+  });
			
 
				+
			
 
				+  state.weekIndex = weekIndex;
			
 
				+};
			
 
				+
			
 
				+setWeekIndex(current.value.currentDate);
			
 
				+
			
 
				+/* 选择天 */
			
 
				+const selectDateHandle = (date, index) => {
			
 
				+  state.weekIndex = index;
			
 
				+  state.selectDate = date;
			
 
				+  state.touch = { x: 0 };
			
 
				+};
			
 
				+
			
 
				+/* 滑动开始 */
			
 
				+const touchStartHandle = (e) => {
			
 
				+  // e.preventDefault();
			
 
				+
			
 
				+  const { clientX } = e.touches[0];
			
 
				+  current.value.touchStartX = clientX;
			
 
				+  current.value.isTouch = true;
			
 
				+};
			
 
				+
			
 
				+/* 滑动中 */
			
 
				+const touchMoveHandle = _.throttle((e) => {
			
 
				+  // e.preventDefault();
			
 
				+  const { clientX } = e.touches[0];
			
 
				+  const moveX = clientX - current.value.touchStartX;
			
 
				+  const calendarWidth = calendarRef.value.offsetWidth;
			
 
				+  // console.log(current.value.touchStartX,clientX)
			
 
				+
			
 
				+  state.touch = { x: moveX / calendarWidth };
			
 
				+}, 50);
			
 
				+
			
 
				+//滑动结束
			
 
				+const touchEndHandle = (e) => {
			
 
				+  const touchX = state.touch.x;
			
 
				+  const newTranslateIndex =
			
 
				+    touchX > 0 ? state.moveIndex + 1 : state.moveIndex - 1;
			
 
				+
			
 
				+  if (Math.abs(touchX) > 0) {
			
 
				+    const nextWeekFirstDay =
			
 
				+      touchX > 0
			
 
				+        ? moment(state.selectDate)
			
 
				+            .subtract(1, 'week')
			
 
				+            .startOf('isoWeek')
			
 
				+            .format('YYYY-MM-DD')
			
 
				+        : moment(state.selectDate)
			
 
				+            .add(1, 'week')
			
 
				+            .startOf('isoWeek')
			
 
				+            .format('YYYY-MM-DD');
			
 
				+    getRecentWeek(nextWeekFirstDay);
			
 
				+
			
 
				+    state.moveIndex = newTranslateIndex;
			
 
				+
			
 
				+    //默认选中
			
 
				+    const currentWeekDays = state.weekDateList[1];
			
 
				+    const selectWeekDay = currentWeekDays[state.weekIndex];
			
 
				+    state.selectDate = selectWeekDay;
			
 
				+    state.touch = { x: 0 };
			
 
				+
			
 
				+    current.value.isTouch = false;
			
 
				+  }
			
 
				+};
			
 
				+
			
 
				+/* 选中日期 更新日历 */
			
 
				+watch(
			
 
				+  () => state.selectDate,
			
 
				+  (newval) => {
			
 
				+    emit('dateChange', newval);
			
 
				+  },
			
 
				+  {
			
 
				+    deep: true,
			
 
				+  }
			
 
				+);
			
 
				+
			
 
				+defineExpose({
			
 
				+  getRecentWeek,
			
 
				+  selectDateHandle
			
 
				+})
			
 
				+
			
 
				+const { weekDateList, selectDate, moveIndex, touch } = toRefs(state);
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <h3 class="current-date">{{ moment(selectDate).format('YYYY年MM月') }}</h3>
			
 
				+  <ul class="weekend-ul">
			
 
				+    <li v-for="item in weekDays">
			
 
				+      <span>{{ item.label }}</span>
			
 
				+    </li>
			
 
				+  </ul>
			
 
				+
			
 
				+  <div
			
 
				+    class="swiper-wrapper"
			
 
				+    ref="calendarRef"
			
 
				+    @touchstart.stop.prevent="touchStartHandle"
			
 
				+    @touchmove.stop.prevent="touchMoveHandle"
			
 
				+    @touchend.prevent="touchEndHandle"
			
 
				+  >
			
 
				+    <div
			
 
				+      class="swiper-move"
			
 
				+      :style="`transform:translateX(${-moveIndex * 100}%)`"
			
 
				+    >
			
 
				+      <ul
			
 
				+        class="days-ul"
			
 
				+        v-for="(week, index) in weekDateList"
			
 
				+        :key="index"
			
 
				+        :style="`transform: translateX(${
			
 
				+          (index - 1 + moveIndex + (current.isTouch ? touch.x : 0)) * 100
			
 
				+        }%)`"
			
 
				+      >
			
 
				+        <li
			
 
				+          v-for="(day, day_index) in week"
			
 
				+          :key="`${(index, day_index)}`"
			
 
				+          :class="{
			
 
				+            act: selectDate === day,
			
 
				+            today: moment().format('YYYY-MM-DD') === day,
			
 
				+          }"
			
 
				+          @touchstart.stop="selectDateHandle(day, day_index)"
			
 
				+        >
			
 
				+          {{
			
 
				+            moment().format('YYYY-MM-DD') === day
			
 
				+              ? '今'
			
 
				+              : moment(day).format('DD')
			
 
				+          }}
			
 
				+        </li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.current-date {
			
 
				+  text-align: center;
			
 
				+  margin-bottom: 10px;
			
 
				+}
			
 
				+.weekend-ul {
			
 
				+  display: flex;
			
 
				+  li {
			
 
				+    width: calc(100% / 7);
			
 
				+    text-align: center;
			
 
				+    color: #999;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.swiper-wrapper {
			
 
				+  width: 100%;
			
 
				+  position: relative;
			
 
				+  height: 80px;
			
 
				+  transition: 0.15s;
			
 
				+  overflow: hidden;
			
 
				+  .swiper-move {
			
 
				+    width: 100%;
			
 
				+    display: flex;
			
 
				+    .days-ul {
			
 
				+      width: 100%;
			
 
				+      display: flex;
			
 
				+      justify-content: space-around;
			
 
				+      padding: 20px 0 0;
			
 
				+      flex-shrink: 0;
			
 
				+      transition: all 0.5s;
			
 
				+      position: absolute;
			
 
				+      z-index: 11;
			
 
				+      li {
			
 
				+        color: #333;
			
 
				+        height: 40px;
			
 
				+        line-height: 40px;
			
 
				+        width: calc(100% / 7);
			
 
				+        text-align: center;
			
 
				+        padding: 10px 0;
			
 
				+        margin: 0 24px;
			
 
				+        &.today {
			
 
				+          background: #b4cef5;
			
 
				+          border-radius: 50%;
			
 
				+          color: #fff;
			
 
				+        }
			
 
				+        &.act {
			
 
				+          background: #39a9ed;
			
 
				+          /* border-radius: 4px; */
			
 
				+          border-radius: 50%;
			
 
				+          color: #fff;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+.swiper-cont {
			
 
				+  .swiper-item {
			
 
				+    .days-ul {
			
 
				+      display: flex;
			
 
				+      justify-content: space-around;
			
 
				+      padding: 20px 0;
			
 
				+      li {
			
 
				+        color: #333;
			
 
				+        font-weight: bold;
			
 
				+        padding: 18px 10px;
			
 
				+        &.act {
			
 
				+          background: #39a9ed;
			
 
				+          border-radius: 4px;
			
 
				+          /* border-radius: 50%; */
			
 
				+          color: #fff;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/ssbg/roadshow/common-calendar.js
+++ b/src/views/ssbg/roadshow/common-calendar.js
@@ -0,0 +1,56 @@
 
				+
			
 
				+
			
 
				+/* 根据研究员id找父类index */
			
 
				+export const findParentByid = (id,arr) => {
			
 
				+	let obj = arr.find(item => item.ResearcherList.some( _ => _.AdminId === id));
			
 
				+	// console.log(obj)
			
 
				+	return arr.findIndex(_ => _.GroupName === obj.GroupName);
			
 
				+}
			
 
				+
			
 
				+//  研究员
			
 
				+export const RESEARCHLIST = ['ficc_researcher', 'researcher', 'rai_researcher','ficc_admin', 'rai_admin',];
			
 
				+
			
 
				+// 销售/组长
			
 
				+const SELLERLIST = ['ficc_seller', 'rai_seller', 'ficc_group', 'rai_group','seller'];
			
 
				+
			
 
				+// admin
			
 
				+const ADMINLIST = ['admin'];
			
 
				+
			
 
				+/* 根据角色获取我的日历顶部tab */
			
 
				+export const getTabsByRole = (role) => {
			
 
				+	return RESEARCHLIST.includes(role) 
			
 
				+		? [
			
 
				+			{
			
 
				+				label: '活动审批',
			
 
				+				key:1
			
 
				+			},
			
 
				+			{
			
 
				+				label: '内部会议',
			
 
				+				key:3
			
 
				+			},
			
 
				+			{
			
 
				+				label: '事项',
			
 
				+				key:5
			
 
				+			},
			
 
				+		] : SELLERLIST.includes(role)
			
 
				+		? [
			
 
				+			{
			
 
				+				label: '活动申请',
			
 
				+				key:2
			
 
				+			},
			
 
				+			{
			
 
				+				label: '内部会议',
			
 
				+				key:3
			
 
				+			},
			
 
				+		] : ADMINLIST.includes(role)
			
 
				+		? [
			
 
				+			{
			
 
				+				label: '内部会议',
			
 
				+				key:3
			
 
				+			},
			
 
				+			{
			
 
				+				label: '报告电话会',
			
 
				+				key:4
			
 
				+			},
			
 
				+		] : [];
			
 
				+}
			
--- a/src/views/ssbg/roadshow/myCalendar.vue
+++ b/src/views/ssbg/roadshow/myCalendar.vue
@@ -0,0 +1,191 @@
 
				+
			
 
				+<script setup>
			
 
				+import { ref,onMounted } from 'vue';
			
 
				+import { Icon } from 'vant';
			
 
				+import { useRoute } from 'vue-router';
			
 
				+import moment from 'moment';
			
 
				+import 'moment/dist/locale/zh-cn';
			
 
				+moment.locale('zh-cn');
			
 
				+
			
 
				+import { getTabsByRole } from './common-calendar';
			
 
				+import { isWxprogram } from '../utils';
			
 
				+import Calendar from '../components/calendar.vue';
			
 
				+import { myEvents } from '@/api/ssbg/api';
			
 
				+
			
 
				+const route = useRoute();
			
 
				+localStorage.setItem('ssbg-token',route.query.token ||  '5e532bc5fa7281aebaa6d89960b54c4ab22f1ab18e969258c634a7940fdb0922');
			
 
				+localStorage.setItem('ssbg-role',route.query.role ||  'researcher');
			
 
				+
			
 
				+const calendarRef = ref(null);//日历ref
			
 
				+const actionsList = ref([
			
 
				+  {
			
 
				+    label: '今天',
			
 
				+    key: 'weeknow',
			
 
				+    show: true,
			
 
				+  },
			
 
				+  {
			
 
				+    label: '添加事项',
			
 
				+    key: 'add_matter',
			
 
				+		icon: 'add-o',
			
 
				+    show:  ['ficc_researcher', 'researcher', 'rai_researcher','ficc_admin', 'rai_admin'].includes(localStorage.getItem('ssbg-role'))
			
 
				+  },
			
 
				+]);//底部固定数据
			
 
				+const eventList = ref([]);//日程信息
			
 
				+const Tabs = ref(getTabsByRole(localStorage.getItem('ssbg-role')));//顶部tab
			
 
				+const showCalendar = ref(true);
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  showCalendar.value = localStorage.getItem('ssbg-role') === 'admin' ? false : true;
			
 
				+})
			
 
				+
			
 
				+/* 获取日历日程列表 */
			
 
				+const getEventList = async () => {
			
 
				+  if(localStorage.getItem('ssbg-role') === 'admin') return;
			
 
				+
			
 
				+  const { currentStart } = calendarRef.value.calendarApi.view;
			
 
				+
			
 
				+  const { code,data } = await myEvents({
			
 
				+    StartDate: moment(currentStart).format('YYYY-MM-DD'),
			
 
				+    EndDate: moment(currentStart).format('YYYY-MM-DD')
			
 
				+  })
			
 
				+
			
 
				+  if(code !== 200) return
			
 
				+
			
 
				+  eventList.value = [
			
 
				+    ...(data.CalendarList || []),
			
 
				+    ...(data.RsMattersList || []),
			
 
				+  ].map((item, index) => ( { ...item, id: index }));
			
 
				+};
			
 
				+
			
 
				+/* 底部操作 */
			
 
				+const dealActionHandler = (type) => {
			
 
				+  const deal_methods_handles = {
			
 
				+    weeknow: toogeCurrentWeek,
			
 
				+    add_matter: addMatterHandle
			
 
				+  };
			
 
				+  deal_methods_handles[type]();
			
 
				+}
			
 
				+
			
 
				+const addMatterHandle = () => {
			
 
				+  wx.miniProgram.navigateTo({
			
 
				+    url: '/pages-roadshow/addMatter/index',
			
 
				+  });
			
 
				+}
			
 
				+
			
 
				+/* 切换为今天 */
			
 
				+const toogeCurrentWeek = () => {
			
 
				+  calendarRef.value.toogeCurrentWeek();
			
 
				+};
			
 
				+
			
 
				+/* 进入活动列表 */
			
 
				+const switchTabHandle = (key) => {
			
 
				+  wx.miniProgram.navigateTo({
			
 
				+    url: `/pages-approve/activity/list?type=${key}`,
			
 
				+  });
			
 
				+}
			
 
				+
			
 
				+</script>
			
 
				+<!--  -->
			
 
				+<template>
			
 
				+	<div class="mycalendar-container">
			
 
				+    <div class="tab-cont" v-if="route.path === '/ssbg/roadshow/mine'">
			
 
				+      <ul class="tab-ul">
			
 
				+        <li v-for="tab in Tabs" :key="tab.key" @click="switchTabHandle(tab.label)">
			
 
				+          <img class="item-img" src="@/assets/ssbg/tab_icon1.png" v-if="[1,2].includes(tab.key)"/>
			
 
				+          <img class="item-img" src="@/assets/ssbg/tab_icon2.png" v-if="tab.key === 3"/>
			
 
				+          <img class="item-img" src="@/assets/ssbg/tab_icon3.png" v-if="tab.key === 5"/>
			
 
				+          <img class="item-img" src="@/assets/ssbg/tab_icon4.png" v-if="tab.key === 4"/>
			
 
				+          {{ tab.label }}
			
 
				+        </li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+
			
 
				+		<Calendar
			
 
				+    ref="calendarRef"
			
 
				+    :eventList="eventList"
			
 
				+    @dateChange="getEventList"
			
 
				+    v-if="showCalendar"
			
 
				+    />
			
 
				+
			
 
				+    <div class="fix-action" v-if="isWxprogram() && showCalendar">
			
 
				+      <ul class="action-ul">
			
 
				+        <li
			
 
				+          v-for="item in actionsList"
			
 
				+          :key="item.key"
			
 
				+          @click="dealActionHandler(item.key)"
			
 
				+          v-show="item.show"
			
 
				+        >
			
 
				+          <Icon :name="item.icon" class="item-icon" v-if="item.icon" />
			
 
				+          <img
			
 
				+            class="item-img"
			
 
				+            src="@/assets/ssbg/calendar_ico.png"
			
 
				+            alt=""
			
 
				+            v-else-if="item.key === 'weeknow'"
			
 
				+          />
			
 
				+          {{ item.label }}
			
 
				+        </li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+	</div>
			
 
				+</template>
			
 
				+<style scoped lang="scss">
			
 
				+.mycalendar-container {
			
 
				+  .tab-cont {
			
 
				+		padding: 30px;
			
 
				+		background: #fff;
			
 
				+		box-shadow: 0px 3px 12px rgba(175, 175, 175, 0.16);
			
 
				+		border-bottom: 6px solid #f6f6f6;
			
 
				+    margin-bottom: 20px;
			
 
				+		.tab-ul {
			
 
				+			display: flex;
			
 
				+			align-items: center;
			
 
				+			li {
			
 
				+				margin-right: 50px;
			
 
				+				color: #666;
			
 
				+				text-align: center;
			
 
				+				.item-img {
			
 
				+					width: 78px;
			
 
				+					height: 78px;
			
 
				+					display:block;
			
 
				+					margin: 0 auto 10px;
			
 
				+				}
			
 
				+			}
			
 
				+		}
			
 
				+  } 
			
 
				+	.fix-action {
			
 
				+    height: 160px;
			
 
				+    position: fixed;
			
 
				+    bottom: 0;
			
 
				+    left: 0;
			
 
				+    right: 0;
			
 
				+    z-index: 99;
			
 
				+    background-color: #fff;
			
 
				+    box-shadow: 0px -3px 6px rgba(172, 172, 172, 0.16);
			
 
				+    padding-top: 20px;
			
 
				+    padding-bottom: constant(safe-area-inset-bottom);
			
 
				+    padding-bottom: env(safe-area-inset-bottom);
			
 
				+    .action-ul {
			
 
				+      height: 100%;
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      justify-content: space-around;
			
 
				+      color: #3385ff;
			
 
				+      li:hover {
			
 
				+        opacity: 0.8;
			
 
				+      }
			
 
				+      .item-icon {
			
 
				+        font-size: 52px;
			
 
				+        display: block;
			
 
				+        text-align: center;
			
 
				+        margin: 0 auto 10px;
			
 
				+      }
			
 
				+      .item-img {
			
 
				+        display: block;
			
 
				+        width: 46px;
			
 
				+        height: 46px;
			
 
				+        margin: 0 auto 10px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/ssbg/roadshow/rsCalendar.vue
+++ b/src/views/ssbg/roadshow/rsCalendar.vue
@@ -0,0 +1,287 @@
 
				+<script setup>
			
 
				+import { ref, reactive,toRefs,onMounted } from 'vue';
			
 
				+import { useRoute } from 'vue-router';
			
 
				+import { Icon, Toast,TreeSelect,Popup } from 'vant';
			
 
				+import moment from 'moment';
			
 
				+import 'moment/dist/locale/zh-cn';
			
 
				+moment.locale('zh-cn');
			
 
				+
			
 
				+import { researcherList,researchEvents } from '@/api/ssbg/api';
			
 
				+import { isWxprogram } from '../utils';
			
 
				+import { findParentByid } from './common-calendar';
			
 
				+import Calendar from '../components/calendar.vue';
			
 
				+
			
 
				+
			
 
				+const route = useRoute();
			
 
				+localStorage.setItem('ssbg-token',route.query.token ||  '5e532bc5fa7281aebaa6d89960b54c4ab22f1ab18e969258c634a7940fdb0922');
			
 
				+
			
 
				+const actionsList = ref([
			
 
				+  { label: '添加活动', key: 'add', icon: 'add-o' },
			
 
				+  {
			
 
				+    label: '今天',
			
 
				+    key: 'weeknow',
			
 
				+    img: import("@/assets/ssbg/calendar_ico.png"),
			
 
				+  },
			
 
				+  {
			
 
				+    label: '选择研究员',
			
 
				+    key: 'choose',
			
 
				+    img: import("@/assets/ssbg/choose_ico.png"),
			
 
				+  },
			
 
				+]);
			
 
				+
			
 
				+const calendarRef = ref(null);
			
 
				+
			
 
				+const state = reactive({
			
 
				+  selectResearcher: '', // 选中的研究员
			
 
				+  eventList: [],//日程信息
			
 
				+});
			
 
				+
			
 
				+/* 获取日历日程列表 */
			
 
				+const getEventList = async () => {
			
 
				+  if(!state.selectResearcher) return
			
 
				+
			
 
				+  const { currentStart } = calendarRef.value.calendarApi.view;
			
 
				+
			
 
				+  const { code,data } = await researchEvents({
			
 
				+    StartDate: moment(currentStart).format('YYYY-MM-DD'),
			
 
				+    EndDate: moment(currentStart).format('YYYY-MM-DD'),
			
 
				+    ResearcherId: Number(state.selectResearcher)
			
 
				+  })
			
 
				+
			
 
				+  if(code !== 200) return
			
 
				+
			
 
				+  state.eventList = [
			
 
				+    ...(data.CalendarList || []),
			
 
				+    ...(data.RsMattersList || []),
			
 
				+  ].map((item, index) => ( { ...item, id: index }));
			
 
				+};
			
 
				+
			
 
				+/* 点击日历表格添加活动 */
			
 
				+const cellClickHandle = (date) => {
			
 
				+
			
 
				+  if (!state.selectResearcher) return Toast.fail('请先选择研究员');
			
 
				+
			
 
				+  const endDate = new Date(date.getTime() + 1000 * 60 * 60).getTime();
			
 
				+  const defaultResearcher = [
			
 
				+    {
			
 
				+      researcherId: state.selectResearcher,
			
 
				+      startTime: date.getTime(),
			
 
				+      endTime: endDate,
			
 
				+    }
			
 
				+  ]
			
 
				+
			
 
				+  wx.miniProgram.navigateTo({
			
 
				+    url: `/pages-roadshow/addActivity/byCell?defaultOpt=${JSON.stringify(defaultResearcher)}`,
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+/* 底部操作 */
			
 
				+const dealActionHandler = (type) => {
			
 
				+  const deal_methods_handles = {
			
 
				+    add: addActivityHandleByBtn,
			
 
				+    weeknow: toogeCurrentWeek,
			
 
				+    choose: slectResearcherHandle,
			
 
				+  };
			
 
				+  deal_methods_handles[type]();
			
 
				+};
			
 
				+
			
 
				+/* 点击按钮添加活动 */
			
 
				+const addActivityHandleByBtn = () => {
			
 
				+  wx.miniProgram.navigateTo({
			
 
				+    url: '/pages-roadshow/addActivity/index',
			
 
				+  });
			
 
				+};
			
 
				+
			
 
				+/* 切换为今天 */
			
 
				+const toogeCurrentWeek = () => {
			
 
				+  calendarRef.value.toogeCurrentWeek();
			
 
				+};
			
 
				+
			
 
				+/* ==========选择研究员picker============ */
			
 
				+const researcherArr = ref([]);
			
 
				+const isResearcherPicker = ref(false);
			
 
				+
			
 
				+const rs_picker = ref({
			
 
				+  firstindex: 0,
			
 
				+  id: ''
			
 
				+})
			
 
				+
			
 
				+/* 获取研究员列表 */
			
 
				+const getResearcherList = async() => {
			
 
				+  const { code,data } = await researcherList();
			
 
				+  if(code !== 200) return;
			
 
				+  researcherArr.value = data.map(group => ({
			
 
				+    ...group,
			
 
				+    text: group.GroupName,
			
 
				+    children: group.ResearcherList ? group.ResearcherList.map(child => ({
			
 
				+      ...child,
			
 
				+      text: child.RealName,
			
 
				+      id: child.AdminId
			
 
				+    })) : []
			
 
				+  }));
			
 
				+}
			
 
				+onMounted(() => {
			
 
				+  getResearcherList();
			
 
				+})
			
 
				+
			
 
				+/* 选择研究员 */
			
 
				+const slectResearcherHandle = () => {
			
 
				+  // console.log('slect');
			
 
				+  if(state.selectResearcher) {
			
 
				+    rs_picker.value = {
			
 
				+      firstindex: findParentByid(state.selectResearcher,researcherArr.value),
			
 
				+      id: state.selectResearcher
			
 
				+    }
			
 
				+  }
			
 
				+  isResearcherPicker.value = true;
			
 
				+};
			
 
				+
			
 
				+/* 点击第一项索引 */
			
 
				+const clickFirstHandle = (index) => {
			
 
				+  rs_picker.value.firstindex = index;
			
 
				+}
			
 
				+/* 点击选择研究员 */
			
 
				+const clickItemHandle = ({AdminId}) => {
			
 
				+  rs_picker.value.id  = AdminId;
			
 
				+}
			
 
				+/* 取消 */
			
 
				+const cancelResearcher = () => {
			
 
				+
			
 
				+  isResearcherPicker.value = false;
			
 
				+}
			
 
				+/* 确认 */
			
 
				+const confirmResearcher = () => {
			
 
				+  state.selectResearcher = rs_picker.value.id;
			
 
				+			
			
 
				+	isResearcherPicker.value = false;
			
 
				+  getEventList();
			
 
				+}
			
 
				+
			
 
				+const { eventList } = toRefs(state);
			
 
				+
			
 
				+document.title = '研究员日历';
			
 
				+</script>
			
 
				+
			
 
				+<!--  -->
			
 
				+<template>
			
 
				+  <div class="rs-container">
			
 
				+    <Calendar 
			
 
				+      ref="calendarRef"
			
 
				+      :eventList="eventList"
			
 
				+      @dateChange="getEventList" 
			
 
				+      @cellClick="cellClickHandle" 
			
 
				+    />
			
 
				+    <!-- v-if="isWxprogram()" -->
			
 
				+    <div class="fix-action" >
			
 
				+      <ul class="action-ul">
			
 
				+        <li
			
 
				+          v-for="item in actionsList"
			
 
				+          key="item.key"
			
 
				+          @click="dealActionHandler(item.key)"
			
 
				+        >
			
 
				+          <Icon :name="item.icon" class="item-icon" v-if="item.icon" />
			
 
				+          <img
			
 
				+            class="item-img"
			
 
				+            src="@/assets/ssbg/calendar_ico.png"
			
 
				+            alt=""
			
 
				+            v-else-if="item.key === 'weeknow'"
			
 
				+          />
			
 
				+          <img
			
 
				+            class="item-img"
			
 
				+            src="@/assets/ssbg/choose_ico.png"
			
 
				+            alt=""
			
 
				+            v-else-if="item.key === 'choose'"
			
 
				+          />
			
 
				+          {{ item.label }}
			
 
				+        </li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+    
			
 
				+    
			
 
				+
			
 
				+    <!-- 选择研究员picker -->
			
 
				+    <Popup v-model:show="isResearcherPicker" position="bottom">
			
 
				+			<view class="select-rs-header">
			
 
				+				<text class="cancel" @click="cancelResearcher">取消</text>
			
 
				+				<text class="ensure" @click="confirmResearcher">确认</text>
			
 
				+			</view>
			
 
				+			<TreeSelect 
			
 
				+				:items="researcherArr" 
			
 
				+				:main-active-index="rs_picker.firstindex" 
			
 
				+				:active-id="rs_picker.id"
			
 
				+				@click-nav="clickFirstHandle" 
			
 
				+				@click-item="clickItemHandle" 
			
 
				+			/>
			
 
				+		</Popup>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped lang="scss">
			
 
				+.rs-container {
			
 
				+  .fix-action {
			
 
				+    height: 160px;
			
 
				+    position: fixed;
			
 
				+    bottom: 0;
			
 
				+    left: 0;
			
 
				+    right: 0;
			
 
				+    z-index: 99;
			
 
				+    background-color: #fff;
			
 
				+    box-shadow: 0px -3px 6px rgba(172, 172, 172, 0.16);
			
 
				+    padding-top: 20px;
			
 
				+    padding-bottom: constant(safe-area-inset-bottom);
			
 
				+    padding-bottom: env(safe-area-inset-bottom);
			
 
				+    .action-ul {
			
 
				+      height: 100%;
			
 
				+      display: flex;
			
 
				+      align-items: center;
			
 
				+      justify-content: space-around;
			
 
				+      color: #3385ff;
			
 
				+      li:hover {
			
 
				+        opacity: 0.8;
			
 
				+      }
			
 
				+      .item-icon {
			
 
				+        font-size: 52px;
			
 
				+        display: block;
			
 
				+        text-align: center;
			
 
				+        margin: 0 auto 10px;
			
 
				+      }
			
 
				+      .item-img {
			
 
				+        display: block;
			
 
				+        width: 46px;
			
 
				+        height: 46px;
			
 
				+        margin: 0 auto 10px;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .select-rs-header {
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+    justify-content: space-between;
			
 
				+    padding: 30px 20px;
			
 
				+
			
 
				+    .cancel {
			
 
				+      color: #969799;
			
 
				+    }
			
 
				+
			
 
				+    .ensure {
			
 
				+      color: #576b95;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  .van-tree-select {
			
 
				+		::v-deep(.van-sidebar-item--select:before) {
			
 
				+			background-color: #1989fa;
			
 
				+		}
			
 
				+
			
 
				+		::v-deep(.van-tree-select__item--active) {
			
 
				+			color: #1989fa;
			
 
				+		}
			
 
				+
			
 
				+    ::v-deep(.van-tree-select__selected) {
			
 
				+      position: absolute !important;
			
 
				+    }
			
 
				+
			
 
				+	}
			
 
				+}
			
 
				+</style>
			
--- a/src/views/ssbg/utils/index.js
+++ b/src/views/ssbg/utils/index.js
@@ -0,0 +1,13 @@
 
				+import moment from "moment";
			
 
				+
			
 
				+//格式化日期函数
			
 
				+export const formtDate = (date, v) => {
			
 
				+  return moment(date).format(v)
			
 
				+}
			
 
				+
			
 
				+/* 是否在小程序内 */
			
 
				+export const isWxprogram = () => {
			
 
				+  const userAgent = navigator.userAgent;
			
 
				+
			
 
				+  return /miniProgram/i.test(userAgent) && /micromessenger/i.test(userAgent);
			
 
				+}
			
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,21 +1,21 @@
 
				 import { defineConfig,loadEnv } from 'vite'
			
 
				 import vue from '@vitejs/plugin-vue'
			
 
				-import styleImport from 'vite-plugin-style-import';
			
 
				+// import styleImport from 'vite-plugin-style-import';
			
 
				 import path from "path";
			
 
				 // https://vitejs.dev/config/
			
 
				 export default ({mode})=>defineConfig({
			
 
				   base:loadEnv(mode, process.cwd()).VITE_APP_BASE_URL,
			
 
				   plugins: [
			
 
				     vue(),
			
 
				-    styleImport({
			
 
				-      libs: [
			
 
				-        {
			
 
				-          libraryName: 'vant',
			
 
				-          esModule: true,
			
 
				-          resolveStyle: (name) => `vant/es/${name}/style/index`,
			
 
				-        },
			
 
				-      ],
			
 
				-    }),
			
 
				+    // styleImport({
			
 
				+    //   libs: [
			
 
				+    //     {
			
 
				+    //       libraryName: 'vant',
			
 
				+    //       esModule: true,
			
 
				+    //       resolveStyle: (name) => `vant/es/${name}/style/index`,
			
 
				+    //     },
			
 
				+    //   ],
			
 
				+    // }),
			
 
				   ],
			
 
				   resolve: {
			
 
				     alias: {