3 lat temu · cdecc7da95
--- a/.env.development
+++ b/.env.development
@@ -5,4 +5,6 @@ VITE_APP_CYGX_BASEAPIURL="http://8.136.199.33:8500/api"
 
															 VITE_APP_HZYB_BASEAPIURL="http://8.136.199.33:8612/api"
														
 
															-VITE_APP_HZSL_BASEAPIURL="http://8.136.199.33:8608/api"
														
 
															+VITE_APP_HZSL_BASEAPIURL="http://8.136.199.33:8608/api"
														
 
															+
														
 
															+VITE_APP_SSBG_BASEAPIURL="http://8.136.199.33:8607/h5adminapi"
														
--- a/.env.product
+++ b/.env.product
@@ -5,4 +5,6 @@ VITE_APP_CYGX_BASEAPIURL="https://cygx.hzinsights.com/api"
 
															 VITE_APP_HZYB_BASEAPIURL="https://yanbao.hzinsights.com/api"
														
 
															-VITE_APP_HZSL_BASEAPIURL="https://openapi.hzinsights.com/api"
														
 
															+VITE_APP_HZSL_BASEAPIURL="https://openapi.hzinsights.com/api"
														
 
															+
														
 
															+VITE_APP_SSBG_BASEAPIURL="https://ficc.hzinsights.com/h5adminapi"
														
--- a/.env.test
+++ b/.env.test
@@ -5,4 +5,6 @@ VITE_APP_CYGX_BASEAPIURL="http://8.136.199.33:8500/api"
 
															 VITE_APP_HZYB_BASEAPIURL="http://8.136.199.33:8612/api"
														
 
															-VITE_APP_HZSL_BASEAPIURL="http://8.136.199.33:8608/api"
														
 
															+VITE_APP_HZSL_BASEAPIURL="http://8.136.199.33:8608/api"
														
 
															+
														
 
															+VITE_APP_SSBG_BASEAPIURL="https://xcxh5test.hzinsights.com/h5adminapi"
														
