添加提示

src/App.vue

@@ -52,3 +52,20 @@ td {
   background-color: #bfcbd9;
 }
 </style>
+<script>
+import { getCofig } from "@/api/getList.js";
+export default {
+
+  data(){
+    return {
+      config:[]
+    }
+  },
+  created(){
+    getCofig().then(res=>{
+      this.config = res || [];
+    })
+  }
+}
+</script>
+

src/api/getList.js

@@ -1,92 +1,102 @@
-import request from '@/utils/request.js'
-
+import request from "@/utils/request.js";
+import config from "@/config/index.js";
+console.log(config);
 /**
-* 获取测试数据
-* @param params
-* @returns {AxiosPromise}
-*/
+ * 获取测试数据
+ * @param params
+ * @returns {AxiosPromise}
+ */
 export function getBase(param) {
-    return request({
-        url: 'overview',
-        params: param,
-        method: 'get',
-    })
+  return request({
+    url: "overview",
+    params: param,
+    method: "get",
+  });
 }
 
 /**
-* 获取测试数据
-* @param params
-* @returns {AxiosPromise}
-*/
+ * 获取测试数据
+ * @param params
+ * @returns {AxiosPromise}
+ */
 export function getPlatform(param) {
-    return request({
-        url: 'name',
-        params: param,
-        method: 'get',
-    })
+  return request({
+    url: "name",
+    params: param,
+    method: "get",
+  });
 }
 /**
-* 获取测试数据
-* @param params
-* @returns {AxiosPromise}
-*/
+ * 获取测试数据
+ * @param params
+ * @returns {AxiosPromise}
+ */
 export function getAllPlatform(param) {
-    return request({
-        closeLoading: true,
-        url: 'platform',
-        params: param,
-        method: 'get',
-    })
+  return request({
+    closeLoading: true,
+    url: "platform",
+    params: param,
+    method: "get",
+  });
 }
 /**
-* 获取测试数据
-* @param params
-* @returns {AxiosPromise}
-*/
+ * 获取测试数据
+ * @param params
+ * @returns {AxiosPromise}
+ */
 export function getList(param) {
-    return request({
-        url: 'time/v2',
-        params: param,
-        closeLoading: true,
-        method: 'get',
-    })
+  return request({
+    url: "time/v2",
+    params: param,
+    closeLoading: true,
+    method: "get",
+  });
 }
 /**
-* 获取测试数据
-* @param params
-* @returns {AxiosPromise}
-*/
+ * 获取测试数据
+ * @param params
+ * @returns {AxiosPromise}
+ */
 export function getAllcontrast(param) {
-    return request({
-        url: 'weibo-compare',
-        params: param,
-        closeLoading: true,
-        method: 'get',
-    })
+  return request({
+    url: "weibo-compare",
+    params: param,
+    closeLoading: true,
+    method: "get",
+  });
 }
 /**
-* 获取测试数据
-* @param params
-* @returns {AxiosPromise}
-*/
+ * 获取测试数据
+ * @param params
+ * @returns {AxiosPromise}
+ */
 export function getCould(param, name) {
-    // %E8%A5%BF%E5%AE%89%E8%AF%84%E8%AE%BA 西安
-    return request({
-        url: 'https://bigdata.smcic.net/data/' + name + '.json',
-        params: param,
-        closeLoading: true,
-        method: 'get',
-    })
+  // %E8%A5%BF%E5%AE%89%E8%AF%84%E8%AE%BA 西安
+  return request({
+    url: "data/" + name + ".json",
+    params: param,
+    closeLoading: true,
+    method: "get",
+  });
 }
 
 /**
- * 
- * @param {*} param 
+ *
+ * @param {*} param
  */
