大屏数据

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 { .treeBox {
height: calc(100% - 42px); height: calc(100% - 42px);
width: 306px;
margin-left: -50px;
} }
.hasVedio.areaTreeBox { .hasVedio.areaTreeBox {
height: 100%; height: 100%;

View File

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

View File

@ -11,20 +11,23 @@
<Card title="监控设备列表" style="width: 16% !important;margin: 13% 0px 0 -100px; "> <Card title="监控设备列表" style="width: 16% !important;margin: 13% 0px 0 -100px; ">
<!-- 左边列表 --> <!-- 左边列表 -->
<div class="videoLeft"> <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 <el-tree
:data="dataList" :data="dataList"
:props="defaultProps" :props="defaultProps"
@node-click="changeVideo" @node-click="changeVideo"
> >
</el-tree> </el-tree>
</vue-scroll>
</div> </div>
<div class="videoBox" v-else> <div class="videoBox" v-else>
<vue-scroll> <vue-scroll style="height:200px">
<el-collapse v-model="activeNames" style="padding: 0 20px"> <el-collapse v-model="activeNames" style="padding: 0 20px">
<el-collapse-item <el-collapse-item
:title="item.name" :title="item.name"

View File

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

View File

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