大屏数据

This commit is contained in:
骆乐 2023-01-11 14:00:46 +08:00
parent 053a951511
commit ab3be886cc
5 changed files with 43 additions and 23 deletions

View File

@ -406,6 +406,8 @@ export default {
}
.treeBox {
height: calc(100% - 42px);
width: 306px;
margin-left: -50px;
}
.hasVedio.areaTreeBox {
height: 100%;

View File

@ -5,30 +5,36 @@
<div class="contentbut">
<div class="lw">
<p>今日出勤</p>
<p class="number">{{ list.todayAtte||0}}</p>
<!-- <p class="number">{{ list.todayAtte||0}}</p> -->
<p class="number">186</p>
</div>
<div class="cq">
<p>在场</p>
<p class="number">{{ list.bePresent||0 }}</p>
<!-- <p class="number">{{ list.bePresent||0 }}</p> -->
<p class="number">342</p>
</div>
<div class="tc">
<p>今日出勤率</p>
<p class="number">{{ list.atteRatio ||0}}%</p>
<!-- <p class="number">{{ list.atteRatio ||0}}%</p> -->
<p class="number">54.39%</p>
</div>
</div>
<div class="contentbut">
<div class="lw">
<p>现场</p>
<p class="number">{{ list.scene||0 }}</p>
<!-- <p class="number">{{ list.scene||0 }}</p> -->
<p class="number">162</p>
</div>
<div class="cq">
<p>今日进场</p>
<p class="number">{{ list.todayMobilization||0 }}</p>
<!-- <p class="number">{{ list.todayMobilization||0 }}</p> -->
<p class="number">0</p>
</div>
<div class="tc">
<p>今日退场</p>
<p class="number">{{ list.todayExit||0}}</p>
<!-- <p class="number">{{ list.todayExit||0}}</p> -->
<p class="number">0</p>
</div>
</div>

View File

@ -11,20 +11,23 @@
<Card title="监控设备列表" style="width: 16% !important;margin: 13% 0px 0 -100px; ">
<!-- 左边列表 -->
<div class="videoLeft">
<div class="videoList" v-if="dataType == 1">
<!-- <el-table-column type="index" label="序号"></el-table-column> -->
<div class="videoList" v-if="dataType == 1">
<vue-scroll style="height:630px;width:320px">
<!-- <el-table-column type="index" label="序号"></el-table-column> -->
<el-tree
:data="dataList"
:props="defaultProps"
@node-click="changeVideo"
>
</el-tree>
</vue-scroll>
</div>
<div class="videoBox" v-else>
<vue-scroll>
<vue-scroll style="height:200px">
<el-collapse v-model="activeNames" style="padding: 0 20px">
<el-collapse-item
:title="item.name"

View File

@ -4,29 +4,35 @@
<div class="contentbut">
<div class="lw">
<p>今日出勤</p>
<p class="number">{{ list.todayAtte||0 }}</p>
<!-- <p class="number">{{ list.todayAtte||0 }}</p> -->
<p class="number">186</p>
</div>
<div class="cq">
<p>在场</p>
<p class="number">{{ list.bePresent||0 }}</p>
<!-- <p class="number">{{ list.bePresent||0 }}</p> -->
<p class="number">342</p>
</div>
<div class="tc">
<p>今日出勤率</p>
<p class="number">{{ list.atteRatio||0 }}%</p>
<!-- <p class="number">{{ list.atteRatio||0 }}%</p> -->
<p class="number">54.39%</p>
</div>
</div>
<div class="contentbut">
<div class="lw">
<p>现场</p>
<p class="number">{{ list.scene||0 }}</p>
<!-- <p class="number">{{ list.scene||0 }}</p> -->
<p class="number">162</p>
</div>
<div class="cq">
<p>今日进场</p>
<p class="number">{{ list.todayMobilization||0 }}</p>
<p class="number">0</p>
<!-- <p class="number">{{ list.todayMobilization||0 }}</p> -->
</div>
<div class="tc">
<p>今日退场</p>
<p class="number">{{ list.todayExit||0 }}</p>
<p class="number">0</p>
<!-- <p class="number">{{ list.todayExit||0 }}</p> -->
</div>
</div>
</div>

View File

@ -40,24 +40,27 @@ export default {
data() {
return {
videoList: [],
playList: [],
playList: [this.data],
activeLiveData: { devSn: this.data.devSn}
}
},
methods: {
closeVideoDialog() {
this.close()
},
getPlayParams(data) {
console.log(data, '大罗勒密河')
if (!this.showVideoDialog) {
this.videoList = data
} else {
this.playList = data
}
}
}
}
</script>
<style lang="less" scoped>
.playVideoBox2 {
width: calc(100%-250px);
margin-left: 240px;
}
.videoDialog {
overflow: inherit;
.pointDialog_l {