From 74d5caad42f4502011349b2fa7f41676ae3d2f5a Mon Sep 17 00:00:00 2001
From: Lvtf <L18864257234@163.com>
Date: Tue, 22 Aug 2023 08:59:41 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BD=91=E7=BB=9C=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |   5 +-
 src/api/zongzhi/st.js                         |  38 +++-
 src/store/modules/dict.js                     |   9 +
 src/utils/safesoft.js                         |   4 +-
 .../ecosphere/components/componentCenter.vue  |  16 +-
 .../ecosphere/components/componentLeft.vue    | 168 +++++++++++++-----
 .../ecosphere/components/componentRight.vue   |  25 ++-
 7 files changed, 213 insertions(+), 52 deletions(-)

diff --git a/.env.development b/.env.development
index 1a2d7ae..2740896 100644
--- a/.env.development
+++ b/.env.development
@@ -3,7 +3,8 @@ ENV = 'development'
 
 # base api
 VUE_APP_BASE_API = '/dashboard'
-
-VUE_APP_BASE_API2 = 'http://localhost:9027'
+#  http://192.168.0.106:9027  http://39.101.188.84:9027
+VUE_APP_BASE_API2 = 'http://192.168.0.106:9027'
+VUE_APP_BASE_API3 = 'http://39.101.188.84:9027'
 
 BASE_API = 'http://10.10.3.35:9070'
diff --git a/src/api/zongzhi/st.js b/src/api/zongzhi/st.js
index 08ec945..ac6297c 100644
--- a/src/api/zongzhi/st.js
+++ b/src/api/zongzhi/st.js
@@ -85,10 +85,10 @@ export function listWork(query) {
   })
 }
 
-// 查询工作动态列表
+// 查询工作动态列表   dongtai/list
 export function listDongtai(query) {
   return request({
-    url: '/zongzhi/dongtai/list',
+    url: '/zongzhi/managescreen/workdynamics',
     method: 'get',
     params: query
   })
@@ -127,3 +127,37 @@ export function listIDCunit(query) {
     params: query
   })
 }
