视频回放以及升降机导出bug修复

This commit is contained in:
骆乐 2022-10-21 18:25:12 +08:00
parent 9e83537290
commit 6df4c4b454
7 changed files with 96 additions and 65 deletions

BIN
dist.zip

Binary file not shown.

View File

@ -18,7 +18,7 @@ var PROJECT = {
} }
var PROJECT_TYPE = PROJECT.online_zjsj var PROJECT_TYPE = PROJECT.local_test
var headerShow = true; // 是否显示头部 var headerShow = true; // 是否显示头部
var tabsShow = true; // 是否显示tabs var tabsShow = true; // 是否显示tabs

View File

@ -46,8 +46,8 @@ export default {
data() { data() {
return { return {
videoType:"", videoType:"",
startTime: new Date(), startTime: '',
endTime:new Date(), endTime:'',
locationValue:1, locationValue:1,
// //
initCount: 0, initCount: 0,
@ -74,6 +74,16 @@ export default {
this.initparam.apiIp = this.devList[0].account this.initparam.apiIp = this.devList[0].account
this.initparam.apiPort = this.devList[0].password this.initparam.apiPort = this.devList[0].password
this.pointCode = this.devList[0].serialNumber this.pointCode = this.devList[0].serialNumber
//
//
this.endTime = this.dateFormat(new Date(), "yyyy-MM-dd hh:mm:ss");
this.startTime = this.dateFormat(new Date(), "yyyy-MM-dd 00:00:00");
console.log('当前时间默认', endTime)
console.log('当前时间', startTime)
// console.log('',this.initparam) // console.log('',this.initparam)
// //
this.WebControl = WebControl; this.WebControl = WebControl;
@ -83,7 +93,7 @@ export default {
devList: function(newVal, oldVal) { devList: function(newVal, oldVal) {
console.log('新的值',newVal) console.log('新的值',newVal)
this.pointCode = newVal[0].serialNumber; this.pointCode = newVal[0].serialNumber;
this.startpreview(); this.startPlayback();
} }
}, },
mounted() { mounted() {
@ -368,6 +378,30 @@ export default {
}) })
}, },
//
dateFormat(oDate, fmt) {
var o = {
"M+": oDate.getMonth() + 1, //
"d+": oDate.getDate(), //
"h+": oDate.getHours(), //
"m+": oDate.getMinutes(), //
"s+": oDate.getSeconds(), //
"q+": Math.floor((oDate.getMonth() + 3) / 3), //
"S": oDate.getMilliseconds()//
};
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (oDate.getFullYear() + "").substr(4 - RegExp.$1.length));
}
for (var k in o) {
if (new RegExp("(" + k + ")").test(fmt)) {
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
}
}
return fmt;
},
// //
closeWindow() { closeWindow() {

View File

@ -128,16 +128,18 @@
width: 60px; width: 60px;
text-align: center; text-align: center;
line-height: 34px; line-height: 34px;
color: #ffffff; color: #fff;
font-size: 15px; font-size: 15px;
margin-right: 17px; margin-right: 17px;
// background-color: rgba(47, 187, 236, 0.3); // background-color: rgba(47, 187, 236, 0.3);
border: 1px solid #fff;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
&.active{ &.active{
background-color: #2FBBEC; color: #0EF6F8;
// background-color: #fff;
border: 1px solid #0EF6F8;
} }
background-color: red;
} }
.operateBar{ .operateBar{
i{ i{

View File

@ -78,10 +78,10 @@ export default {
} }
}, },
created() { created() {
this.getList() // this.getList()
}, },
methods: { methods: {
getList() {}, // getList() {},
} }
} }
</script> </script>

View File

