提交

src/api/index.js

@@ -1,4 +1,4 @@
-import request from "@/utils/request.js";
+import request from '@/utils/request.js';
 
 /**
  * 登录
@@ -7,8 +7,8 @@ import request from "@/utils/request.js";
  */
 export function login(data) {
   return request({
-    url: "/login",
-    method: "POST",
+    url: '/login',
+    method: 'POST',
     data,
   });
 }
@@ -19,8 +19,8 @@ export function login(data) {
  */
 export function loginv2(data) {
   return request({
-    url: "/login-v2",
-    method: "POST",
+    url: '/login-v2',
+    method: 'POST',
     data,
   });
 }
@@ -31,8 +31,8 @@ export function loginv2(data) {
  */
 export function gethd(data) {
   return request({
-    url: "/activity/list",
-    method: "POST",
+    url: '/activity/list',
+    method: 'POST',
     data,
   });
 }
@@ -43,8 +43,8 @@ export function gethd(data) {
  */
 export function removehd(data) {
   return request({
-    url: "/activity/delete",
-    method: "POST",
+    url: '/activity/delete',
+    method: 'POST',
     data,
   });
 }
@@ -55,8 +55,8 @@ export function removehd(data) {
  */
 export function addhd(data) {
   return request({
-    url: "/activity/add",
-    method: "POST",
+    url: '/activity/add',
+    method: 'POST',
     data,
   });
 }
@@ -68,8 +68,8 @@ export function addhd(data) {
  */
 export function getht(data) {
   return request({
-    url: "/topic/list",
-    method: "POST",
+    url: '/topic/list',
+    method: 'POST',
     data,
   });
 }
@@ -80,8 +80,8 @@ export function getht(data) {
  */
 export function removeht(data) {
   return request({
-    url: "/topic/delete",
-    method: "POST",
+    url: '/topic/delete',
+    method: 'POST',
     data,
   });
 }
@@ -92,8 +92,8 @@ export function removeht(data) {
  */
 export function addht(data) {
   return request({
-    url: "/topic/add",
-    method: "POST",
+    url: '/topic/add',
+    method: 'POST',
     data,
   });
 }
@@ -105,8 +105,8 @@ export function addht(data) {
  */
 export function platformData(data) {
   return request({
-    url: "/topic/overview?topic=" + data,
-    method: "GET",
+    url: '/topic/overview?topic=' + data,
+    method: 'GET',
   });
 }
 
@@ -117,8 +117,8 @@ export function platformData(data) {
  */
 export function qushiData(data) {
   return request({
-    url: "/topic/history?topic=" + data,
-    method: "GET",
+    url: '/topic/history?topic=' + data,
+    method: 'GET',
   });
 }
 
@@ -129,8 +129,8 @@ export function qushiData(data) {
  */
 export function bumenData(data) {
   return request({
-    url: "/topic/read",
-    method: "POST",
+    url: '/topic/read',
+    method: 'POST',
     data,
   });
 }
@@ -142,8 +142,8 @@ export function bumenData(data) {
  */
 export function pingtaiData(data) {
   return request({
-    url: "/topic/dep-platform",
-    method: "POST",
+    url: '/topic/dep-platform',
+    method: 'POST',
     data,
   });
 }
@@ -155,8 +155,8 @@ export function pingtaiData(data) {
  */
 export function zhanghaoData(data) {
   return request({
-    url: "/topic/detail",
-    method: "POST",
+    url: '/topic/detail',
+    method: 'POST',
     data,
   });
 }
@@ -168,8 +168,8 @@ export function zhanghaoData(data) {
  */
 export function bumenList() {
   return request({
-    url: "/topic/dep-dict",
-    method: "GET",
+    url: '/topic/dep-dict',
+    method: 'GET',
   });
 }
 
@@ -180,7 +180,14 @@ export function bumenList() {
  */
 export function baodianList(topic) {
   return request({
-    url: "/charts/hot-topic?topic=" + topic,
-    method: "GET",
+    url: '/charts/hot-topic?topic=' + topic,
+    method: 'GET',
+  });
+}
+
+export function getTop(topic) {
+  return request({
+    url: '/charts/mini-program-article?topic=' + topic,
+    method: 'GET',
   });
 }

src/components/maincomponents.vue

@@ -182,6 +182,49 @@
         </el-pagination>
       </div>
     </div>
+
+    <div class="card">
+      <div class="cardtit">TOP30</div>
+      <div style="padding: 20px">
+        <el-table v-loading="loading" :data="top" style="width: 100%">
+          <el-table-column
+            show-overflow-tooltip
+            prop="title"
+            label="标题"
+            width="300"
+          >
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop="platform"
+            label="平台"
+            width="50"
+          >
+          </el-table-column>
+          <el-table-column show-overflow-tooltip prop="depName" label="部门">
+          </el-table-column>
+          <el-table-column show-overflow-tooltip prop="name" label="账号">
+          </el-table-column>
+          <el-table-column
+            show-overflow-tooltip
+            prop="readCount"
+            label="阅读量"
+            width="100"
+          >
+            <template slot-scope="scope">
+              {{ scope.row.readCount | numform }}
+            </template>
+          </el-table-column>
+          <el-table-column
+            width="150"
+            show-overflow-tooltip
+            prop="publishTime"
+            label="发稿时间"
+          >
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -196,6 +239,7 @@ import {
   baodianList,
   zhanghaoData,
   bumenList,
+  getTop,
 } from '@/api/index.js';
 let linechart = null,
   barchart = null,
@@ -215,6 +259,7 @@ export default {
       type: localStorage.type || 'ALL',
       page: 1,
       options: [],
+      top: [],
       pageSize: 10,
       usertotal: 0,
       height: 0,
@@ -331,6 +376,10 @@ export default {
         });
         this.options = options;
       });
+
+      getTop(this.topic).then(r => {
+        this.top = r || [];
+      });
     },
     change() {
       this.grtzhData();
@@ -573,7 +622,6 @@ export default {
     },
   },
   beforeDestroy() {
-    console.log('---');
     linechart && linechart.destroy();
     barchart && barchart.destroy();
     piechart && piechart.destroy();

src/view/main.vue

@@ -77,21 +77,21 @@
 
 <script>
 // @ is an alias to /src
-import { gethd, getht, removehd, removeht, addhd, addht } from "@/api/index.js";
-import comMain from "@/components/maincomponents.vue";
+import { gethd, getht, removehd, removeht, addhd, addht } from '@/api/index.js';
+import comMain from '@/components/maincomponents.vue';
 export default {
-  name: "Main",
+  name: 'Main',
   data() {
     return {
-      hd: "",
-      hdName: "",
+      hd: '',
+      hdName: '',
       hds: [],
       hts: [],
-      username: "",
+      username: '',
     };
   },
   mounted() {
-    this.username = localStorage.login || "";
+    this.username = localStorage.login || '';
     gethd().then(r => {
       this.hds = r || [];
       this.hd = this.hds[0].activityId;
@@ -110,13 +110,13 @@ export default {
   computed: {},
   methods: {
     layout() {
-      localStorage.token = "";
-      this.$router.replace({ path: "/" });
+      localStorage.token = '';
+      this.$router.replace({ path: '/' });
     },
     addhd() {
-      this.$prompt("", "请输入活动名", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
+      this.$prompt('', '请输入活动名', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
       }).then(({ value }) => {
         addhd({
           name: value,
@@ -128,10 +128,10 @@ export default {
       });
     },
     removehd(v) {
-      this.$alert("确定要删除该活动？", "", {
-        confirmButtonText: "确定",
+      this.$alert('确定要删除该活动？', '', {
+        confirmButtonText: '确定',
         callback: r => {
-          if (r !== "cancel")
+          if (r !== 'cancel')
             removehd({
               activityId: v.activityId,
             }).then(() => {
@@ -142,16 +142,15 @@ export default {
         },
       });
     },
-    addht(v) {
-      console.log(v);
-      this.$prompt("多个话题使用中文‘；’隔开", "添加话题", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
+    addht() {
+      this.$prompt('多个话题使用中文‘；’隔开', '添加话题', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
       }).then(({ value }) => {
         if (!value) return;
         addht({
           activityId: this.hd,
-          nameList: value.split("；"),
+          nameList: value.split('；'),
         }).then(() => {
           getht({
             activityId: this.hd,
@@ -162,14 +161,13 @@ export default {
       });
     },
     removeht(v) {
-      this.$alert("确定要删除该话题？", "", {
-        confirmButtonText: "确定",
+      this.$alert('确定要删除该话题？', '', {
+        confirmButtonText: '确定',
         callback: r => {
-          if (r !== "cancel")
+          if (r !== 'cancel')
             removeht({
               topicId: v.topicId,
-            }).then(res => {
-              console.log(res);
+            }).then(() => {
               getht({
                 activityId: this.hd,
               }).then(r => {