|
|
@ -1,149 +1,134 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="container infoBoardBox" style="height:94vh;;background-color: #11232a;"> |
|
|
<div class="infoBoardBox"> |
|
|
<div style=" |
|
|
<div class="infoBoardCon"> |
|
|
height: 100%; |
|
|
<div style="width: 20%" class="part partLeft"> |
|
|
margin-left: 0px; |
|
|
<div class="partTitle boardListTitle"> |
|
|
margin-right: 0px; |
|
|
<img class="qbbBigDot" src="@/assets/screen/xtb/qbbdot.png" alt=""> |
|
|
display: flex; |
|
|
<div>情报板列表</div> |
|
|
justify-content: space-between; |
|
|
<img class="qbbBigDotBa" src="@/assets/screen/xtb/qbba.png" alt=""> |
|
|
"> |
|
|
|
|
|
<div style="width: 20%" class="verticalBox"> |
|
|
|
|
|
<div style="width:100%;height:100%;padding:1vh 0.2vw;"> |
|
|
|
|
|
<div style="width:100%;height:100%;background-color:#112d3b;padding:0 0 1vh 0;"> |
|
|
|
|
|
<div class="bigTitle qbbBigTitle"> |
|
|
|
|
|
<img class="qbbBigDot" src="@/assets/screen/xtb/qbbdot.png" alt=""> |
|
|
|
|
|
<div>情报板列表</div> |
|
|
|
|
|
<img class="qbbBigDotBa" src="@/assets/screen/xtb/qbba.png" alt=""> |
|
|
|
|
|
</div> |
|
|
|
|
|
<el-form ref="form" style="padding:0 0.5vw;" :model="form"> |
|
|
|
|
|
<el-form-item style="margin-bottom: 12px;"> |
|
|
|
|
|
<el-select v-model="form.selectedDirection" size="medium" placeholder="请选择方向" 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-form-item> |
|
|
|
|
|
<el-form-item> |
|
|
|
|
|
<!-- {{ boardSizeDic }} --> |
|
|
|
|
|
<el-collapse v-model="selectedSize" accordion @change="____onChangeSize"> |
|
|
|
|
|
<el-collapse-item v-for="(item, key) in boardSizeDic" :key="key" :title="item.label" :name="key"> |
|
|
|
|
|
<div v-if="item.list.length>0"> |
|
|
|
|
|
<!-- <el-checkbox style="width: 100%" :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选 |
|
|
|
|
|
</el-checkbox> --> |
|
|
|
|
|
<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-tooltip :content="itm.ip" placement="top"> |
|
|
|
|
|
<div>{{ itm.deviceName }}</div> |
|
|
|
|
|
</el-tooltip> |
|
|
|
|
|
<el-tooltip content="回读当前信息" placement="top"> |
|
|
|
|
|
<el-button class="el-icon-tickets huiduButton" @click.stop.prevent="onSubmit(itm.id)" :disabled="submitButton"></el-button> |
|
|
|
|
|
</el-tooltip> |
|
|
|
|
|
</el-checkbox> |
|
|
|
|
|
</el-checkbox-group> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div v-else style="color: #fff; text-align: center; line-height: 60px;">暂无数据</div> |
|
|
|
|
|
</el-collapse-item> |
|
|
|
|
|
</el-collapse> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-form> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<el-form ref="form" :model="form" class="partCon"> |
|
|
|
|
|
<el-form-item style="margin-bottom: 12px;"> |
|
|
|
|
|
<el-select v-model="form.selectedDirection" size="medium" placeholder="请选择方向" 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-form-item> |
|
|
|
|
|
<el-form-item> |
|
|
|
|
|
<!-- {{ boardSizeDic }} --> |
|
|
|
|
|
<el-collapse v-model="selectedSize" accordion @change="____onChangeSize"> |
|
|
|
|
|
<el-collapse-item v-for="(item, key) in boardSizeDic" :key="key" :title="item.label" :name="key"> |
|
|
|
|
|
<div v-if="item.list.length>0"> |
|
|
|
|
|
<!-- <el-checkbox style="width: 100%" :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选 |
|
|
|
|
|
</el-checkbox> --> |
|
|
|
|
|
<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-tooltip :content="itm.ip" placement="top"> |
|
|
|
|
|
<div>{{ itm.deviceName }}</div> |
|
|
|
|
|
</el-tooltip> |
|
|
|
|
|
<el-tooltip content="回读当前信息" placement="top"> |
|
|
|
|
|
<el-button class="el-icon-tickets huiduButton" @click.stop.prevent="onSubmit(itm.id)" :disabled="submitButton"></el-button> |
|
|
|
|
|
</el-tooltip> |
|
|
|
|
|
</el-checkbox> |
|
|
|
|
|
</el-checkbox-group> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div v-else style="color: #fff; text-align: center; line-height: 60px;">暂无数据</div> |
|
|
|
|
|
</el-collapse-item> |
|
|
|
|
|
</el-collapse> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-form> |
|
|
</div> |
|
|
</div> |
|
|
<div style="width: 37.8%" class="verticalBox verticalBoxBorderLeft"> |
|
|
<div style="width: 37.8%" class="part partMiddle"> |
|
|
<div style="width:100%;height:100%;padding:1vh 0.2vw;"> |
|
|
|
|
|
<div style="width:100%;height:100%;background-color:#112d3b;"> |
|
|
<div class="partTitle partDeviceTempateTitle"> |
|
|
|
|
|
<div> |
|
|
<div class="bigTitle awaitBigTitle"> |
|
|
<div style="display: flex;justify-content: start !important;align-items: center;"> |
|
|
<div> |
|
|
<img class="qbbBigDot" src="@/assets/screen/xtb/qbbdot.png" alt=""> |
|
|
<div style="display: flex;justify-content: start !important;align-items: center;"> |
|
|
<div>{{ selectedDevice.deviceName }}</div> |
|
|
<img class="qbbBigDot" src="@/assets/screen/xtb/qbbdot.png" alt=""> |
|
|
<span v-if="selectedSize">【 {{ selectedSize }}】</span> |
|
|
<div>{{ selectedDevice.deviceName }}</div> |
|
|
|
|
|
<span v-if="selectedSize">【 {{ selectedSize }}】</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<img class="qbbBigDotBa" src="@/assets/screen/xtb/qbba.png" alt=""> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="controlBox"> |
|
|
|
|
|
<el-button type="primary" @click.native="openDialogVisible(1, 2)">添加信息</el-button> |
|
|
|
|
|
<el-button type="primary" @click="publishInfo" :disabled="contentList.length == 0">发布信息</el-button> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<img class="qbbBigDotBa" src="@/assets/screen/xtb/qbba.png" alt=""> |
|
|
</div> |
|
|
</div> |
|
|
<div class="contentBox"> |
|
|
|
|
|
<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"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<div class="con"> |
|
|
|
|
|
<div style="background: black; position: relative" :style="{ |
|
|
|
|
|
color: getColorStyle(scope.row.COLOR) , |
|
|
|
|
|
fontSize: getFontSize(scope.row.FONT_SIZE), |
|
|
|
|
|
fontFamily: scope.row.FONT, |
|
|
|
|
|
width: getScreenSize(form.selectedPixel, 'width') + 'px', |
|
|
|
|
|
height: getScreenSize(form.selectedPixel, 'height') + 'px', |
|
|
|
|
|
'lineHeight':'1', |
|
|
|
|
|
'display': 'flex', |
|
|
|
|
|
'align-items': 'center', |
|
|
|
|
|
'justify-content': getTextAlign(scope.row.formatStyle), |
|
|
|
|
|
}"> |
|
|
|
|
|
<span :style="{ |
|
|
|
|
|
/*left: getCoordinate( |
|
|
|
|
|
scope.row.COORDINATE.substring(0, 3), |
|
|
|
|
|
'left' |
|
|
|
|
|
), |
|
|
|
|
|
top: getCoordinate( |
|
|
|
|
|
scope.row.COORDINATE.substring(3, 6), |
|
|
|
|
|
'top' |
|
|
|
|
|
),*/ |
|
|
|
|
|
position:'relative', |
|
|
|
|
|
maxHeight:getScreenSize(form.selectedPixel, 'height') + 'px', |
|
|
|
|
|
}" class="infoTxt" v-html=" |
|
|
|
|
|
scope.row.CONTENT? scope.row.CONTENT.replace(/\n|\r\n/g,'<br>').replace(/ /g, ' '): ''"></span> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column width="130"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<div class="infoBtnBox"> |
|
|
|
|
|
<!-- <el-tooltip content="加入信息模板" placement="top"> |
|
|
|
|
|
<div @click="arrowRight(scope.row)"></div> |
|
|
|
|
|
</el-tooltip> --> |
|
|
|
|
|
|
|
|
|
|
|
<el-tooltip content="编辑" placement="top"> |
|
|
<div class="controlBox"> |
|
|
<div @click="openQbbDrawer(scope.row, scope.$index, 1)" class="edit"></div> |
|
|
<el-button type="primary" @click.native="openDialogVisible(1, 2)">添加信息</el-button> |
|
|
</el-tooltip> |
|
|
<el-button type="primary" @click="publishInfo" :disabled="contentList.length == 0">发布信息</el-button> |
|
|
<el-tooltip content="删除" placement="top"> |
|
|
|
|
|
<div @click="delQbbDrawer(scope.$index)" class="del"></div> |
|
|
|
|
|
</el-tooltip> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
</el-table> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<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-column width="545"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<div class="con"> |
|
|
|
|
|
<div style="background: black; position: relative" :style="{ |
|
|
|
|
|
color: getColorStyle(scope.row.COLOR) , |
|
|
|
|
|
fontSize: getFontSize(scope.row.FONT_SIZE), |
|
|
|
|
|
fontFamily: scope.row.FONT, |
|
|
|
|
|
width: getScreenSize(form.selectedPixel, 'width') + 'px', |
|
|
|
|
|
height: getScreenSize(form.selectedPixel, 'height') + 'px', |
|
|
|
|
|
'lineHeight':'1', |
|
|
|
|
|
'display': 'flex', |
|
|
|
|
|
'align-items': 'center', |
|
|
|
|
|
'justify-content': getTextAlign(scope.row.formatStyle), |
|
|
|
|
|
}"> |
|
|
|
|
|
<span :style="{ |
|
|
|
|
|
/*left: getCoordinate( |
|
|
|
|
|
scope.row.COORDINATE.substring(0, 3), |
|
|
|
|
|
'left' |
|
|
|
|
|
), |
|
|
|
|
|
top: getCoordinate( |
|
|
|
|
|
scope.row.COORDINATE.substring(3, 6), |
|
|
|
|
|
'top' |
|
|
|
|
|
),*/ |
|
|
|
|
|
position:'relative', |
|
|
|
|
|
maxHeight:getScreenSize(form.selectedPixel, 'height') + 'px', |
|
|
|
|
|
}" class="infoTxt" v-html=" |
|
|
|
|
|
scope.row.CONTENT? scope.row.CONTENT.replace(/\n|\r\n/g,'<br>').replace(/ /g, ' '): ''"></span> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column width="130"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<div class="infoBtnBox"> |
|
|
|
|
|
<!-- <el-tooltip content="加入信息模板" placement="top"> |
|
|
|
|
|
<div @click="arrowRight(scope.row)"></div> |
|
|
|
|
|
</el-tooltip> --> |
|
|
|
|
|
|
|
|
|
|
|
<el-tooltip content="编辑" placement="top"> |
|
|
|
|
|
<div @click="openQbbDrawer(scope.row, scope.$index, 1)" class="edit"></div> |
|
|
|
|
|
</el-tooltip> |
|
|
|
|
|
<el-tooltip content="删除" placement="top"> |
|
|
|
|
|
<div @click="delQbbDrawer(scope.$index)" class="del"></div> |
|
|
|
|
|
</el-tooltip> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
</el-table> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<!-- 信息模板 --> |
|
|
<!-- 信息模板 --> |
|
|
<div style=" width: 42.2%" class="verticalBox verticalBoxBorderLeft"> |
|
|
<div style=" width: 42.2%" class="part partRight"> |
|
|
<div style="width:100%;height:100%;padding:1vh 0.2vw;"> |
|
|
<div class="partTitle partDeviceTempateTitle"> |
|
|
<div style="width:100%;height:100%;background-color:#112d3b"> |
|
|
<div> |
|
|
|
|
|
<div style="display: flex;justify-content: start !important;align-items: center;"> |
|
|
<div class="bigTitle awaitBigTitle"> |
|
|
<img class="qbbBigDot" src="@/assets/screen/xtb/qbbdot.png" alt=""> |
|
|
<div> |
|
|
<div>信息模板<span v-if="selectedSize">[{{ selectedSize }}]</span></div> |
|
|
<div style="display: flex;justify-content: start !important;align-items: center;"> |
|
|
|
|
|
<img class="qbbBigDot" src="@/assets/screen/xtb/qbbdot.png" alt=""> |
|
|
|
|
|
<div>信息模板<span v-if="selectedSize">[{{ selectedSize }}]</span></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<img class="qbbBigDotBa" src="@/assets/screen/xtb/qbba.png" alt=""> |
|
|
|
|
|
<!-- <span>信息模板</span> |
|
|
|
|
|
<span v-if="form.selectedPixel">【 {{ form.selectedPixel }}】</span> --> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="controlBox"> |
|
|
|
|
|
<el-button type="primary" @click="____onAddTemplate">添加模板</el-button> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<img class="qbbBigDotBa" src="@/assets/screen/xtb/qbba.png" alt=""> |
|
|
|
|
|
<!-- <span>信息模板</span> |
|
|
|
|
|
<span v-if="form.selectedPixel">【 {{ form.selectedPixel }}】</span> --> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="controlBox"> |
|
|
|
|
|
<el-button type="primary" @click="____onAddTemplate">添加模板</el-button> |
|
|
</div> |
|
|
</div> |
|
|
<div class="templateBox"> |
|
|
</div> |
|
|
|
|
|
<div class="partCon"> |
|
|
|
|
|
<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="infoItem"> |
|
|
<div v-for="(itm, indx) in item.list" :key="indx" class="tplItem"> |
|
|
<!-- 模板内容 --> |
|
|
<!-- 模板内容 --> |
|
|
<BoardPreview class="boardPreview" :boardWH="selectedSize" :tpl="itm"></BoardPreview> |
|
|
<BoardPreview class="boardPreview" :boardWH="selectedSize" :tpl="itm"></BoardPreview> |
|
|
<!-- <div class="infoPreview"> |
|
|
<!-- <div class="infoPreview"> |
|
|
@ -165,9 +150,8 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</vuescroll> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<el-dialog title="提示" :visible.sync="arrowRightVisible" width="20%" :before-close="dialogClose"> |
|
|
<el-dialog title="提示" :visible.sync="arrowRightVisible" width="20%" :before-close="dialogClose"> |
|
|
@ -202,6 +186,9 @@ import { getBoardList } from '@/api/board/board' |
|
|
import { getTemplateList } from '@/api/board/template' |
|
|
import { getTemplateList } from '@/api/board/template' |
|
|
import BoardPreview from './BoardPreview' |
|
|
import BoardPreview from './BoardPreview' |
|
|
|
|
|
|
|
|
|
|
|
import vuescroll from 'vuescroll' |
|
|
|
|
|
import scrollOptions from '@/common/scrollbar.js' |
|
|
|
|
|
|
|
|
// 对象深拷贝 |
|
|
// 对象深拷贝 |
|
|
export const deepClone = data => { |
|
|
export const deepClone = data => { |
|
|
// 封装的判断数据类型的方法 |
|
|
// 封装的判断数据类型的方法 |
|
|
@ -232,7 +219,8 @@ export default { |
|
|
components: { |
|
|
components: { |
|
|
BoardInfoEditor, |
|
|
BoardInfoEditor, |
|
|
editInfo, |
|
|
editInfo, |
|
|
BoardPreview |
|
|
BoardPreview, |
|
|
|
|
|
vuescroll |
|
|
}, |
|
|
}, |
|
|
dicts: ['iot_board_direction'], |
|
|
dicts: ['iot_board_direction'], |
|
|
|
|
|
|
|
|
@ -285,7 +273,8 @@ export default { |
|
|
type:"", |
|
|
type:"", |
|
|
visible:false, |
|
|
visible:false, |
|
|
tpl:{} |
|
|
tpl:{} |
|
|
} |
|
|
}, |
|
|
|
|
|
scrollOptions |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
watch: { |
|
|
watch: { |
|
|
@ -372,7 +361,7 @@ computed:{ |
|
|
rowDrop() { |
|
|
rowDrop() { |
|
|
if (JSON.parse(JSON.stringify(this.contentList)).length > 0) { |
|
|
if (JSON.parse(JSON.stringify(this.contentList)).length > 0) { |
|
|
// 要侦听拖拽响应的DOM对象 |
|
|
// 要侦听拖拽响应的DOM对象 |
|
|
const tbody = document.querySelector('.contentBox .el-table__body-wrapper tbody') |
|
|
const tbody = document.querySelector('.partCon .el-table__body-wrapper tbody') |
|
|
const _this = this |
|
|
const _this = this |
|
|
Sortable.create(tbody, { |
|
|
Sortable.create(tbody, { |
|
|
// 结束拖拽后的回调函数 |
|
|
// 结束拖拽后的回调函数 |
|
|
@ -1060,128 +1049,133 @@ computed:{ |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
.container { |
|
|
.infoBoardBox { |
|
|
.verticalBox { |
|
|
.infoBoardCon{ |
|
|
|
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
padding: 10px 5px; |
|
|
display: flex; flex-direction: row; |
|
|
|
|
|
align-items: stretch; |
|
|
.bigTitle { |
|
|
padding: 20px; |
|
|
padding: 0px 0; |
|
|
.part { |
|
|
/* // border-bottom: 1px solid #05afe3; */ |
|
|
background-color: #133242; |
|
|
margin-bottom: 10px; |
|
|
margin-right: 10px; |
|
|
display: flex; |
|
|
display: flex; flex-direction: column; |
|
|
justify-content: space-between; |
|
|
&.partRight{ |
|
|
height: 60px; |
|
|
margin-right: 0; |
|
|
font-size: 0.8vw; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.contentBox { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: calc(100% - 46px); |
|
|
|
|
|
padding: 0 0 1vh 0; |
|
|
|
|
|
/* // overflow: auto; */ |
|
|
|
|
|
|
|
|
|
|
|
.con { |
|
|
|
|
|
/* // border: 1px solid #05afe3; */ |
|
|
|
|
|
height: 75px; |
|
|
|
|
|
position: relative; |
|
|
|
|
|
width: 540px; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
border: 2px solid #004c64; |
|
|
|
|
|
} |
|
|
} |
|
|
/* // } */ |
|
|
.partTitle { |
|
|
.controlBox { |
|
|
padding: 0px 0; |
|
|
display: flex; |
|
|
/* // border-bottom: 1px solid #05afe3; */ |
|
|
justify-content: center; |
|
|
|
|
|
margin-bottom: 10px; |
|
|
margin-bottom: 10px; |
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.templateBox { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: calc(100% - 46px); |
|
|
|
|
|
padding: 0 0 1vh 0; |
|
|
|
|
|
|
|
|
|
|
|
.infoItem { |
|
|
|
|
|
display: flex; |
|
|
display: flex; |
|
|
box-sizing: content-box; |
|
|
justify-content: space-between; |
|
|
align-items: stretch; |
|
|
height: 60px; |
|
|
margin-bottom: 10px; |
|
|
font-size: 18px; |
|
|
|
|
|
align-items: center; |
|
|
.boardPreview{ |
|
|
} |
|
|
border: 2px solid #004c64; |
|
|
|
|
|
// width: 560px; |
|
|
.partCon { |
|
|
// height:80px; |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
height: 0; |
|
|
|
|
|
padding:10px; |
|
|
|
|
|
.con { |
|
|
|
|
|
/* // border: 1px solid #05afe3; */ |
|
|
|
|
|
height: 75px; |
|
|
|
|
|
position: relative; |
|
|
|
|
|
width: 540px; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
border: 2px solid #004c64; |
|
|
} |
|
|
} |
|
|
.infoBtnBox { |
|
|
/* // } */ |
|
|
width: 160px; |
|
|
.controlBox { |
|
|
height: 80px; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
float: right; |
|
|
margin-bottom: 10px; |
|
|
margin-left: 10px; |
|
|
} |
|
|
padding: 0 0.2vw; |
|
|
} |
|
|
/* // border: solid 1px #05afe3; */ |
|
|
|
|
|
|
|
|
.templateBox { |
|
|
|
|
|
width: 100%; height: 100%; |
|
|
|
|
|
.tplItem { |
|
|
|
|
|
margin-right: 14px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: stretch; |
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
|
|
|
|
|
|
|
.boardPreview{ |
|
|
border: 2px solid #004c64; |
|
|
border: 2px solid #004c64; |
|
|
display: flex; |
|
|
// width: 560px; |
|
|
justify-content: space-around; |
|
|
// height:80px; |
|
|
align-items: center; |
|
|
flex: 1; |
|
|
|
|
|
} |
|
|
.btn { |
|
|
.infoBtnBox { |
|
|
background-repeat: no-repeat; |
|
|
width: 160px; |
|
|
background-size: 100% 100%; |
|
|
height: 80px; |
|
|
width: 40px; |
|
|
display: flex; |
|
|
height: 40px; |
|
|
float: right; |
|
|
&.btnApply{ |
|
|
margin-left: 10px; |
|
|
background-image: url(~@/assets/jihe/images/button/toLeft.png); |
|
|
padding: 0 0.2vw; |
|
|
} |
|
|
/* // border: solid 1px #05afe3; */ |
|
|
&.btnEdit{ |
|
|
border: 2px solid #004c64; |
|
|
background-image: url(~@/assets/jihe/images/button/edit.png); |
|
|
display: flex; |
|
|
|
|
|
justify-content: space-around; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
|
|
.btn { |
|
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
width: 40px; |
|
|
|
|
|
height: 40px; |
|
|
|
|
|
&.btnApply{ |
|
|
|
|
|
background-image: url(~@/assets/jihe/images/button/toLeft.png); |
|
|
} |
|
|
} |
|
|
&.btnDelete{ |
|
|
&.btnEdit{ |
|
|
background-image: url(~@/assets/jihe/images/button/delete.png); |
|
|
background-image: url(~@/assets/jihe/images/button/edit.png); |
|
|
|
|
|
} |
|
|
|
|
|
&.btnDelete{ |
|
|
|
|
|
background-image: url(~@/assets/jihe/images/button/delete.png); |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
i { |
|
|
i { |
|
|
font-size: 24px; |
|
|
font-size: 24px; |
|
|
color: #666; |
|
|
color: #666; |
|
|
padding-left: 4px; |
|
|
padding-left: 4px; |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
caret-color: rgba(0, 0, 0, 0); |
|
|
caret-color: rgba(0, 0, 0, 0); |
|
|
user-select: none; |
|
|
user-select: none; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
i:hover { |
|
|
i:hover { |
|
|
color: #05afe3; |
|
|
color: #05afe3; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.disabledClass { |
|
|
.disabledClass { |
|
|
pointer-events: none; |
|
|
pointer-events: none; |
|
|
cursor: auto !important; |
|
|
cursor: auto !important; |
|
|
color: #ccc; |
|
|
color: #ccc; |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.controlBox { |
|
|
|
|
|
margin-top: 10px; |
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.el-collapse { |
|
|
|
|
|
max-height: 100% !important; |
|
|
|
|
|
overflow: auto; |
|
|
|
|
|
border-bottom: none; |
|
|
|
|
|
border-top: none; |
|
|
|
|
|
padding: 0 0.5vw; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.controlBox { |
|
|
|
|
|
margin-top: 10px; |
|
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.el-collapse { |
|
|
|
|
|
max-height: 100% !important; |
|
|
|
|
|
overflow: auto; |
|
|
|
|
|
border-bottom: none; |
|
|
|
|
|
border-top: none; |
|
|
|
|
|
padding: 0 0.5vw; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -1242,7 +1236,7 @@ computed:{ |
|
|
color: #05afe3 !important; |
|
|
color: #05afe3 !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.qbbBigTitle { |
|
|
.boardListTitle { |
|
|
// margin-top: 1vh; |
|
|
// margin-top: 1vh; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
height: 35px !important; |
|
|
height: 35px !important; |
|
|
@ -1260,10 +1254,10 @@ computed:{ |
|
|
height: 22px; |
|
|
height: 22px; |
|
|
margin: 0 0.5vw 0 0.5vw; |
|
|
margin: 0 0.5vw 0 0.5vw; |
|
|
} |
|
|
} |
|
|
.awaitBigTitle { |
|
|
.partDeviceTempateTitle { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
padding-right: 6vw !important; |
|
|
padding-right: 110px !important; |
|
|
height: 35px !important; |
|
|
height: 35px !important; |
|
|
background-image: url('~@/assets/screen/xtb/qbbti.png'); |
|
|
background-image: url('~@/assets/screen/xtb/qbbti.png'); |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
|
hui
2 years ago