单位情况
-
-
-
-
- {{ departInfo.name }}
-
-
-
- {{ departInfo.mainRole }}
-
-
-
-
- {{ item }}
-
-
- 问题情况
-
- {{ activeRow.verifySize }}
+
+
+
+
+
- 单位情况
+
+
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 查看详情
-
-
-
-
+
+ 查看详情
+
+
+
+ {
moment().format("YYYY-MM-DD HH:mm:ss"),
];
await getProfileData();
- listNegativeMonthly(row.departId).then((data) => {
+ listNegativeMonthly(activeRow.value.departId).then((data) => {
barOption.value.xAxis.data = data.months;
barOption.value.series[0].data = data.values;
});
});
const time = ref([]);
+const radarOption = ref({
+ radar: {
+ indicator: [],
+ },
+ series: [
+ {
+ type: "radar",
+ data: [
+ {
+ value: [],
+ },
+ ],
+ label: {
+ show: true
+ }
+ },
+ ],
+});
+
+const problemTypeBarList = ref([])
+
async function getProfileData() {
loading.value = true;
negativeQuery.value.involveDepartId = activeRow.value.departId;
@@ -467,6 +518,11 @@ async function getProfileData() {
businessTypePieOptions.value.series[0].data = data.businessTypeList;
policeBarList.value = data.policeBarList;
+
+ radarOption.value.radar.indicator = data.problemTypeRadarIndicator
+ radarOption.value.series[0].data[0].value = data.problemTypeRadarData
+
+ problemTypeBarList.value = data.problemTypeBarList
loading.value = false;
}
@@ -483,54 +539,6 @@ const colors = [
{ color: "#E8684A ", percentage: 80 },
];
-const barList = [
- {
- label: "张三",
- value: 67,
- },
- {
- label: "李四",
- value: 80,
- },
- {
- label: "王五",
- value: 40,
- },
- {
- label: "王五",
- value: 40,
- },
- {
- label: "王五",
- value: 10,
- },
-];
-
-const radarOption = {
- radar: {
- // shape: 'circle',
- indicator: [
- { name: "内部管理", max: 6500 },
- { name: "涉及监督", max: 6500 },
- { name: "记录作风", max: 30000 },
- { name: "警保卫工作", max: 38000 },
- { name: "执法办案", max: 52000 },
- { name: "专项工作", max: 25000 },
- ],
- },
- series: [
- {
- name: "Budget vs spending",
- type: "radar",
- data: [
- {
- value: [4200, 3000, 20000, 35000, 50000, 18000],
- },
- ],
- },
- ],
-};
-
const negativeShow = ref(false);
const activeNegativeId = ref("");
function handleAction(row) {
diff --git a/src/views/sensitivePerception/PoliceNegative.vue b/src/views/sensitivePerception/PoliceNegative.vue
index a431da5..9484833 100644
--- a/src/views/sensitivePerception/PoliceNegative.vue
+++ b/src/views/sensitivePerception/PoliceNegative.vue
@@ -50,7 +50,7 @@
+
+ {{ departInfo.name }}
- 问题总数
-
- 风险指数
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- 78
- 分
+
-
-
+
+
+ {{ departInfo.mainRole }}
-
- 分险指标值
+
-
-
-
+
+
+ {{ item }}
+
-
- 中风险
-
-
- 问题来源占比
+问题情况
+
+ {{ activeRow.verifySize }}
+
+ 问题总数
+ 风险指数
+
+
+
+
+
+ 78
+ 分
+
+
+ 分险指标值
+
+
+ 中风险
+
+ 问题来源占比
+业务类型占比
+风险问题构成
+个人问题排名
+突出问题排名
+单位问题标签
+
+
-
+ 问题变化趋势
业务类型占比
-问题清单
+风险问题构成
-个人问题排名
-突出问题排名
-单位问题标签
-
-
- 问题变化趋势
-问题清单
-
-
-
-
-
+
+
+
+
+
+
+
@@ -85,6 +85,11 @@
width="120"
align="center"
/>
+
+
+ /
+
+
-
+
查询
-
-
-
-
-
- 
-
-
-
@@ -125,184 +136,217 @@
民警基本情况
-
-
-
-
- {{ policeInfo.name }}
+
+
+
+
+
+
+ 
+
+
+
民警基本情况
+
+
+
-
+
+ {{ policeInfo.name }}
+
+
+
+ {{
+ getGenderFromIdCode(
+ policeInfo.idCode
+ )
+ }}
+
+
+
+
+ {{
+ activeRow.parentDepartName
+ ? activeRow.parentDepartName +
+ "/"
+ : activeRow.parentDepartName
+ }}{{
+ activeRow.departName
+ }}
+
+
+
+
+ {{ policeInfo.empNo }}
+
+
+
+ {{
+ policeInfo.employmentDate || "/"
+ }}
+
+
+
+ {{
+ policeInfo.mobile || "/"
+ }}
+
-
- {{
- getGenderFromIdCode(policeInfo.idCode)
- }}
-
-
-
-
- {{
- activeRow.parentDepartName
- ? activeRow.parentDepartName +
- "/"
- : activeRow.parentDepartName
- }}{{ activeRow.departName }}
-
+
+
+
+
+
+
+
问题情况
+
+ {{ activeRow.verifySize }}
-
-
- {{ policeInfo.empNo }}
+
+
+
+
+
+
+
+
+
+
+
+
问题总数
+
+ 风险指数
+
+
+
+
+
+
+
+
+
+
-
- 问题变化趋势
+
-
- 查看详情
-
-
-
-
+
+
+ 查看详情
+
+
+
+ ([]);
const total = ref(0);
+const mainLoading = ref(false);
function getList() {
+ mainLoading.value = true;
listPoliceNegative(query.value).then((data) => {
list.value = data.records;
total.value = data.total;
+ mainLoading.value = false;
});
}
@@ -426,13 +473,33 @@ watch(activeRow, async () => {
moment().format("YYYY-MM-DD HH:mm:ss"),
];
await getProfileData();
- listNegativeMonthly(row.idCode).then((data) => {
+ listNegativeMonthly(activeRow.value.idCode).then((data) => {
barOption.value.xAxis.data = data.months;
barOption.value.series[0].data = data.values;
});
-})
+});
const time = ref([]);
+
+const radarOption = ref({
+ radar: {
+ indicator: [],
+ },
+ series: [
+ {
+ type: "radar",
+ data: [
+ {
+ value: [],
+ },
+ ],
+ label: {
+ show: true
+ }
+ },
+ ],
+});
+
async function getProfileData() {
loading.value = true;
negativeQuery.value.idCode = activeRow.value.idCode;
@@ -447,6 +514,8 @@ async function getProfileData() {
problemSourcesPieOptions.value.series[0].data = data.problemSourcesList;
businessTypePieOptions.value.series[0].data = data.businessTypeList;
+ radarOption.value.radar.indicator = data.problemTypeRadarIndicator
+ radarOption.value.series[0].data[0].value = data.problemTypeRadarData
loading.value = false;
}
@@ -464,48 +533,6 @@ function getNegativeList() {
});
}
-const radarOption = {
- radar: {
- // shape: 'circle',
- indicator: [
- { name: "内部管理", max: 6500 },
- { name: "涉及监督", max: 6500 },
- { name: "记录作风", max: 30000 },
- { name: "警保卫工作", max: 38000 },
- { name: "执法办案", max: 52000 },
- { name: "专项工作", max: 25000 },
- ],
- },
- series: [
- {
- name: "Budget vs spending",
- type: "radar",
- data: [
- {
- value: [4200, 3000, 20000, 35000, 50000, 18000],
- },
- ],
- },
- ],
-};
-
-function getGenderFromIdCode(idCode) {
- // 检查身份证号码是否有效（长度为18位）
- if (!idCode || idCode.length !== 18) {
- return "";
- }
-
- // 获取第17位数字
- const genderCode = parseInt(idCode.charAt(16), 10);
-
- // 检查是否为数字
- if (isNaN(genderCode)) {
- return "";
- }
- // 根据第17位数字判断性别
- return genderCode % 2 === 0 ? "女" : "男";
-}
-
const negativeShow = ref(false);
const activeNegativeId = ref("");
function handleAction(row) {
+ 78
+ 分
-
-
- {{ policeInfo.employmentDate }}
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+ 分险指标值
-
-
- {{ policeInfo.mobile }}
+
-
-
-
-
+ 中风险
- 问题情况
-
- {{ activeRow.verifySize }}
-
- 问题总数
- 风险指数
-
-
-
-
-
- 78
- 分
-
-
- 分险指标值
-
-
- 中风险
-
- 问题来源占比
-业务类型占比
-风险问题构成
-问题来源占比
+业务类型占比
+风险问题构成
+问题变化趋势
-问题清单
-
-
-
-
-
+
+ 问题清单
+
+
+
+
+
+