-export function getlive(params){
-    return request({
-        url: 'https://bigdata.smcic.net/live-result?topic=' + params.topic + '&platform=' + params.platform,
-        method: 'get',
-    })
+export function getlive(params) {
+  return request({
+    url: "live-result?topic=" + params.topic + "&platform=" + params.platform,
+    method: "get",
+  });
+}
+/**
+ *
+ * @param {*} param
+ */
+export function getCofig() {
+  return request({
+    url: "sys-config",
+    method: "get",
+  });
 }
-

src/view/index/components/live/index.vue

@@ -90,6 +90,7 @@ import filters from "@/utils/filters/index";
 import F2 from "@antv/f2/lib/index-all";
 import DataSet from "@antv/data-set";
 import mapJSON from "./mapJSON.js";
+
 export default {
   components: {},
   props: {

src/view/index/index.vue

@@ -2,41 +2,86 @@
   <div style="padding-bottom: 1em">
     <table class="local_table">
       <tr>
-        <td v-if="baseData.total_pv !== -1">总浏览量</td>
+        <td
+          v-if="baseData.total_pv !== -1"
+          @click="() => showDetail('total_pv')"
+        >
+          总浏览量
+          <div class="showD">?</div>
+        </td>
         <td v-if="baseData.total_pv !== -1">
           {{ baseData.total_pv | formatnum }}
         </td>
-        <td v-if="baseData.total_ori !== -1">原创量</td>
+        <td
+          v-if="baseData.total_ori !== -1"
+          @click="() => showDetail('total_ori')"
+        >
+          原创量
+          <div class="showD">?</div>
+        </td>
         <td v-if="baseData.total_ori !== -1">
           {{ baseData.total_ori | formatnum }}
         </td>
       </tr>
       <tr>
-        <td v-if="baseData.total_digg !== -1">总点赞数</td>
+        <td
+          v-if="baseData.total_digg !== -1"
+          @click="() => showDetail('total_digg')"
+        >
+          总点赞数
+          <div class="showD">?</div>
+        </td>
         <td v-if="baseData.total_digg !== -1">
           {{ baseData.total_digg | formatnum }}
         </td>
-        <td v-if="baseData.total_comment !== -1">总评论数</td>
+        <td
+          v-if="baseData.total_comment !== -1"
+          @click="() => showDetail('total_comment')"
+        >
+          总评论数
+          <div class="showD">?</div>
+        </td>
         <td v-if="baseData.total_comment !== -1">
           {{ baseData.total_comment | formatnum }}
         </td>
       </tr>
       <tr>
-        <td v-if="baseData.total_forward !== -1">总转发量</td>
+        <td
+          v-if="baseData.total_forward !== -1"
+          @click="() => showDetail('total_forward')"
+        >
+          总转发量
+          <div class="showD">?</div>
+        </td>
         <td v-if="baseData.total_forward !== -1">
           {{ baseData.total_forward | formatnum }}
         </td>
-        <td v-if="baseData.live_uv !== -1">直播观看人数</td>
+        <td v-if="baseData.live_uv !== -1" @click="() => showDetail('live_uv')">
+          直播观看人数
+          <div class="showD">?</div>
+        </td>
         <td v-if="baseData.live_uv !== -1">
           {{ baseData.live_uv | formatnum }}
         </td>
       </tr>
       <tr>
-        <td v-if="baseData.live_add_fans !== -1">新增粉丝数</td>
+        <td
+          v-if="baseData.live_add_fans !== -1"
+          @click="() => showDetail('live_add_fans')"
+        >
+          新增粉丝数
+          <div class="showD">?</div>
+        </td>
         <td v-if="baseData.live_add_fans !== -1">
           {{ baseData.live_add_fans | formatnum }}
         </td>
-        <td v-if="baseData.live_comment !== -1">直播评论数</td>
+        <td
+          v-if="baseData.live_comment !== -1"
+          @click="() => showDetail('live_comment')"
+        >
+          直播评论数
+          <div class="showD">?</div>
+        </td>
         <td v-if="baseData.live_comment !== -1">
           {{ baseData.live_comment | formatnum }}
         </td>
@@ -209,6 +254,16 @@
   padding-right: 5px;
   display: inline-block;
 }
+.showD {
+  display: inline-block;
+  width: 1.1em;
+  height: 1.1em;
+  text-align: center;
+  line-height: 1.15em;
+  border-radius: 50%;
+  border: 1px solid #1989fa;
+  color: #1989fa;
+}
 </style>
 
 <script>
@@ -220,9 +275,11 @@ import {
   Loading as vanLoading,
   Popup as vanPopup,
   Button as vanButton,
+  Dialog,
 } from "vant";
 import "vant/lib/image/style";
 import "vant/lib/popup/style";
+import "vant/lib/dialog/style";
 import "vant/lib/button/style";
 import F2 from "@antv/f2/lib/index-all";
 
@@ -268,10 +325,10 @@ export default {
     };
   },
   created() {
-    this.init();
+    this.initData();
   },
   methods: {
-    init() {
+    initData() {
       let clientWidth = document.body.clientWidth || 0;
       this.client = {
         width: clientWidth,
@@ -615,6 +672,23 @@ export default {
       chart.render();
       this.initCanvas[id] = chart;
     },
+    showDetail(key) {
+      let val = "", nameText = "";
+      for (let i = 0; i < this.$parent.$parent.config.length; i++) {
+        const v = this.$parent.$parent.config[i];
+        if(key !== v.name || v.topic_id !== this.baseData.topic_id) continue;
+        val = v.value;
+        nameText = v.content_desc;
+        console.log(v)
+        break;
+      }
+      Dialog.alert({
+        title: this.$route.query.title + '-' + nameText,
+        message: val,
+        messageAlign: "left",
+        theme: "round-button",
+      });
+    },
     changeBtn(obj, call) {
       if (obj.key === "6m") {
         // 更新请求