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

41
src/views/StationLevel/index.vue
View File

@ -6,38 +6,27 @@
<li class="asideItem" v-for="(item, idx) in meun.leftMeun" :key="idx">
<div class="title">{{ item }}</div>
<div class="asideCnt" @click="handless">
<PeoCollection
:jczId="query.id"
v-if="item == '人员数据采集'"
></PeoCollection>
<PlowStatistics
:jczId="query.id"
v-if="item == '流入流出统计'"
></PlowStatistics>
<WarningCount
:jczId="query.id"
v-if="item == '预警统计'"
></WarningCount>
<PeoCollection :jczId="query.id" v-if="item == '人员数据采集'"></PeoCollection>
<PlowStatistics :jczId="query.id" v-if="item == '流入流出统计'"></PlowStatistics>
<WarningCount :jczId="query.id" v-if="item == '预警统计'"></WarningCount>
</div>
</li>
</ul>
<div class="mainBox">
<div class="main-top"><VideoMore></VideoMore></div>
<div class="main-bottom"><VideoFoot></VideoFoot></div>
<div class="main-top">
<VideoMore></VideoMore>
</div>
<div class="main-bottom">
<VideoFoot></VideoFoot>
</div>
</div>
<ul class="asideBox">
<li class="asideItem" v-for="(item, idx) in meun.rightMeun" :key="idx">
<div class="title">{{ item }}</div>
<div class="asideCnt">
<BeOnDuty :jczId="query.id" v-if="item == '值班备勤'"></BeOnDuty>
<CarWarning
:jczId="query.id"
v-if="item == '车辆预警'"
></CarWarning>
<PeoWarning
:jczId="query.id"
v-if="item == '人员预警'"
></PeoWarning>
<CarWarning :jczId="query.id" v-if="item == '车辆预警'"></CarWarning>
<PeoWarning :jczId="query.id" v-if="item == '人员预警'"></PeoWarning>
</div>
</li>
</ul>
@ -71,21 +60,25 @@ const query = computed(() => {
.homeBox {
background: #000;
}
.mainBox_jcz {
position: absolute;
top: 65px;
width: 100%;
height: calc(100vh - 60px);
background: #000;
.asideBox {
width: 420px;
height: 100%;
.asideItem {
height: calc(100% / 3);
background: url("~@/assets/images/bg12.png") no-repeat;
background-size: 100% 100%;
padding: 0 10px;
box-sizing: border-box;
.title {
height: 50px;
line-height: 50px;
@ -96,6 +89,7 @@ const query = computed(() => {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.asideCnt {
height: calc(100% - 50px);
overflow: hidden;
@ -103,14 +97,17 @@ const query = computed(() => {
}
}
}
.mainBox {
flex: 1 0 0;
margin: 10px;
.main-top {
background: url("~@/assets/images/bg_13.png") no-repeat;
background-size: 100% 100%;
height: 70%;
}
.main-bottom {
height: 30%;
background: url("~@/assets/images/bg_14.png") no-repeat;