suzhou-jichuang-lanhai
/
tcZz-big
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'lvtianfang' of http://39.101.188.84:8000/suzhou-jichuang-lanhai/tcZz-big

Browse Source
duhanyu
杜函宇 1 year ago
parent 927a20f5d5 879c3d890b
commit 03a3eee5b3
6 changed files with 500 additions and 353 deletions
Show Stats Download Patch File Download Diff File

135
src/api/netManage/index.js
Unescape View File

@ -0,0 +1,135 @@
import request from '@/utils/request'
// 查询工作动态列表
export function listGzdt(query) {
return request({
url: '/tcZz/netManage/gzdt/list',
method: 'get',
params: query
})
}
// 查询工作动态详细
export function getGzdt(id) {
return request({
url: '/tcZz/netManage/gzdt/' + id,
method: 'get'
})
}
// 查询重点企业名录列表
export function listZdqyml(query) {
return request({
url: '/tcZz/netManage/zdqyml/list',
method: 'get',
params: query
})
}
// 查询重点领域监管列表
export function listZdlyjg(query) {
return request({
url: '/tcZz/netManage/zdlyjg/list',
method: 'get',
params: query
})
}
// 查询重点工作项目列表
export function listZdgzxm(query) {
return request({
url: '/tcZz/netManage/zdgzxm/list',
method: 'get',
params: query
})
}
// 查询网站列表
export function listWz(query) {
return request({
url: '/tcZz/netManage/wz/list',
method: 'get',
params: query
})
}
// 查询抖音列表
export function listDy(query) {
return request({
url: '/tcZz/netManage/dy/list',
method: 'get',
params: query
})
}
// 查询微信列表
export function listVx(query) {
return request({
url: '/tcZz/netManage/vx/list',
method: 'get',
params: query
})
}
// 查询微博列表
export function listWb(query) {
return request({
url: '/tcZz/netManage/wb/list',
method: 'get',
params: query
})
}
// 查询今日头条、快手列表
export function listTtsum(query) {
return request({
url: '/tcZz/netManage/ttsum/list',
method: 'get',
params: query
})
}
// 查询B站、小红书列表
export function listBzhan(query) {
return request({
url: '/tcZz/netManage/bzhan/list',
method: 'get',
params: query
})
}
// 查询举报事件年度分类统计列表
export function listJbsjndfltj(query) {
return request({
url: '/tcZz/netManage/jbsjndfltj/list',
method: 'get',
params: query
})
}
// 查询清朗专项行动动态列表
export function listQlzxxddt(query) {
return request({
url: '/tcZz/netManage/qlzxxddt/list',
method: 'get',
params: query
})
}
// 查询清朗专项行动动态详细
export function getQlzxxddt(id) {
return request({
url: '/tcZz/netManage/qlzxxddt/' + id,
method: 'get'
})
}
// 查询清郎专项行动数据统计列表
export function listQlzxxdsjtj(query) {
return request({
url: '/tcZz/netManage/qlzxxdsjtj/list',
method: 'get',
params: query
})
}
// 查询举报地图列表
export function listJbmap(query) {
return request({
url: '/tcZz/netManage/jbmap/list',
method: 'get',
params: query
})
}
// 查询举报地图详细
export function getJbmap(id) {
return request({
url: '/tcZz/netManage/jbmap/' + id,
method: 'get'
})
}

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

@ -2,7 +2,7 @@
* @Author: lough * @Author: lough
* @Date: 2021-12-21 14:12:54 * @Date: 2021-12-21 14:12:54
* @LastEditors: JC9527 * @LastEditors: JC9527
* @LastEditTime: 2023-08-21 16:54:37 * @LastEditTime: 2023-10-17 10:50:57
* @Description: * @Description:
--> -->
<template> <template>
@ -45,10 +45,10 @@ export default {
// this.reportTotalCount = res.data.reportTotalCount // this.reportTotalCount = res.data.reportTotalCount
// this.completedPercent = res.data.completedPercent // this.completedPercent = res.data.completedPercent
// }) // })
networkreport().then(res => { // networkreport().then(res => {
this.reportTotalCount = res.data.count // this.reportTotalCount = res.data.count
this.completedPercent = res.data.handle // this.completedPercent = res.data.handle
}); // });
// console.log(data) // console.log(data)
} }

