视频回放以及升降机导出bug修复
This commit is contained in:
parent
9e83537290
commit
6df4c4b454
@ -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
|
||||||
|
|||||||
@ -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() {
|
||||||
@ -369,6 +379,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() {
|
||||||
if (this.oWebControl != null) {
|
if (this.oWebControl != null) {
|
||||||
|
|||||||
@ -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{
|
||||||
|
|||||||
@ -78,10 +78,10 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.getList()
|
// this.getList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getList() {},
|
// getList() {},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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 +
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user