supervision
/
supervision-vue
5
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge remote-tracking branch 'origin/master' 

# Conflicts:
#	src/views/datav/CaseVerif.vue
main
kami 1 year ago
parent
c296f2bf59 da7b3edf07
commit
2638f095a8
9 changed files with 1221 additions and 543 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 64
      src/api/data/risk.ts
  2. 6
      src/api/datav.ts
  3. 3
      src/components/datav/tabs.vue
  4. 472
      src/views/datav/AuditSuper.vue
  5. 321
      src/views/datav/CaseVerif.vue
  6. 6
      src/views/datav/Gobal.vue
  7. 315
      src/views/datav/Lmgz.vue
  8. 16
      src/views/datav/RightsComfort.vue
  9. 57
      src/views/datav/SceneInsp.vue

64
src/api/data/risk.ts
Unescape View File

@ -1,99 +1,99 @@
import request from "@/api/request"; import request from "@/api/request";
export function totalStatistics() { export function totalStatistics(times) {
return request.get({ return request.get({
url: `/datav/risk/total/statistics` url: `/datav/risk/total/statistics?beginTime=${times[0]}&endTime=${times[1]}`
}); });
} }
export function areaRiskStatistics() { export function areaRiskStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/area/risk/statistics` url: `/datav/risk/area/risk/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
export function orgRiskStatistics() { export function orgRiskStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/risk/org/statistics` url: `/datav/risk/risk/org/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
export function orgCarRiskStatistics() { export function orgCarRiskStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/risk/org/car/statistics` url: `/datav/risk/risk/org/car/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
export function policeARiskStatistics() { export function policeARiskStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/risk/police/a/statistics` url: `/datav/risk/risk/police/a/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
export function policeBRiskStatistics() { export function policeBRiskStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/risk/police/b/statistics` url: `/datav/risk/risk/police/b/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
export function leaderRiskStatistics() { export function leaderRiskStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/risk/leader/statistics` url: `/datav/risk/risk/leader/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
// ******************************************* // *******************************************
export function areaNegativeStatistics() { export function areaNegativeStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/area/negative/statistics` url: `/datav/risk/area/negative/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
export function orgNegativeStatistics() { export function orgNegativeStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/org/negative/statistics` url: `/datav/risk/org/negative/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
export function orgCarNegativeStatistics() { export function orgCarNegativeStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/org/car/negative/statistics` url: `/datav/risk/org/car/negative/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
export function policeANegativeStatistics() { export function policeANegativeStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/police/a/negative/statistics` url: `/datav/risk/police/a/negative/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
export function policeBNegativeStatistics() { export function policeBNegativeStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/police/b/negative/statistics` url: `/datav/risk/police/b/negative/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
export function policeLeaderNegativeStatistics() { export function policeLeaderNegativeStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/police/leader/negative/statistics` url: `/datav/risk/police/leader/negative/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
// ******************************************* // *******************************************
export function areaRateStatistics() { export function areaRateStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/area/rate/statistics` url: `/datav/risk/area/rate/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
export function orgRateStatistics() { export function orgRateStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/org/rate/statistics` url: `/datav/risk/org/rate/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }
export function orgCarRateStatistics() { export function orgCarRateStatistics(times, type) {
return request.get({ return request.get({
url: `/datav/risk/org/car/rate/statistics` url: `/datav/risk/org/car/rate/statistics?beginTime=${times[0]}&endTime=${times[1]}&type=${type}`
}); });
} }

6
src/api/datav.ts
Unescape View File

@ -6,6 +6,12 @@ export function getCaseVerifData(times) {
}); });
} }
export function getCaseVerifTrend(times, month) {
return request.get({
url: `/datav/caseVerif/trend?beginTime=${times[0]}&endTime=${times[1]}&month=${month}`
});
}
export function getMailVisitsData(times) { export function getMailVisitsData(times) {
return request.get({ return request.get({
url: `/datav/mailVisits?beginTime=${times[0]}&endTime=${times[1]}` url: `/datav/mailVisits?beginTime=${times[0]}&endTime=${times[1]}`

3
src/components/datav/tabs.vue
Unescape View File

@ -112,6 +112,9 @@ function handleChangeActiveTab(name) {
&:last-child { &:last-child {
border-radius: 0 103px 103px 0; border-radius: 0 103px 103px 0;
} }
&:only-child {
border-radius: 103px; /* 当只有唯一一个元素时，设置所有四个角的圆角 */
}
} }
} }

472
src/views/datav/AuditSuper.vue
Unescape View File

@ -5,27 +5,62 @@
<main> <main>
<el-row :gutter="16"> <el-row :gutter="16">
<el-col :span="6"> <el-col :span="6">
<datav-card title="审计整改结果"> <datav-card title="审计整改结果" sub-title="已整改问题数/查出问题数">
<el-scrollbar height="350px">
<datav-chart-bar <datav-chart-bar
sub-title="查出问题数/已整改问题数" :size="small"
:data="data1" :data="data1"
size="large" unit="%"
/> />
</el-scrollbar>
<div class="flex tab-title flex center mt-20" style="margin-bottom: 20px"> <div class="flex tab-title flex center mt-20" style="margin-bottom: 20px">
<div class="tab-title-item active"> <!-- <div class="tab-title-item active">-->
分县市局 <!-- 分县市局-->
</div> <!-- </div>-->
<div class="tab-title-item">局属单位</div> <!-- <div class="tab-title-item">局属单位</div>-->
</div> </div>
</datav-card> </datav-card>
<datav-card title="涉及查出问题">
<datav-card title="审计查出问题">
<datav-tabs>
<datav-tab-item label="政府投资审计" name="1">
<div class="mb-40">
<v-charts <v-charts
style="height: 300px" style="height: 300px"
:option="option2" :option="option2"
autoresize autoresize
/> />
</div>
</datav-tab-item>
<datav-tab-item label="专项审计" name="2">
<div class="mb-40">
<v-charts
style="height: 300px"
:option="option3"
autoresize
/>
</div>
</datav-tab-item>
<datav-tab-item label="经济责任审计" name="3">
<div class="mb-40">
<v-charts
style="height: 300px"
:option="option4"
autoresize
/>
</div>
</datav-tab-item>
</datav-tabs>
</datav-card> </datav-card>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<div class="datav-col"> <div class="datav-col">
<label for="">统计周期：</label> <label for="">统计周期：</label>
@ -65,7 +100,7 @@
:option="option" :option="option"
autoresize autoresize
/> />
<datav-card title="审计项目趋势"> <datav-card title="审计工作趋势">
<v-charts <v-charts
style="height: 300px" style="height: 300px"
:option="option1" :option="option1"
@ -73,13 +108,40 @@
/> />
</datav-card> </datav-card>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<datav-card title="审计项目类型"> <datav-card title="审计项目类型">
<datav-tabs>
<datav-tab-item label="政府投资审计" name="1">
<div class="mb-40">
<v-charts <v-charts
style="height: 300px" style="height: 300px"
:option="option3" :option="option5"
autoresize
/>
</div>
</datav-tab-item>
<datav-tab-item label="专项审计" name="2">
<div class="mb-40">
<v-charts
style="height: 300px"
:option="option6"
autoresize
/>
</div>
</datav-tab-item>
<datav-tab-item label="经济责任审计" name="3">
<div class="mb-40">
<v-charts
style="height: 300px"
:option="option7"
autoresize autoresize
/> />
</div>
</datav-tab-item>
</datav-tabs>
</datav-card> </datav-card>
<datav-card title="审计工作动态"> <datav-card title="审计工作动态">
@ -93,7 +155,9 @@
</div> </div>
<div class="message" type="warning"> <div class="message" type="warning">
<div class="message-title">督察通报</div> <div class="message-title">督察通报</div>
<div class="message-content">自20**年**月**日起，对****同志担任****单位****职务期间的经济责任履行情况进行审计，必要时，将追溯至相关年度或延伸审计有关单位。</div> <div class="message-content">
自20**年**月**日起，对****同志担任****单位****职务期间的经济责任履行情况进行审计，必要时，将追溯至相关年度或延伸审计有关单位。
</div>
<div class="message-footer flex end"> <div class="message-footer flex end">
<span>2024-09-18 18:00:13</span> <span>2024-09-18 18:00:13</span>
</div> </div>
@ -120,35 +184,127 @@
</div> </div>
</el-scrollbar> </el-scrollbar>
</template> </template>
<script setup> <script setup>
import vCharts from "vue-echarts"; import vCharts from "vue-echarts";
import changshaMap from "@/assets/data/changsha.json"; import changshaMap from "@/assets/data/changsha.json";
import * as echarts from "echarts/core"; import * as echarts from "echarts/core";
let gobalTempMapVoList = [
{
"name": "天心分局",
"reviewOrg": 11,
"checkPro": 11,
"rushPro": 11,
},
{
"name": "开福分局",
"reviewOrg": 11,
"checkPro": 11,
"rushPro": 11,
},
{
"name": "岳麓分局",
"reviewOrg": 11,
"checkPro": 11,
"rushPro": 11,
},
{
"name": "望城分局",
"reviewOrg": 11,
"checkPro": 11,
"rushPro": 11,
},
{
"name": "浏阳市局",
"reviewOrg": 11,
"checkPro": 11,
"rushPro": 11,
},
{
"name": "长沙县局",
"reviewOrg": 11,
"checkPro": 11,
"rushPro": 11,
},
{
"name": "芙蓉分局",
"reviewOrg": 11,
"checkPro": 11,
"rushPro": 11,
},
{
"name": "雨花分局",
"reviewOrg": 11,
"checkPro": 11,
"rushPro": 11,
},
{
"name": "宁乡市局",
"reviewOrg": 11,
"checkPro": 11,
"rushPro": 11,
}
];
echarts.registerMap("changsha", changshaMap); echarts.registerMap("changsha", changshaMap);
const option = { const option = ref({
geo: { geo: {
// 是上面注册时的名字哦，registerMap（'名字保持一致'）
map: "changsha", 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 `
<div class="tooltip">
<div class="tooltip-title">${dataItem.name}</div>
<div class="tooltip-content">
<ul class="tooltip-ul" >
<li>审计单位/项目 <span>${dataItem.reviewOrg}</span></li>
<li>查出问题数 <span>${dataItem.checkPro}</span></li>
<li>追责问责数 <span>${dataItem.rushPro}</span></li>
</ul>
</div>
</div>`;
} else {
return `<div class="tooltip">
<div class="tooltip-title">${dataItem.name}</div>
<div class="tooltip-content">
<ul class="tooltip-ul"">
<li>审计单位/项目 <span>0</span></li>
<li>查出问题数 <span>0</span></li>
<li>追责问责数 <span>0</span></li>
</ul>
</div>
</div>`;
}
},
},
visualMap: { visualMap: {
type: "piecewise", type: "piecewise",
bottom: 10, bottom: 10,
pieces: [ pieces: [
{ gte: 85, lte: 100, label: "整改率低于75%" }, {min: 0, max: 500, label: "问题数低于500"}, {min: 501, max: 1000, label: "问题数介于500-1000"}, {
{ gte: 65, lte: 85, label: "整改率高于85%" }, min: 1001,
{ gte: 0, lte: 65, label: "整改率高于95%" }, label: "问题数高于1000"
},
], ],
right: 10, // 右边距 right: 10,
realtime: false, realtime: false,
orient: "horizontal", // 水平显示 orient: "horizontal",
textStyle: { textStyle: {
color: "#fff", // 文字颜色 color: "#fff",
}, },
calculable: true, calculable: true,
inRange: { inRange: {
color: ["#D34343", "#F6A149", "#4987F6"], color: ["#4987F6", "#F6A149", "#D34343",],
}, },
}, },
series: [ series: [
@ -157,40 +313,40 @@ const option = {
type: "map", type: "map",
map: "changsha", map: "changsha",
hoverAnimation: true, hoverAnimation: true,
label: { label: {
show: true, show: true,
color: "white", color: "white",
}, },
itemStyle: { itemStyle: {
normal: { normal: {
areaColor: "#02215E", // 这里将地图区域的颜色修改为红色 areaColor: "#02215E",
borderColor: "#1773c3",
}, },
}, },
emphasis: {
areaColor: "#FFD700", // 高亮时区域颜色
borderColor: "#FF0000", // 高亮时边框颜色
borderWidth: 4 // 高亮时边框宽度
}, },
data: [],
}
], ],
}; })
const option1 = ref({ const option1 = ref({
xAxis: { xAxis: {
type: "category", type: "category",
boundaryGap: false, boundaryGap: false,
data: [ data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月",],
"9/10", },
"9/11", tooltip: {
"9/12", trigger: 'axis',
"9/13", axisPointer: {
"9/14", type: 'line',
"9/15", label: {
"9/16", backgroundColor: '#6a7985'
"9/17", }
"9/18", }
"9/19",
"9/20",
"9/21",
"9/22",
"9/23",
],
}, },
yAxis: { yAxis: {
type: "value", type: "value",
@ -224,70 +380,50 @@ const option1 = ref({
}, },
]), ]),
}, },
data: [ data: [0, 0, 4, 45, 16, 1, 436, 687, 3, 0, 0],
2000, 1160, 2310, 3000, 3100, 3100, 3100, 2000, 1160, 2310,
3000, 3100, 3100, 3100,
],
}, },
], ],
}); });
const data1 = [ const data1 = [
{ {
name: "天心分局", label: "芙蓉分局",
value: 100,
unit: "%",
numerator: 4,
denominator: 4,
},
{
name: "开福分局",
value: 100, value: 100,
unit: "%", numerator: 1,
numerator: 3, denominator: 1,
denominator: 3,
}, },
{ {
name: "芙蓉分局", label: "雨花分局",
value: 100, value: 91,
unit: "%", numerator: 220,
numerator: 3, denominator: 240,
denominator: 3,
}, },
{ {
name: "岳麓分局", label: "高新分局",
value: 100, value: 90,
unit: "%", numerator: 140,
numerator: 2, denominator: 155,
denominator: 2,
},
{
name: "雨花分局",
value: 100,
unit: "%",
numerator: 2,
denominator: 2,
}, },
{ {
name: "望城分局", label: "宁乡市局",
value: 50, value: 83,
unit: "%", numerator: 194,
numerator: 1, denominator: 232,
denominator: 2,
}, },
{ {
name: "浏阳市局", label: "开福分局",
value: 50, value: 73,
unit: "%", numerator: 137,
numerator: 1, denominator: 186,
denominator: 2,
}, },
{ {
name: "长沙县局", label: "岳麓分局",
value: 50, value: 0,
unit: "%", numerator: 0,
numerator: 1, denominator: 11,
denominator: 2,
}, },
]; ];
@ -331,11 +467,12 @@ const option2 = {
color: "#fff", color: "#fff",
}, },
data: [ data: [
{ value: 311, name: "其他" }, {value: 23, name: "项目未按规定立项"},
{ value: 735, name: "预算编制不科学" }, {value: 21, name: "未按规定或批准的采购方式进行采购"},
{ value: 580, name: "违规调整预算" }, {value: 6, name: "未按规定程序办理立项手续"},
{ value: 484, name: "预算执行率不高" }, {value: 2, name: "涉嫌项目拆分"},
{ value: 300, name: "会计基础工作薄弱" }, {value: 2, name: "项目开始是实施或完成后补签合同"},
{value: 1, name: "未严格履行立项手续"},
], ],
}, },
], ],
@ -353,10 +490,61 @@ const option3 = {
color: "#fff", color: "#fff",
}, },
data: [ data: [
{ value: 311, name: "信息化类" }, {value: 321, name: "提取、查封、扣押、冻结、处置涉案财物不规范"},
{ value: 735, name: "工程类" }, {value: 249, name: "法律文书填制不规范"},
{ value: 580, name: "货物类" }, {value: 215, name: "未上缴或未及时上缴涉案资金"},
{ value: 484, name: "服务类" } {value: 190, name: "随身财务登记、保管、处置不规范"},
{value: 88, name: "执法活动财务管理制度不健全、管理责任不落实"},
{value: 55, name: "未按规定退还保证金"},
{value: 13, name: "涉案财务保管场所设施配备不规范"},
{value: 6, name: "随身财务登记、保管、处置不规范"},
],
},
],
tooltip: {
trigger: "item",
},
};
const option4 = {
series: [
{
type: "pie",
radius: ["40%", "70%"],
label: {
color: "#fff",
},
data: [
{value: 8, name: "法律文书填写不规范"},
{value: 3, name: "提取、查封、扣押、冻结、处置涉案财物不规范"},
{value: 1, name: "\"三公经费\"预算执行及公开不符合规定"},
{value: 1, name: "随身财务登记、保管、处置不规范"},
{value: 1, name: "未按规定退还保证金"},
{value: 1, name: "未上缴或未及时上缴涉案资金"},
{value: 1, name: "无预算采购"},
],
},
],
tooltip: {
trigger: "item",
},
};
const option5 = {
series: [
{
type: "pie",
radius: ["40%", "70%"],
label: {
color: "#fff",
},
data: [
{value: 143, name: "工程"},
{value: 78, name: "信息化"},
{value: 176, name: "服务"},
{value: 21, name: "购物"},
], ],
}, },
], ],
@ -364,25 +552,117 @@ const option3 = {
trigger: "item", trigger: "item",
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/style/datav.scss"; @import "@/style/datav.scss";
:deep() {
// 弹框整体
.tooltip {
position: relative;
width: 169.88px;
height: 130px;
background: linear-gradient(180deg, rgba(1, 4, 87, 0.8) 0%, rgba(3, 21, 119, 0.8) 100%);
border: 1px solid #4E8FFF;
margin: -10px -10px -10px -10px;
}
//浏阳市局
.tooltip-title {
width: 169.88px;
height: 43px;
background: linear-gradient(180deg, rgba(1, 4, 87, 0.8) 0%, rgba(3, 21, 119, 0.8) 100%);
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
text-align: center; /* 水平居中 */
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
line-height: 22px;
border-bottom: 1px solid #253755; /* 设置下边框 */
}
.tooltip-content {
width: 170px;
height: 80px;
//font-size: 11px;
margin-top: -12px;
background: linear-gradient(180deg, #010457 0%, #031577 100%);
}
.tooltip-content ul {
list-style-type: none; /* 移除默认的小圆点 */
padding: 0;
}
.tooltip-content ul li {
margin-left: 5px;
height: 25px;
color: #597AE9;
font-size: 13px;
}
// 数字的span
.tooltip-ul span {
float: right;
width: 50px;
text-align: right;
margin-right: 15px;
color: #fff;
font-size: 13px;
}
/* 小尖角 */
.tooltip::before {
content: '';
position: absolute;
top: 90px; /* 调整尖角的垂直位置 */
left: -10px; /* 调整尖角的水平位置 */
width: 0;
height: 0;
//border-top: 10px solid red; /* 顶边颜色 */
//border-bottom: 10px solid green; /* 底边颜色 */
//border-right: 10px solid blue; /* 右边颜色，与背景颜色相同 */
}
}
.message { .message {
padding: 10px; padding: 10px;
margin-bottom: 10px; margin-bottom: 10px;
background: linear-gradient(270deg, rgba(16, 151, 255, 0.1) 0%, rgba(0, 55, 236, 0.87) 100%); background: linear-gradient(270deg, rgba(16, 151, 255, 0.1) 0%, rgba(0, 55, 236, 0.87) 100%);
&[type=warning] { &[type=warning] {
background: linear-gradient(270deg, rgba(255, 190, 16, 0.1) 0%, rgba(236, 84, 0, 0.87) 100%); background: linear-gradient(270deg, rgba(255, 190, 16, 0.1) 0%, rgba(236, 84, 0, 0.87) 100%);
} }
&[type=success] { &[type=success] {
background: linear-gradient(270deg, rgba(91, 216, 9, 0.14) 0%, #28813D 100%); background: linear-gradient(270deg, rgba(91, 216, 9, 0.14) 0%, #28813D 100%);
} }
.message-title { .message-title {
font-size: 14px; font-size: 14px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.message-content { .message-content {
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
</style> </style>

321
src/views/datav/CaseVerif.vue
Unescape View File

@ -14,7 +14,6 @@
<datav-chart-bar <datav-chart-bar
:data="fxsjBarList" :data="fxsjBarList"
size="large" size="large"
:color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
@ -24,7 +23,6 @@
:data="jsdwBarList" :data="jsdwBarList"
:max="11" :max="11"
size="large" size="large"
:color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
@ -46,13 +44,7 @@
autoresize autoresize
/> />
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="警纪警规" name="3">
<v-charts
style="height: 320px"
:option="jjjgPieOption"
autoresize
/>
</datav-tab-item>
</datav-tabs> </datav-tabs>
</datav-card> </datav-card>
</el-col> </el-col>
@ -65,27 +57,27 @@
style="width: 16.66%" style="width: 16.66%"
/> />
<datav-statistic <datav-statistic
:value="overview.confirmed" :value="292"
title="查实案件数" title="查实案件数"
style="width: 16.66%" style="width: 16.66%"
/> />
<datav-statistic <datav-statistic
:value="overview.investigateAndPunish" :value="285"
title="查处问题（个）" title="查处问题（个）"
style="width: 16.66%" style="width: 16.66%"
/> />
<datav-statistic <datav-statistic
:value="overview.accountablePeopleNumber" :value="223"
title="问责人次" title="问责人次"
style="width: 16.66%" style="width: 16.66%"
/> />
<datav-statistic <datav-statistic
:value="overview.accountableDepartNumber" :value="93"
title="问责单位数" title="问责单位数"
style="width: 16.66%" style="width: 16.66%"
/> />
<datav-statistic <datav-statistic
:value="overview.confirmedRate" :value="18.4"
value-unit="%" value-unit="%"
title="查实率" title="查实率"
style="width: 16.66%" style="width: 16.66%"
@ -117,6 +109,13 @@
</div> </div>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问责处理情况" name="2"> <datav-tab-item label="问责处理情况" name="2">
<div class="mb-40">
<v-charts
style="height: 340px"
:option="wzclPieOption"
autoresize
/>
</div>
</datav-tab-item> </datav-tab-item>
</datav-tabs> </datav-tabs>
</datav-card> </datav-card>
@ -131,8 +130,7 @@
/> />
</div> </div>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="禁闭处理情况" name="2">
</datav-tab-item>
</datav-tabs> </datav-tabs>
</datav-card> </datav-card>
</el-col> </el-col>
@ -147,7 +145,7 @@ import vCharts from "vue-echarts";
import changshaMap from "@/assets/data/changsha.json"; import changshaMap from "@/assets/data/changsha.json";
import * as echarts from "echarts/core"; import * as echarts from "echarts/core";
import moment from "moment"; import moment from "moment";
import {getCaseVerifData} from "@/api/datav"; import {getCaseVerifData, getCaseVerifTrend} from "@/api/datav";
const time = ref([ const time = ref([
moment().startOf("year").format("YYYY-MM-DD"), moment().startOf("year").format("YYYY-MM-DD"),
@ -162,14 +160,97 @@ const overview = ref({
accountableDepartNumber: 0, accountableDepartNumber: 0,
confirmedRate: 0, confirmedRate: 0,
}); });
let gobalTempMapVoList = [
{
"name": "浏阳市局",
"totalPro": 93,
"checkedPro": 11,
"dealPro": 8,
"dealPersonCount": 7,
"orgCount": 9,
"rate": "12%"
},
{
"name": "长沙县局",
"totalPro": 192,
"checkedPro": 33,
"dealPro": 33,
"dealPersonCount": 22,
"orgCount": 11,
"rate": "17%"
},
{
"name": "开福分局",
"totalPro": 174,
"checkedPro": 63,
"dealPro": 60,
"dealPersonCount": 32,
"orgCount": 13,
"rate": "36%"
},
{
"name": "芙蓉分局",
"totalPro": 175,
"checkedPro": 30,
"dealPro": 30,
"dealPersonCount": 24,
"orgCount": 17,
"rate": "17%"
},
{
"name": "雨花分局",
"totalPro": 214,
"checkedPro": 32,
"dealPro": 32,
"dealPersonCount": 27,
"orgCount": 12,
"rate": "15%"
},
{
"name": "天心分局",
"totalPro": 179,
"checkedPro": 34,
"dealPro": 21,
"dealPersonCount": 16,
"orgCount": 14,
"rate": "19%"
},
{
"name": "岳麓分局",
"totalPro": 234,
"checkedPro": 25,
"dealPro": 10,
"dealPersonCount": 9,
"orgCount": 10,
"rate": "11%"
},
{
"name": "宁乡分局",
"totalPro": 68,
"checkedPro": 9,
"dealPro": 9,
"dealPersonCount": 11,
"orgCount": 8,
"rate": "13%"
},
{
"name": "望城分局",
"totalPro": 78,
"checkedPro": 21,
"dealPro": 8,
"dealPersonCount": 9,
"orgCount": 5,
"rate": "27%"
},
];
const fxsjBarList = ref([]); const fxsjBarList = ref([]);
const jsdwBarList = ref([]); const jsdwBarList = ref([]);
const zfbaPieList = ref([]); const zfbaPieList = ref([]);
const fwglPieList = ref([]); const fwglPieList = ref([]);
const jjjgPieList = ref([]); const jjjgPieList = ref([]);
const ajlyPieList = ref([]); const ajlyPieList = ref([]);
const ajhcqxList = ref([]);
function getData() { function getData() {
getCaseVerifData(time.value).then((data) => { getCaseVerifData(time.value).then((data) => {
@ -181,6 +262,14 @@ function getData() {
jjjgPieList.value = data.jjjgPieList; jjjgPieList.value = data.jjjgPieList;
ajlyPieList.value = data.ajlyPieList; ajlyPieList.value = data.ajlyPieList;
}); });
getCaseVerifTrend(time.value, 12).then((data) => {
ajhcqxList.value = data.ajhcqsList;
console.log(ajhcqxList.value)
});
} }
watch(time, () => { watch(time, () => {
@ -220,7 +309,12 @@ const fwglPieOption = computed(() => {
label: { label: {
color: "#fff", color: "#fff",
}, },
data: fwglPieList.value, data: [
{value: 4, name: "交警执法"},
{value: 3, name: "态度生硬"},
{value: 3, name: "户政业务"},
{value: 2, name: "监所管理"},
],
}, },
], ],
}; };
@ -256,18 +350,97 @@ const ajlyPieOption = computed(() => {
label: { label: {
color: "#fff", color: "#fff",
}, },
data: ajlyPieList.value, data: [
{name: "12389", value: 843},
{name: "网络投诉", value: 711},
{name: "信件投诉", value: 29},
{name: "其他投诉", value: 3},
{name: "值班来电", value: 3},
],
},
],
};
});
const wzclPieOption = computed(() => {
return {
tooltip: {
trigger: "item",
},
series: [
{
type: "pie",
radius: ["40%", "70%"],
label: {
color: "#fff",
},
data: [
{name: "通报批评", value: 167},
{name: "未处置人", value: 54},
{name: "工作提醒", value: 17},
{name: "批评教育", value: 9},
{name: "提醒谈话", value: 21},
{name: "禁闭", value: 2},
{name: "责令检查", value: 2},
{name: "党纪处分", value: 1},
],
}, },
], ],
}; };
}); });
echarts.registerMap("changsha", changshaMap); echarts.registerMap("changsha", changshaMap);
const option = { const option = {
geo: { geo: {
// 是上面注册时的名字哦，registerMap（'名字保持一致'） // 是上面注册时的名字哦，registerMap（'名字保持一致'）
map: "changsha", 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 `
<div class="tooltip">
<div class="tooltip-title">${dataItem.name}</div>
<div class="tooltip-content">
<ul class="tooltip-ul" >
<li>案件总数（起）<span>${dataItem.totalPro}</span></li>
<li>查实案件数 <span>${dataItem.checkedPro}</span></li>
<li>查处问题（个） <span>${dataItem.dealPro}</span></li>
<li>问责人次 <span>${dataItem.dealPersonCount}</span></li>
<li>问责单位数 <span>${dataItem.orgCount}</span></li>
<li>查实率 <span>${dataItem.rate}</span></li>
</ul>
</div>
</div>`;
} else {
return `<div class="tooltip">
<div class="tooltip-title">${dataItem.name}</div>
<div class="tooltip-content">
<ul class="tooltip-ul"">
<li>案件总数（起） <span>0</span></li>
<li>查实案件数 <span>0</span></li>
<li>查处问题（个） <span>0</span></li>
<li>问责人次 <span>0</span></li>
<li>问责单位数 <span>0</span></li>
<li>查实率 <span>0</span></li>
</ul>
</div>
</div>`;
}
},
// backgroundColor: "#031577", //
// borderColor: "#0A2F86",
// borderWidth: 0, // 设置边框宽度为1像素
// borderRadius: 3, // 设置边框半径为3像素
// shadowBlur: 0, // 设置阴影模糊程度为8像素
// shadowOffsetX: 0, // 设置水平阴影位移量为0像素
// shadowOffsetY: 0, // 设置垂直阴影位移量为6像素
},
visualMap: { visualMap: {
type: "piecewise", type: "piecewise",
bottom: 10, bottom: 10,
@ -309,22 +482,7 @@ const option1 = ref({
xAxis: { xAxis: {
type: "category", type: "category",
boundaryGap: false, boundaryGap: false,
data: [ data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月'],
"9/10",
"9/11",
"9/12",
"9/13",
"9/14",
"9/15",
"9/16",
"9/17",
"9/18",
"9/19",
"9/20",
"9/21",
"9/22",
"9/23",
],
}, },
yAxis: { yAxis: {
type: "value", type: "value",
@ -367,10 +525,7 @@ const option1 = ref({
}, },
]), ]),
}, },
data: [ data: [175, 101, 158, 141, 177, 162, 108, 166, 197, 104],
2000, 1160, 2310, 3000, 3100, 3100, 3100, 2000, 1160, 2310,
3000, 3100, 3100, 3100,
],
}, },
], ],
}); });
@ -418,4 +573,90 @@ const colors = [
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/style/datav.scss"; @import "@/style/datav.scss";
:deep() {
// 弹框整体
.tooltip {
position: relative;
width: 180px;
height: 222px;
background: linear-gradient(180deg, rgba(1, 4, 87, 0.8) 0%, rgba(3, 21, 119, 0.8) 100%);
border: 1px solid #4E8FFF;
margin: -10px -10px -10px -10px;
}
//浏阳市局
.tooltip-title {
width: 180px;
height: 43px;
background: linear-gradient(180deg, rgba(1, 4, 87, 0.8) 0%, rgba(3, 21, 119, 0.8) 100%);
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
text-align: center; /* 水平居中 */
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
line-height: 22px;
border-bottom: 1px solid #253755; /* 设置下边框 */
}
.tooltip-content {
width: 180px;
height: 172px;
//font-size: 11px;
margin-top: -12px;
background: linear-gradient(180deg, #010457 0%, #031577 100%);
}
.tooltip-content ul {
list-style-type: none; /* 移除默认的小圆点 */
padding: 0;
}
.tooltip-content ul li {
margin-left: 5px;
height: 25px;
color: #597AE9;
font-size: 13px;
}
// 数字的span
.tooltip-ul span {
float: right;
width: 50px;
text-align: right;
margin-right: 10px;
color: #fff;
font-size: 13px;
}
/* 小尖角 */
.tooltip::before {
content: '';
position: absolute;
top: 90px; /* 调整尖角的垂直位置 */
left: -10px; /* 调整尖角的水平位置 */
width: 0;
height: 0;
//border-top: 10px solid red; /* 顶边颜色 */
//border-bottom: 10px solid green; /* 底边颜色 */
//border-right: 10px solid blue; /* 右边颜色，与背景颜色相同 */
}
}
</style> </style>
<!--<datav-tab-item label="警纪警规" name="3">-->
<!--<v-charts-->
<!-- style="height: 320px"-->
<!-- :option="jjjgPieOption"-->
<!-- autoresize-->
<!--/>-->
<!--</datav-tab-item>-->

6
src/views/datav/Gobal.vue
Unescape View File

@ -66,7 +66,7 @@
/> />
<datav-statistic <datav-statistic
:value="overview.talkPro" :value="overview.talkPro"
title="警务评议问题" title="民意感知问题"
style="width: 13.66%; margin-left: 30px" style="width: 13.66%; margin-left: 30px"
/> />
<datav-statistic <datav-statistic
@ -186,7 +186,7 @@ const option = ref({
<li>督察问题 <span>${dataItem.supervisePro}</span></li> <li>督察问题 <span>${dataItem.supervisePro}</span></li>
<li>案件核查问题 <span>${dataItem.caseVerifyPro}</span></li> <li>案件核查问题 <span>${dataItem.caseVerifyPro}</span></li>
<li>信访投诉问题 <span>${dataItem.mailPro}</span></li> <li>信访投诉问题 <span>${dataItem.mailPro}</span></li>
<li>警务评议问题 <span>${dataItem.policePro}</span></li> <li>民意感知问题 <span>${dataItem.policePro}</span></li>
<li>审计监督问题 <span>${dataItem.reviewPro}</span></li> <li>审计监督问题 <span>${dataItem.reviewPro}</span></li>
</ul> </ul>
</div> </div>
@ -200,7 +200,7 @@ const option = ref({
<li>督察问题 <span>0</span></li> <li>督察问题 <span>0</span></li>
<li>案件核查问题 <span>0</span></li> <li>案件核查问题 <span>0</span></li>
<li>信访投诉问题 <span>0</span></li> <li>信访投诉问题 <span>0</span></li>
<li>警务评议问题 <span>0</span></li> <li>民意感知问题 <span>0</span></li>
<li>审计监督问题 <span>0</span></li> <li>审计监督问题 <span>0</span></li>
</ul> </ul>
</div> </div>

315
src/views/datav/Lmgz.vue
Unescape View File

@ -9,8 +9,7 @@
<span style="font-size: 22px">执法监督灵敏感知体系</span> <span style="font-size: 22px">执法监督灵敏感知体系</span>
</div> </div>
<div class="datav-col"> <div class="datav-col">
<label for="">统计周期：</label> <datav-date-picker v-model="time"/>
<span>2024年01月01日 - 2024年08月30日</span>
</div> </div>
<div class="flex gap-42"> <div class="flex gap-42">
<datav-statistic <datav-statistic
@ -49,11 +48,21 @@
</el-row> </el-row>
<el-row style="margin-top: 20px" :gutter="16"> <el-row style="margin-top: 20px" :gutter="16">
<el-col :span="8"> <el-col :span="8">
<datav-card title="分县市局"> <datav-card>
<div class="card-header">
<span class="card-title">分县市局</span>
<div class="select-container">
<el-select v-model="selectedMetric" placeholder="请选择指标">
<el-option label="问题数" value="problemNumber"></el-option>
<el-option label="涉及人数" value="personNumber"></el-option>
<el-option label="平均数" value="avgProblemNumber"></el-option>
</el-select>
</div>
</div>
<datav-tabs <datav-tabs
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="风险值" name="1"> <datav-tab-item label="高业务量" name="1">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="areaRiskList" :data="areaRiskList"
@ -62,7 +71,7 @@
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题数" name="2"> <datav-tab-item label="中业务量" name="2">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="areaNegativeList" :data="areaNegativeList"
@ -72,7 +81,7 @@
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="人均问题数" name="3"> <datav-tab-item label="低业务量" name="3">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="areaRateList" :data="areaRateList"
@ -86,11 +95,21 @@
</datav-card> </datav-card>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<datav-card title="派出所"> <datav-card>
<div class="card-header">
<span class="card-title">派出所</span>
<div class="select-container">
<el-select v-model="selectedMetricPCS" placeholder="请选择指标">
<el-option label="问题数" value="problemNumber"></el-option>
<el-option label="涉及人数" value="personNumber"></el-option>
<el-option label="平均数" value="avgProblemNumber"></el-option>
</el-select>
</div>
</div>
<datav-tabs <datav-tabs
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="风险值" name="4"> <datav-tab-item label="高业务量" name="4">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="pcsRiskList" :data="pcsRiskList"
@ -99,7 +118,7 @@
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题数" name="5"> <datav-tab-item label="中业务量" name="5">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="orgNegativeList" :data="orgNegativeList"
@ -109,7 +128,7 @@
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="人均问题数" name="6"> <datav-tab-item label="低业务量" name="6">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="orgRateList" :data="orgRateList"
@ -123,11 +142,21 @@
</datav-card> </datav-card>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<datav-card title="交警大队"> <datav-card>
<div class="card-header">
<span class="card-title">交警大队</span>
<div class="select-container">
<el-select v-model="selectedMetricJJDD" placeholder="请选择指标">
<el-option label="问题数" value="problemNumber"></el-option>
<el-option label="涉及人数" value="personNumber"></el-option>
<el-option label="平均数" value="avgProblemNumber"></el-option>
</el-select>
</div>
</div>
<datav-tabs <datav-tabs
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="风险值" name="7"> <datav-tab-item label="高业务量" name="7">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="carRiskList" :data="carRiskList"
@ -136,7 +165,7 @@
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题数" name="8"> <datav-tab-item label="中业务量" name="8">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="orgCarNegativeList" :data="orgCarNegativeList"
@ -146,7 +175,7 @@
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="人均问题数" name="9"> <datav-tab-item label="低业务量" name="9">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="orgCarRateList" :data="orgCarRateList"
@ -163,23 +192,33 @@
<el-row style="margin-top: 20px" :gutter="16"> <el-row style="margin-top: 20px" :gutter="16">
<el-col :span="8"> <el-col :span="8">
<datav-card title="民警"> <datav-card>
<div class="card-header">
<span class="card-title">领导</span>
<div class="select-container">
<el-select v-model="selectedMetricLD" placeholder="请选择指标">
<el-option label="派出所" value="paichusuo"></el-option>
<el-option label="交警" value="jiaojing"></el-option>
<el-option label="平均数" value="avgProblemNumber"></el-option>
</el-select>
</div>
</div>
<datav-tabs <datav-tabs
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="风险值" name="10"> <datav-tab-item label="问题数" name="14">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar
:data="policeARiskList" :data="leaderRiskList"
size="small" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题数" name="11"> <datav-tab-item label="问题涉及人数" name="15">
<el-scrollbar height="200px"> <el-scrollbar height="240px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="policeANegativeList" :data="leaderNegativeList"
:max="11" :max="11"
size="small" size="small"
:color="colors" :color="colors"
@ -190,23 +229,33 @@
</datav-card> </datav-card>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<datav-card title="协辅警"> <datav-card>
<div class="card-header">
<span class="card-title">民警</span>
<div class="select-container">
<el-select v-model="selectedMetricMJ" placeholder="请选择指标">
<el-option label="派出所" value="paichusuo"></el-option>
<el-option label="交警" value="jiaojing"></el-option>
<el-option label="平均数" value="avgProblemNumber"></el-option>
</el-select>
</div>
</div>
<datav-tabs <datav-tabs
type="bottom-button" type="bottom-button"
> >
<datav-tab-item label="风险值" name="12"> <datav-tab-item label="问题数" name="10">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="policeBRiskList" :data="policeARiskList"
size="small" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
</datav-tab-item> </datav-tab-item>
<datav-tab-item label="问题数" name="13"> <datav-tab-item label="问题发生率" name="11">
<el-scrollbar height="200px"> <el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="policeBNegativeList" :data="policeANegativeList"
:max="11" :max="11"
size="small" size="small"
:color="colors" :color="colors"
@ -217,30 +266,31 @@
</datav-card> </datav-card>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<datav-card title="领导"> <datav-card>
<!-- <datav-tabs--> <div class="card-header">
<!-- type="bottom-button"--> <span class="card-title">协辅警</span>
<!-- >--> <div class="select-container">
<!-- <datav-tab-item label="风险值" name="14">--> <el-select v-model="selectedMetricXFJ" placeholder="请选择指标">
<!-- <el-scrollbar height="200px">--> <el-option label="派出所" value="paichusuo"></el-option>
<!-- <datav-chart-bar--> <el-option label="交警" value="jiaojing"></el-option>
<!-- :data="leaderRiskList"--> <el-option label="平均数" value="avgProblemNumber"></el-option>
<!-- size="small"--> </el-select>
<!-- :color="colors"--> </div>
<!-- />--> </div>
<!-- </el-scrollbar>--> <datav-tabs
<!-- </datav-tab-item>--> type="bottom-button"
<!-- <datav-tab-item label="问题涉及人数" name="15">--> >
<el-scrollbar height="240px"> <datav-tab-item label="问题数" name="12">
<el-scrollbar height="200px">
<datav-chart-bar-fixbug <datav-chart-bar-fixbug
:data="leaderNegativeList" :data="policeBRiskList"
:max="11"
size="small" size="small"
:color="colors" :color="colors"
/> />
</el-scrollbar> </el-scrollbar>
<!-- </datav-tab-item>--> </datav-tab-item>
<!-- </datav-tabs>-->
</datav-tabs>
</datav-card> </datav-card>
</el-col> </el-col>
</el-row> </el-row>
@ -267,8 +317,13 @@ import {
orgRateStatistics, orgRateStatistics,
orgCarRateStatistics orgCarRateStatistics
} from '@/api/data/risk'; } from '@/api/data/risk';
import moment from "moment";
let selectedMetric = ref('problemNumber');
let selectedMetricPCS = ref('problemNumber');
let selectedMetricJJDD = ref('problemNumber');
let selectedMetricLD = ref('paichusuo');
let selectedMetricMJ = ref('paichusuo');
let selectedMetricXFJ = ref('paichusuo');
let statisticsTotal = ref({ let statisticsTotal = ref({
caseTotal: 0, caseTotal: 0,
aTotal: 0, aTotal: 0,
@ -288,38 +343,57 @@ let orgNegativeList = ref([])
let orgCarNegativeList = ref([]) let orgCarNegativeList = ref([])
let policeANegativeList = ref([]) let policeANegativeList = ref([])
let policeBNegativeList = ref([]) let policeBNegativeList = ref([])
let leaderNegativeList = ref([ let leaderNegativeList = ref([])
{label: '1', value:123},
{label: '2', value:42},
{label: '3', value:33},
{label: '4', value:12}
])
let areaRateList = ref([]) let areaRateList = ref([])
let orgRateList = ref([]) let orgRateList = ref([])
let orgCarRateList = ref([]) let orgCarRateList = ref([])
const time = ref([
moment().startOf("year").format("YYYY-MM-DD"),
moment().format("YYYY-MM-DD"),
]);
watch([time, selectedMetric, selectedMetricPCS, selectedMetricJJDD, selectedMetricLD, selectedMetricMJ, selectedMetricXFJ], () => {
getTotalData();//数量统计 /total/statistics
getAreaRiskData(selectedMetric.value); // 【分县市局 高业务量】
getAreaNegativeData(selectedMetric.value);// 分县 /area/negative/statistics 【分县市局 中业务量】
getAreaRateData(selectedMetric.value);// /area/rate/statistics 【分县市局 低业务量】
getPCSRiskData(selectedMetricPCS.value);//分机构统计风险分 派出所 /risk/org/statistics 【派出所 高业务量】
getOrgNegativeData(selectedMetricPCS.value);// 派出所 /org/negative/statistics 【派出所 中业务量】
getOrgRateData(selectedMetricPCS.value);// 派出所 /org/rate/statistics 【派出所 低业务量】
getCarRiskData(selectedMetricJJDD.value);//分机构统计风险分 交警大队 【交警大队 高业务量】
getCarOrgNegativeData(selectedMetricJJDD.value);// /org/car/negative/statistics 【交警大队 中业务量】
getCarOrgRateData(selectedMetricJJDD.value);// 交警人均率 /org/car/rate/statistics 【交警大队 低业务量】
getLeaderNegativeData(selectedMetricLD.value);// 【领导 问题数】
getLeaderRiskData(selectedMetricLD.value);// 【领导 问题涉及人数】
getPoliceANegativeData(selectedMetricMJ.value);// 【民警 问题数】
getPoliceARiskData(selectedMetricMJ.value);// 【民警 问题发生率】
// getPoliceBNegativeData(selectedMetricXFJ.value);//【辅警/协警 问题数】
// getPoliceBRiskData(selectedMetricXFJ.value);//【辅警/协警 问题发生率】
});
onMounted(() => { onMounted(() => {
// getTotalData(); getTotalData();//数量统计 /total/statistics
// getAreaRiskData(); getAreaRiskData(selectedMetric.value); // 【分县市局 高业务量】
// getPCSRiskData(); getAreaNegativeData(selectedMetric.value);// 分县 /area/negative/statistics 【分县市局 中业务量】
// getCarRiskData() getAreaRateData(selectedMetric.value);// /area/rate/statistics 【分县市局 低业务量】
// getPoliceARiskData(); getPCSRiskData(selectedMetricPCS.value);//分机构统计风险分 派出所 /risk/org/statistics 【派出所 高业务量】
// getPoliceBRiskData(); getOrgNegativeData(selectedMetricPCS.value);// 派出所 /org/negative/statistics 【派出所 中业务量】
// getLeaderRiskData(); getOrgRateData(selectedMetricPCS.value);// 派出所 /org/rate/statistics 【派出所 低业务量】
// getLeaderNegativeData(); getCarRiskData(selectedMetricJJDD.value);//分机构统计风险分 交警大队 【交警大队 高业务量】
// getPoliceBNegativeData(); getCarOrgNegativeData(selectedMetricJJDD.value);// /org/car/negative/statistics 【交警大队 中业务量】
// getPoliceANegativeData(); getCarOrgRateData(selectedMetricJJDD.value);// 交警人均率 /org/car/rate/statistics 【交警大队 低业务量】
// getAreaNegativeData(); getLeaderNegativeData(selectedMetricLD.value);// 【领导 问题数】
// getCarOrgNegativeData(); getLeaderRiskData(selectedMetricLD.value);// 【领导 问题涉及人数】
// getOrgNegativeData(); getPoliceANegativeData(selectedMetricMJ.value);// 【民警 问题数】
// getAreaRateData(); getPoliceARiskData(selectedMetricMJ.value);// 【民警 问题发生率】
// getOrgRateData(); // getPoliceBNegativeData(selectedMetricXFJ.value);//【辅警/协警 问题数】
// getCarOrgRateData(); // getPoliceBRiskData(selectedMetricXFJ.value);//【辅警/协警 问题发生率】
}); });
const getTotalData = () => { const getTotalData = () => {
totalStatistics().then(res => { totalStatistics(time.value).then(res => {
statisticsTotal.value.aTotal = res.atotal == undefined ? 0 : res.atotal; statisticsTotal.value.aTotal = res.atotal == undefined ? 0 : res.atotal;
statisticsTotal.value.caseTotal = res.caseTotal == undefined ? 0 : res.caseTotal; statisticsTotal.value.caseTotal = res.caseTotal == undefined ? 0 : res.caseTotal;
statisticsTotal.value.negativeTotal = res.negativeTotal == undefined ? 0 : res.negativeTotal; statisticsTotal.value.negativeTotal = res.negativeTotal == undefined ? 0 : res.negativeTotal;
@ -328,104 +402,104 @@ const getTotalData = () => {
}) })
} }
const getAreaRiskData = () => { const getAreaRiskData = (type) => {
areaRiskStatistics().then(res => { areaRiskStatistics(time.value, type).then(res => {
areaRiskList.value = eachData(res) areaRiskList.value = eachData(res)
}) })
} }
const getPCSRiskData = () => { const getPCSRiskData = (type) => {
orgRiskStatistics().then(res => { orgRiskStatistics(time.value, type).then(res => {
pcsRiskList.value = eachData(res) pcsRiskList.value = eachData(res)
}) })
} }
const getCarRiskData = () => { const getCarRiskData = (type) => {
orgCarRiskStatistics().then(res => { orgCarRiskStatistics(time.value, type).then(res => {
carRiskList.value = eachData(res) carRiskList.value = eachData(res)
}) })
} }
const getPoliceARiskData = () => { const getPoliceARiskData = (type) => {
policeARiskStatistics().then(res => { policeARiskStatistics(time.value, type).then(res => {
policeARiskList.value = eachData(res) policeARiskList.value = eachData(res)
}) })
} }
const getPoliceBRiskData = () => { const getPoliceBRiskData = (type) => {
policeBRiskStatistics().then(res => { policeBRiskStatistics(time.value, type).then(res => {
policeBRiskList.value = eachData(res) policeBRiskList.value = eachData(res)
}) })
} }
const getLeaderRiskData = () => { const getLeaderRiskData = (type) => {
leaderRiskStatistics().then(res => { leaderRiskStatistics(time.value, type).then(res => {
leaderRiskList.value = eachData(res) leaderRiskList.value = eachData(res)
}) })
} }
const getAreaNegativeData = () => { const getAreaNegativeData = (type) => {
areaNegativeStatistics().then(res => { areaNegativeStatistics(time.value, type).then(res => {
areaNegativeList.value = res areaNegativeList.value = eachData(res)
}) })
} }
const getOrgNegativeData = () => { const getOrgNegativeData = (type) => {
orgNegativeStatistics().then(res => { orgNegativeStatistics(time.value, type).then(res => {
orgNegativeList.value = res orgNegativeList.value = eachData(res)
}) })
} }
const getCarOrgNegativeData = () => { const getCarOrgNegativeData = (type) => {
orgCarNegativeStatistics().then(res => { orgCarNegativeStatistics(time.value, type).then(res => {
orgCarNegativeList.value = res orgCarNegativeList.value = eachData(res)
}) })
} }
const getPoliceANegativeData = () => { const getPoliceANegativeData = (type) => {
policeANegativeStatistics().then(res => { policeANegativeStatistics(time.value, type).then(res => {
policeANegativeList.value = res policeANegativeList.value = eachData(res)
}) })
} }
const getPoliceBNegativeData = () => { const getPoliceBNegativeData = (type) => {
policeBNegativeStatistics().then(res => { policeBNegativeStatistics(time.value, type).then(res => {
policeBNegativeList.value = res policeBNegativeList.value = eachData(res)
}) })
} }
const getLeaderNegativeData = () => { const getLeaderNegativeData = (type) => {
policeLeaderNegativeStatistics().then(res => { policeLeaderNegativeStatistics(time.value, type).then(res => {
leaderNegativeList.value = res leaderNegativeList.value = eachData(res)
}) })
} }
const getAreaRateData = () => { const getAreaRateData = (type) => {
areaRateStatistics().then(res => { areaRateStatistics(time.value, type).then(res => {
areaRateList.value = eachData(res) areaRateList.value = eachData(res)
}) })
} }
const getOrgRateData = () => { const getOrgRateData = (type) => {
orgRateStatistics().then(res => { orgRateStatistics(time.value, type).then(res => {
orgRateList.value = eachData(res) orgRateList.value = eachData(res)
}) })
} }
const getCarOrgRateData = () => { const getCarOrgRateData = (type) => {
orgCarRateStatistics().then(res => { orgCarRateStatistics(time.value, type).then(res => {
orgCarRateList.value = eachData(res) orgCarRateList.value = eachData(res)
}) })
} }
const eachData = (data) => { const eachData = (data) => {
let arr = [] let arr = [];
data.forEach(item => { data.forEach(item => {
arr.push({ arr.push({
label: item.name, label: item.name,
value: item.score value: 'score' in item ? Number(item.score) : Number(item.value)
}) });
}) });
return arr; return arr;
} }
@ -446,4 +520,25 @@ const colors = [
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/style/datav.scss"; @import "@/style/datav.scss";
.card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
}
.card-title {
font-size: 23px;
font-weight: bold;
}
.select-container {
width: 150px;
margin-left: auto;
}
:deep(.el-select__wrapper) {
background-color: #041a75;
box-shadow: #0a113b 0px 0px 0px 1px;
}
:deep(.el-select__placeholder ) {
color: #fff;
}
</style> </style>

16
src/views/datav/RightsComfort.vue
Unescape View File

@ -151,14 +151,14 @@ const punishmentSituationList = ref([]);
const comfortSituationList = ref([]); const comfortSituationList = ref([]);
function getData() { function getData() {
// getRightsComfortData(time.value).then((data) => { getRightsComfortData(time.value).then((data) => {
// console.log('Received data:', data); // 添加日志输出 console.log('Received data:', data); // 添加日志输出
// comfortPersonNumber.value = data.comfortPersonNumber; comfortPersonNumber.value = data.comfortPersonNumber;
// hitPersonNumber.value = data.hitPersonNumber; hitPersonNumber.value = data.hitPersonNumber;
// comfortMoney.value = data.comfortMoney; comfortMoney.value = data.comfortMoney;
// punishmentSituationList.value = data.punishmentSituation; punishmentSituationList.value = data.punishmentSituation;
// comfortSituationList.value = data.comfortSituation; comfortSituationList.value = data.comfortSituation;
// }); });
} }
watch(time, () => { watch(time, () => {

57
src/views/datav/SceneInsp.vue
Unescape View File

@ -65,6 +65,7 @@
</datav-card> </datav-card>
<datav-card title="问题类型占比"> <datav-card title="问题类型占比">
<v-charts <v-charts
style="height: 300px" style="height: 300px"
@ -140,7 +141,51 @@
<datav-card> <datav-card>
<datav-tabs v-model="activeTabRight" size="small"> <datav-tabs v-model="activeTabRight" size="small">
<datav-tab-item label="黄赌毒" name="3"> <datav-tab-item label="黄赌毒" name="3">
<el-scrollbar height="420px">
<el-row class="mb-32">
<el-col :span="6">
<div class="descriptions_cell text-center">
<div class="descriptions_content">
{{ hddOverview.proTotal }}
</div>
<div class="descriptions_label">
问题数
</div>
</div>
</el-col>
<el-col :span="6">
<div class="descriptions_cell text-center">
<div class="descriptions_content">
{{ hddOverview.changing }}
</div>
<div class="descriptions_label">
整改中
</div>
</div>
</el-col>
<el-col :span="6">
<div class="descriptions_cell text-center">
<div class="descriptions_content">
{{ hddOverview.changed }}
</div>
<div class="descriptions_label">
已整改
</div>
</div>
</el-col>
<el-col :span="6">
<div class="descriptions_cell text-center">
<div class="descriptions_content">
{{ hddOverview.correctionRate }}%
</div>
<div class="descriptions_label">
整改率
</div>
</div>
</el-col>
</el-row>
<el-scrollbar height="330px">
<datav-chart-bar <datav-chart-bar
:data="hddList" :data="hddList"
size="large" size="large"
@ -212,13 +257,20 @@ import {getGobalRecentlyTrendByMonth} from "@/api/data/basicScreen.ts";
const data1 = ref([]); const data1 = ref([]);
const activeTabLeft = ref("3"); const activeTabLeft = ref("3");
// 日常督察总览
const rankOverview = ref({ const rankOverview = ref({
proTotal: 0, proTotal: 0,
changing: 0, changing: 0,
changed: 0, changed: 0,
correctionRate: 0, correctionRate: 0,
}); });
// 黄赌毒总览
const hddOverview = ref({
proTotal: 0,
changing: 0,
changed: 0,
correctionRate: 0,
});
const wtlxList = ref([]) const wtlxList = ref([])
const hddList = ref([]) const hddList = ref([])
const overview = ref({ const overview = ref({
@ -456,6 +508,7 @@ function getData() {
supervisionNotifyTotal: Number(res.overview.supervisionNotifyTotal), supervisionNotifyTotal: Number(res.overview.supervisionNotifyTotal),
supervisionNotifyOrgTotal: Number(res.overview.supervisionNotifyOrgTotal), supervisionNotifyOrgTotal: Number(res.overview.supervisionNotifyOrgTotal),
}); });
hddOverview.value = res.hddOverview;
wtlxList.value = res.wtlxList wtlxList.value = res.wtlxList
hddList.value = res.hddList; hddList.value = res.hddList;
superviseTempMapVoList = res.superviseTempMapVoList; superviseTempMapVoList = res.superviseTempMapVoList;

Write Preview
Loading…
Cancel
Save