--- 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,14 +8,20 @@
 
															     "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",
														
 
															     "vue": "^3.2.16",
														
 
															-    "vue-router": "^4.0.12"
														
 
															+    "vue-router": "^4.0.12",
														
 
															+    "vuex": "^4.0.2"
														
 
															   },
														
 
															   "devDependencies": {
														
 
															     "@vitejs/plugin-vue": "^1.9.3",
														
--- 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/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,9 @@
 
															 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 
														
 
															-createApp(App).use(router).mount('#app')
														
 
															+createApp(App).use(router).use(store).mount('#app')
														
--- 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
@@ -2,10 +2,14 @@ import { createRouter, createWebHistory } from 'vue-router'
 
															 import {hzybRoutes} from './hzyb/index'// 弘则研报小程序路由
														
 
															 import {cygxRoutes} from './cygx/index'// 查研观向小程序路由
														
 
															 import {hzslRoutes} from './hzsl/index'// 弘则思路小程序路由
														
 
															+import { ssbgRoutes } from './ssbg';//随手办公
														
 
															+
														
 
															+
														
 
															 const routes=[
														
 
															     ...hzybRoutes,
														
 
															     ...cygxRoutes,
														
 
															     ...hzslRoutes,
														
 
															+    ...ssbgRoutes,
														
 
															     //404
														
 
															     {
														
 
															         path: "/:pathMatch(.*)",
														
--- 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
@@ -0,0 +1,24 @@
 
															+import { createStore, Store } from "vuex";
														
 
															+import hzyb from "./modules/hzyb";
														
 
															+
														
 
															+const store = createStore({
														
 
															+  state: {
														
 
															+    userData: {
														
 
															+      CompanyCode: "",
														
 
															+      CompanyName: "",
														
 
															+      Email: "",
														
 
															+      Sign: null,
														
 
															+    },
														
 
															+  },
														
 
															+  mutations: {
														
 
															+    getUserData(state, payload) {
														
 
															+      state.userData = payload;
														
 
															+    },
														
 
															+  },
														
 
															+  actions: {},
														
 
															+  modules: {
														
 
															+    hzyb
														
 
															+  }
														
 
															+});
														
 
															+
														
 
															+export default store;
														
--- a/src/store/modules/hzyb.js
+++ b/src/store/modules/hzyb.js
@@ -0,0 +1,45 @@
 
															+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
														
 
															+        },
														
 
															+        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/hzyb/Index.vue
+++ b/src/views/hzyb/Index.vue
@@ -0,0 +1,218 @@
 
															+<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.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">
														
 
															+                    <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/chart/Detail.vue
+++ b/src/views/hzyb/chart/Detail.vue
@@ -1,7 +1,9 @@
 
															 <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 from 'moment'
														
 
															 import Highcharts from 'highcharts/highstock';
														
@@ -64,7 +66,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 +77,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){
														
@@ -148,6 +150,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
														
@@ -155,8 +167,8 @@ 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,
														
@@ -169,7 +181,7 @@ 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
														
 
															                 startDate.value=res.data.ChartInfo.StartDate||''
														
@@ -187,6 +199,24 @@ const getChartInfo=async (type)=>{
 
															             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')
														
@@ -224,7 +254,7 @@ const handleCloseLimit=()=>{//点击遮罩层关闭弹窗或者点击取消关
 
															 }
														
 
															-// 设置曲线图配置
														
 
															+// 设置常规图配置 曲线 散点 面积 柱状等
														
 
															 const setSplineOpt=(data)=>{
														
 
															     let series=[]
														
 
															     let xAxis={
														
@@ -251,6 +281,15 @@ const setSplineOpt=(data)=>{
 
															     let minAndMaxTimeTemArr=[]//存放所有指标的最大最小时间
														
 
															+    /* 支持图的类型 */
														
 
															+    const chartTypeMap = {
														
 
															+        1: 'spline',
														
 
															+        3: 'areaspline',
														
 
															+        4: 'column',
														
 
															+        5: 'scatter',
														
 
															+    };
														
 
															+    let chartStyle = chartTypeMap[resData.value.ChartInfo.ChartType];
														
 
															+
														
 
															     data.forEach((item,index)=>{
														
 
															         let dynamic_title = item.EdbName;
														
 
															         let dynamic_arr = data.filter(
														
@@ -289,14 +328,16 @@ const setSplineOpt=(data)=>{
 
															             dataGrouping:{
														
 
															                 enabled:false
														
 
															             },
														
 
															-            type:item.ChartStyle,
														
 
															+            type: resData.value.ChartInfo.ChartType ===6 ? item.ChartStyle : chartStyle,
														
 
															             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),
														
 
															+            // lineWidth: Number(item.ChartWidth),
														
 
															+            lineWidth: (resData.value.ChartInfo.ChartType === 1 || (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
														
@@ -683,7 +724,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})
														
@@ -801,7 +842,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,
														
@@ -895,10 +936,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" v-if="!loading">
														
 
															+    <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">
														
@@ -908,6 +970,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>
														
@@ -915,16 +985,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" 
														
@@ -936,7 +1007,7 @@ 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.length>20?item.name.replace(/<br>/g,''):item.name}}</p>
														
@@ -954,6 +1025,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"
														
@@ -1011,8 +1083,8 @@ const pageTouchmove=(e)=>{
 
															             </div>
														
 
															         </Popup>
														
 
															     </div>
														
 
															-    
														
 
															-    
														
 
															+    <!-- 无权限 -->
														
 
															+    <noAuth v-if="noauth" :data="noAuthData"></noAuth>
														
 
															 </template>
														
@@ -1054,7 +1126,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,39 @@ const chartDefaultOpts={
 
															 			animation: {
														
 
															 				duration: 1000
														
 
															 			}
														
 
															+		},
														
 
															+		areaspline: {
														
 
															+			lineWidth: 1,
														
 
															+			marker: {
														
 
															+					enabled: false,
														
 
															+			},
														
 
															+			// fillOpacity: 0.5,
														
 
															+		},
														
 
															+		column:{
														
 
															+			pointPadding: 0.05,
														
 
															+		},
														
 
															+		scatter: {
														
 
															+			turboThreshold: 0,
														
 
															+			marker: {
														
 
															+					symbol: 'circle',
														
 
															+					radius: 5,
														
 
															+					states: {
														
 
															+							hover: {
														
 
															+									enabled: true,
														
 
															+							}
														
 
															+					}
														
 
															+			},
														
 
															+			states: {
														
 
															+				hover: {
														
 
															+					marker: {
														
 
															+						enabled: true
														
 
															+					}
														
 
															+				}
														
 
															+			},
														
 
															+			tooltip: {
														
 
															+				headerFormat: '<span style="font-size: 10px">{point.key}</span><br>',
														
 
															+				pointFormat: '<span style="color:{point.color}">●</span> {series.name}: <span style="font-weight: 600">	{point.y}</span>',
														
 
															+			}
														
 
															 		}
														
 
															 	},
														
 
															 	//范围选择器
														
--- 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/report/ChapterDetail.vue
+++ b/src/views/hzyb/report/ChapterDetail.vue
@@ -0,0 +1,633 @@
 
															+<template>
														
 
															+<van-pull-refresh v-model="loading" @refresh="onRefresh" 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="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="tips">
														
 
															+        <span>注：请务必阅读</span>
														
 
															+        <span style="color: #e3b377; margin-left: 20px" @click="showDisclaimers = true">免责声明</span>
														
 
															+      </div>
														
 
															+      <div class="rich-content">
														
 
															+        <div v-html="info.report_chapter_item.content" v-if="info.auth_ok"></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>
														
 
															+
														
 
															+    <!-- 返回顶部 -->
														
 
															+    <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'
														
 
															+export default {
														
 
															+  components:{
														
 
															+    [Popup.name]:Popup,
														
 
															+    [VanImage.name]:VanImage,
														
 
															+    [PullRefresh.name]:PullRefresh,
														
 
															+    [Col.name]:Col,
														
 
															+    [Row.name]:Row,
														
 
															+    [PullRefresh.name]:PullRefresh,
														
 
															+    AudioBox,
														
 
															+    SharePoster
														
 
															+  },
														
 
															+  computed:{
														
 
															+    code_scene(){
														
 
															+      return JSON.stringify({
														
 
															+        chapterId:this.chapterId
														
 
															+      })
														
 
															+    },
														
 
															+    posterParams(){
														
 
															+      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}`,
														
 
															+        report_abstract:this.info.report_chapter_item.content
														
 
															+      }
														
 
															+    }
														
 
															+  },
														
 
															+  data() {
														
 
															+    return {
														
 
															+      showDisclaimers: false, //显示免责声明
														
 
															+      chapterId:0,
														
 
															+      fromPage:'',//如果是从首页(home)来的则隐藏底部切换
														
 
															+      info:null,
														
 
															+      audioData:{},//音频数据
														
 
															+
														
 
															+      tickerInfo:null,
														
 
															+      tickerHead:[],
														
 
															+
														
 
															+      pupData:{
														
 
															+				show:false,
														
 
															+				content:'',//弹窗html字符串
														
 
															+			},
														
 
															+
														
 
															+      loading:false,
														
 
															+
														
 
															+      showToTop:false
														
 
															+
														
 
															+    };
														
 
															+  },
														
 
															+  beforeCreate(){
														
 
															+    if(this.$route.query.token){
														
 
															+      localStorage.setItem('hzyb-token',this.$route.query.token)
														
 
															+    }
														
 
															+  },
														
 
															+  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.handelPageScroll)
														
 
															+  },
														
 
															+  destroyed () {
														
 
															+    window.removeEventListener('scroll',this.handelPageScroll)
														
 
															+  },
														
 
															+  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()
														
 
															+        }
														
 
															+
														
 
															+        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('主动申请成功');
														
 
															+                      }
														
 
															+                  }) 
														
 
															+              }
														
 
															+          }
														
 
															+        }
														
 
															+
														
 
															+        //向小程序发送分享数据
														
 
															+        wx.miniProgram.postMessage({ 
														
 
															+          data: {
														
 
															+            title:`FICC【${res.data.report_chapter_item.classify_name_first}】`,
														
 
															+            chapterId:this.chapterId
														
 
															+          } 
														
 
															+        });
														
 
															+      }
														
 
															+    },
														
 
															+
														
 
															+    //获取晨报中指标数据
														
 
															+    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()
														
 
															+            }
														
 
															+          }
														
 
															+        }
														
 
															+                
														
 
															+      }
														
 
															+    },
														
 
															+
														
 
															+    //下拉刷新
														
 
															+    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: 46px;
														
 
															+        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;
														
 
															+        }
														
 
															+    }
														
 
															+
														
 
															+    .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,619 @@
 
															+<template>
														
 
															+<van-pull-refresh v-model="loading" @refresh="onRefresh" 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="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="tips">
														
 
															+                <span>注：请务必阅读</span>
														
 
															+                <span style="color:#E3B377;margin-left:20px" @click="showDisclaimers=true">免责声明</span>
														
 
															+            </div>
														
 
															+
														
 
															+            <div class="rich-content">
														
 
															+                <div v-html="info.report_info.content" v-if="info.auth_ok"></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>
														
 
															+
														
 
															+        <!-- 免责声明 -->
														
 
															+        <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'
														
 
															+export default {
														
 
															+    components:{
														
 
															+        [Popup.name]:Popup,
														
 
															+        [VanImage.name]:VanImage,
														
 
															+        [PullRefresh.name]:PullRefresh,
														
 
															+        AudioBox,
														
 
															+        SharePoster
														
 
															+    },
														
 
															+    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_abstract:this.info.report_info.content
														
 
															+            }
														
 
															+        }
														
 
															+    },
														
 
															+    data () {
														
 
															+        return {
														
 
															+            showDisclaimers:false,//显示免责声明
														
 
															+            reportId:0,
														
 
															+            info:null,
														
 
															+            audioData:{},//音频数据
														
 
															+            chapterList:[],
														
 
															+            pupData:{
														
 
															+				show:false,
														
 
															+				content:'',//弹窗html字符串
														
 
															+			},
														
 
															+            loading:false,
														
 
															+            showToTop:false
														
 
															+        }
														
 
															+    },
														
 
															+    beforeCreate(){
														
 
															+        if(this.$route.query.token){
														
 
															+            localStorage.setItem('hzyb-token',this.$route.query.token)
														
 
															+        }
														
 
															+    },
														
 
															+    created(options) {
														
 
															+        this.reportId=this.$route.query.reportId
														
 
															+        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.handelPageScroll)
														
 
															+    },
														
 
															+    destroyed () {
														
 
															+        window.removeEventListener('scroll',this.handelPageScroll)
														
 
															+    },
														
 
															+    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
														
 
															+                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('主动申请成功');
														
 
															+                                }
														
 
															+                            }) 
														
 
															+                        }
														
 
															+                    }
														
 
															+                }
														
 
															+                //向小程序发送分享数据
														
 
															+                wx.miniProgram.postMessage({ 
														
 
															+                    data: {
														
 
															+                        title:`FICC【${res.data.report_info.classify_name_first}】`,
														
 
															+                        reportId:this.reportId
														
 
															+                    } 
														
 
															+                });
														
 
															+                
														
 
															+            }
														
 
															+        },
														
 
															+        
														
 
															+        //返回顶部
														
 
															+        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()
														
 
															+                        }
														
 
															+                    }
														
 
															+                }
														
 
															+                
														
 
															+            }
														
 
															+        },
														
 
															+
														
 
															+        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: 46px;
														
 
															+        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: 50px;
														
 
															+            display: inline-block;
														
 
															+            background-color: #E3B377;
														
 
															+            margin-right: 20px;
														
 
															+            position: relative;
														
 
															+            top: 10px;
														
 
															+        }
														
 
															+    }
														
 
															+
														
 
															+    .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);
														
 
															+}