提交

src/api/index.js

@@ -239,3 +239,48 @@ export function getPersonalList(ori) {
     },
   });
 }
+
+/**
+ * 获取各个平台授权账号
+ */
+export function getAccountList(ori) {
+  return ajax({
+    api: '/new-media/list',
+    data: ori.data,
+    type: 'ajax',
+    method: 'POST',
+    headers: {
+      Authorization: localStorage.getItem('token'),
+    },
+  });
+}
+
+/**
+ * 获取各个平台授权账号传播数据
+ */
+export function getAccountData(ori) {
+  return ajax({
+    api: '/new-media/agg',
+    data: ori.data,
+    type: 'ajax',
+    method: 'POST',
+    headers: {
+      Authorization: localStorage.getItem('token'),
+    },
+  });
+}
+
+/**
+ * 获取平台更新时间
+ */
+export function getUpdateTime(ori) {
+  return ajax({
+    api: '/new-media/platform',
+    data: ori.data,
+    type: 'ajax',
+    method: 'POST',
+    headers: {
+      Authorization: localStorage.getItem('token'),
+    },
+  });
+}

src/config/index.js

@@ -1,4 +1,6 @@
+import tableCol from './tableCol.js';
 export default {
+    tableCol,
     base:{
         origin: "https://open.sxtvs.net",
         oss1: "https://cxzx.smcic.net/topic/tool/img/cache",

src/config/tableCol.js

@@ -0,0 +1,442 @@
+export default {
+  agg: {
+    微博: [
+      {
+        label: "排名",
+        key: "index",
+        width: 80,
+      },
+      {
+        label: "账号",
+        key: "userName",
+      },
+      {
+        label: "发稿量",
+        key: "publishCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "阅读量",
+        key: "readCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "粉丝数",
+        key: "fans",
+        type: "number",
+        sortable: "custom"
+      },
+      {
+        label: "分享量",
+        key: "shareCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "点赞量",
+        key: "likeCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "评论量",
+        key: "commentCount",
+        type: "number",
+        sortable: "custom",
+      },
+    ],
+    微信: [
+      {
+        label: "排名",
+        key: "index",
+        width: 80,
+      },
+      {
+        label: "账号",
+        key: "userName",
+      },
+      {
+        label: "发稿量",
+        key: "publishCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "阅读量",
+        key: "readCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "粉丝数",
+        key: "fans",
+        type: "number",
+        sortable: "custom"
+      },
+      {
+        label: "分享量",
+        key: "shareCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "收藏数",
+        key: "favCount",
+        type: "number",
+      },
+    ],
+    头条: [
+      {
+        label: "排名",
+        key: "index",
+        width: 80,
+      },
+      {
+        label: "账号",
+        key: "userName",
+      },
+      {
+        label: "发稿量",
+        key: "publishCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "阅读量",
+        key: "readCount",
+        type: "number",
+        sortable: "custom",
+      },
+    ],
+    抖音: [
+      {
+        label: "排名",
+        key: "index",
+        width: 80,
+      },
+      {
+        label: "账号",
+        key: "userName",
+      },
+      {
+        label: "发稿量",
+        key: "publishCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "阅读量",
+        key: "readCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "分享量",
+        key: "shareCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "点赞量",
+        key: "likeCount",
+        type: "number",
+        sortable: "custom",
+      },
+      //   {
+      //     label: "粉丝数",
+      //     key: "fans",
+      //    sortable: "custom"
+      //   },
+    ],
+    快手: [
+      {
+        label: "排名",
+        key: "index",
+        width: 80,
+      },
+      {
+        label: "账号",
+        key: "userName",
+      },
+      {
+        label: "发稿量",
+        key: "publishCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "阅读量",
+        key: "readCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "评论量",
+        key: "commentCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "点赞量",
+        key: "likeCount",
+        type: "number",
+        sortable: "custom",
+      },
+    ],
+    B站: [
+      {
+        label: "排名",
+        key: "index",
+        width: 80,
+      },
+      {
+        label: "账号",
+        key: "userName",
+      },
+      {
+        label: "发稿量",
+        key: "publishCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "阅读量",
+        key: "readCount",
+        type: "number",
+        sortable: "custom",
+      },
+    ],
+  },
+  list: {
+    微博: [
+      {
+        label: "排名",
+        key: "index",
+        width: 80,
+      },
+      {
+        label: "账号",
+        key: "userName",
+      },
+      {
+        label: "篇名",
+        key: "title",
+      },
+      {
+        label: "阅读量",
+        key: "playCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "分享量",
+        key: "shareCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "点赞量",
+        key: "likeCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "评论量",
+        key: "commentCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "发布时间",
+        key: "publishTime",
+        sortable: "custom",
+      },
+    ],
+    微信: [
+      {
+        label: "排名",
+        key: "index",
+        width: 80,
+      },
+      {
+        label: "账号",
+        key: "userName",
+      },
+      {
+        label: "篇名",
+        key: "title",
+      },
+      {
+        label: "转发量",
+        key: "shareCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "阅读量",
+        key: "playCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "分享量",
+        key: "shareCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "发布时间",
+        key: "publishTime",
+        sortable: "custom",
+      },
+    ],
+    头条: [
+      {
+        label: "排名",
+        key: "index",
+        width: 80,
+      },
+      {
+        label: "账号",
+        key: "userName",
+      },
+      {
+        label: "篇名",
+        key: "title",
+      },
+      {
+        label: "转发量",
+        key: "shareCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "阅读量",
+        key: "playCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "发布时间",
+        key: "publishTime",
+        sortable: "custom",
+      },
+    ],
+    抖音: [
+      {
+        label: "排名",
+        key: "index",
+        width: 80,
+      },
+      {
+        label: "账号",
+        key: "userName",
+      },
+      {
+        label: "篇名",
+        key: "title",
+      },
+      {
+        label: "转发量",
+        key: "shareCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "阅读量",
+        key: "playCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "分享量",
+        key: "shareCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "点赞量",
+        key: "likeCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "发布时间",
+        key: "publishTime",
+        sortable: "custom",
+      },
+    ],
+    快手: [
+      {
+        label: "排名",
+        key: "index",
+        width: 80,
+      },
+      {
+        label: "账号",
+        key: "userName",
+      },
+      {
+        label: "篇名",
+        key: "title",
+      },
+      {
+        label: "阅读量",
+        key: "playCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "发布时间",
+        key: "publishTime",
+        sortable: "custom",
+      },
+      {
+        label: "评论量",
+        key: "commentCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "点赞量",
+        key: "likeCount",
+        type: "number",
+        sortable: "custom",
+      },
+    ],
+    B站: [
+      {
+        label: "排名",
+        key: "index",
+        width: 80,
+      },
+      {
+        label: "账号",
+        key: "userName",
+      },
+      {
+        label: "篇名",
+        key: "title",
+      },
+      {
+        label: "转发量",
+        key: "shareCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "阅读量",
+        key: "playCount",
+        type: "number",
+        sortable: "custom",
+      },
+      {
+        label: "发布时间",
+        key: "publishTime",
+        sortable: "custom",
+      },
+    ],
+  },
+};

src/utils/tool.js

@@ -0,0 +1,7 @@
+export function formatter(num) {
+  if (isNaN(num) || !num) return 0;
+  let n = num.toString().split('.');
+  let number = n[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+  if (n[1]) number = number + '.' + n[1];
+  return number;
+}

src/view/allMedia/convergence.vue

@@ -33,7 +33,7 @@
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="onSubmit">查询</el-button>
-        <el-button type="primary" @click="onSubmit">导出</el-button>
+        <el-button type="primary" @click="onExport">导出</el-button>
         <el-button type="primary" @click="binding">绑定账号</el-button>
       </el-form-item>
     </el-form>
@@ -41,31 +41,101 @@
     <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
       <el-tab-pane label="传播数据" name="T1">
         <el-table
-          :data="tableData"
+          :data="disseminateData.list"
           style="width: 100%"
           :header-cell-style="{
             backgroundColor: '#f4f5f7',
             color: '#606266',
           }"
+          ref="table1"
+          align="center"
+          empty-text="暂无数据"
+          @sort-change="e=>sort_change(e, 'disseminate')"
         >
-          <el-table-column prop="date" label="Date" width="180" />
-          <el-table-column prop="name" label="Name" width="180" />
-          <el-table-column prop="address" label="Address" />
+          <template
+            v-for="(item, i) in config.tableCol.agg[
+              btns[condition.platform].text
+            ]"
+            :key="i"
+          >
+            <el-table-column
+              align="center"
+              :width="item.width"
+              show-overflow-tooltip
+              :prop="item.key"
+              :label="item.label"
+              :sortable="item.sortable"
+              :sort-orders="
+                item.sortable ? ['ascending', 'descending', null] : []
+              "
+            >
+              <template #default="scope">
+                {{
+                  item.type == 'number'
+                    ? formatter(scope.row[item.key])
+                    : scope.row[item.key]
+                }}
+              </template>
+            </el-table-column>
+          </template>
         </el-table>
+        <el-pagination
+          @current-change="e => changePageDisseminate(e)"
+          background
+          layout="prev, pager, next"
+          :page-count="
+            Math.ceil(disseminateData.total / condition.disseminate.size) || 1
+          "
+        />
       </el-tab-pane>
       <el-tab-pane label="稿件数据" name="T2">
         <el-table
-          :data="tableData"
+          :data="manuscriptData.list"
           style="width: 100%"
           :header-cell-style="{
             backgroundColor: '#f4f5f7',
             color: '#606266',
           }"
