lcw/xzlz_JczWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改功能文档

Browse Source
This commit is contained in:
13684185576
2025-09-17 09:20:55 +08:00
parent b1246a864a 2d40736a96
commit 51772d788b
38 changed files with 340 additions and 592 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/views/StationLevel/layout/BeOnDuty.vue
View File

@ -2,18 +2,10 @@
<div class="warning-container">
<!-- 标签切换 -->
<div class="tab-container">
<div
class="tab-item"
@click="showchenge(1)"
:class="{ active: show == 1 }"
>
<div class="tab-item" @click="showchenge(1)" :class="{ active: show == 1 }">
<div class="tab-content">值班人员</div>
</div>
<div
class="tab-item"
@click="showchenge(2)"
:class="{ active: show == 2 }"
>
<div class="tab-item" @click="showchenge(2)" :class="{ active: show == 2 }">
<div class="tab-content">值班装备</div>
</div>
</div>
@ -21,15 +13,11 @@
<!-- 预警列表 -->
<div class="warning-list" v-if="show == 2 && warningList">
<div class="warning-card">
<div class="title flex align-center">
<div class="title flex align-center white-text">
<img src="@/assets/images/icon_06.png" alt="" />
值班装备
</div>
<div
class="cardItem flex"
v-for="(item, index) in warningList.qxList"
:key="index"
>
<div class="cardItem flex white-text" v-for="(item, index) in warningList.qxList" :key="index">
<span style="flex: 1">名称：{{ item.qxmc }}</span>
<span style="flex: 1">数量：{{ item.qxsl }}</span>
</div>
@ -37,47 +25,33 @@
<div class="line mt6 mb6"></div>
<div class="warning-card">
<div class="title flex align-center">
<div class="title flex align-center white-text">
<img src="@/assets/images/icon_06.png" alt="" /> 值班车辆
</div>
<div
class="cardItem"
v-for="(item, index) in warningList.clList"
:key="index"
>
<div class="cardItem white-text" v-for="(item, index) in warningList.clList" :key="index">
车牌号：{{ item.cph }}
</div>
</div>
<div class="line mt6 mb6"></div>
<div class="warning-card">
<div class="title flex align-center">
<div class="title flex align-center white-text">
<img src="@/assets/images/icon_06.png" alt="" /> 智能设备
</div>
<div
class="cardItem"
v-for="(item, index) in warningList.sbList"
:key="index"
>
名称：{{ item.sbmc }}
<div class="cardItem white-text" v-for="(item, index) in warningList.sbList" :key="index">
名称：{{ item.sbmc }}
</div>
</div>
</div>
<Empty :show="warningList == null && show == 2" />
<div class="warning-list" v-if="show == 1 && warningList">
<div class="warning-card">
<div class="title flex align-center">
<div class="title flex align-center white-text">
<img src="@/assets/images/icon_06.png" alt="" />
值班人员
</div>
<div
class="cardItem flex"
v-for="(item, index) in warningList.ryList"
:key="index"
>
<div class="cardItem flex white-text" v-for="(item, index) in warningList.ryList" :key="index">
<span style="flex: 1">名称：{{ item.ryXm }}</span>
<span style="flex: 1"
>警种：{{ item.ryJzlx == "01" ? "民警" : "辅警" }}</span
>
<span style="flex: 1">警种：{{ item.ryJzlx == "01" ? "民警" : "辅警" }}</span>
</div>
</div>
<div class="line mt6 mb6"></div>
@ -91,7 +65,7 @@ import { onMounted, ref } from "vue";
import Empty from "@/components/MyComponents/Empty/index.vue";
import { jczqueryById } from "@/api/mosty-jcz";
import emitter from "@/utils/eventBus.js";
let warningList = ref({ qxList: [], ryList: [], clList: [] ,sbList:[]});
let warningList = ref({ qxList: [], ryList: [], clList: [], sbList: [] });
onMounted(() => {
emitter.on("getjczqueryById", (res) => {
warningListValue(res)
@ -116,17 +90,17 @@ const getjczqueryById = () => {
};
const warningListValue = (res) => {
if (res) {
warningList.value={}
warningList.value.qxList =res.qxList&&res.qxList.length>0
? res.qxList.filter((item) => item.qxsl > 0)
: [];
warningList.value.ryList = res.ryList.length>0 ? res.ryList : [];
warningList.value.clList = res.clList.length>0 ? res.clList : [];
warningList.value.sbList = [...res.tcList, ...res.zdList]
emitter.emit("chengZ", res);
} else {
warningList.value = res;
}
warningList.value = {}
warningList.value.qxList = res.qxList && res.qxList.length > 0
? res.qxList.filter((item) => item.qxsl > 0)
: [];
warningList.value.ryList = res.ryList.length > 0 ? res.ryList : [];
warningList.value.clList = res.clList.length > 0 ? res.clList : [];
warningList.value.sbList = [...res.tcList, ...res.zdList]
emitter.emit("chengZ", res);
} else {
warningList.value = res;
}
}
getjczqueryById();
</script>
@ -189,6 +163,7 @@ getjczqueryById();
flex: 1;
display: flex;
flex-direction: column;
// justify-content: space-between;
.cardItem {
height: 27px;
@ -200,6 +175,7 @@ getjczqueryById();
box-sizing: border-box;
}
}
.line {
width: 100%;
height: 3px;
@ -210,6 +186,7 @@ getjczqueryById();
.warning-image {
width: 100px;
height: 80px;
img {
width: 100%;
height: 100%;
@ -248,5 +225,7 @@ getjczqueryById();
font-size: 12px;
margin-left: 10px;
}
.white-text{
color: #fff;
}
</style>

1
src/views/StationLevel/layout/PeoCollection.vue
View File

@ -56,6 +56,7 @@ countWay();
flex: 1;
text-align: center;
position: relative;
color: #fff;
}
.stat-number {