Browse Source

1、抚慰大屏:隐藏无数据的模块

2、模型:新增处理状态
main
sjh 1 year ago
parent
commit
7ef8cbc20d
  1. 142
      src/views/datav/RightsComfort.vue
  2. 27
      src/views/sensitivePerception/ModelClue.vue

142
src/views/datav/RightsComfort.vue

@ -263,34 +263,34 @@ const option1 = ref({
}); });
const data1 = [ const data1 = [
{ // {
name: "开福分局", // name: "",
value: 31 // value: 31
}, // },
{ // {
name: "芙蓉分局", // name: "",
value: 30 // value: 30
}, // },
{ // {
name: "岳麓分局", // name: "",
value: 22 // value: 22
}, // },
{ // {
name: "雨花分局", // name: "",
value: 20 // value: 20
}, // },
{ // {
name: "望城分局", // name: "",
value: 15 // value: 15
}, // },
{ // {
name: "浏阳市局", // name: "",
value: 9 // value: 9
}, // },
{ // {
name: "长沙县局", // name: "",
value: 9 // value: 9
}, // },
]; ];
const data2 = [ const data2 = [
@ -325,21 +325,21 @@ const data2 = [
]; ];
const option2 = { const option2 = {
series: [ // series: [
{ // {
type: "pie", // type: "pie",
radius: ["40%", "70%"], // radius: ["40%", "70%"],
label: { // label: {
color: "#fff", // color: "#fff",
}, // },
data: [ // data: [
{ value: 311, name: "故意伤害" }, // { value: 311, name: "" },
{ value: 735, name: "袭警罪" }, // { value: 735, name: "" },
{ value: 580, name: "寻衅滋事" }, // { value: 580, name: "" },
{ value: 484, name: "妨碍公务" } // { value: 484, name: "" }
], // ],
}, // },
], // ],
}; };
const option3 = computed(() => { const option3 = computed(() => {
@ -374,39 +374,39 @@ const option4 = computed(() => {
const option6 = { const option6 = {
series: [ series: [
{ // {
type: "pie", // type: "pie",
radius: ["40%", "70%"], // radius: ["40%", "70%"],
label: { // label: {
color: "#fff", // color: "#fff",
}, // },
data: [ // data: [
{ value: 211, name: "民警" }, // { value: 211, name: "" },
{ value: 655, name: "辅警" }, // { value: 655, name: "" },
{ value: 666, name: "协警" }, // { value: 666, name: "" },
{ value: 312, name: "巡防队员" } // { value: 312, name: "" }
], // ],
}, // },
], ],
}; };
const option5 = { const option5 = {
series: [ series: [
{ // {
type: "pie", // type: "pie",
radius: ["40%", "70%"], // radius: ["40%", "70%"],
label: { // label: {
color: "#fff", // color: "#fff",
}, // },
data: [ // data: [
{ value: 211, name: "其它" }, // { value: 211, name: "" },
{ value: 655, name: "网络侵权" }, // { value: 655, name: "" },
{ value: 666, name: "110警情" }, // { value: 666, name: "110" },
{ value: 321, name: "安保维稳" }, // { value: 321, name: "" },
{ value: 211, name: "执勤处室" }, // { value: 211, name: "" },
{ value: 421, name: "组织调解" }, // { value: 421, name: "" },
], // ],
}, // },
], ],
}; };
</script> </script>

27
src/views/sensitivePerception/ModelClue.vue

@ -106,6 +106,20 @@
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column
label="处理状态"
align="center"
width="120"
>
<template #default="{ row }">
<span>{{
getDictLable(
dict.handleState,
row.status
)
}}</span>
</template>
</el-table-column>
<el-table-column label="操作" width="180"> <el-table-column label="操作" width="180">
<template #default="{ row }"> <template #default="{ row }">
<el-button <el-button
@ -182,6 +196,17 @@
}}</span> }}</span>
</div> </div>
</div> </div>
<div class="row mt-10">
<div class="col col-6">
<label>处理状态</label>
<span>{{
getDictLable(
dict.handleState,
activeModelClue.status
)
}}</span>
</div>
</div>
<h3>详细信息</h3> <h3>详细信息</h3>
<div style="min-height: 200px"> <div style="min-height: 200px">
<el-empty description="无数据" /> <el-empty description="无数据" />
@ -201,7 +226,7 @@ import useCatchStore from "@/stores/modules/catch";
import { getDictLable } from "@/utils/util"; import { getDictLable } from "@/utils/util";
const catchStore = useCatchStore(); const catchStore = useCatchStore();
const dict = catchStore.getDicts(["distributionState"]); const dict = catchStore.getDicts(["distributionState","handleState"]);
const query = ref({}); const query = ref({});

Loading…
Cancel
Save