单位情况
-
-
-
- {{ departInfo.name }}
-
-
-
- {{ departInfo.mainRole }}
-
-
-
-
+
+
+
+
+
+
-
- ![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
-
-
-
+
+
-
-
-
-
-
-
@@ -108,8 +110,10 @@
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
@@ -315,6 +326,7 @@ import {
orgCarRateStatistics
} from '@/api/data/risk';
import moment from "moment";
+
let selectedMetric = ref('problemNumber');
let selectedMetricPCS = ref('problemNumber');
let selectedMetricJJDD = ref('problemNumber');
@@ -470,7 +482,6 @@ const getLeaderNegativeData = (type) => {
})
}
-
const getAreaRateData = (type) => {
areaRateStatistics(time.value, type).then(res => {
areaRateList.value = eachData(res)
@@ -514,27 +525,142 @@ const colors = [
percentage: 40,
},
];
+
+
+// region 动画
+const rxsjTabs = ref(null);
+const pcsTabs = ref(null);
+const jjddTabs = ref(null);
+const ldTabs = ref(null);
+const mjTabs = ref(null);
+const xfjTabs = ref(null);
+const selectedFxsjTabs = ref("1");
+const selectedPcsTabs = ref("1");
+const selectedJjddTabs = ref("1");
+const selectedLdTabs = ref("1");
+const selectedMjTabs = ref("1");
+const selectedXfjTabs = ref("1");
+let rxsjTabsIntervalId;
+let pcsTabsIntervalId;
+let jjddTabsIntervalId;
+let ldTabsIntervalId;
+let mjTabsIntervalId;
+let xfjTabsIntervalId;
+const rxsjTabsAnimation = () => {
+ selectedFxsjTabs.value = (parseInt(selectedFxsjTabs.value) % 3 + 1).toString();
+};
+rxsjTabsIntervalId = setInterval(rxsjTabsAnimation, 3000);
+
+const pcsTabsAnimation = () => {
+ selectedPcsTabs.value = (parseInt(selectedPcsTabs.value) % 3 + 1).toString();
+};
+pcsTabsIntervalId = setInterval(pcsTabsAnimation, 3000);
+
+const jjddTabsAnimation = () => {
+ selectedJjddTabs.value = (parseInt(selectedJjddTabs.value) % 3 + 1).toString();
+};
+jjddTabsIntervalId = setInterval(jjddTabsAnimation, 3000);
+
+const ldTabsAnimation = () => {
+ selectedLdTabs.value = (parseInt(selectedLdTabs.value) % 2 + 1).toString();
+};
+ldTabsIntervalId = setInterval(ldTabsAnimation, 3000);
+
+const mjTabsAnimation = () => {
+ selectedMjTabs.value = (parseInt(selectedMjTabs.value) % 2 + 1).toString();
+};
+mjTabsIntervalId = setInterval(mjTabsAnimation, 3000);
+// endregion
+
+// region 监听鼠标事件
+onMounted(() => {
+ setupEventListeners();
+});
+const setupEventListeners = () => {
+ rxsjTabsAnimationStop();
+ pcsTabsAnimationStop();
+ jjddTabsAnimationStop();
+ ldTabsAnimationStop();
+ mjTabsAnimationStop();
+};
+const rxsjTabsAnimationStop = () => {
+ const temp = rxsjTabs.value?.$el;
+ temp.addEventListener('mouseenter', () => {
+ clearInterval(rxsjTabsIntervalId)
+ });
+ temp.addEventListener('mouseleave', () => {
+ rxsjTabsIntervalId = setInterval(rxsjTabsAnimation, 3000);
+ });
+}
+
+const pcsTabsAnimationStop = () => {
+ const temp = pcsTabs.value?.$el;
+ temp.addEventListener('mouseenter', () => {
+ clearInterval(pcsTabsIntervalId)
+ });
+ temp.addEventListener('mouseleave', () => {
+ pcsTabsIntervalId = setInterval(pcsTabsAnimation, 3000);
+ });
+}
+
+const jjddTabsAnimationStop = () => {
+ const temp = jjddTabs.value?.$el;
+ temp.addEventListener('mouseenter', () => {
+ clearInterval(jjddTabsIntervalId)
+ });
+ temp.addEventListener('mouseleave', () => {
+ jjddTabsIntervalId = setInterval(jjddTabsAnimation, 3000);
+ });
+}
+
+const ldTabsAnimationStop = () => {
+ const temp = ldTabs.value?.$el;
+ temp.addEventListener('mouseenter', () => {
+ clearInterval(ldTabsIntervalId)
+ });
+ temp.addEventListener('mouseleave', () => {
+ ldTabsIntervalId = setInterval(ldTabsAnimation, 3000);
+ });
+}
+
+const mjTabsAnimationStop = () => {
+ const temp = mjTabs.value?.$el;
+ temp.addEventListener('mouseenter', () => {
+ clearInterval(mjTabsIntervalId)
+ });
+ temp.addEventListener('mouseleave', () => {
+ mjTabsIntervalId = setInterval(mjTabsAnimation, 3000);
+ });
+}
+// endregion
+
+
-
+
diff --git a/src/views/datav/subonedatav/SubOneSceneInsp.vue b/src/views/datav/subonedatav/SubOneSceneInsp.vue
index cc4f274..2bd2a17 100644
--- a/src/views/datav/subonedatav/SubOneSceneInsp.vue
+++ b/src/views/datav/subonedatav/SubOneSceneInsp.vue
@@ -176,6 +176,7 @@
:option="option"
autoresize
ref="subOneSceneInspMapChart"
+ @click="handleClick"
/>
-
+
@@ -314,7 +314,6 @@
/>
-
@@ -775,8 +774,9 @@
v-for="(msg, index) in messages"
:key="index"
:type="msg.type"
- :title="msg.title"
- :content="msg.content" :date="msg.date"
+ :title="msg.workType"
+ :content="msg.contentTxt"
+ :date="msg.releaseTime"
/>
@@ -786,6 +786,7 @@
+ 单位情况
+
+
-
+
+ {{ departInfo.name }}
+
+
+
+ {{ departInfo.mainRole }}
+
+
+
+
{{ item }}{{ item }}
-
- 问题情况
-
- {{ negativeInfo.size }}
-
- 问题总数
- 问题情况
+
+ {{ negativeInfo.size }}
+
+ 问题总数
+ 风险指数
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查看详情
+
+
+
+
+
+
+
+ 查询
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查看详情
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/enums/workDynamicColorMapping.js b/src/enums/workDynamicColorMapping.js
new file mode 100644
index 0000000..e7cfbab
--- /dev/null
+++ b/src/enums/workDynamicColorMapping.js
@@ -0,0 +1,15 @@
+export const colorMapping = {
+ '工作部署': 'success',
+ '督察通报': 'warning',
+ '工作简报': '',
+};
+
+export function workDynamicColorMapping(backendData) {
+ return backendData.map(item => {
+ const mappedName = colorMapping[item.workType] || "default";
+ return {
+ ...item,
+ type: mappedName,
+ };
+ });
+}
\ No newline at end of file
diff --git a/src/views/datav/AuditSuper.vue b/src/views/datav/AuditSuper.vue
index 9f21c64..54f4ad9 100644
--- a/src/views/datav/AuditSuper.vue
+++ b/src/views/datav/AuditSuper.vue
@@ -34,7 +34,6 @@
-
-
-
-
- 查看详情
-
-
-
-
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ :value2="negativeInfo.zfbaSize"
+ />
+
+
+
+
+
+
+
-
-
- 风险指数
+
+
+
-
-
+
+
+
-
{{ score }}{{ score }}
- 分
-
-
- 分险指标值
-
-
+ 分险指标值
+
+
- -
-
-
- {{ getScoreLabel() }}
-
- 问题来源占比
-业务类型占比
-风险问题构成
-个人问题排名
-突出问题排名
-
-
+ 问题变化趋势
-
+ {{ getScoreLabel() }}
+
问题清单
-
-
-
-
-
-
+
+ 问题来源占比
+业务类型占比
+风险问题构成
+个人问题排名
+突出问题排名
+
+
+ 问题变化趋势
+问题清单
+
+
+
+
+
+
-
+
+ 民警基本情况
+
+
+
+
+ {{ policeInfo.name }}
+
+
+
+ {{
+ getGenderFromIdCode(
+ policeInfo.idCode
+ )
+ }}
+
+
+
+
+ {{
+ activeRow.parentDepartName
+ ? activeRow.parentDepartName +
+ "/"
+ : activeRow.parentDepartName
+ }}{{
+ activeRow.departName
+ }}
+
+
+
+
+ {{ policeInfo.empNo }}
+
+
+
+ {{ policeInfo.idCode }}
+
+
+
+ {{
+ policeInfo.employmentDate || "/"
+ }}
+
+
+
+ {{
+ policeInfo.mobile || "/"
+ }}
+
+ 问题情况
+
+ {{ negativeInfo.size }}
+
+ 问题总数
+
+ {{ negativeInfo.score }}
+
+ 风险值
+ 风险指数
+
+
+
+
+
+
+
+
+
+ {{ score }}
+ 分
+
+
+ 风险指数
+
+
+ -
+
+
+ {{ getScoreLabel() }}
+
+ 问题来源占比
+问题类型占比
+风险构成
+
+
+ 问题变化趋势
+问题清单
+
+
+
+
+
@@ -79,7 +78,6 @@
/>
-
@@ -115,37 +113,15 @@
-
-
-
-
+
@@ -161,36 +137,29 @@ import vCharts from "vue-echarts";
import changshaMap from "@/assets/data/changsha.json";
import * as echarts from "echarts/core";
import moment from "moment/moment.js";
-
+import {getWorkDynamics} from "@/api/data/aduit.ts";
+import {workDynamicColorMapping} from "@/enums/workDynamicColorMapping.js";
+const messages = ref([]);
const time = ref([
moment().subtract(1, "year").format("YYYY-MM-DD"),
moment().format("YYYY-MM-DD"),
]);
-
const temp = ref({
tempTotal: 0,
tempTotalMon: 0,
tempReviewMon: 0,
tempCheckPro: 0,
- tempPro:0
+ tempPro: 0
})
-
setTimeout(() => {
- temp.value={
-
+ temp.value = {
tempTotal: 462,
tempTotalMon: 79224.59,
tempReviewMon: 3544.01,
tempCheckPro: 1192,
- tempPro:389
+ tempPro: 389
}
}, 1000);
-
-
-
-
-
-
let gobalTempMapVoList = [
{
"name": "天心分局",
@@ -257,7 +226,6 @@ let gobalTempMapVoList = [
}
];
-
echarts.registerMap("changsha", changshaMap);
const option = ref({
geo: {
@@ -342,7 +310,6 @@ const option = ref({
}
],
})
-
const option1 = ref({
xAxis: {
type: "category",
@@ -394,7 +361,6 @@ const option1 = ref({
},
],
});
-
const data1 = [
{
label: "芙蓉分局",
@@ -451,7 +417,6 @@ const data1 = [
// console.log(item.label);
// });
// }, 1000);
-
const data2 = [
{
name: "开福分局",
@@ -482,7 +447,6 @@ const data2 = [
value: 6221
},
];
-
const option2 = {
series: [
{
@@ -505,7 +469,6 @@ const option2 = {
trigger: "item",
},
};
-
const option3 = {
series: [
{
@@ -530,8 +493,6 @@ const option3 = {
trigger: "item",
},
};
-
-
const option4 = {
series: [
{
@@ -555,8 +516,6 @@ const option4 = {
trigger: "item",
},
};
-
-
const option5 = {
series: [
{
@@ -577,8 +536,6 @@ const option5 = {
trigger: "item",
},
};
-
-
const option22 = {
series: [
{
@@ -598,8 +555,6 @@ const option22 = {
trigger: "item",
},
};
-
-
const colors = [
{
// 绿色
@@ -619,6 +574,18 @@ const colors = [
},
];
+
+const getWorkDynamicsData = async () => {
+ const res = await getWorkDynamics(time.value);
+ const colorNewsVoList = workDynamicColorMapping(res.newsVoList);
+ messages.value = colorNewsVoList;
+}
+const getData = () => {
+ getWorkDynamicsData();
+}
+onMounted(() => {
+ getData();
+});
diff --git a/src/views/datav/CaseVerif.vue b/src/views/datav/CaseVerif.vue
index fda86d0..8e79315 100644
--- a/src/views/datav/CaseVerif.vue
+++ b/src/views/datav/CaseVerif.vue
@@ -704,7 +704,7 @@ const caseVerifJbclSituationAnimation = () => {
temp?.dispatchAction({type: 'showTip', seriesIndex: 0, dataIndex: randomNum});
}
caseVerifJbclSituationIntervalId = setInterval(caseVerifJbclSituationAnimation, 2000);
-// region动画
+// endregion动画
// region 事件||监听
diff --git a/src/views/datav/Lmgz.vue b/src/views/datav/Lmgz.vue
index d4cc7e5..d10f0d3 100644
--- a/src/views/datav/Lmgz.vue
+++ b/src/views/datav/Lmgz.vue
@@ -9,8 +9,8 @@
执法监督灵敏感知体系
-
+