图表刷新

src/request/api.ts

@@ -3,6 +3,9 @@ import { get,post } from './request';
 interface IChartParams {
 	UniqueCode: string | any;
 }
+interface IRefreshParams {
+	UniqueCode: string;
+}
 
 /* 用户模块 */
 export const ChartApi = {
@@ -13,5 +16,13 @@ export const ChartApi = {
 	 */
 	getChart: (params:IChartParams) => {
 		return get('/chart/detail',params);
+	},
+	/**
+	 * 图表刷新
+	 * @param params UniqueCode
+	 * @returns 
+	 */
+	refreshChart: (params:IRefreshParams) => {
+		return get('/chart/refresh',params)
 	}
 }

src/views/chartShow/index.vue

@@ -4,8 +4,8 @@
     <header class="chart-header" @click="openNew">
       <span class="chart-title text_oneLine">{{ chartInfo.ChartName }}</span>
       <ul class="right-action" @click.stop>
-        <li><i class="el-icon-share"/>分享</li>
-        <li @click="getChartInfo"><i class="el-icon-refresh"/>刷新</li>
+        <li @click="copyUrl" class="copy" v-if="isShare"><i class="el-icon-share"/>分享</li>
+        <li @click="refreshChart"><i class="el-icon-refresh"/>刷新</li>
       </ul>
     </header>
     <template v-if="haveData">
@@ -23,17 +23,18 @@
     <div class="chart-wrapper notfound" v-else>
       <i class="el-icon-warning"></i>哎吆，你的图飞了，赶快去找管理员救命吧~
     </div>
-    <div class="bootom-source">source: <strong><em> 弘则研究</em></strong></div>
+    <div class="bootom-source"><strong>source:  <em> {{sourceName}}弘则研究</em></strong></div>
   </div>
 </template>
 
 <script lang="ts">
 import { defineComponent, reactive, toRefs, onMounted, ref } from 'vue';
+import { ElMessage } from 'element-plus';
+import _ from 'lodash';
 import { useRoute } from 'vue-router';
 import chart from '@/components/chart.vue';
 import { IState } from './typing';
 import { ChartApi } from '@/request/api';
-import _ from 'lodash';
 import { IDataProps, ILunarItem, IParams, ISeasonDataItemProps } from '@/types';
 import Highcharts from 'highcharts';
 import { defaultOpts, seasonOptions } from '@/utils/chartOptions';
@@ -50,15 +51,14 @@ export default defineComponent({
 
     const haveData = ref(true);
 
-    // const code = ref('b9ce50bc8a64fd6ff88d361ed44d2de7');//公历
-    // const code = ref('3df87f3b906c074780a643dcd46dcc22'); //农历
-    // const code = ref('5292157e53beaa7a1146e8090cae308d'); //曲线
     const code = ref(route.query.code);
+    const isShare = ref(route.query.fromType === 'share');
 
     const state = reactive<IState>({
       options: {},
       chartInfo: {},
       dataList: [],
+      sourceName: ''
     });
 
     onMounted((): void => {
@@ -70,6 +70,26 @@ export default defineComponent({
 			window.open(window.location.href,'_blank');
     }
 
+    /* 处理图表来源 只限第三方 */
+    const dealSourceHandle = (): void => {
+      const thirdArr = [1,2,3,10,11,15,16,17,18,19,20,21];
+
+      // 取出第三方来源 
+      const arr = state.dataList.map(item => ({
+        key: item.Source,
+        name: item.SourceName
+      })).filter(item => thirdArr.includes(item.key));
+
+      let res_arr = arr.length ? _.uniqBy(arr,'key') : [];
+      // console.log(res_arr)
+
+      let str = '';
+      res_arr.forEach((item: any) => {
+        str += `${item.name}, `
+      })
+      state.sourceName = str;
+    }
+
     /* 获取图表数据信息 */
     const getChartInfo = async () => {
       loading.value = true;
@@ -82,6 +102,7 @@ export default defineComponent({
         state.dataList = Data.EdbInfoList;
         document.title = Data.ChartInfo.ChartName;
         haveData.value = true;
+        dealSourceHandle();
         setOptions();
       }catch (e) {
         loading.value = false;
@@ -409,12 +430,31 @@ export default defineComponent({
       state.chartInfo.ChartType === 1 ? setDefaultLineOptions() : setSeasonOptions();
     };
 
+    /* 分享链接 */
+    const copyUrl = () => {
+      let input = document.createElement("input");
+      input.value = location.href;
+      document.body.appendChild(input)
+      input.select();
+      document.execCommand('copy');
+      document.body.removeChild(input);
+      ElMessage.success('复制链接成功')
+    }
+
+    const refreshChart = _.debounce(async () => {
+      let { Ret } = await ChartApi.refreshChart({ UniqueCode: state.chartInfo.UniqueCode });
+      Ret === 200 && getChartInfo();
+    },400)
+
     return {
       ...toRefs(state),
       loading,
       haveData,
       getChartInfo,
-      openNew
+      openNew,
+      copyUrl,
+      isShare,
+      refreshChart
     };
   },
 });

src/views/chartShow/typing.ts

@@ -5,4 +5,5 @@ export interface IState {
 	chartInfo: any | IChartinfo;
 	// dataList: IDataProps[];
 	dataList: any[];
+	sourceName: string;
 }