suzhou-jichuang-lanhai
/
taicangZongzhi
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

网络管理

Browse Source
lijinlong
吕天方 1 year ago
parent 49f1e3a54b
commit 74d5caad42
7 changed files with 213 additions and 52 deletions
Show Stats Download Patch File Download Diff File

5
.env.development
Unescape View File

@ -3,7 +3,8 @@ ENV = 'development'
# base api # base api
VUE_APP_BASE_API = '/dashboard' VUE_APP_BASE_API = '/dashboard'
# http://192.168.0.106:9027 http://39.101.188.84:9027
VUE_APP_BASE_API2 = 'http://localhost: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' BASE_API = 'http://10.10.3.35:9070'

38
src/api/zongzhi/st.js
Unescape View File

@ -85,10 +85,10 @@ export function listWork(query) {
}) })
} }
// 查询工作动态列表 // 查询工作动态列表 dongtai/list
export function listDongtai(query) { export function listDongtai(query) {
return request({ return request({
url: '/zongzhi/dongtai/list', url: '/zongzhi/managescreen/workdynamics',
method: 'get', method: 'get',
params: query params: query
}) })
@ -127,3 +127,37 @@ export function listIDCunit(query) {
params: 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',
})
}

9
src/store/modules/dict.js
Unescape View File