+          ref="table1"
+          align="center"
+          empty-text="暂无数据"
+          @sort-change="e=>sort_change(e, 'manuscript')"
         >
-          <el-table-column prop="date" label="Date" width="180" />
-          <el-table-column prop="name" label="Name" width="180" />
-          <el-table-column prop="address" label="Address" />
+          <template
+            v-for="(item, i) in config.tableCol.list[
+              btns[condition.platform].text
+            ]"
+            :key="i"
+          >
+            <el-table-column
+              align="center"
+              :width="item.width"
+              show-overflow-tooltip
+              :prop="item.key"
+              :label="item.label"
+              :sortable="item.sortable"
+              :sort-orders="
+                item.sortable ? ['ascending', 'descending', null] : []
+              "
+            >
+              <template #default="scope">
+                {{
+                  item.type == 'number'
+                    ? formatter(scope.row[item.key])
+                    : scope.row[item.key]
+                }}
+              </template>
+            </el-table-column>
+          </template>
         </el-table>
+        <el-pagination
+          @current-change="e => changePageManuscript(e)"
+          background
+          layout="prev, pager, next"
+          :page-count="
+            Math.ceil(manuscriptData.total / condition.manuscript.size) || 1
+          "
+        />
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -73,10 +143,25 @@
 
 <script setup>
 import { ref } from 'vue';
