大屏数据
This commit is contained in:
parent
053a951511
commit
ab3be886cc
@ -406,6 +406,8 @@ export default {
|
||||
}
|
||||
.treeBox {
|
||||
height: calc(100% - 42px);
|
||||
width: 306px;
|
||||
margin-left: -50px;
|
||||
}
|
||||
.hasVedio.areaTreeBox {
|
||||
height: 100%;
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user