@ -67,15 +67,15 @@ export default {
numberOfCompleted: 2, numberOfCompleted: 2,
// //
progress: [ progress: [
{ date: '2022-01-01', name: '基础工程', state: true ,}, // { date: '2022-01-01', name: '', state: true ,},
{ date: '2022-02-14', name: '主题结构施工', state: true, }, // { date: '2022-02-14', name: '', state: true, },
{ date: '2022-03-25', name: '屋面工程', state: true, }, // { date: '2022-03-25', name: '', state: true, },
{ date: '2022-07-31', name: '机械设备安拆工程', state: true, }, // { date: '2022-07-31', name: '', state: true, },
{ date: '2022-08-31', name: '室内装饰装修工程', state: true,}, // { date: '2022-08-31', name: '', state: true,},
{ date: '2022-09-01', name: '基础工程', state: true ,}, // { date: '2022-09-01', name: '', state: true ,},
{ date: '2022-10-14', name: '主题结构施工', state: true, }, // { date: '2022-10-14', name: '', state: true, },
{ date: '2022-11-25', name: '屋面工程', state: true,}, // { date: '2022-11-25', name: '', state: true,},
{ date: '2022-12-31', name: '机械设备安拆工程'}, // { date: '2022-12-31', name: ''},
], ],
// //
options: [], options: [],
@ -90,7 +90,7 @@ export default {
}; };
}, },
created() { created() {
// this.getList(); this.getList();
}, },
computed: { computed: {
...mapState(["projectSn"]), ...mapState(["projectSn"]),
@ -105,25 +105,25 @@ export default {
projectSn: this.projectSn, projectSn: this.projectSn,
isNoStart: false, isNoStart: false,
}).then((res) => { }).then((res) => {
// console.log(": ", res); console.log("查询步骤条列表: ", res);
// state 0, 1, 2 // state 0, 1, 2
// const progress = this.progress; const progress = this.progress;
// res.result.forEach((item) => { res.result.forEach((item) => {
// if (item.state == 2) { if (item.state == 2) {
// progress.push({ progress.push({
// name: item.subitemProjectName, name: item.subitemProjectName,
// date: item.actualEndTime, date: item.actualEndTime,
// }); });
// this.numberOfCompleted++; this.numberOfCompleted++;
// console.log("this.numberOfCompleted: ", this.numberOfCompleted); console.log("this.numberOfCompleted: ", this.numberOfCompleted);
// } else { } else {
// progress.push({ progress.push({
// name: item.subitemProjectName, name: item.subitemProjectName,
// date: item.startTime, date: item.startTime,
// }); });
// } }
// }); });
// console.log(this.progress); console.log(this.progress);
}); });
}, },
}, },
@ -246,39 +246,34 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.progress-item-dot {
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50%;
&::after {
content: '';
position: absolute;
top: 4px;
transform: translateX(-99%);
display: block;
width: 200px;
height: 2px;
background: #fff;
}
&.active {
&::after {
background: #6dc6d8;
}
}
&::before { &::before {
content: ''; content: '';
position: relative; position: relative;
z-index: 9; z-index: 9;
display: block; width: 8px;
width: 10px; height: 8px;
height: 10px;
background-color: #fff; background-color: #fff;
border: 1px solid #2de1fa;
border-radius: 50%; border-radius: 50%;
} }
&:not(:last-child)::after {
content: '';
position: absolute;
top: 5px;
left: 50%;
bottom: calc(100% - 5px);
width: 100%;
height: 1px;
background-color: #ccc;
}
&.success::after {
background-color: #2de1fa;
}
.date {
margin: 4px 0;
font-size: 12px;
color: #ddd;
}
} }
.info { .info {
@ -330,7 +325,6 @@ export default {
color: #fafbfa; color: #fafbfa;
} }
} }
}
::v-deep .el-input__suffix { ::v-deep .el-input__suffix {
display: none; display: none;

View File

@ -440,11 +440,12 @@ export default {
this.selectLifterCurrentData() this.selectLifterCurrentData()
}, },
exportExcel(){ exportExcel(){
console.log('点击this.valueTime',this.valueTime)
if(this.valueTime){ if(this.valueTime){
window.location.href = window.location.href =
this.$http.defaults.baseURL + this.$http.defaults.baseURL +
"xmgl/download/exporExcelTowerAlarm?projectSn=" + this.projectSn + "xmgl/download/exporExcelTowerAlarm?projectSn=" + this.projectSn +
"&devSn=" + this.devSn + "&startTime=" + this.transformTimestamp2(this.valueTime[0]) + "&endTime=" + this.transformTimestamp2(this.valueTime[1]); "&devSn=" + this.devSn + "&startTime=" + this.valueTime[0] + "&endTime=" + this.valueTime[1];
}else { }else {
window.location.href = window.location.href =
this.$http.defaults.baseURL + this.$http.defaults.baseURL +