+import { getAccountList, getUpdateTime, getAccountData } from '@/api/index';
+import dayjs from 'dayjs';
+import config from '../../config/index';
+import { formatter } from '../../utils/tool';
+
 const condition = ref({
   platform: 0,
   keyword: '',
   dt: [],
+  sort: '',
+  order: '',
+  manuscript: {
+    page: 1,
+    size: 10,
+  },
+  disseminate: {
+    page: 1,
+    size: 10,
+  },
 });
 const activeName = ref('T1');
 const btns = [
@@ -122,41 +207,183 @@ const btns = [
   },
 ];
 
-const tableData = ref([
-  {
-    date: '2016-05-03',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-02',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-04',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-01',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-]);
+const manuscriptData = ref({ list: [], total: 0 });
+const disseminateData = ref({ list: [], total: 0 });
+
+let defaultTime = [];
 
 const selectPlatform = (item, index) => {
   condition.value.platform = index;
+  for (let i = 0; i < defaultTime.length; i++) {
+    const v = defaultTime[i];
+    if (v.platform === item.text) {
+      condition.value.dt = [v.dt, v.dt];
+      break;
+    }
+  }
+  //   页码和条数重置
+  condition.value.sort = undefined;
+  condition.value.order = undefined;
+  condition.value.manuscript.page = 1;
+  condition.value.manuscript.size = 10;
+  condition.value.manuscript.total = 0;
+  condition.value.disseminate.page = 1;
+  condition.value.disseminate.size = 10;
+  condition.value.disseminate.total = 0;
+  getData();
 };
 const onSubmit = () => {
-  console.log(condition.value);
+  getData();
 };
 
-const binding = () =>{
-    window.open('#/authorization','newwindow','toolbar=no,location=no,resizable=no,height=550,width=750,scrollbars=yes,left=380,top=100');
-}
+const sort_change = (e, type) => {
+  if (e.order) {
+    condition.value.sort = e.prop;
+    condition.value.order = e.order == 'descending' ? 1 : 0;
+  } else {
+    condition.value.sort = undefined;
+    condition.value.order = undefined;
+  }
+
+  if(type == 'manuscript') changePageManuscript();
+  else if(type == 'disseminate') changePageDisseminate();
+};
+
+const onExport = () => {
+  if (!condition.value.dt || condition.value.dt.length != 2) return;
+  let start = undefined;
+  let end = undefined;
+  if (condition.value.dt[0])
+    start = dayjs(condition.value.dt[0]).format('YYYY-MM-DD');
+  if (condition.value.dt[1])
+    end = dayjs(condition.value.dt[1]).format('YYYY-MM-DD');
+  let url =
+    config.base.origin + '/new-media/export?start=' + start + '&end=' + end;
+  if (this.formRael.sort) url += '&sort=' + this.formRael.sort;
+  window.open(url);
+};
+
+const binding = () => {
+  window.open(
+    '#/authorization',
+    'newwindow',
+    'toolbar=no,location=no,resizable=no,height=550,width=750,scrollbars=yes,left=380,top=100'
+  );
+};
 
 const handleClick = () => {};
+
+const getData = () => {
+  let start = undefined;
+  let end = undefined;
+  if (condition.value.dt[0])
+    start = dayjs(condition.value.dt[0]).format('YYYY-MM-DD');
+  if (condition.value.dt[1])
+    end = dayjs(condition.value.dt[1]).format('YYYY-MM-DD');
+  getAccountList({
+    data: {
+      platform: btns[condition.value.platform].text,
+      start,
+      end,
+      page: condition.value.manuscript.page,
+      size: condition.value.manuscript.size,
+    },
+  }).then(res => {
+    manuscriptData.value.list = (res || []).map((v, i) => {
+      return {
+        ...v,
+        index: i + 1,
+      };
+    });
+    manuscriptData.value.total = 1000;
+  });
+
+  getAccountData({
+    data: {
+      platform: btns[condition.value.platform].text,
+      start,
+      end,
+      page: condition.value.disseminate.page,
+      size: condition.value.disseminate.size,
+    },
+  }).then(res => {
+    disseminateData.value.list = (res || []).map((v, i) => {
+      return {
+        ...v,
+        index: i + 1,
+      };
+    });
+    disseminateData.value.total = 1000;
+  });
+};
+
+const changePageDisseminate = e => {
+  if(e) condition.value.disseminate.page = e;
+  let start = undefined;
+  let end = undefined;
+  if (condition.value.dt[0])
+    start = dayjs(condition.value.dt[0]).format('YYYY-MM-DD');
+  if (condition.value.dt[1])
+    end = dayjs(condition.value.dt[1]).format('YYYY-MM-DD');
+  getAccountData({
+    data: {
+      platform: btns[condition.value.platform].text,
+      start,
+      end,
+      page: condition.value.disseminate.page,
+      size: condition.value.disseminate.size,
+    },
+  }).then(res => {
+    disseminateData.value.list = (res || []).map((v, i) => {
+      return {
+        ...v,
+        index: i + 1,
+      };
+    });
+    disseminateData.value.total = 1000;
+  });
+  // 切页
+};
+
+const changePageManuscript = e => {
+  if(e) condition.value.manuscript.page = e;
+  let start = undefined;
+  let end = undefined;
+  if (condition.value.dt[0])
+    start = dayjs(condition.value.dt[0]).format('YYYY-MM-DD');
+  if (condition.value.dt[1])
+    end = dayjs(condition.value.dt[1]).format('YYYY-MM-DD');
+  getAccountList({
+    data: {
+      platform: btns[condition.value.platform].text,
+      start,
+      end,
+      page: condition.value.manuscript.page,
+      size: condition.value.manuscript.size,
+    },
+  }).then(res => {
+    manuscriptData.value.list = (res || []).map((v, i) => {
+      return {
+        ...v,
+        index: i + 1,
+      };
+    });
+    manuscriptData.value.total = 1000;
+  });
+  // 切页
+};
+
+getUpdateTime({ data: {} }).then(res => {
+  defaultTime = res || [];
+  for (let i = 0; i < btns.length; i++) {
+    const v = btns[i];
+    if (v.text === defaultTime[0].platform) {
+      condition.value.dt = [defaultTime[0].dt, defaultTime[0].dt];
+      break;
+    }
+  }
+  getData();
+});
 </script>
 
 <style scoped>

src/view/allMedia/main.vue

@@ -2,7 +2,7 @@
   <el-scrollbar>
     <div class="main">
       <el-scrollbar class="menu">
-        <img src="../../assets/img/logo.png" style="width: 100%" alt="">
+        <img src="../../assets/img/logo.png" style="width: 100%" alt="" />
         <div
           @click="() => selectMenuFunc(item)"
           v-for="(item, index) in menu"
@@ -61,9 +61,18 @@ const menu = ref([
   },
 ]);
 
+for (let i = 0; i < menu.value.length; i++) {
+  const v = menu.value[i];
+  if (v.path === Route.fullPath) {
+    document.title = v.title;
+    break;
+  }
+}
+
 const selectMenuFunc = item => {
   if (!item.path || Route.fullPath == item.path) return;
   selectMenu.value = item.path;
+  document.title = item.title;
   Router.push({
     path: item.path,
     query: {},