|
|
|
@ -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
|
|
|
|
|