+
+// 网络平台
+export function listPlatform(query) {
+  return request({
+    url: '/zongzhi/pingtai/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 清朗专项行动动态
+export function zhuanxiang(query) {
+  return request({
+    url: '/zongzhi/zhuanxiang/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 举报总数和处置率
+export function networkreport() {
+  return request({
+    url: '/zongzhi/managescreen/networkreport',
+    method: 'get',
+  })
+}
+
+// 清朗专项行动数据统计 /zongzhi/managescreen/action
+export function managescreen() {
+  return request({
+    url: '/zongzhi/managescreen/action',
+    method: 'get',
+  })
+}
\ No newline at end of file
diff --git a/src/store/modules/dict.js b/src/store/modules/dict.js
index d5bebf6..869979c 100644
--- a/src/store/modules/dict.js
+++ b/src/store/modules/dict.js
@@ -1,3 +1,11 @@
+/*
+ * @Descripttion: 
+ * @version: 
+ * @Author: JC9527
+ * @Date: 2023-08-21 08:54:24
+ * @LastEditors: JC9527
+ * @LastEditTime: 2023-08-21 15:29:23
+ */
 import { getDictList } from '@/api/zongzhi/common.js'
 const dict = {
   state: {
@@ -16,6 +24,7 @@ const dict = {
         }
         getDictList(query)
           .then((res) => {
+            // console.log(res)
             commit('SET_DICT', res.data)
             resolve()
           })
diff --git a/src/utils/safesoft.js b/src/utils/safesoft.js
index 9a5e315..a84ee50 100644
--- a/src/utils/safesoft.js
+++ b/src/utils/safesoft.js
@@ -3,7 +3,7 @@
  * Copyright (c) 2019 safesoft
  */
 
-const baseURL = process.env.VUE_APP_BASE_API
+const baseURL = process.env.VUE_APP_BASE_API2
 
 // 日期格式化
 export function parseTime(time, pattern) {
@@ -110,7 +110,7 @@ export function selectDictLabels(datas, value, separator) {
 
 // 通用下载方法
 export function download(fileName) {
-  window.location.href = baseURL + '/common/download?fileName=' + encodeURI(fileName) + '&delete=' + true
+  window.location.href = baseURL + '/zongzhi/common/download?fileName=' + encodeURI(fileName) + '&delete=' + true
 }
 
 // 字符串格式化(%s )
diff --git a/src/views/privateOrder/ecosphere/components/componentCenter.vue b/src/views/privateOrder/ecosphere/components/componentCenter.vue
index 1cf585c..6823442 100644
--- a/src/views/privateOrder/ecosphere/components/componentCenter.vue
+++ b/src/views/privateOrder/ecosphere/components/componentCenter.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: lough
  * @Date: 2021-12-21 14:12:54
- * @LastEditors: lough
- * @LastEditTime: 2022-09-08 10:26:49
+ * @LastEditors: JC9527
+ * @LastEditTime: 2023-08-21 16:54:37
  * @Description:
 -->
 <template>
@@ -30,7 +30,7 @@
 </template>
 
 <script>
-import { getreportNum } from '@/api/common'
+import { networkreport } from '@/api/zongzhi/st.js'
 export default {
   data() {
     return {
@@ -39,12 +39,18 @@ export default {
     }
   },
   mounted() {
-    this.reportTotalCount = 45
-    this.completedPercent = 100
+    // this.reportTotalCount = 45
+    // this.completedPercent = 100
     // getreportNum().then(res => {
     //   this.reportTotalCount = res.data.reportTotalCount
     //   this.completedPercent = res.data.completedPercent
     // })
+    networkreport().then(res => {
+      this.reportTotalCount = res.data.count
+      this.completedPercent = res.data.handle
+    });
+    // console.log(data)
+    
   }
 }
 
diff --git a/src/views/privateOrder/ecosphere/components/componentLeft.vue b/src/views/privateOrder/ecosphere/components/componentLeft.vue
index b06530d..f2c87a8 100644
--- a/src/views/privateOrder/ecosphere/components/componentLeft.vue
+++ b/src/views/privateOrder/ecosphere/components/componentLeft.vue
@@ -3,7 +3,7 @@
  * @Author: kery.chen
  * @Description: 总体概览左侧
  * @Date: 2021-11-30 11:08:50
- * @LastEditTime: 2022-08-22 17:25:45
+ * @LastEditTime: 2023-08-21 16:01:49
  * @FilePath     : \\tcingiocpro\\src\\views\\privateOrder\\ecosphere\\components\\componentLeft.vue
 -->
 <template>
@@ -155,8 +155,9 @@
             @click.stop="dynamicClick(item)"
           >
             <div class="item_txt">
-              <span :data-obj="item.materialsName">
-                {{ item.materialsName }}
+              <!-- materialsName -->
+              <span :data-obj="item.name">
+                {{ item.name }}
               </span>
             </div>
             <div class="item_bottom">
@@ -201,7 +202,7 @@
             @mouseover="zoologyMouseOver(idx)"
             @mouseleave="zoologyMouseLeave"
             @click="
-              networkPlatformClick(item.name);
+              networkPlatformClick(item.name,item.type);
               currentIndex = idx;
             "
           >
@@ -482,7 +483,7 @@
 <script>
 import vueSeamlessScroll from 'vue-seamless-scroll'
 import ModuleTitle from '../../common/ModuleTitle.vue'
-import { listEnterprise, listDomain, listWork, listDongtai } from '@/api/zongzhi/st.js'
+import { listEnterprise, listDomain, listWork, listDongtai, listPlatform } from '@/api/zongzhi/st.js'
 import {
   getBilibiliData,
   getRedBookData,
@@ -534,24 +535,28 @@ export default {
           name: '网站',
           num: 0,
           subList: [],
+          type:1,
           url: require('@/assets/ecosphere/icon-网站.png')
         },
         {
           name: '抖音',
           num: 0,
           subList: [],
+          type:2,
           url: require('@/assets/ecosphere/icon-抖音.png')
         },
         {
           name: '微信',
           num: 0,
           subList: [],
+          type:3,
           url: require('@/assets/ecosphere/icon-微信.png')
         },
         {
           name: '微博',
           num: 0,
           subList: [],
+          type:4,
           url: require('@/assets/ecosphere/icon微博.png')
         },
 
@@ -559,24 +564,28 @@ export default {
           name: '今日头条',
           num: 0,
           subList: [],
+          type:5,
           url: require('@/assets/ecosphere/icon-头条.png')
         },
         {
           name: '快手',
           num: 0,
           subList: [],
+          type:6,
           url: require('@/assets/ecosphere/icon-快手.png')
         },
         {
           name: 'B站',
           num: 0,
           subList: [],
+          type:7,
           url: require('@/assets/ecosphere/icon-b站.png')
         },
         {
           name: '小红书',
           num: 0,
           subList: [],
+          type:8,
           url: require('@/assets/ecosphere/icon-小红书.png')
         }
       ],
@@ -634,16 +643,17 @@ export default {
   methods: {
     // 工作动态信息获取
     getDynamicData() {
-      listDongtai(this.dtParams).then(res => {
-        this.dynamicList = res.rows
-        this.dtTotal = res.total
+      listDongtai().then(res => {
+        console.log(res)
+        this.dynamicList = res.data
+        // this.dtTotal = res.total
       })
       // const tableObject = require('./data.json')
       // this.dynamicList = tableObject['工作动态']
     },
 
     // 网络平台信息获取
-    networkPlatformClick(val) {
+    async networkPlatformClick(val,type) {
       this.currentPage = 1
       this.pageSize = 10
       this.dialogTitle = val
@@ -653,9 +663,16 @@ export default {
         this.tableHeader = ['账号ID', 'URL']
         this.zoologyWidth = '1000px'
         this.tableData = []
-        this.tableData = [
-          { 账号ID: 1, URL: 'https://www.bilibili.com/' }
-        ]
+        // this.tableData = [
+        //   { 账号ID: 1, URL: 'https://www.bilibili.com/' }
+        // ]
+        let res = await listPlatform({type:type});
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['账号ID'] = item.name
+          obj['URL'] = item.dns
+          this.tableData.push(obj)
+        })
         // res['T_DATA_BILIBILI[]'].forEach((item) => {
         //   this.tableData.push({ 账号ID: item.account_id, URL: item.url })
         // })
@@ -666,12 +683,19 @@ export default {
         this.tableHeader = ['账号ID', 'URL']
         this.zoologyWidth = '1000px'
         this.tableData = []
-        this.tableData = [
-          { 账号ID: 1, URL: 'https://www.xiaohongshu.com/explore' }
-        ]
+        // this.tableData = [
+        //   { 账号ID: 1, URL: 'https://www.xiaohongshu.com/explore' }
+        // ]
         // res['T_DATA_RED_BOOK[]'].forEach((item) => {
         //   this.tableData.push({ 账号ID: item.account_id, URL: item.url })
         // })
+        let res = await listPlatform({type:type});
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['账号ID'] = item.name
+          obj['URL'] = item.dns
+          this.tableData.push(obj)
+        })
         this.networkPlatformData()
         // })
       } else if (val === '今日头条') {
@@ -679,9 +703,16 @@ export default {
         this.tableHeader = ['账号ID', '简介']
         this.zoologyWidth = '1200px'
         this.tableData = []
-        this.tableData = [
-          { 账号ID: 1, 简介: '今日头条是北京字节跳动科技有限公司开发的一款基于数据挖掘的推荐引擎产品，为用户推荐信息、提供连接人与信息的服务的产品。由张一鸣于2012年3月创建，2012年8月发布第一个版本。' }
-        ]
+        // this.tableData = [
+        //   { 账号ID: 1, 简介: '今日头条是北京字节跳动科技有限公司开发的一款基于数据挖掘的推荐引擎产品，为用户推荐信息、提供连接人与信息的服务的产品。由张一鸣于2012年3月创建，2012年8月发布第一个版本。' }
+        // ]
+        let res = await listPlatform({type:type});
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['账号ID'] = item.name
+          obj['简介'] = item.intro
+          this.tableData.push(obj)
+        })
         // res['T_DATA_TODAY_HEADLINE[]'].forEach((item) => {
         //   this.tableData.push({
         //     账号ID: item.account_id,
@@ -695,9 +726,16 @@ export default {
         this.tableHeader = ['账号ID', '简介']
         this.zoologyWidth = '1000px'
         this.tableData = []
-        this.tableData = [
-          { 账号ID: 1, 简介: '快手是北京快手科技有限公司旗下的产品。快手 [1-2]的前身，叫“GIF快手”，诞生于2011年3月，最初是一款用来制作、分享GIF图片的手机应用。2012年11月，快手从纯粹的工具应用转型为短视频社区，用于用户记录和分享生产、生活的平台。后来随着智能手机、平板电脑的普及和移动流量成本的下降，快手在2015年以后迎来市场' }
-        ]
+        // this.tableData = [
+        //   { 账号ID: 1, 简介: '快手是北京快手科技有限公司旗下的产品。快手 [1-2]的前身，叫“GIF快手”，诞生于2011年3月，最初是一款用来制作、分享GIF图片的手机应用。2012年11月，快手从纯粹的工具应用转型为短视频社区，用于用户记录和分享生产、生活的平台。后来随着智能手机、平板电脑的普及和移动流量成本的下降，快手在2015年以后迎来市场' }
+        // ]
+        let res = await listPlatform({type:type});
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['账号ID'] = item.name
+          obj['简介'] = item.intro
+          this.tableData.push(obj)
+        })
         // res['T_DATA_QUICK_WORKER[]'].forEach((item) => {
         //   this.tableData.push({
         //     账号ID: item.account_id,
@@ -711,9 +749,16 @@ export default {
         this.tableHeader = ['账号ID', '行业属性']
         this.zoologyWidth = '1000px'
         this.tableData = []
-        this.tableData = [
-          { 账号ID: 1, 行业属性: '自媒体' }
-        ]
+        // this.tableData = [
+        //   { 账号ID: 1, 行业属性: '自媒体' }
+        // ]
+        let res = await listPlatform({type:type});
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['账号ID'] = item.name
+          obj['行业属性'] = this.getProps(item.props)
+          this.tableData.push(obj)
+        })
         // res['T_DATA_WECHAT[]'].forEach((item) => {
         //   this.tableData.push({
         //     账号ID: item.account_id,
@@ -727,12 +772,21 @@ export default {
         this.tableHeader = ['网站名称', '真实IP', '网站域名', '备案许可证号']
         this.zoologyWidth = '2000px'
         this.tableData = []
-        this.tableData.push({
-          网站名称: '百度',
-          真实IP: '220.181.111.188',
-          网站域名: 'https://www.xiaohongshu.com/explore',
-          备案许可证号: '京ICP证030173号',
-          numOrder: 1
+        // this.tableData.push({
+        //   网站名称: '百度',
+        //   真实IP: '220.181.111.188',
+        //   网站域名: 'https://www.xiaohongshu.com/explore',
+        //   备案许可证号: '京ICP证030173号',
+        //   numOrder: 1
+        // })
+        let res = await listPlatform({type:type});
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['网站名称'] = item.name
+          obj['真实IP'] = item.ipAddress
+          obj['网站域名'] = item.dns
+          obj['备案许可证号'] = item.licenceNum
+          this.tableData.push(obj)
         })
         // res['T_big_screen_website_data[]'].forEach((item) => {
         //   const startIndex = item.licence_num.indexOf('备')
@@ -754,10 +808,18 @@ export default {
         this.zoologyWidth = '1000px'
         this.tableData = []
         // res['T_big_screen_weibo_data[]'].forEach((item) => {
-        this.tableData.push({
-          账号名称: '大红矛',
-          认证: '微博原创视频博主',
-          地区: '北京'
+        // this.tableData.push({
+        //   账号名称: '大红矛',
+        //   认证: '微博原创视频博主',
+        //   地区: '北京'
+        // })
+        let res = await listPlatform({type:type});
+        res.rows.map((item)=>{
+          let obj = {}
+          obj['账号名称'] = item.name
+          obj['认证'] = item.authentication
+          obj['地区'] = item.area
+          this.tableData.push(obj)
         })
         // })
         this.networkPlatformData()
@@ -768,16 +830,42 @@ export default {
         this.zoologyWidth = '1500px'
         this.tableData = []
         // res['T_big_screen_tik_tok[]'].forEach((item) => {
-        this.tableData.push({
-          账号: '1124693722',
-          简介: '无',
-          粉丝数: 25
-        })
+        // this.tableData.push({
+        //   账号: '1124693722',
+        //   简介: '无',
+        //   粉丝数: 25
         // })
+        let res = await listPlatform({type:type});
+        res.rows.map((item)=>{
+          let obj = {};
+          obj['账号'] = item.name;
+          obj['简介'] = item.intro;
+          obj['粉丝数'] = item.fansNum;
+          this.tableData.push(obj)
+        })
         this.tableData.sort((a, b) => b.粉丝数 - a.粉丝数)
-        this.networkPlatformData()
+        
         // })
       }
+      this.networkPlatformData()
+    },
+    getProps(props){
+      switch(props){
+        case 1:
+          return '房产';
+        case 2:
+          return '汽车';
+        case 3:
+          return '自媒体';
+        case 4:
+          return '餐饮';
+        case 5:
+          return '电子竞技';
+        case 6:
+          return '财务'
+        default :
+          break;
+      }
     },
     networkPlatformData() {
       this.total = this.tableData.length
diff --git a/src/views/privateOrder/ecosphere/components/componentRight.vue b/src/views/privateOrder/ecosphere/components/componentRight.vue
index d644bd9..d2849ec 100644
--- a/src/views/privateOrder/ecosphere/components/componentRight.vue
+++ b/src/views/privateOrder/ecosphere/components/componentRight.vue
@@ -3,7 +3,7 @@
  * @Author: kery.chen
  * @Description: 总体概览右侧
  * @Date: 2021-11-30 11:08:50
- * @LastEditTime: 2022-11-15 13:46:59
+ * @LastEditTime: 2023-08-22 08:57:33
  * @FilePath     : \\tcingiocpro\\src\\views\\privateOrder\\ecosphere\\components\\componentRight.vue
 -->
 <template>
@@ -162,7 +162,9 @@
 window.JSZip = require('jszip')
 import { qlzxdtData } from './json'
 import { getreportNum } from '@/api/common'
+import { zhuanxiang, managescreen } from '@/api/zongzhi/st.js'
 import { echartsJump } from '../../../../../public/static/echartsJump'
+import { download } from "@/utils/safesoft"
 import vueSeamlessScroll from 'vue-seamless-scroll'
 import image from '../../../../assets/ecosphere/饼图标注.png'
 import ModuleTitle from '../../common/ModuleTitle.vue'
@@ -324,8 +326,10 @@ export default {
   },
   mounted() {
     this.qlzxdtList = qlzxdtData
+    // this.zhuanxiangList()
     // 开启定时器旋转
     this.reportingProcessTimer()
+    
     this.inItPie()
     // getreportNum().then(res => {
     //   this.pieData[0].value = res.data.reportTotalCount - 12
@@ -340,6 +344,25 @@ export default {
     changeImg(item, index) {
       item.index = index
     },
+    // 清朗专项行动动态
+    async zhuanxiangList(){
+      let res = await zhuanxiang();
+      let imgArr
+      let qlzxdtList = JSON.parse(JSON.stringify(res.rows))
+      this.qlzxdtList = qlzxdtList
+      for(let i = 0; i < qlzxdtList.length; i++){
+        imgArr = qlzxdtList[i].zhuanxiangImg
+        imgArr = imgArr.split(',')
+        this.qlzxdtList[i].zhuanxiangImg = imgArr
+        for(let j = 0; j < imgArr.length; j++){
+          imgArr[j] = process.env.VUE_APP_BASE_API3 + imgArr[j]
+        }
+      }
+      // zhuanxiang().then(res => {
+        
+      //   console.log(this.qlzxdtList)
+      // })
+    },
     // 饼图
     inItPie() {
       const chartDom = document.getElementById('pie')