346
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: 2023-08-30 14:28:57 * @LastEditTime: 2023-10-17 16:26:01
* @FilePath : \\tcingiocpro\\src\\views\\privateOrder\\ecosphere\\components\\componentLeft.vue * @FilePath : \\tcingiocpro\\src\\views\\privateOrder\\ecosphere\\components\\componentLeft.vue
--> -->
<template> <template>
@ -157,7 +157,7 @@
<div class="item_txt"> <div class="item_txt">
<!-- materialsName --> <!-- materialsName -->
<span :data-id="item.id"> <span :data-id="item.id">
{{ item.name }} {{ item.title }}
</span> </span>
</div> </div>
<div class="item_bottom" :data-id="item.id"> <div class="item_bottom" :data-id="item.id">
@ -486,23 +486,18 @@
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 { import {
listEnterprise, listWz,
listDomain, listDy,
listWork, listVx,
listDongtai, listWb,
listPlatform, listTtsum,
dongtaiInfo, listBzhan,
} from "@/api/zongzhi/st.js"; listGzdt,
import { getGzdt,
getBilibiliData, listZdqyml,
getRedBookData, listZdlyjg,
getToDayHeadlineData, listZdgzxm,
getQuickData, } from "@/api/netManage/index.js";
getWechat,
getWebsite,
getWeibo,
getTikTok,
} from "@/api/common";
import { downloadTwo } from "@/utils/safesoft"; import { downloadTwo } from "@/utils/safesoft";
const docx = require("docx-preview"); const docx = require("docx-preview");
import pdf from "vue-pdf"; import pdf from "vue-pdf";
@ -668,10 +663,12 @@ export default {
}, },
methods: { methods: {
// 工作动态信息获取 // 工作动态信息获取
async getDynamicData() { getDynamicData() {
let res = await listDongtai(); listGzdt({isStatus:1}).then(res=>{
this.dongtaiTotal = res.data.count; console.log(res)
this.dynamicList = [...this.dynamicList, ...res.data.list]; this.dongtaiTotal = res.total;
this.dynamicList = [...this.dynamicList, ...res.rows];
})
}, },
// 网络平台信息获取 // 网络平台信息获取
@ -683,180 +680,116 @@ export default {
this.zoologyIconStatus = true; this.zoologyIconStatus = true;
let res = await listPlatform({ pageNum: 1, pageSize: 10, type: type }); let res = await listPlatform({ pageNum: 1, pageSize: 10, type: type });
if (val === "B站") { if (val === "B站") {
// getBilibiliData().then((res) => {
this.tableHeader = ["账号ID", "URL"]; this.tableHeader = ["账号ID", "URL"];
this.zoologyWidth = "1000px"; this.zoologyWidth = "1000px";
this.tableData = []; this.tableData = [];
// this.tableData = [ listBzhan({ pageNum: 1, pageSize: 10, type: 1, isStatus:1 }).then(res=>{
// { 账号ID: 1, URL: 'https://www.bilibili.com/' } res.rows.map((item) => {
// ] let obj = {};
res.rows.map((item) => { obj["账号ID"] = item.zhId;
let obj = {}; obj["URL"] = item.url;
obj["账号ID"] = item.name; this.tableData.push(obj);
obj["URL"] = item.dns; });
this.tableData.push(obj); this.total = res.total;
}); })
// res['T_DATA_BILIBILI[]'].forEach((item) => {
// this.tableData.push({ 账号ID: item.account_id, URL: item.url })
// })
// })
} else if (val === "小红书") { } else if (val === "小红书") {
// getRedBookData().then((res) => {
this.tableHeader = ["账号ID", "URL"]; this.tableHeader = ["账号ID", "URL"];
this.zoologyWidth = "1000px"; this.zoologyWidth = "1000px";
this.tableData = []; this.tableData = [];
// this.tableData = [ listBzhan({ pageNum: 1, pageSize: 10, type: 2, isStatus:1 }).then(res=>{
// { 账号ID: 1, URL: 'https://www.xiaohongshu.com/explore' } res.rows.map((item) => {
// ] let obj = {};
// res['T_DATA_RED_BOOK[]'].forEach((item) => { obj["账号ID"] = item.zhId;
// this.tableData.push({ 账号ID: item.account_id, URL: item.url }) obj["URL"] = item.url;
// }) this.tableData.push(obj);
res.rows.map((item) => { });
let obj = {}; this.total = res.total;
obj["账号ID"] = item.name; })
obj["URL"] = item.dns;
this.tableData.push(obj);
});
// })
} else if (val === "今日头条") { } else if (val === "今日头条") {
// getToDayHeadlineData().then((res) => {
this.tableHeader = ["账号ID", "简介"]; this.tableHeader = ["账号ID", "简介"];
this.zoologyWidth = "1200px"; this.zoologyWidth = "1200px";
this.tableData = []; this.tableData = [];
// this.tableData = [ listTtsum({ pageNum: 1, pageSize: 10, type: 1, isStatus:1 }).then(res=>{
// { 账号ID: 1, 简介: '今日头条是北京字节跳动科技有限公司开发的一款基于数据挖掘的推荐引擎产品，为用户推荐信息、提供连接人与信息的服务的产品。由张一鸣于2012年3月创建，2012年8月发布第一个版本。' } res.rows.map((item) => {
// ] let obj = {};
res.rows.map((item) => { obj["账号ID"] = item.zhId;
let obj = {}; obj["简介"] = item.intro;
obj["账号ID"] = item.name; this.tableData.push(obj);
obj["简介"] = item.intro; });
this.tableData.push(obj); this.total = res.total;
}); })
// res['T_DATA_TODAY_HEADLINE[]'].forEach((item) => {
// this.tableData.push({
// 账号ID: item.account_id,
// 简介: item.introduction
// })
// })
// })
} else if (val === "快手") { } else if (val === "快手") {
// getQuickData().then((res) => {
this.tableHeader = ["账号ID", "简介"]; this.tableHeader = ["账号ID", "简介"];
this.zoologyWidth = "1000px"; this.zoologyWidth = "1000px";
this.tableData = []; this.tableData = [];
// this.tableData = [ listTtsum({ pageNum: 1, pageSize: 10, type: 2, isStatus:1}).then(res=>{
// { 账号ID: 1, 简介: '快手是北京快手科技有限公司旗下的产品。快手 [1-2]的前身，叫“GIF快手”，诞生于2011年3月，最初是一款用来制作、分享GIF图片的手机应用。2012年11月，快手从纯粹的工具应用转型为短视频社区，用于用户记录和分享生产、生活的平台。后来随着智能手机、平板电脑的普及和移动流量成本的下降，快手在2015年以后迎来市场' } res.rows.map((item) => {
// ] let obj = {};
res.rows.map((item) => { obj["账号ID"] = item.zhId;
let obj = {}; obj["简介"] = item.intro;
obj["账号ID"] = item.name; this.tableData.push(obj);
obj["简介"] = item.intro; });
this.tableData.push(obj); this.total = res.total;
}); })
// res['T_DATA_QUICK_WORKER[]'].forEach((item) => {
// this.tableData.push({
// 账号ID: item.account_id,
// 简介: item.introduction
// })
// })
// })
} else if (val === "微信") { } else if (val === "微信") {
// getWechat().then((res) => {
this.tableHeader = ["账号ID", "行业属性"]; this.tableHeader = ["账号ID", "行业属性"];
this.zoologyWidth = "1000px"; this.zoologyWidth = "1000px";
this.tableData = []; this.tableData = [];
// this.tableData = [ listVx({ pageNum: 1, pageSize: 10, isStatus:1 }).then(res=>{
// { 账号ID: 1, 行业属性: '自媒体' } res.rows.map((item) => {
// ] let obj = {};
res.rows.map((item) => { obj["账号ID"] = item.zhId;
let obj = {}; // obj["行业属性"] = this.getProps(item.props);
obj["账号ID"] = item.name; obj["行业属性"] = item.tmt;
obj["行业属性"] = this.getProps(item.props); this.tableData.push(obj);
this.tableData.push(obj); });
}); this.total = res.total;
// res['T_DATA_WECHAT[]'].forEach((item) => { })
// this.tableData.push({
// 账号ID: item.account_id,
// 行业属性: item.introduction
// })
// })
// })
} else if (val === "网站") { } else if (val === "网站") {
// getWebsite().then((res) => {
this.tableHeader = ["网站名称", "真实IP", "网站域名", "备案许可证号"]; this.tableHeader = ["网站名称", "真实IP", "网站域名", "备案许可证号"];
this.zoologyWidth = "2000px"; this.zoologyWidth = "2000px";
this.tableData = []; this.tableData = [];
// this.tableData.push({ listWz({ pageNum: 1, pageSize: 10, isStatus:1 }).then(res=>{
// 网站名称: '百度', res.rows.map((item) => {
// 真实IP: '220.181.111.188', let obj = {};
// 网站域名: 'https://www.xiaohongshu.com/explore', obj["网站名称"] = item.webName;
// 备案许可证号: '京ICP证030173号', obj["真实IP"] = item.trueIp;
// numOrder: 1 obj["网站域名"] = item.webDns;
// }) obj["备案许可证号"] = item.icp;
res.rows.map((item) => { this.tableData.push(obj);
let obj = {}; });
obj["网站名称"] = item.name; this.total = res.total;
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('备')
// const endIndex = item.licence_num.lastIndexOf('号')
// this.tableData.push({
// 网站名称: item.website_name,
// 真实IP: item.acturally_ip,
// 网站域名: item.website_domain,
// 备案许可证号: item.licence_num,
// numOrder: item.licence_num.substring(startIndex + 1, endIndex)
// })
// })
this.tableData.sort((a, b) => a.numOrder - b.numOrder);
// })
} else if (val === "微博") { } else if (val === "微博") {
// getWeibo().then((res) => {
this.tableHeader = ["账号名称", "认证", "地区"]; this.tableHeader = ["账号名称", "认证", "地区"];
this.zoologyWidth = "1000px"; this.zoologyWidth = "1000px";
this.tableData = []; this.tableData = [];
// res['T_big_screen_weibo_data[]'].forEach((item) => { listWb({ pageNum: 1, pageSize: 10, isStatus:1 }).then(res=>{
// this.tableData.push({ res.rows.map((item) => {
// 账号名称: '大红矛', let obj = {};
// 认证: '微博原创视频博主', obj["账号名称"] = item.zhName;
// 地区: '北京' obj["认证"] = item.approve;
// }) obj["地区"] = item.areaId;
res.rows.map((item) => { this.tableData.push(obj);
let obj = {}; });
obj["账号名称"] = item.name; this.total = res.total;
obj["认证"] = item.authentication; })
obj["地区"] = item.area;
this.tableData.push(obj);
});
// })
// })
} else if (val === "抖音") { } else if (val === "抖音") {
// getTikTok().then((res) => {
this.tableHeader = ["账号", "简介", "粉丝数"]; this.tableHeader = ["账号", "简介", "粉丝数"];
this.zoologyWidth = "1500px"; this.zoologyWidth = "1500px";
this.tableData = []; this.tableData = [];
// res['T_big_screen_tik_tok[]'].forEach((item) => { listDy({ pageNum: 1, pageSize: 10, isStatus:1 }).then(res=>{
// this.tableData.push({ res.rows.map((item) => {
// 账号: '1124693722', let obj = {};
// 简介: '无', obj["账号"] = item.userName;
// 粉丝数: 25 obj["简介"] = item.intro;
// }) obj["粉丝数"] = item.fsCount;
res.rows.map((item) => { this.tableData.push(obj);
let obj = {}; });
obj["账号"] = item.name; this.total = res.total;
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.total = res.total;
this.currentPageData = this.tableData; this.currentPageData = this.tableData;
this.zoologyIconStatus = true; this.zoologyIconStatus = true;
// this.networkPlatformData() // this.networkPlatformData()
@ -927,58 +860,62 @@ export default {
inventoryBtn(status, val) { inventoryBtn(status, val) {
this.currentIndex = status; this.currentIndex = status;
if (this.currentIndex == 1) { if (this.currentIndex == 1) {
listEnterprise(this.queryParams).then((res) => { // listEnterprise(this.queryParams).then((res) => {
listZdqyml({...this.queryParams,isStatus:1}).then(res => {
this.currentPageData = res.rows; this.currentPageData = res.rows;
this.tableKey = [ this.tableKey = [
{ name: "企业名称", value: "enterpriseName" }, { name: "企业名称", value: "enterpriseName" },
{ {
name: "企业类型", name: "企业类型",
value: "enterpriseType", value: "enterpriseType",
dictType: "tc_enter_type", // dictType: "tc_enter_type",
}, },
{ {
name: "互联网业务", name: "互联网业务",
value: "networkYewu", // value: "networkYewu",
dictType: "tc_inlet_yewu", value: "netYw",
// dictType: "tc_inlet_yewu",
}, },
{ name: "监管部门", value: "jianguanBumen" }, { name: "监管部门", value: "depJg" },
{ name: "单位地址", value: "address" }, { name: "单位地址", value: "unitAddress" },
{ name: "联系人", value: "linkMan" }, { name: "联系人", value: "linkMan" },
{ name: "联系电话", value: "phoneNum" }, { name: "联系电话", value: "linkTel" },
{ name: "网址或平台名称", value: "productName" }, { name: "网址或平台名称", value: "url" },
{ name: "域名", value: "dns" }, { name: "域名", value: "dns" },
]; ];
this.total = res.total; this.total = res.total;
}); });
} else if (this.currentIndex == 2) { } else if (this.currentIndex == 2) {
listDomain(this.queryParams).then((res) => { // listDomain(this.queryParams).then((res) => {
listZdlyjg({...this.queryParams,isStatus:1}).then((res) => {
this.currentPageData = res.rows; this.currentPageData = res.rows;
this.tableKey = [ this.tableKey = [
{ {
name: "企业类型", name: "企业类型",
value: "enterpriseType", value: "enterpriseType",
dictType: "tc_enter_type", // dictType: "tc_enter_type",
}, },
{ name: "重点监管监管对象", value: "zdjgContent" }, { name: "重点领域监管内容", value: "jgObgj" },
{ name: "法律法规令禁止的有关行为", value: "weifaXingwei" }, { name: "法律法规令禁止的有关行为", value: "jzxw" },
{ name: "主要监管部门", value: "dep" }, { name: "主要监管部门", value: "jgDep" },
{ name: "主要依据", value: "zhuyaoYiju" }, { name: "主要依据", value: "zyyj" },
]; ];
this.total = res.total; this.total = res.total;
}); });
} else if (this.currentIndex == 3) { } else if (this.currentIndex == 3) {
listWork(this.queryParams).then((res) => { // listWork(this.queryParams).then((res) => {
listZdgzxm({...this.queryParams,isStatus:1}).then((res) => {
this.currentPageData = res.rows; this.currentPageData = res.rows;
this.tableKey = [ this.tableKey = [
{ name: "推进单位", value: "unitName" }, { name: "推进单位", value: "tjUnit" },
{ name: "项目名称", value: "projectName" }, { name: "项目名称", value: "itemName" },
{ name: "项目内容", value: "projectContent" }, { name: "项目内容", value: "itemContent" },
{ {
name: "项目类型", name: "项目类型",
value: "projectType", value: "itemType",
dictType: "tc_item_type", // dictType: "tc_item_type",
}, },
{ name: "项目联系人", value: "projectLinkMan" }, { name: "项目联系人", value: "itemLinkMan" },
]; ];
this.total = res.total; this.total = res.total;
}); });
@ -1142,26 +1079,25 @@ export default {
this.tableData = []; this.tableData = [];
this.currentPage = 1; this.currentPage = 1;
this.pageSize = 10; this.pageSize = 10;
let data = await dongtaiInfo(e.target.dataset.id);
// console.log(data)
this.tableHeader = ["材料名称"]; this.tableHeader = ["材料名称"];
this.dialogTitle = data.data.materialsName; getGzdt(e.target.dataset.id).then(data=>{
const fileName = data.data.materialsFileName.split(","); this.dialogTitle = data.data.title;
const fileUrl = data.data.materialsFileUrl.split(","); const fileName = data.data.fileName.split(",");
if (fileUrl.length < 1 || fileName.length < 1) return; const fileUrl = data.data.fileUrl.split(",");
// console.log(fileName) if (fileUrl.length < 1 || fileName.length < 1) return;
if (fileName.length > 0) { if (fileName.length > 0) {
fileName.forEach((item, index) => { fileName.forEach((item, index) => {
this.tableData.push({ this.tableData.push({
材料名称: item.split(".")[0], 材料名称: item.split(".")[0],
材料路径: fileUrl[index], 材料路径: fileUrl[index],
});
}); });
}); this.networkPlatformDataTwo();
this.networkPlatformDataTwo(); } else {
} else { this.tableData = [];
this.tableData = []; }
} this.dynamicStatus = true;
this.dynamicStatus = true; })
// this.dialogTitle = val.dynamicName // this.dialogTitle = val.dynamicName
// this.tableData = val.fileList // this.tableData = val.fileList
@ -1314,8 +1250,8 @@ export default {
responseType: "blob", // 设置响应文件格式 responseType: "blob", // 设置响应文件格式
url: `${ url: `${
process.env.NODE_ENV === "production" process.env.NODE_ENV === "production"
? window._CONFIG["fileNginxUrl"] ? window._CONFIG["fileNginxUrl"] : process.env.VUE_APP_BASE_API2
: "/fileApi" // : "/fileApi"
}/网信办大屏内容文档/网络管理/约谈流程/${val}.docx`, }/网信办大屏内容文档/网络管理/约谈流程/${val}.docx`,
}).then(({ data }) => { }).then(({ data }) => {
if (data) { if (data) {

218
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: 2023-08-24 13:26:32 * @LastEditTime: 2023-10-17 15:36:11
* @FilePath : \\tcingiocpro\\src\\views\\privateOrder\\ecosphere\\components\\componentRight.vue * @FilePath : \\tcingiocpro\\src\\views\\privateOrder\\ecosphere\\components\\componentRight.vue
--> -->
<template> <template>
@ -111,7 +111,7 @@
<div class="img-item" :data-curData="index"> <div class="img-item" :data-curData="index">
<div <div
:style="{ :style="{
backgroundImage: 'url(' + item.zhuanxiangImg + ')', backgroundImage: 'url(' + item.imageUrl + ')',
}" }"
:data-curData="index" :data-curData="index"
style=" style="
@ -138,10 +138,10 @@
<!-- 弹窗 --> <!-- 弹窗 -->
<div v-if="qlzfDialogFlag" class="qlzf-dialog"> <div v-if="qlzfDialogFlag" class="qlzf-dialog">
<div class="close" @click="qlzfDialogFlag = false"></div> <div class="close" @click="qlzfDialogFlag = false"></div>
<div class="title">{{ eldialogData.zhuanxiangTitle }}</div> <div class="title">{{ eldialogData.title }}</div>
<div class="qlzf-dialog_left"> <div class="qlzf-dialog_left">
<div <div
v-for="(item, index) in eldialogData.zhuanxiangImg" v-for="(item, index) in eldialogData.imageUrl"
:key="index" :key="index"
style="margin-bottom: 18px" style="margin-bottom: 18px"
> >
@ -152,7 +152,7 @@
</div> </div>
</div> </div>
<div class="right"> <div class="right">
<div class="qlzf-dialog_right" v-html="eldialogData.zhuanxiangContent"></div> <div class="qlzf-dialog_right" v-html="eldialogData.content"></div>
</div> </div>
</div> </div>
</div> </div>
@ -164,6 +164,12 @@ 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, zhuanxiangInfo, reportbyyear } from '@/api/zongzhi/manage.js' import { zhuanxiang, managescreen, zhuanxiangInfo, reportbyyear } from '@/api/zongzhi/manage.js'
import {
listJbsjndfltj,
listQlzxxddt,
getQlzxxddt,
listQlzxxdsjtj,
} from "@/api/netManage/index.js";
import { echartsJump } from '../../../../../public/static/echartsJump' import { echartsJump } from '../../../../../public/static/echartsJump'
import { download } from "@/utils/safesoft" import { download } from "@/utils/safesoft"
import vueSeamlessScroll from 'vue-seamless-scroll' import vueSeamlessScroll from 'vue-seamless-scroll'
@ -345,100 +351,162 @@ export default {
methods: { methods: {
async itemClick(e) { async itemClick(e) {
// console.log(this.qlzxdtList[e.target.dataset.curdata]) // console.log(this.qlzxdtList[e.target.dataset.curdata])
let data = await zhuanxiangInfo(this.qlzxdtList[e.target.dataset.curdata].id) // let data = await zhuanxiangInfo(this.qlzxdtList[e.target.dataset.curdata].id)
getQlzxxddt(this.qlzxdtList[e.target.dataset.curdata].id).then(data=>{
let eldialogData = JSON.parse(JSON.stringify(data.data)) let eldialogData = JSON.parse(JSON.stringify(data.data))
eldialogData.zhuanxiangImg = eldialogData.zhuanxiangImg.split(',') eldialogData.imageUrl = eldialogData.imageUrl.split(',')
// this.eldialogData = this.qlzxdtList[e.target.dataset.curdata] this.eldialogData = eldialogData
this.eldialogData = eldialogData this.qlzfDialogFlag = true
this.qlzfDialogFlag = true })
}, },
changeImg(item, index) { changeImg(item, index) {
item.index = index item.index = index
}, },
// 清朗专项行动动态 // 清朗专项行动动态
async zhuanxiangList(){ async zhuanxiangList(){
let res = await zhuanxiang(); // let res = await zhuanxiang();
let imgArr listQlzxxddt({isStatus:1}).then(res=>{
this.qlzxdtList = JSON.parse(JSON.stringify(res.data)) let imgArr
for(let i = 0; i < this.qlzxdtList.length; i++){ this.qlzxdtList = JSON.parse(JSON.stringify(res.rows))
imgArr = this.qlzxdtList[i].zhuanxiangImg for(let i = 0; i < this.qlzxdtList.length; i++){
imgArr = imgArr.split(',') imgArr = this.qlzxdtList[i].imageUrl
this.qlzxdtList[i].zhuanxiangImg = this.imgUrl + imgArr[0] imgArr = imgArr.split(',')
} this.qlzxdtList[i].imageUrl = this.imgUrl + imgArr[0]
}
})
}, },
// 行动数据统计 // 行动数据统计
async managescreenData(){ async managescreenData(){
let res = await managescreen() // let res = await managescreen()
let data = res.data || [] listQlzxxdsjtj({isStatus:1}).then(res=>{
let arr1 = [],arr2 = [] let data = res.rows || []
data.map((item)=>{ let arr1 = [],arr2 = []
item.zhuanxiangTime = this.getDate(item.zhuanxiangTime) let arr = []
if(item.type == 1) { data.map((item)=>{
arr1.push(item) item.dateTime = this.getDate(item.dateTime)
}else if(item.type == 2){ arr.push(item)
arr2.push(item) if(item.type == 1) {
} arr1.push(item)
}) }else if(item.type == 2){
this.qlzfDataStatistics[1].data.map((item)=>{ arr2.push(item)
arr2.map((arr)=>{
if(item.name == arr.zhuanxiangTime) {
item.num = arr.count
} }
}) })
}) console.log(arr,'arr')
this.qlzfDataStatistics[0].data.map((item)=>{ this.qlzfDataStatistics[1].data.map((item)=>{
arr1.map((arr)=>{ // arr2.map((arr)=>{
if(item.name == arr.zhuanxiangTime) { arr.map((arr)=>{
item.num = arr.count if(item.name == arr.dateTime) {
} item.num = arr.count2
}
})
})
this.qlzfDataStatistics[0].data.map((item)=>{
// arr1.map((arr)=>{
arr.map((arr)=>{
if(item.name == arr.dateTime) {
item.num = arr.count1
}
})
}) })
}) })
}, },
// 举报事件年度分类统计 // 举报事件年度分类统计
async reportbyyearDate(){ async reportbyyearDate(){
let data = await reportbyyear(); // let data = await reportbyyear();
let arr = [] let arr = []
for(let i = 0; i < data.data.length; i++){ for(let i = 1; i < 5; i++){
let obj = {} let obj = {}
obj.name = data.data[i].source == '1' ? '上级下发' : data.data[i].source == '2' ? '部门转发' : data.data[i].source == '3' ? '小程序' : '无效' listJbsjndfltj({type:i}).then(data=>{
obj.value = data.data[i].count // console.log(data)
arr.push(obj) let value = 0
data.rows.forEach(item=>{
value += item.count
obj.value = value;
obj.name = item.type == '1' ? '上级下发' : item.type == '2' ? '部门转发' : item.type == '3' ? '无效' : '小程序'
arr.push(obj)
})
arr = arr.filter((item, index, self)=>{
return self.indexOf(item) == index;
})
})
} }
this.pieData = arr; // let arr = []
// for(let i = 0; i < data.data.length; i++){
// let obj = {}
// obj.name = data.data[i].source == '1' ? '上级下发' : data.data[i].source == '2' ? '部门转发' : data.data[i].source == '3' ? '小程序' : '无效'
// obj.value = data.data[i].count
// arr.push(obj)
// }
// this.pieData = arr;
this.inItPie() this.inItPie()
}, },
// 计算时间
getDate(date){ getDate(date){
switch(date){ const result = /-(\d{2})-/.exec(date);
case '01': if (result !== null && result.length > 1) {
return '1月'; const month = result[1];
case '02': switch(month){
return '2月'; case '01':
case '03': return '1月';
return '3月'; case '02':
case '04': return '2月';
return '4月'; case '03':
case '05': return '3月';
return '5月'; case '04':
case '06': return '4月';
return '6月'; case '05':
case '07': return '5月';
return '7月'; case '06':
case '08': return '6月';
return '8月'; case '07':
case '09': return '7月';
return '9月'; case '08':
case '10': return '8月';
return '10月'; case '09':
case '11': return '9月';
return '11月'; case '10':
case '12': return '10月';
return '12月'; case '11':
default : return '11月';
break; case '12':
return '12月';
default :
break;
}
} else {
console.log('没有找到月份');
} }
}, },
// 计算时间
// getDate(date){
// switch(date){
// case '01':
// return '1月';
// case '02':
// return '2月';
// case '03':
// return '3月';
// case '04':
// return '4月';
// case '05':
// return '5月';
// case '06':
// return '6月';
// case '07':
// return '7月';
// case '08':
// return '8月';
// case '09':
// return '9月';
// case '10':
// return '10月';
// case '11':
// return '11月';
// case '12':
// return '12月';
// default :
// break;
// }
// },
// 饼图 // 饼图
inItPie() { inItPie() {
const chartDom = document.getElementById('pie') const chartDom = document.getElementById('pie')

138
src/views/privateOrder/ecosphere/components/componentmapbox.vue
Unescape View File

@ -24,15 +24,15 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="6"> <el-col :span="8">
<div class="col_title">苏州编号</div> <div class="col_title">苏州编号</div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<div class="col_title">举报时间</div> <div class="col_title">举报时间</div>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="6"> <el-col :span="8">
<div class="col_ctn_little">{{ currentMsg.szbh }}</div> <div class="col_ctn_little">{{ currentMsg.szbh }}</div>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -58,7 +58,8 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="col_ctn_little">{{ currentMsg.jbnr }}</div> <div class="col_ctn_little" v-html='currentMsg.jbnr'></div>
<!-- <div class="col_ctn_little">{{ currentMsg.jbnr }}</div> -->
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -71,6 +72,10 @@
import mapboxgl from 'mapbox-gl' import mapboxgl from 'mapbox-gl'
import 'mapbox-gl/dist/mapbox-gl.css' import 'mapbox-gl/dist/mapbox-gl.css'
import { reportList, reportInfo } from '@/api/zongzhi/manage' import { reportList, reportInfo } from '@/api/zongzhi/manage'
import {
listJbmap,
getJbmap,
} from "@/api/netManage/index.js";
export default { export default {
data() { data() {
return { return {
@ -94,72 +99,75 @@ export default {
} }
}, },
async mounted() { async mounted() {
let data = await reportList() // let data = await reportList();
let arr = [] listJbmap({isStatus:1}).then(data=>{
data.data.map((item)=>{ let arr = []
let obj = {} data.rows.map((item)=>{
obj.id = item.id let obj = {}
obj.lng = item.longitude obj.id = item.id
obj.lat = item.latitude obj.lng = item.longitude
obj.title = item.jbdx obj.lat = item.latitude
arr.push(obj) obj.title = item.jbObj
}) arr.push(obj)
this.pointList = arr })
const _this = this this.pointList = arr
mapboxgl.accessToken = 'pk.eyJ1Ijoic2hhcmVhbGV4IiwiYSI6ImNsaXNhZmRjbTFhbnczZmxib3h1OW05YXYifQ.PhlKv60ar3K359d8x2yBPw' const _this = this
const map = new mapboxgl.Map({ mapboxgl.accessToken = 'pk.eyJ1Ijoic2hhcmVhbGV4IiwiYSI6ImNsaXNhZmRjbTFhbnczZmxib3h1OW05YXYifQ.PhlKv60ar3K359d8x2yBPw'
container: 'map', // 地图容器的id或元素 const map = new mapboxgl.Map({
style: 'mapbox://styles/sharealex/cl3ntpire000314ookb5o81oo', // 地图样式 container: 'map', // 地图容器的id或元素
center: [121.136909, 31.463778], // 中心点经纬度 style: 'mapbox://styles/sharealex/cl3ntpire000314ookb5o81oo', // 地图样式
zoom: 14.5, center: [121.136909, 31.463778], // 中心点经纬度
pitch: 50 zoom: 14.5,
}) pitch: 50
})
// 地图加载完毕 // 地图加载完毕
map.on('load', function() { map.on('load', function() {
// 地图点位 // 地图点位
_this.pointList.forEach(item => { _this.pointList.forEach(item => {
const el = document.createElement('div') const el = document.createElement('div')
el.className = 'map-marker' el.className = 'map-marker'
el.innerHTML = ` el.innerHTML = `
<img class="marker-img" src= "${require('@/assets/ecosphere/point.png')}" /> <img class="marker-img" src= "${require('@/assets/ecosphere/point.png')}" />
<div class="marker-text">${item.title}</div> <div class="marker-text">${item.title}</div>
` `
new mapboxgl.Marker(el) new mapboxgl.Marker(el)
.setLngLat([item.lng, item.lat]) .setLngLat([item.lng, item.lat])
.addTo(map) .addTo(map)
el.addEventListener('click', () => { el.addEventListener('click', () => {
// 点击事件里去修改内容 // 点击事件里去修改内容
reportInfo(item.id).then(res=>{ // reportInfo(item.id).then(res=>{
let { jbdx, jbbh, jbTime, address, content } = res.data getJbmap(item.id).then(res=>{
_this.currentMsg.jbdx = jbdx let { jbObj, number, jbTime, address, content } = res.data
_this.currentMsg.szbh = jbbh _this.currentMsg.jbdx = jbObj
_this.currentMsg.jbsj = jbTime _this.currentMsg.szbh = number
_this.currentMsg.dz = address _this.currentMsg.jbsj = jbTime
_this.currentMsg.jbnr = content _this.currentMsg.dz = address
_this.isShowDialog = true _this.currentMsg.jbnr = content
_this.isShowDialog = true
})
}) })
}) })
map.addLayer({
id: 'lou-extrusion',
type: 'fill-extrusion',
source: {
type: 'geojson',
data: require('@/utils/mapGeojson/1.json')
},
paint: {
// 设置填充颜色
'fill-extrusion-color': '#2998F8',
// 从属性中获得高度，这里用的是height字段
'fill-extrusion-height': ['get', 'height'],
'fill-extrusion-base': 0,
// 透明度设置
'fill-extrusion-opacity': 0.7
}
})
}) })
map.addLayer({ this.map = map
id: 'lou-extrusion',
type: 'fill-extrusion',
source: {
type: 'geojson',
data: require('@/utils/mapGeojson/1.json')
},
paint: {
// 设置填充颜色
'fill-extrusion-color': '#2998F8',
// 从属性中获得高度，这里用的是height字段
'fill-extrusion-height': ['get', 'height'],
'fill-extrusion-base': 0,
// 透明度设置
'fill-extrusion-opacity': 0.7
}
})
}) })
this.map = map
}, },
methods: {} methods: {}
} }

6
src/views/privateOrder/positiveEnergy/components/componentLeft.vue
Unescape View File

@ -1,8 +1,8 @@
<!-- <!--
* @Author: lough * @Author: lough
* @Date: 2021-12-17 10:07:07 * @Date: 2021-12-17 10:07:07
* @LastEditors: lough * @LastEditors: JC9527
* @LastEditTime: 2022-11-15 16:43:05 * @LastEditTime: 2023-10-16 16:16:22
* @Description: * @Description:
--> -->
<template> <template>
@ -97,7 +97,7 @@
:key="idx" :key="idx"
class="text" class="text"
> >
<span class="text-inner" :data-item="JSON.stringify(item)">{{ item.articleTitle }}</span> <span class="text-inner" :data-item="JSON.stringify(item)">娄江欣语 | {{ item.articleTitle }}</span>
</div> </div>
</vue-seamless-scroll> </vue-seamless-scroll>
</div> </div>

Write Preview
Loading…
Cancel
Save