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. 974
      src/views/datav/AuditSuper.vue
  5. 321
      src/views/datav/CaseVerif.vue
  6. 6
      src/views/datav/Gobal.vue
  7. 317
      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; /* 当只有唯一一个元素时，设置所有四个角的圆角 */
}
} }
} }

974
src/views/datav/AuditSuper.vue
View File

File diff suppressed because it is too large Load Diff

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>

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

@ -9,9 +9,8 @@
<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
:value="statisticsTotal.aTotal" :value="statisticsTotal.aTotal"
@ -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