2022-10-17 10:13:22 +08:00
|
|
|
<template>
|
2023-01-04 14:49:05 +08:00
|
|
|
<Card title="监控录像">
|
|
|
|
|
<VideoModule class="playVideoBox"
|
2023-01-12 22:00:16 +08:00
|
|
|
style="height:200px;width:600px"
|
|
|
|
|
:type="'1x1'"
|
2023-01-04 14:49:05 +08:00
|
|
|
:value="selectList"
|
|
|
|
|
:displayBottomMod="false"
|
|
|
|
|
:winNumBer="9"
|
|
|
|
|
:autoplay="false"
|
|
|
|
|
:showCaptrue="false"
|
|
|
|
|
:showControl="false"
|
|
|
|
|
:showPlayback="false"
|
|
|
|
|
:xxx="7"
|
|
|
|
|
></VideoModule>
|
2022-10-17 10:13:22 +08:00
|
|
|
</Card>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
2022-10-18 14:08:39 +08:00
|
|
|
import Card from "../components/Card.vue";
|
2022-12-14 18:31:34 +08:00
|
|
|
import { getReceiptOrIssueRecord } from '@/assets/js/api/markingRoom'
|
2023-01-12 22:00:16 +08:00
|
|
|
import { getComapnyStatisticsListApi, getComapnyVideoListApi, getComapnyParentNameApi } from '@/assets/js/api/company/project'
|
2023-01-04 14:49:05 +08:00
|
|
|
import VideoModule from "@/components/videoModule/videoModule.vue";
|
2022-10-17 10:13:22 +08:00
|
|
|
export default {
|
2023-01-04 14:49:05 +08:00
|
|
|
components: { Card,VideoModule },
|
2022-10-18 14:08:39 +08:00
|
|
|
data() {
|
|
|
|
|
return {
|
2022-12-14 18:31:34 +08:00
|
|
|
typeList:{
|
|
|
|
|
1:"入库",
|
|
|
|
|
2:"出库",
|
|
|
|
|
3:"出库"
|
|
|
|
|
},
|
|
|
|
|
sn:'',
|
|
|
|
|
carList:[],
|
2023-01-04 14:49:05 +08:00
|
|
|
selectList:[],
|
|
|
|
|
value1:'2',
|
|
|
|
|
typeList: [{
|
|
|
|
|
value: '1',
|
|
|
|
|
label: '2屏'
|
|
|
|
|
}, {
|
|
|
|
|
value: '2',
|
|
|
|
|
label: '4屏'
|
|
|
|
|
}, {
|
|
|
|
|
value: '3',
|
|
|
|
|
label: '9屏'
|
|
|
|
|
}],
|
2022-10-18 14:08:39 +08:00
|
|
|
};
|
|
|
|
|
},
|
2022-12-14 18:31:34 +08:00
|
|
|
mounted(){
|
|
|
|
|
this.getList()
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
getList(){
|
|
|
|
|
this.sn = this.$store.state.projectSn
|
2023-01-12 22:00:16 +08:00
|
|
|
// getReceiptOrIssueRecord({ projectSn: this.sn }).then(res => {
|
|
|
|
|
// this.selectList = res.result
|
|
|
|
|
// console.log('this.carList ',this.selectList);
|
|
|
|
|
// })
|
|
|
|
|
|
|
|
|
|
getComapnyStatisticsListApi({
|
|
|
|
|
sn: this.sn,
|
|
|
|
|
videoType: 1,
|
|
|
|
|
standardType: 1
|
|
|
|
|
}).then(res => {
|
|
|
|
|
|
|
|
|
|
this.treeData = res.result.companyList
|
|
|
|
|
? res.result.companyList
|
|
|
|
|
: res.result.projectList
|
|
|
|
|
? res.result.projectList
|
|
|
|
|
: res.result.videoList
|
|
|
|
|
this.treeData.forEach(element => {
|
|
|
|
|
if(element.serialNumber == "c857ef822c014c7cbd40ad463ff84da7") {
|
|
|
|
|
this.selectList = [element]
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
console.log('-----tree',this.treeData)
|
|
|
|
|
|
2022-12-14 18:31:34 +08:00
|
|
|
})
|
|
|
|
|
}
|
2023-01-12 22:00:16 +08:00
|
|
|
|
2022-12-14 18:31:34 +08:00
|
|
|
}
|
2022-10-18 14:08:39 +08:00
|
|
|
};
|
2022-10-17 10:13:22 +08:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped>
|
2023-01-04 14:49:05 +08:00
|
|
|
.playVideoBox{
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding-top: 20px;
|
2022-10-17 10:13:22 +08:00
|
|
|
}
|
|
|
|
|
</style>
|