From 66a556d456e28ec02e32c5a991f543630f46ba0f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=8D=E7=88=B1=E5=AD=A6=E4=B9=A0=E7=9A=84=E7=9F=B3?= =?UTF-8?q?=E5=90=8C=E5=AD=A6?= <2936013465@qq.com> Date: Mon, 18 Nov 2024 19:11:45 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=B4=E6=9D=83=E6=8A=9A=E6=85=B0=E5=9C=B0?= =?UTF-8?q?=E5=9B=BE=E5=8D=A1=E7=89=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/datav/chart-bar.vue | 1 + src/components/datav/header.vue | 2 +- src/components/negative/add.vue | 8 +- src/views/datav/CaseVerif.vue | 18 +- src/views/datav/MailVisits.vue | 178 +++++--------------- src/views/datav/RightsComfort.vue | 261 +++++++++++++++++++++++++++-- src/views/datav/VideoInsp.vue | 36 ++-- 7 files changed, 318 insertions(+), 186 deletions(-) diff --git a/src/components/datav/chart-bar.vue b/src/components/datav/chart-bar.vue index c448551..6b76a00 100644 --- a/src/components/datav/chart-bar.vue +++ b/src/components/datav/chart-bar.vue @@ -130,6 +130,7 @@ function getColor(val) { .bar-item_content { .bar-item_content-bar { height: 13px; + } } } diff --git a/src/components/datav/header.vue b/src/components/datav/header.vue index 07260e7..9075dd4 100644 --- a/src/components/datav/header.vue +++ b/src/components/datav/header.vue @@ -16,7 +16,7 @@
- + 民意感知 diff --git a/src/components/negative/add.vue b/src/components/negative/add.vue index b362650..e5f5764 100644 --- a/src/components/negative/add.vue +++ b/src/components/negative/add.vue @@ -37,7 +37,7 @@ - - + @@ -141,7 +141,7 @@ - - + diff --git a/src/views/datav/CaseVerif.vue b/src/views/datav/CaseVerif.vue index 1f54ad3..6ea183c 100644 --- a/src/views/datav/CaseVerif.vue +++ b/src/views/datav/CaseVerif.vue @@ -122,7 +122,7 @@ - +
- +
{{ overview.firstMail }} @@ -17,7 +17,7 @@
- +
{{ overview.secondMail }} @@ -27,16 +27,6 @@
- -
-
- {{ overview.leaderReceiveMail }} -
-
- 领导接访 -
-
-
@@ -65,15 +55,6 @@ /> - - - - - @@ -98,15 +79,6 @@ /> - - - - - @@ -208,109 +180,32 @@ - - - -
-
- {{ overview.leaderViewMail }} -
-
- 领导督办 -
-
-
- -
-
- {{ overview.tangleMail }} -
-
- 缠访闹访 -
-
-
- -
-
- {{ overview.massMail }} -
-
- 群体集访 -
-
-
-
+ - + - - - - - - - - - - - - - - - - - - - + + + - - - - - - - - - - - - - - - - - - + + + @@ -577,6 +472,22 @@ const time = ref([ moment().format("YYYY-MM-DD"), ]); + + +const temp1=[{ + label:'张三', + value: '1' +}] + +const temp2=[{ + label:'李四', + value: '1' +}] + + + + + /** * 信访趋势 * @type {Ref, UnwrapRef | string>} @@ -799,13 +710,6 @@ const colors = [ } -/* - - - - - - -*/ + \ No newline at end of file diff --git a/src/views/datav/RightsComfort.vue b/src/views/datav/RightsComfort.vue index 934505b..570156a 100644 --- a/src/views/datav/RightsComfort.vue +++ b/src/views/datav/RightsComfort.vue @@ -149,7 +149,89 @@ const hitPersonNumber = ref(28.1); const comfortMoney = ref(0.0); const punishmentSituationList = ref([]); const comfortSituationList = ref([]); +let gobalTempMapVoList = [ + { + "name": "岳麓分局", + "totalCase": 23, + "victimPer": "暂无", + "comfortPer": "19", + "hitPro": "暂无", + "comfortMon": "暂无", + }, + { + "name": "芙蓉分局", + "totalCase": 20, + "victimPer": "暂无", + "comfortPer": "12", + "hitPro": "暂无", + "comfortMon": "暂无", + }, + { + "name": "天心分局", + "totalCase": 20, + "victimPer": "暂无", + "comfortPer": "23", + "hitPro": "暂无", + "comfortMon": "暂无", + }, + { + "name": "雨花分局", + "totalCase": 19, + "victimPer": "暂无", + "comfortPer": "16", + "hitPro": "暂无", + "comfortMon": "暂无", + }, + { + "name": "浏阳市局", + "totalCase": 17, + "victimPer": "暂无", + "comfortPer": "30", + "hitPro": "暂无", + "comfortMon": "暂无", + }, + { + "name": "宁乡市局", + "totalCase": 11, + "victimPer": "暂无", + "comfortPer": "0", + "hitPro": "暂无", + "comfortMon": "暂无", + }, + { + "name": "开福分局", + "totalCase": 11, + "victimPer": "暂无", + "comfortPer": "4", + "hitPro": "暂无", + "comfortMon": "暂无", + }, + { + "name": "望城分局", + "totalCase": 9, + "victimPer": "暂无", + "comfortPer": "0", + "hitPro": "暂无", + "comfortMon": "暂无", + }, + { + "name": "长沙县局", + "totalCase": 9, + "victimPer": "暂无", + "comfortPer": "0", + "hitPro": "暂无", + "comfortMon": "暂无", + }, + { + "name": "高新分局", + "totalCase": 4, + "victimPer": "暂无", + "comfortPer": "7", + "hitPro": "暂无", + "comfortMon": "暂无", + }, +]; function getData() { getRightsComfortData(time.value).then((data) => { console.log('Received data:', data); // 添加日志输出 @@ -167,29 +249,65 @@ watch(time, () => { onMounted(() => { getData(); }); -const option = { +const option = ref({ geo: { - // 是上面注册时的名字哦,registerMap('名字保持一致') map: "changsha", - }, + }, + tooltip: { + trigger: 'item', + formatter: function (params) { + console.log(params) + const dataItem = gobalTempMapVoList.find(item => item.name.includes(params.name.substring(0, 2))); + if (dataItem) { + return ` +
+
${dataItem.name}
+
+
    +
  • 维权案件总数 ${dataItem.totalCase}
  • +
  • 受侵害人数 ${dataItem.victimPer}
  • +
  • 抚慰人数 ${dataItem.comfortPer}
  • +
  • 打击处理人数 ${dataItem.hitPro}
  • +
  • 抚慰金额 ${dataItem.comfortMon}
  • +
+
+
`; + } else { + return `
+
${dataItem.name}
+
+
    +
  • 维权案件数 0
  • +
  • 抚慰人数 0
  • +
+
+
`; + } + }, + // backgroundColor: "#031577", // + // borderColor: "#0A2F86", + // borderWidth: 0, // 设置边框宽度为1像素 + // borderRadius: 3, // 设置边框半径为3像素 + // shadowBlur: 0, // 设置阴影模糊程度为8像素 + // shadowOffsetX: 0, // 设置水平阴影位移量为0像素 + // shadowOffsetY: 0, // 设置垂直阴影位移量为6像素 + }, visualMap: { type: "piecewise", bottom: 10, pieces: [ - {gte: 85, lte: 100, label: "数据数高于1000"}, - {gte: 65, lte: 85, label: "问题数低于1000"}, - {gte: 0, lte: 65, label: "问题数低于500"}, + { min: 0, max: 500, label: "问题数低于500" }, { min: 501, max: 1000, label: "问题数介于500-1000" }, { min: 1001, label: "问题数高于1000" }, ], - right: 10, // 右边距 + right: 10, realtime: false, - orient: "horizontal", // 水平显示 + orient: "horizontal", textStyle: { - color: "#fff", // 文字颜色 + color: "#fff", }, calculable: true, inRange: { - color: ["#4987F6", "#F6A149", "#D34343"], + color: ["#4987F6", "#F6A149", "#D34343",], }, }, series: [ @@ -198,23 +316,28 @@ const option = { type: "map", map: "changsha", hoverAnimation: true, - emphasis: { - areaColor: "#FFD700", // 高亮时区域颜色 - borderColor: "#FF0000", // 高亮时边框颜色 - borderWidth: 4 // 高亮时边框宽度 - }, label: { show: true, color: "white", }, itemStyle: { normal: { - areaColor: "#02215E", // 这里将地图区域的颜色修改为红色 + areaColor: "#02215E", + borderColor: "#1773c3", }, }, - }, + emphasis: { + areaColor: "#FFD700", // 高亮时区域颜色 + borderColor: "#FF0000", // 高亮时边框颜色 + borderWidth: 4 // 高亮时边框宽度 + }, + data: gobalTempMapVoList.map(item => ({ + name: item.name, + value: item.totalPro // 将 totalPro 值映射到 value 字段 + })) + } ], -}; +}) const option1 = ref({ xAxis: { @@ -501,6 +624,108 @@ const colors = [ ]; + + \ No newline at end of file diff --git a/src/views/datav/VideoInsp.vue b/src/views/datav/VideoInsp.vue index 9cfabe9..cbd6c6c 100644 --- a/src/views/datav/VideoInsp.vue +++ b/src/views/datav/VideoInsp.vue @@ -111,43 +111,43 @@
待处理
- 宁乡-灰汤所-办公-值班室(湖南省长沙市宁乡市公安局灰汤派出所,值班室)民警不在岗 + 芙蓉-定王台-办案区-询(讯)问室 (湖南省长沙市公安局芙蓉分局定王台派出所 )   “民警单人询(讯)问”的违规问题
待处理
- 宁乡-灰汤所-办公-值班室(湖南省长沙市宁乡市公安局灰汤派出所,值班室)民警不在岗 + 望城-管理中心-办案区-询问室(湖南省长沙市望城区公安局法制大队)  民警单人询(讯)问”的违规问题。
待处理
- 宁乡-灰汤所-办公-值班室(湖南省长沙市宁乡市公安局灰汤派出所,值班室)民警不在岗 + 执法办案中心-询问室7(湖南省长沙市公安局芙蓉分局蓉园派出所)  同时讯(询)问多名嫌疑对象
-
-
待处理
-
- 宁乡-灰汤所-办公-值班室(湖南省长沙市宁乡市公安局灰汤派出所,值班室)民警不在岗 -
- +
+
待处理
+
+ 开福-直属-执法办案管理-讯询问室(湖南省长沙市公安局开福分局法制大队)  “民警单人询(讯)问”的违规问题 +
+ +