|
|
@ -9,24 +9,28 @@ |
|
|
</div> |
|
|
</div> |
|
|
<el-form ref="form" :model="form" class="partCon"> |
|
|
<el-form ref="form" :model="form" class="partCon"> |
|
|
<el-form-item style="margin-bottom: 12px;"> |
|
|
<el-form-item style="margin-bottom: 12px;"> |
|
|
<el-select v-model="form.selectedDirection" size="medium" placeholder="请选择方向" style="overflow: hidden;width: 100%;"> |
|
|
<el-select v-model="form.selectedDirection" size="medium" placeholder="请选择方向" |
|
|
<el-option v-for="item in boardDirectionList" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue" @click.native="____changeDirection(item.dictValue)" /> |
|
|
style="overflow: hidden;width: 100%;"> |
|
|
|
|
|
<el-option v-for="item in boardDirectionList" :key="item.dictValue" :label="item.dictLabel" |
|
|
|
|
|
:value="item.dictValue" @click.native="____changeDirection(item.dictValue)" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<!-- {{ boardSizeDic }} --> |
|
|
<!-- {{ boardSizeDic }} --> |
|
|
<el-collapse v-model="selectedSize" accordion @change="____onChangeSize"> |
|
|
<el-collapse v-model="selectedSize" accordion @change="____onChangeSize"> |
|
|
<el-collapse-item v-for="(item, key) in boardSizeDic" :key="key" :title="item.label" :name="key"> |
|
|
<el-collapse-item v-for="(item, key) in boardSizeDic" :key="key" :title="item.label" :name="key"> |
|
|
<div v-if="item.list.length>0"> |
|
|
<div v-if="item.list.length > 0"> |
|
|
<!-- <el-checkbox style="width: 100%" :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选 |
|
|
<!-- <el-checkbox style="width: 100%" :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选 |
|
|
</el-checkbox> --> |
|
|
</el-checkbox> --> |
|
|
<el-checkbox-group class="checkbox" v-model="checkedCities" @change="handleCheckedCitiesChange" :max="1"> |
|
|
<el-checkbox-group class="checkbox" v-model="checkedCities" @change="handleCheckedCitiesChange" |
|
|
|
|
|
:max="1"> |
|
|
<el-checkbox v-for="(itm, index) in item.list" :label="itm.id" :key="index"> |
|
|
<el-checkbox v-for="(itm, index) in item.list" :label="itm.id" :key="index"> |
|
|
<el-tooltip :content="itm.ip" placement="top"> |
|
|
<el-tooltip :content="itm.ip" placement="top"> |
|
|
<div>{{ itm.deviceName }}</div> |
|
|
<div>{{ itm.deviceName }}</div> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
<el-tooltip content="回读当前信息" placement="top"> |
|
|
<el-tooltip content="回读当前信息" placement="top"> |
|
|
<el-button class="el-icon-tickets huiduButton" @click.stop.prevent="onSubmit(itm.id)" :disabled="submitButton"></el-button> |
|
|
<el-button class="el-icon-tickets huiduButton" @click.stop.prevent="onSubmit(itm.id)" |
|
|
|
|
|
:disabled="submitButton"></el-button> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
</el-checkbox> |
|
|
</el-checkbox> |
|
|
</el-checkbox-group> |
|
|
</el-checkbox-group> |
|
|
@ -55,17 +59,18 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="partCon"> |
|
|
<div class="partCon"> |
|
|
<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 :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"> |
|
|
<div style="background: black; position: relative" :style="{ |
|
|
<div style="background: black; position: relative" :style="{ |
|
|
color: getColorStyle(scope.row.COLOR) , |
|
|
color: getColorStyle(scope.row.COLOR), |
|
|
fontSize: getFontSize(scope.row.FONT_SIZE), |
|
|
fontSize: getFontSize(scope.row.FONT_SIZE), |
|
|
fontFamily: scope.row.FONT, |
|
|
fontFamily: scope.row.FONT, |
|
|
width: getScreenSize(form.selectedPixel, 'width') + 'px', |
|
|
width: getScreenSize(form.selectedPixel, 'width') + 'px', |
|
|
height: getScreenSize(form.selectedPixel, 'height') + 'px', |
|
|
height: getScreenSize(form.selectedPixel, 'height') + 'px', |
|
|
'lineHeight':'1', |
|
|
'lineHeight': '1', |
|
|
'display': 'flex', |
|
|
'display': 'flex', |
|
|
'align-items': 'center', |
|
|
'align-items': 'center', |
|
|
'justify-content': getTextAlign(scope.row.formatStyle), |
|
|
'justify-content': getTextAlign(scope.row.formatStyle), |
|
|
@ -79,10 +84,10 @@ |
|
|
scope.row.COORDINATE.substring(3, 6), |
|
|
scope.row.COORDINATE.substring(3, 6), |
|
|
'top' |
|
|
'top' |
|
|
),*/ |
|
|
),*/ |
|
|
position:'relative', |
|
|
position: 'relative', |
|
|
maxHeight:getScreenSize(form.selectedPixel, 'height') + 'px', |
|
|
maxHeight: getScreenSize(form.selectedPixel, 'height') + 'px', |
|
|
}" class="infoTxt" v-html=" |
|
|
}" class="infoTxt" |
|
|
scope.row.CONTENT? scope.row.CONTENT.replace(/\n|\r\n/g,'<br>').replace(/ /g, ' '): ''"></span> |
|
|
v-html="scope.row.CONTENT ? scope.row.CONTENT.replace(/\n|\r\n/g, '<br>').replace(/ /g, '&nb sp'): ''"></span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
@ -125,7 +130,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="partCon"> |
|
|
<div class="partCon"> |
|
|
<vuescroll :ops="scrollOptions" class="templateBox"> |
|
|
<vuescroll :ops="scrollOptions" class="templateBox"> |
|
|
<div v-for="(item,index) in templateAvailable" :key="item.dictValue"> |
|
|
<div v-for="(item, index) in templateAvailable" :key="item.dictValue"> |
|
|
<!-- 原来是<el-collapse v-model="activeNames"> --> |
|
|
<!-- 原来是<el-collapse v-model="activeNames"> --> |
|
|
<h3>{{ item.dictLabel }}</h3> |
|
|
<h3>{{ item.dictLabel }}</h3> |
|
|
<div v-for="(itm, indx) in item.list" :key="indx" class="tplItem"> |
|
|
<div v-for="(itm, indx) in item.list" :key="indx" class="tplItem"> |
|
|
@ -139,7 +144,8 @@ |
|
|
<!-- 操作按钮 --> |
|
|
<!-- 操作按钮 --> |
|
|
<div class="infoBtnBox"> |
|
|
<div class="infoBtnBox"> |
|
|
<el-tooltip content="加入待下发信息" placement="top"> |
|
|
<el-tooltip content="加入待下发信息" placement="top"> |
|
|
<p @click="arrowLeft(itm)" :class="disabledButton && !selectedSize ? 'disabledClass' : '' " class="btn btnApply"></p> |
|
|
<p @click="arrowLeft(itm)" :class="disabledButton && !selectedSize ? 'disabledClass' : ''" |
|
|
|
|
|
class="btn btnApply"></p> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
<el-tooltip content="编辑" placement="top"> |
|
|
<el-tooltip content="编辑" placement="top"> |
|
|
<p @click="____onEditTemplate(itm)" class="btn btnEdit"></p> |
|
|
<p @click="____onEditTemplate(itm)" class="btn btnEdit"></p> |
|
|
@ -169,7 +175,8 @@ |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
|
<BoardInfoEditor @afterSubmit="____onEditSubmit" :mode="editDialog.mode" :type="editDialog.type" :visible.sync="editDialog.visible" :screenSize="selectedSize" :tpl="editDialog.tpl"></BoardInfoEditor> |
|
|
<BoardInfoEditor @afterSubmit="____onEditSubmit" :mode="editDialog.mode" :type="editDialog.type" |
|
|
|
|
|
:visible.sync="editDialog.visible" :screenSize="selectedSize" :tpl="editDialog.tpl"></BoardInfoEditor> |
|
|
<!-- <editInfo :boardEmitItem="this.boardEmitItem" @receiveForm="receiveForm" v-if="this.showEmit" @dialogClose="dialogClose"></editInfo> --> |
|
|
<!-- <editInfo :boardEmitItem="this.boardEmitItem" @receiveForm="receiveForm" v-if="this.showEmit" @dialogClose="dialogClose"></editInfo> --> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
@ -232,7 +239,7 @@ export default { |
|
|
loading: false, |
|
|
loading: false, |
|
|
submitButton: false, //回读禁用 |
|
|
submitButton: false, //回读禁用 |
|
|
selectedSize: '', //情报板设备 绑定 |
|
|
selectedSize: '', //情报板设备 绑定 |
|
|
selectedDevice:{}, |
|
|
selectedDevice: {}, |
|
|
boardSizeDic: {}, //情报板设备字典 |
|
|
boardSizeDic: {}, //情报板设备字典 |
|
|
boardDirectionList: [], //方向 |
|
|
boardDirectionList: [], //方向 |
|
|
userQueryParams: { |
|
|
userQueryParams: { |
|
|
@ -252,9 +259,9 @@ export default { |
|
|
devicessizeList: [], //分辨率下拉框 |
|
|
devicessizeList: [], //分辨率下拉框 |
|
|
deviceList: [], //分辨率 |
|
|
deviceList: [], //分辨率 |
|
|
checkedCities: [], //多选 选中项 |
|
|
checkedCities: [], //多选 选中项 |
|
|
templateAvailable:[], |
|
|
templateAvailable: [], |
|
|
form: { |
|
|
form: { |
|
|
selectedDirection:"", |
|
|
selectedDirection: "", |
|
|
company: null, |
|
|
company: null, |
|
|
mechanism: null, |
|
|
mechanism: null, |
|
|
localInfo: null, |
|
|
localInfo: null, |
|
|
@ -267,12 +274,12 @@ export default { |
|
|
isIndeterminate: false, |
|
|
isIndeterminate: false, |
|
|
contentList: [], //待下发数据 |
|
|
contentList: [], //待下发数据 |
|
|
toRightItem: {}, //向右添加到模板的数据 |
|
|
toRightItem: {}, //向右添加到模板的数据 |
|
|
selectedBdMsg:[], |
|
|
selectedBdMsg: [], |
|
|
editDialog:{ |
|
|
editDialog: { |
|
|
mode:"", |
|
|
mode: "", |
|
|
type:"", |
|
|
type: "", |
|
|
visible:false, |
|
|
visible: false, |
|
|
tpl:{} |
|
|
tpl: {} |
|
|
}, |
|
|
}, |
|
|
scrollOptions |
|
|
scrollOptions |
|
|
} |
|
|
} |
|
|
@ -297,7 +304,7 @@ export default { |
|
|
// } |
|
|
// } |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
Promise.all([this.____initDirection(), this.____getBoardPixel(), this.____getTemplateCategory(), this.____getAllTemplate()]).then((res)=>{ |
|
|
Promise.all([this.____initDirection(), this.____getBoardPixel(), this.____getTemplateCategory(), this.____getAllTemplate()]).then((res) => { |
|
|
this.____getIotBoard(); |
|
|
this.____getIotBoard(); |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
@ -305,8 +312,8 @@ export default { |
|
|
// this.rowDrop(); |
|
|
// this.rowDrop(); |
|
|
this.hideScrollFn() |
|
|
this.hideScrollFn() |
|
|
}, |
|
|
}, |
|
|
computed:{ |
|
|
computed: { |
|
|
____boardScale(){ |
|
|
____boardScale() { |
|
|
let arr = this.selectedSize.split("*"); |
|
|
let arr = this.selectedSize.split("*"); |
|
|
let boxW = 540; |
|
|
let boxW = 540; |
|
|
let boxH = 80; |
|
|
let boxH = 80; |
|
|
@ -318,28 +325,28 @@ computed:{ |
|
|
} |
|
|
} |
|
|
return scale; |
|
|
return scale; |
|
|
}, |
|
|
}, |
|
|
____boardBgStyle(){ |
|
|
____boardBgStyle() { |
|
|
let arr = this.selectedSize.split("*"); |
|
|
let arr = this.selectedSize.split("*"); |
|
|
return { |
|
|
return { |
|
|
width: `${arr[0] * this.____boardScale}px`, |
|
|
width: `${arr[0] * this.____boardScale}px`, |
|
|
height: `${arr[1] * this.____boardScale}px` |
|
|
height: `${arr[1] * this.____boardScale}px` |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
____boardTxtStyle(){ |
|
|
____boardTxtStyle() { |
|
|
return { |
|
|
return { |
|
|
color : "#F00" |
|
|
color: "#F00" |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 获取尺寸系列 |
|
|
// 获取尺寸系列 |
|
|
____getBoardPixel() { |
|
|
____getBoardPixel() { |
|
|
this.boardSizeDic = {} |
|
|
this.boardSizeDic = {} |
|
|
return this.getDicts('iot_board_pixel').then(res => { |
|
|
return this.getDicts('iot_board_pixel').then(res => { |
|
|
res.data.forEach(item =>{ |
|
|
res.data.forEach(item => { |
|
|
this.boardSizeDic[item.dictValue] = { |
|
|
this.boardSizeDic[item.dictValue] = { |
|
|
label:item.dictLabel, |
|
|
label: item.dictLabel, |
|
|
list:[] |
|
|
list: [] |
|
|
}; |
|
|
}; |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
}) |
|
|
@ -351,7 +358,7 @@ computed:{ |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
____getAllTemplate(){ |
|
|
____getAllTemplate() { |
|
|
return getTemplateList().then((res) => { |
|
|
return getTemplateList().then((res) => { |
|
|
this.templateAll = res.data; |
|
|
this.templateAll = res.data; |
|
|
}); |
|
|
}); |
|
|
@ -372,7 +379,7 @@ computed:{ |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
____initDirection(){ |
|
|
____initDirection() { |
|
|
return this.getDicts('iot_board_direction').then(res => { |
|
|
return this.getDicts('iot_board_direction').then(res => { |
|
|
this.boardDirectionList = res.data; |
|
|
this.boardDirectionList = res.data; |
|
|
this.form.selectedDirection = res.data[0].dictValue; |
|
|
this.form.selectedDirection = res.data[0].dictValue; |
|
|
@ -386,8 +393,8 @@ computed:{ |
|
|
// 情报板设备 折叠面板 |
|
|
// 情报板设备 折叠面板 |
|
|
____getIotBoard() { |
|
|
____getIotBoard() { |
|
|
this.checkAll = false |
|
|
this.checkAll = false |
|
|
for(let key in this.boardSizeDic){ |
|
|
for (let key in this.boardSizeDic) { |
|
|
this.boardSizeDic[key].list=[]; |
|
|
this.boardSizeDic[key].list = []; |
|
|
} |
|
|
} |
|
|
// TODO 接口 |
|
|
// TODO 接口 |
|
|
let param = { |
|
|
let param = { |
|
|
@ -395,15 +402,15 @@ computed:{ |
|
|
}; |
|
|
}; |
|
|
getBoardList(param).then((res) => { |
|
|
getBoardList(param).then((res) => { |
|
|
res.data.forEach(item => { |
|
|
res.data.forEach(item => { |
|
|
if(_.isString(item.otherConfig)){ |
|
|
if (_.isString(item.otherConfig)) { |
|
|
item.otherConfig = JSON.parse(item.otherConfig); |
|
|
item.otherConfig = JSON.parse(item.otherConfig); |
|
|
} |
|
|
} |
|
|
this.boardSizeDic[item.otherConfig.screenSize].list.push(item); |
|
|
this.boardSizeDic[item.otherConfig.screenSize].list.push(item); |
|
|
if(!this.selectedSize){ |
|
|
if (!this.selectedSize) { |
|
|
this.selectedSize = item.otherConfig.screenSize; |
|
|
this.selectedSize = item.otherConfig.screenSize; |
|
|
this.____onChangeSize(); |
|
|
this.____onChangeSize(); |
|
|
} |
|
|
} |
|
|
if(!this.selectedDevice.deviceName){ |
|
|
if (!this.selectedDevice.deviceName) { |
|
|
this.selectedDevice = item; |
|
|
this.selectedDevice = item; |
|
|
this.____getBoardMessage(); |
|
|
this.____getBoardMessage(); |
|
|
} |
|
|
} |
|
|
@ -413,15 +420,15 @@ computed:{ |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
____getBoardMessage(){ |
|
|
____getBoardMessage() { |
|
|
// 获取情报板设备对应的显示信息 |
|
|
// 获取情报板设备对应的显示信息 |
|
|
this.selectedBdMsg = []; |
|
|
this.selectedBdMsg = []; |
|
|
}, |
|
|
}, |
|
|
____onAddTemplate(){ |
|
|
____onAddTemplate() { |
|
|
this.editDialog = { |
|
|
this.editDialog = { |
|
|
visible : true, |
|
|
visible: true, |
|
|
mode : "add", |
|
|
mode: "add", |
|
|
type : "template" |
|
|
type: "template" |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
____onEditTemplate(tpl) { |
|
|
____onEditTemplate(tpl) { |
|
|
@ -432,10 +439,10 @@ computed:{ |
|
|
tpl |
|
|
tpl |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
____onEditSubmit(para){ |
|
|
____onEditSubmit(para) { |
|
|
this.____refreshPageData(para); |
|
|
this.____refreshPageData(para); |
|
|
}, |
|
|
}, |
|
|
____refreshPageData(para){ |
|
|
____refreshPageData(para) { |
|
|
if (para.type == 'template') { |
|
|
if (para.type == 'template') { |
|
|
this.____getAllTemplate().then(this.____onChangeSize) |
|
|
this.____getAllTemplate().then(this.____onChangeSize) |
|
|
} else { |
|
|
} else { |
|
|
@ -561,10 +568,10 @@ computed:{ |
|
|
confirmButtonText: '确定', |
|
|
confirmButtonText: '确定', |
|
|
cancelButtonText: '取消', |
|
|
cancelButtonText: '取消', |
|
|
type: 'warning' |
|
|
type: 'warning' |
|
|
}).then(()=>{ |
|
|
}).then(() => { |
|
|
deleteTemplate(id).then(()=>{ |
|
|
deleteTemplate(id).then(() => { |
|
|
this.$message.success('删除成功!'); |
|
|
this.$message.success('删除成功!'); |
|
|
this.____refreshPageData({type:"template"}); |
|
|
this.____refreshPageData({ type: "template" }); |
|
|
}) |
|
|
}) |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
@ -712,21 +719,21 @@ computed:{ |
|
|
// } |
|
|
// } |
|
|
// } |
|
|
// } |
|
|
}, |
|
|
}, |
|
|
____setAvailableTemplate(){ |
|
|
____setAvailableTemplate() { |
|
|
this.templateAvailable = []; |
|
|
this.templateAvailable = []; |
|
|
this.tplCategory.forEach((item,index)=>{ |
|
|
this.tplCategory.forEach((item, index) => { |
|
|
let arr = this.templateAll[''+index]; |
|
|
let arr = this.templateAll['' + index]; |
|
|
if(arr.length>0){ |
|
|
if (arr.length > 0) { |
|
|
let temp = []; |
|
|
let temp = []; |
|
|
arr.forEach(tpl=>{ |
|
|
arr.forEach(tpl => { |
|
|
if(tpl.screenSize == this.selectedSize){ |
|
|
if (tpl.screenSize == this.selectedSize) { |
|
|
temp.push(tpl); |
|
|
temp.push(tpl); |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
if(temp.length>0){ |
|
|
if (temp.length > 0) { |
|
|
this.templateAvailable.push({ |
|
|
this.templateAvailable.push({ |
|
|
...item, |
|
|
...item, |
|
|
list:temp |
|
|
list: temp |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -1050,19 +1057,24 @@ computed:{ |
|
|
</script> |
|
|
</script> |
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
.infoBoardBox { |
|
|
.infoBoardBox { |
|
|
.infoBoardCon{ |
|
|
.infoBoardCon { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
display: flex; flex-direction: row; |
|
|
display: flex; |
|
|
|
|
|
flex-direction: row; |
|
|
align-items: stretch; |
|
|
align-items: stretch; |
|
|
padding: 20px; |
|
|
padding: 20px; |
|
|
|
|
|
|
|
|
.part { |
|
|
.part { |
|
|
background-color: #133242; |
|
|
background-color: #133242; |
|
|
margin-right: 10px; |
|
|
margin-right: 10px; |
|
|
display: flex; flex-direction: column; |
|
|
display: flex; |
|
|
&.partRight{ |
|
|
flex-direction: column; |
|
|
|
|
|
|
|
|
|
|
|
&.partRight { |
|
|
margin-right: 0; |
|
|
margin-right: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.partTitle { |
|
|
.partTitle { |
|
|
padding: 0px 0; |
|
|
padding: 0px 0; |
|
|
/* // border-bottom: 1px solid #05afe3; */ |
|
|
/* // border-bottom: 1px solid #05afe3; */ |
|
|
@ -1077,7 +1089,8 @@ computed:{ |
|
|
.partCon { |
|
|
.partCon { |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
height: 0; |
|
|
height: 0; |
|
|
padding:10px; |
|
|
padding: 10px; |
|
|
|
|
|
|
|
|
.con { |
|
|
.con { |
|
|
/* // border: 1px solid #05afe3; */ |
|
|
/* // border: 1px solid #05afe3; */ |
|
|
height: 75px; |
|
|
height: 75px; |
|
|
@ -1089,6 +1102,7 @@ computed:{ |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
border: 2px solid #004c64; |
|
|
border: 2px solid #004c64; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* // } */ |
|
|
/* // } */ |
|
|
.controlBox { |
|
|
.controlBox { |
|
|
display: flex; |
|
|
display: flex; |
|
|
@ -1098,19 +1112,22 @@ computed:{ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.templateBox { |
|
|
.templateBox { |
|
|
width: 100%; height: 100%; |
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
|
|
|
.tplItem { |
|
|
.tplItem { |
|
|
margin-right: 14px; |
|
|
margin-right: 14px; |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: stretch; |
|
|
align-items: stretch; |
|
|
margin-bottom: 10px; |
|
|
margin-bottom: 10px; |
|
|
|
|
|
|
|
|
.boardPreview{ |
|
|
.boardPreview { |
|
|
border: 2px solid #004c64; |
|
|
border: 2px solid #004c64; |
|
|
// width: 560px; |
|
|
// width: 560px; |
|
|
// height:80px; |
|
|
// height:80px; |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.infoBtnBox { |
|
|
.infoBtnBox { |
|
|
width: 160px; |
|
|
width: 160px; |
|
|
height: 80px; |
|
|
height: 80px; |
|
|
@ -1129,13 +1146,16 @@ computed:{ |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
width: 40px; |
|
|
width: 40px; |
|
|
height: 40px; |
|
|
height: 40px; |
|
|
&.btnApply{ |
|
|
|
|
|
|
|
|
&.btnApply { |
|
|
background-image: url(~@/assets/jihe/images/button/toLeft.png); |
|
|
background-image: url(~@/assets/jihe/images/button/toLeft.png); |
|
|
} |
|
|
} |
|
|
&.btnEdit{ |
|
|
|
|
|
|
|
|
&.btnEdit { |
|
|
background-image: url(~@/assets/jihe/images/button/edit.png); |
|
|
background-image: url(~@/assets/jihe/images/button/edit.png); |
|
|
} |
|
|
} |
|
|
&.btnDelete{ |
|
|
|
|
|
|
|
|
&.btnDelete { |
|
|
background-image: url(~@/assets/jihe/images/button/delete.png); |
|
|
background-image: url(~@/assets/jihe/images/button/delete.png); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -1189,6 +1209,7 @@ computed:{ |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.qbbBigDotBa { |
|
|
.qbbBigDotBa { |
|
|
width: 64px; |
|
|
width: 64px; |
|
|
height: 9px; |
|
|
height: 9px; |
|
|
@ -1249,11 +1270,13 @@ computed:{ |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
position: relative; |
|
|
position: relative; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.qbbBigDot { |
|
|
.qbbBigDot { |
|
|
width: 18px; |
|
|
width: 18px; |
|
|
height: 22px; |
|
|
height: 22px; |
|
|
margin: 0 0.5vw 0 0.5vw; |
|
|
margin: 0 0.5vw 0 0.5vw; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.partDeviceTempateTitle { |
|
|
.partDeviceTempateTitle { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
@ -1289,14 +1312,16 @@ computed:{ |
|
|
padding-left: 5px; |
|
|
padding-left: 5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-checkbox + .el-checkbox { |
|
|
::v-deep .el-checkbox+.el-checkbox { |
|
|
margin-left: 0px !important; |
|
|
margin-left: 0px !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-select .el-input .el-input__inner { |
|
|
::v-deep .el-select .el-input .el-input__inner { |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
background-color: #053b4f; |
|
|
background-color: #053b4f; |
|
|
border-color: transparent; |
|
|
border-color: transparent; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-collapse-item__header { |
|
|
::v-deep .el-collapse-item__header { |
|
|
background-color: #053b4f; |
|
|
background-color: #053b4f; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
@ -1305,56 +1330,71 @@ computed:{ |
|
|
border-radius: 7px; |
|
|
border-radius: 7px; |
|
|
border-bottom: 5px solid #112d3b; |
|
|
border-bottom: 5px solid #112d3b; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-collapse-item__wrap { |
|
|
::v-deep .el-collapse-item__wrap { |
|
|
background-color: #053b4f; |
|
|
background-color: #053b4f; |
|
|
padding: 0 1vw; |
|
|
padding: 0 1vw; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-collapse { |
|
|
::v-deep .el-collapse { |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
border: none; |
|
|
border: none; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-collapse-item__wrap { |
|
|
::v-deep .el-collapse-item__wrap { |
|
|
border: none; |
|
|
border: none; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-checkbox__label { |
|
|
::v-deep .el-checkbox__label { |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-button--medium { |
|
|
::v-deep .el-button--medium { |
|
|
width: 96px; |
|
|
width: 96px; |
|
|
height: 23px; |
|
|
height: 23px; |
|
|
line-height: 1px; |
|
|
line-height: 1px; |
|
|
border-radius: 15px; |
|
|
border-radius: 15px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-table__body-wrapper { |
|
|
::v-deep .el-table__body-wrapper { |
|
|
background-color: #053b4f; |
|
|
background-color: #053b4f; |
|
|
padding: 0 1vw; |
|
|
padding: 0 1vw; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-table tr { |
|
|
::v-deep .el-table tr { |
|
|
background-color: #053b4f; |
|
|
background-color: #053b4f; |
|
|
} |
|
|
} |
|
|
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { |
|
|
|
|
|
|
|
|
::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell { |
|
|
background-color: #053b4f; |
|
|
background-color: #053b4f; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::v-deep .el-table td.el-table__cell { |
|
|
::v-deep .el-table td.el-table__cell { |
|
|
border: none; |
|
|
border: none; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.el-table::before, |
|
|
.el-table::before, |
|
|
.el-table--group::after, |
|
|
.el-table--group::after, |
|
|
.el-table--border::after { |
|
|
.el-table--border::after { |
|
|
content: none; |
|
|
content: none; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* 通用滚动条样式 */ |
|
|
/* 通用滚动条样式 */ |
|
|
::-webkit-scrollbar { |
|
|
::-webkit-scrollbar { |
|
|
width: 3px; /* 设置滚动条宽度 */ |
|
|
width: 3px; |
|
|
height: 3px; /* 设置滚动条高度 */ |
|
|
/* 设置滚动条宽度 */ |
|
|
|
|
|
height: 3px; |
|
|
|
|
|
/* 设置滚动条高度 */ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::-webkit-scrollbar-track { |
|
|
::-webkit-scrollbar-track { |
|
|
background-color: #00295b; /* 设置滚动条轨道颜色 */ |
|
|
background-color: #00295b; |
|
|
|
|
|
/* 设置滚动条轨道颜色 */ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
::-webkit-scrollbar-thumb { |
|
|
::-webkit-scrollbar-thumb { |
|
|
background-color: #9abce0; /* 设置滚动条滑块颜色 */ |
|
|
background-color: #9abce0; |
|
|
border-radius: 4px; /* 设置滚动条滑块圆角 */ |
|
|
/* 设置滚动条滑块颜色 */ |
|
|
} |
|
|
border-radius: 4px; |
|
|
</style> |
|
|
/* 设置滚动条滑块圆角 */ |
|
|
|
|
|
}</style> |
|
|
|
Joe
1 year ago