@ -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' import { getDictList } from '@/api/zongzhi/common.js'
const dict = { const dict = {
state: { state: {
@ -16,6 +24,7 @@ const dict = {
} }
getDictList(query) getDictList(query)
.then((res) => { .then((res) => {
// console.log(res)
commit('SET_DICT', res.data) commit('SET_DICT', res.data)
resolve() resolve()
}) })

4
src/utils/safesoft.js
Unescape View File

@ -3,7 +3,7 @@
* Copyright (c) 2019 safesoft * 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) { export function parseTime(time, pattern) {
@ -110,7 +110,7 @@ export function selectDictLabels(datas, value, separator) {
// 通用下载方法 // 通用下载方法
export function download(fileName) { 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 ) // 字符串格式化(%s )

16
src/views/privateOrder/ecosphere/components/componentCenter.vue
Unescape View File

@ -1,8 +1,8 @@
<!-- <!--
* @Author: lough * @Author: lough
* @Date: 2021-12-21 14:12:54 * @Date: 2021-12-21 14:12:54
* @LastEditors: lough * @LastEditors: JC9527
* @LastEditTime: 2022-09-08 10:26:49 * @LastEditTime: 2023-08-21 16:54:37
* @Description: * @Description:
--> -->
<template> <template>
@ -30,7 +30,7 @@
</template> </template>
<script> <script>
import { getreportNum } from '@/api/common' import { networkreport } from '@/api/zongzhi/st.js'
export default { export default {
data() { data() {
return { return {
@ -39,12 +39,18 @@ export default {
} }
}, },
mounted() { mounted() {
this.reportTotalCount = 45 // this.reportTotalCount = 45
this.completedPercent = 100 // this.completedPercent = 100
// getreportNum().then(res => { // getreportNum().then(res => {
// this.reportTotalCount = res.data.reportTotalCount // this.reportTotalCount = res.data.reportTotalCount
// this.completedPercent = res.data.completedPercent // this.completedPercent = res.data.completedPercent
// }) // })
networkreport().then(res => {
this.reportTotalCount = res.data.count
this.completedPercent = res.data.handle
});
// console.log(data)
} }
} }

168
src/views/privateOrder/ecosphere/components/componentLeft.vue
Unescape View File

@ -3,7 +3,7 @@
* @Author: kery.chen * @Author: kery.chen
* @Description: 总体概览左侧 * @Description: 总体概览左侧
* @Date: 2021-11-30 11:08:50 * @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 * @FilePath : \\tcingiocpro\\src\\views\\privateOrder\\ecosphere\\components\\componentLeft.vue
--> -->
<template> <template>
@ -155,8 +155,9 @@
@click.stop="dynamicClick(item)" @click.stop="dynamicClick(item)"
> >
<div class="item_txt"> <div class="item_txt">
<span :data-obj="item.materialsName"> <!-- materialsName -->
{{ item.materialsName }} <span :data-obj="item.name">
{{ item.name }}
</span> </span>
</div> </div>
<div class="item_bottom"> <div class="item_bottom">
@ -201,7 +202,7 @@
@mouseover="zoologyMouseOver(idx)" @mouseover="zoologyMouseOver(idx)"
@mouseleave="zoologyMouseLeave" @mouseleave="zoologyMouseLeave"
@click=" @click="
networkPlatformClick(item.name); networkPlatformClick(item.name,item.type);
currentIndex = idx; currentIndex = idx;
" "
> >
@ -482,7 +483,7 @@
<script> <script>
import vueSeamlessScroll from 'vue-seamless-scroll' import vueSeamlessScroll from 'vue-seamless-scroll'
import ModuleTitle from '../../common/ModuleTitle.vue' 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 { import {
getBilibiliData, getBilibiliData,
getRedBookData, getRedBookData,
@ -534,24 +535,28 @@ export default {
name: '网站', name: '网站',
num: 0, num: 0,
subList: [], subList: [],
type:1,
url: require('@/assets/ecosphere/icon-网站.png') url: require('@/assets/ecosphere/icon-网站.png')
}, },
{ {
name: '抖音', name: '抖音',
num: 0, num: 0,
subList: [], subList: [],
type:2,
url: require('@/assets/ecosphere/icon-抖音.png') url: require('@/assets/ecosphere/icon-抖音.png')
}, },
{ {
name: '微信', name: '微信',
num: 0, num: 0,
subList: [], subList: [],
type:3,
url: require('@/assets/ecosphere/icon-微信.png') url: require('@/assets/ecosphere/icon-微信.png')
}, },
{ {
name: '微博', name: '微博',
num: 0, num: 0,
subList: [], subList: [],
type:4,
url: require('@/assets/ecosphere/icon微博.png') url: require('@/assets/ecosphere/icon微博.png')
}, },
@ -559,24 +564,28 @@ export default {
name: '今日头条', name: '今日头条',
num: 0, num: 0,
subList: [], subList: [],
type:5,
url: require('@/assets/ecosphere/icon-头条.png') url: require('@/assets/ecosphere/icon-头条.png')
}, },
{ {
name: '快手', name: '快手',
num: 0, num: 0,
subList: [], subList: [],
type:6,
url: require('@/assets/ecosphere/icon-快手.png') url: require('@/assets/ecosphere/icon-快手.png')
}, },
{ {
name: 'B站', name: 'B站',
num: 0, num: 0,
subList: [], subList: [],
type:7,
url: require('@/assets/ecosphere/icon-b站.png') url: require('@/assets/ecosphere/icon-b站.png')
}, },
{ {
name: '小红书', name: '小红书',
num: 0, num: 0,
subList: [], subList: [],
type:8,
url: require('@/assets/ecosphere/icon-小红书.png') url: require('@/assets/ecosphere/icon-小红书.png')
} }
], ],
@ -634,16 +643,17 @@ export default {
methods: { methods: {
// 工作动态信息获取 // 工作动态信息获取
getDynamicData() { getDynamicData() {
listDongtai(this.dtParams).then(res => { listDongtai().then(res => {
this.dynamicList = res.rows console.log(res)
this.dtTotal = res.total this.dynamicList = res.data
// this.dtTotal = res.total
}) })
// const tableObject = require('./data.json') // const tableObject = require('./data.json')
// this.dynamicList = tableObject['工作动态'] // this.dynamicList = tableObject['工作动态']
}, },
// 网络平台信息获取 // 网络平台信息获取
networkPlatformClick(val) { async networkPlatformClick(val,type) {
this.currentPage = 1 this.currentPage = 1
this.pageSize = 10 this.pageSize = 10
this.dialogTitle = val this.dialogTitle = val
@ -653,9 +663,16 @@ export default {
this.tableHeader = ['账号ID', 'URL'] this.tableHeader = ['账号ID', 'URL']
this.zoologyWidth = '1000px' this.zoologyWidth = '1000px'
this.tableData = [] this.tableData = []
this.tableData = [ // this.tableData = [
{ 账号ID: 1, URL: 'https://www.bilibili.com/' } // { 账号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) => { // res['T_DATA_BILIBILI[]'].forEach((item) => {
// this.tableData.push({ 账号ID: item.account_id, URL: item.url }) // this.tableData.push({ 账号ID: item.account_id, URL: item.url })
// }) // })
@ -666,12 +683,19 @@ export default {
this.tableHeader = ['账号ID', 'URL'] this.tableHeader = ['账号ID', 'URL']
this.zoologyWidth = '1000px' this.zoologyWidth = '1000px'
this.tableData = [] this.tableData = []
this.tableData = [ // this.tableData = [
{ 账号ID: 1, URL: 'https://www.xiaohongshu.com/explore' } // { 账号ID: 1, URL: 'https://www.xiaohongshu.com/explore' }
] // ]
// res['T_DATA_RED_BOOK[]'].forEach((item) => { // res['T_DATA_RED_BOOK[]'].forEach((item) => {
// this.tableData.push({ 账号ID: item.account_id, URL: item.url }) // 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() this.networkPlatformData()
// }) // })
} else if (val === '今日头条') { } else if (val === '今日头条') {
@ -679,9 +703,16 @@ export default {
this.tableHeader = ['账号ID', '简介'] this.tableHeader = ['账号ID', '简介']
this.zoologyWidth = '1200px' this.zoologyWidth = '1200px'
this.tableData = [] this.tableData = []
this.tableData = [ // this.tableData = [
{ 账号ID: 1, 简介: '今日头条是北京字节跳动科技有限公司开发的一款基于数据挖掘的推荐引擎产品，为用户推荐信息、提供连接人与信息的服务的产品。由张一鸣于2012年3月创建，2012年8月发布第一个版本。' } // { 账号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) => { // res['T_DATA_TODAY_HEADLINE[]'].forEach((item) => {
// this.tableData.push({ // this.tableData.push({
// 账号ID: item.account_id, // 账号ID: item.account_id,
@ -695,9 +726,16 @@ export default {
this.tableHeader = ['账号ID', '简介'] this.tableHeader = ['账号ID', '简介']
this.zoologyWidth = '1000px' this.zoologyWidth = '1000px'
this.tableData = [] this.tableData = []
this.tableData = [ // this.tableData = [
{ 账号ID: 1, 简介: '快手是北京快手科技有限公司旗下的产品。快手 [1-2]的前身，叫“GIF快手”，诞生于2011年3月，最初是一款用来制作、分享GIF图片的手机应用。2012年11月，快手从纯粹的工具应用转型为短视频社区，用于用户记录和分享生产、生活的平台。后来随着智能手机、平板电脑的普及和移动流量成本的下降，快手在2015年以后迎来市场' } // { 账号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) => { // res['T_DATA_QUICK_WORKER[]'].forEach((item) => {
// this.tableData.push({ // this.tableData.push({
// 账号ID: item.account_id, // 账号ID: item.account_id,
@ -711,9 +749,16 @@ export default {
this.tableHeader = ['账号ID', '行业属性'] this.tableHeader = ['账号ID', '行业属性']
this.zoologyWidth = '1000px' this.zoologyWidth = '1000px'
this.tableData = [] this.tableData = []
this.tableData = [ // this.tableData = [
{ 账号ID: 1, 行业属性: '自媒体' } // { 账号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) => { // res['T_DATA_WECHAT[]'].forEach((item) => {
// this.tableData.push({ // this.tableData.push({
// 账号ID: item.account_id, // 账号ID: item.account_id,
@ -727,12 +772,21 @@ export default {
this.tableHeader = ['网站名称', '真实IP', '网站域名', '备案许可证号'] this.tableHeader = ['网站名称', '真实IP', '网站域名', '备案许可证号']
this.zoologyWidth = '2000px' this.zoologyWidth = '2000px'
this.tableData = [] this.tableData = []
this.tableData.push({ // this.tableData.push({
网站名称: '百度', // 网站名称: '百度',
真实IP: '220.181.111.188', // 真实IP: '220.181.111.188',
网站域名: 'https://www.xiaohongshu.com/explore', // 网站域名: 'https://www.xiaohongshu.com/explore',
备案许可证号: '京ICP证030173号', // 备案许可证号: '京ICP证030173号',
numOrder: 1 // 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) => { // res['T_big_screen_website_data[]'].forEach((item) => {
// const startIndex = item.licence_num.indexOf('备') // const startIndex = item.licence_num.indexOf('备')
@ -754,10 +808,18 @@ export default {
this.zoologyWidth = '1000px' this.zoologyWidth = '1000px'
this.tableData = [] this.tableData = []
// res['T_big_screen_weibo_data[]'].forEach((item) => { // 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() this.networkPlatformData()
@ -768,16 +830,42 @@ export default {
this.zoologyWidth = '1500px' this.zoologyWidth = '1500px'
this.tableData = [] this.tableData = []
// res['T_big_screen_tik_tok[]'].forEach((item) => { // res['T_big_screen_tik_tok[]'].forEach((item) => {
this.tableData.push({ // this.tableData.push({
账号: '1124693722', // 账号: '1124693722',
简介: '无', // 简介: '无',
粉丝数: 25 // 粉丝数: 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.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() { networkPlatformData() {
this.total = this.tableData.length this.total = this.tableData.length

25
src/views/privateOrder/ecosphere/components/componentRight.vue
Unescape View File

@ -3,7 +3,7 @@
* @Author: kery.chen * @Author: kery.chen
* @Description: 总体概览右侧 * @Description: 总体概览右侧
* @Date: 2021-11-30 11:08:50 * @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 * @FilePath : \\tcingiocpro\\src\\views\\privateOrder\\ecosphere\\components\\componentRight.vue
--> -->
<template> <template>
@ -162,7 +162,9 @@
window.JSZip = require('jszip') window.JSZip = require('jszip')
import { qlzxdtData } from './json' import { qlzxdtData } from './json'
import { getreportNum } from '@/api/common' import { getreportNum } from '@/api/common'
import { zhuanxiang, managescreen } from '@/api/zongzhi/st.js'
import { echartsJump } from '../../../../../public/static/echartsJump' import { echartsJump } from '../../../../../public/static/echartsJump'
import { download } from "@/utils/safesoft"
import vueSeamlessScroll from 'vue-seamless-scroll' import vueSeamlessScroll from 'vue-seamless-scroll'
import image from '../../../../assets/ecosphere/饼图标注.png' import image from '../../../../assets/ecosphere/饼图标注.png'
import ModuleTitle from '../../common/ModuleTitle.vue' import ModuleTitle from '../../common/ModuleTitle.vue'
@ -324,8 +326,10 @@ export default {
}, },
mounted() { mounted() {
this.qlzxdtList = qlzxdtData this.qlzxdtList = qlzxdtData
// this.zhuanxiangList()
// 开启定时器旋转 // 开启定时器旋转
this.reportingProcessTimer() this.reportingProcessTimer()
this.inItPie() this.inItPie()
// getreportNum().then(res => { // getreportNum().then(res => {
// this.pieData[0].value = res.data.reportTotalCount - 12 // this.pieData[0].value = res.data.reportTotalCount - 12
@ -340,6 +344,25 @@ export default {
changeImg(item, index) { changeImg(item, index) {
item.index = 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() { inItPie() {
const chartDom = document.getElementById('pie') const chartDom = document.getElementById('pie')

Write Preview
Loading…
Cancel
Save