|
@ -1,5 +1,5 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="container infoBoardBox" style="height:93.2vh;;background-color: #11232a;"> |
|
|
<div class="container infoBoardBox" style="height:93.2vh;;background-color: #11232a;"> |
|
|
<div style=" |
|
|
<div style=" |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
margin-left: 0px; |
|
|
margin-left: 0px; |
|
@ -9,7 +9,7 @@ |
|
|
"> |
|
|
"> |
|
|
<div style="width: 20%" class="verticalBox"> |
|
|
<div style="width: 20%" class="verticalBox"> |
|
|
<div style="width:100%;height:100%;padding:1vh 0.2vw;"> |
|
|
<div style="width:100%;height:100%;padding:1vh 0.2vw;"> |
|
|
<div style="width:100%;height:100%;background-color:#112d3b"> |
|
|
<div style="width:100%;height:100%;background-color:#112d3b;padding:0 0 1vh 0;"> |
|
|
<div class="bigTitle qbbBigTitle"> |
|
|
<div class="bigTitle qbbBigTitle"> |
|
|
<img class="qbbBigDot" src="@/assets/screen/xtb/qbbdot.png" alt=""> |
|
|
<img class="qbbBigDot" src="@/assets/screen/xtb/qbbdot.png" alt=""> |
|
|
<div>情报板列表</div> |
|
|
<div>情报板列表</div> |
|
@ -48,7 +48,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div style="width: 37.8%" class="verticalBox verticalBoxBorderLeft"> |
|
|
<div style="width: 37.8%" class="verticalBox verticalBoxBorderLeft"> |
|
|
<div style="width:100%;height:100%;padding:1vh 0.2vw;"> |
|
|
<div style="width:100%;height:100%;padding:1vh 0.2vw;"> |
|
|
<div style="width:100%;height:100%;background-color:#112d3b"> |
|
|
<div style="width:100%;height:100%;background-color:#112d3b;"> |
|
|
|
|
|
|
|
|
<div class="bigTitle awaitBigTitle"> |
|
|
<div class="bigTitle awaitBigTitle"> |
|
|
<div> |
|
|
<div> |
|
@ -70,7 +70,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="contentBox"> |
|
|
<div class="contentBox"> |
|
|
<el-table :data="contentList" row-key="ID" v-loading="loading" max-height="700" :key="toggleIndex"> |
|
|
<el-table :data="contentList" row-key="ID" v-loading="loading" style="height: 100%;padding: 0 1vh;background-color: #112d3b;overflow-y: scroll;" :key="toggleIndex"> |
|
|
<el-table-column width="545"> |
|
|
<el-table-column width="545"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<div class="con"> |
|
|
<div class="con"> |
|
@ -1261,13 +1261,13 @@ export default { |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 情报板管理右侧查询接口 |
|
|
// 情报板管理右侧查询接口 |
|
|
allVmsTemplate(type) { |
|
|
allVmsTemplate(type) { |
|
|
const param = { |
|
|
const param = { |
|
|
devicePixel: this.form.devicePixel, |
|
|
devicePixel: this.form.devicePixel |
|
|
}; |
|
|
} |
|
|
//TODO 测试数据 需删除走接口 |
|
|
//TODO 测试数据 需删除走接口 |
|
|
/*let data = [] |
|
|
/*let data = [] |
|
|
if( this.form.devicePixel == '768*64'){ |
|
|
if( this.form.devicePixel == '768*64'){ |
|
|
data = { |
|
|
data = { |
|
|
"0": [ |
|
|
"0": [ |
|
@ -3120,25 +3120,25 @@ export default { |
|
|
} |
|
|
} |
|
|
this.$forceUpdate();*/ |
|
|
this.$forceUpdate();*/ |
|
|
|
|
|
|
|
|
//TODO 接口 |
|
|
//TODO 接口 |
|
|
getAllVmsTemplate(param).then((res) => { |
|
|
getAllVmsTemplate(param).then(res => { |
|
|
let data = res.data; |
|
|
let data = res.data |
|
|
console.log(res, "情报板管理右侧查询接口"); |
|
|
console.log(res, '情报板管理右侧查询接口') |
|
|
let jArr = []; |
|
|
let jArr = [] |
|
|
|
|
|
|
|
|
for (let j = 0; j < this.iotTemplateCategoryList.length; j++) { |
|
|
for (let j = 0; j < this.iotTemplateCategoryList.length; j++) { |
|
|
let arr = this.iotTemplateCategoryList[j]; |
|
|
let arr = this.iotTemplateCategoryList[j] |
|
|
let brr = data[j]; |
|
|
let brr = data[j] |
|
|
arr.list = brr; |
|
|
arr.list = brr |
|
|
jArr.push(j.toString()); |
|
|
jArr.push(j.toString()) |
|
|
} |
|
|
} |
|
|
if (type != "no") { |
|
|
if (type != 'no') { |
|
|
this.activeNames = jArr; |
|
|
this.activeNames = jArr |
|
|
} |
|
|
} |
|
|
this.$forceUpdate(); |
|
|
this.$forceUpdate() |
|
|
console.log(this.iotTemplateCategoryList, "新模板"); |
|
|
console.log(this.iotTemplateCategoryList, '新模板') |
|
|
}); |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 删除中间模板 |
|
|
// 删除中间模板 |
|
|
delQbbDrawer(index) { |
|
|
delQbbDrawer(index) { |
|
@ -3316,23 +3316,23 @@ export default { |
|
|
return (Array(length).join('0') + parseInt(num)).slice(-length) |
|
|
return (Array(length).join('0') + parseInt(num)).slice(-length) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 转报文 字体 |
|
|
// 转报文 字体 |
|
|
getFontValue(font) { |
|
|
getFontValue(font) { |
|
|
if (font == "黑体" || font == "SimHei") return "1"; |
|
|
if (font == '黑体' || font == 'SimHei') return '1' |
|
|
if (font == "楷体" || font == "KaiTi") return "2"; |
|
|
if (font == '楷体' || font == 'KaiTi') return '2' |
|
|
if (font == "仿宋" || font == "FangSong") return "4"; |
|
|
if (font == '仿宋' || font == 'FangSong') return '4' |
|
|
if (font == "隶书" || font == "LiSu") return "5"; |
|
|
if (font == '隶书' || font == 'LiSu') return '5' |
|
|
else return "3"; //宋体 |
|
|
else return '3' //宋体 |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 转报文 色号 |
|
|
// 转报文 色号 |
|
|
getColorValue(color) { |
|
|
getColorValue(color) { |
|
|
if (color == "蓝色" || color == "blue") return "0000FF"; |
|
|
if (color == '蓝色' || color == 'blue') return '0000FF' |
|
|
if (color == "绿色" || color == "#00FF00" || color == "GreenYellow") return "00FF00"; |
|
|
if (color == '绿色' || color == '#00FF00' || color == 'GreenYellow') return '00FF00' |
|
|
if (color == "红色" || color == "red") return "FF0000"; |
|
|
if (color == '红色' || color == 'red') return 'FF0000' |
|
|
if (color == "黄色" || color == "yellow") return "FFFF00"; |
|
|
if (color == '黄色' || color == 'yellow') return 'FFFF00' |
|
|
return "FFFFFF"; //白色 |
|
|
return 'FFFFFF' //白色 |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 向内容显示区域添加一条信息 |
|
|
// 向内容显示区域添加一条信息 |
|
|
addContentDisplayInfos(addId, no, disContent) { |
|
|
addContentDisplayInfos(addId, no, disContent) { |
|
@ -3605,6 +3605,7 @@ export default { |
|
|
.contentBox { |
|
|
.contentBox { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: calc(100% - 46px); |
|
|
height: calc(100% - 46px); |
|
|
|
|
|
padding: 0 0 1vh 0; |
|
|
/* // overflow: auto; */ |
|
|
/* // overflow: auto; */ |
|
|
|
|
|
|
|
|
.con { |
|
|
.con { |
|
@ -3616,6 +3617,7 @@ export default { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
|
|
|
border: 2px solid #004c64; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.menuBox { |
|
|
.menuBox { |
|
@ -3626,6 +3628,7 @@ export default { |
|
|
height: 75px; |
|
|
height: 75px; |
|
|
justify-content: space-around; |
|
|
justify-content: space-around; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
|
|
|
border: 2px solid #004c64; |
|
|
|
|
|
|
|
|
div { |
|
|
div { |
|
|
background-repeat: no-repeat; |
|
|
background-repeat: no-repeat; |
|
@ -3680,7 +3683,7 @@ export default { |
|
|
.templateBox { |
|
|
.templateBox { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: calc(100% - 46px); |
|
|
height: calc(100% - 46px); |
|
|
padding: 0 0.5vw 1vh 0.5vw; |
|
|
padding: 0 0 1vh 0; |
|
|
|
|
|
|
|
|
.con { |
|
|
.con { |
|
|
height: 75px; |
|
|
height: 75px; |
|
@ -3779,6 +3782,7 @@ export default { |
|
|
overflow: auto; |
|
|
overflow: auto; |
|
|
border-bottom: none; |
|
|
border-bottom: none; |
|
|
border-top: none; |
|
|
border-top: none; |
|
|
|
|
|
padding: 0 0.5vw; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
@ -3938,7 +3942,17 @@ export default { |
|
|
border-radius: 15px; |
|
|
border-radius: 15px; |
|
|
} |
|
|
} |
|
|
::v-deep .el-table__body-wrapper { |
|
|
::v-deep .el-table__body-wrapper { |
|
|
background-color: #112d3b; |
|
|
background-color: #053b4f; |
|
|
|
|
|
padding: 0 1vw; |
|
|
|
|
|
} |
|
|
|
|
|
::v-deep .el-table tr { |
|
|
|
|
|
background-color: #053b4f; |
|
|
|
|
|
} |
|
|
|
|
|
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { |
|
|
|
|
|
background-color: #053b4f; |
|
|
|
|
|
} |
|
|
|
|
|
::v-deep .el-table td.el-table__cell { |
|
|
|
|
|
border: none; |
|
|
} |
|
|
} |
|
|
.el-table::before, |
|
|
.el-table::before, |
|
|
.el-table--group::after, |
|
|
.el-table--group::after, |
|
|