|
@ -6,22 +6,49 @@ |
|
|
<div class="mainDialog"> |
|
|
<div class="mainDialog"> |
|
|
<div class="dialog_head"> |
|
|
<div class="dialog_head"> |
|
|
<div class="tit">{{ selectedDevice.deviceName }}</div> |
|
|
<div class="tit">{{ selectedDevice.deviceName }}</div> |
|
|
<img class="btnCls" src="@/assets/jihe/images/dialog/ibCls.png" alt="" @click="____onClose" /> |
|
|
<img |
|
|
<img class="deco" src="@/assets/jihe/images/dialog/ibHeadDeco.png" alt="" /> |
|
|
class="btnCls" |
|
|
|
|
|
src="@/assets/jihe/images/dialog/ibCls.png" |
|
|
|
|
|
alt="" |
|
|
|
|
|
@click="____onClose" |
|
|
|
|
|
/> |
|
|
|
|
|
<img |
|
|
|
|
|
class="deco" |
|
|
|
|
|
src="@/assets/jihe/images/dialog/ibHeadDeco.png" |
|
|
|
|
|
alt="" |
|
|
|
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialogContent"> |
|
|
<div class="dialogContent"> |
|
|
<div v-if="selectedBdMsg.length > 0" class="dialogContent_box" style="height: 100%"> |
|
|
<div |
|
|
|
|
|
v-if="selectedBdMsg.length > 0" |
|
|
|
|
|
class="dialogContent_box" |
|
|
|
|
|
style="height: 100%" |
|
|
|
|
|
> |
|
|
<vuescroll :ops="scrollOptions" class="listBox"> |
|
|
<vuescroll :ops="scrollOptions" class="listBox"> |
|
|
<div v-for="(itm, indx) in selectedBdMsg" :key="indx" class="tplItem"> |
|
|
<div |
|
|
|
|
|
v-for="(itm, indx) in selectedBdMsg" |
|
|
|
|
|
:key="indx" |
|
|
|
|
|
class="tplItem" |
|
|
|
|
|
> |
|
|
<!-- 模板内容 --> |
|
|
<!-- 模板内容 --> |
|
|
<BoardPreview class="boardPreview" :boardWH="selectedSize" :tpl="itm"></BoardPreview> |
|
|
<BoardPreview |
|
|
|
|
|
class="boardPreview" |
|
|
|
|
|
:boardWH="selectedSize" |
|
|
|
|
|
:tpl="itm" |
|
|
|
|
|
></BoardPreview> |
|
|
<!-- 操作按钮 --> |
|
|
<!-- 操作按钮 --> |
|
|
<div class="infoBtnBox"> |
|
|
<div class="infoBtnBox"> |
|
|
<el-tooltip content="编辑" placement="top"> |
|
|
<el-tooltip content="编辑" placement="top"> |
|
|
<p @click="____onEditBoardItem(itm, indx)" class="btn btnEdit"></p> |
|
|
<p |
|
|
|
|
|
@click="____onEditBoardItem(itm, indx)" |
|
|
|
|
|
class="btn btnEdit" |
|
|
|
|
|
></p> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
<el-tooltip content="删除" placement="top"> |
|
|
<el-tooltip content="删除" placement="top"> |
|
|
<p @click="____onDeleteBoardItem(indx)" class="btn btnDelete"></p> |
|
|
<p |
|
|
|
|
|
@click="____onDeleteBoardItem(indx)" |
|
|
|
|
|
class="btn btnDelete" |
|
|
|
|
|
></p> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -61,30 +88,62 @@ |
|
|
</div> --> |
|
|
</div> --> |
|
|
</div> |
|
|
</div> |
|
|
</el-tab-pane> |
|
|
</el-tab-pane> |
|
|
<el-tab-pane label="设备参数" name="second">设备参数</el-tab-pane> |
|
|
<el-tab-pane label="设备参数" name="second" |
|
|
<el-tab-pane label="在线率统计" name="third">在线率统计</el-tab-pane> |
|
|
>设备参数</el-tab-pane |
|
|
|
|
|
> |
|
|
|
|
|
<el-tab-pane label="在线率统计" name="third" |
|
|
|
|
|
>在线率统计</el-tab-pane |
|
|
|
|
|
> |
|
|
</el-tabs> |
|
|
</el-tabs> |
|
|
</div> |
|
|
</div> |
|
|
<div class="dialogContent_bottom_btn"> |
|
|
<div class="dialogContent_bottom_btn"> |
|
|
<el-button class="btnInfoBoard" type="add" @click.native="____onAddDeviceItem()">添加信息</el-button> |
|
|
<el-button |
|
|
<el-button class="btnInfoBoard" type="publish" @click="____publishInfo" |
|
|
class="btnInfoBoard" |
|
|
:disabled="selectedBdMsg.length <= 0 || selectedDevice.iotDeviceId === null || selectedDevice.iotDeviceId === undefined">发布信息</el-button> |
|
|
type="add" |
|
|
|
|
|
@click.native="____onAddDeviceItem()" |
|
|
|
|
|
>添加信息</el-button |
|
|
|
|
|
> |
|
|
|
|
|
<el-button |
|
|
|
|
|
class="btnInfoBoard" |
|
|
|
|
|
type="publish" |
|
|
|
|
|
@click="____publishInfo" |
|
|
|
|
|
:disabled=" |
|
|
|
|
|
selectedBdMsg.length <= 0 || |
|
|
|
|
|
selectedDevice.iotDeviceId === null || |
|
|
|
|
|
selectedDevice.iotDeviceId === undefined |
|
|
|
|
|
" |
|
|
|
|
|
>发布信息</el-button |
|
|
|
|
|
> |
|
|
</div> |
|
|
</div> |
|
|
<div class="sideSwitch" @click="____onShowTemplate"> |
|
|
<div class="sideSwitch" @click="____onShowTemplate"> |
|
|
<img class="img" src="@/assets/screen/xtb/leftd.png" alt="" :style="{ |
|
|
<img |
|
|
transform: isShowTemplate |
|
|
class="img" |
|
|
? 'rotate(0deg)' |
|
|
src="@/assets/screen/xtb/leftd.png" |
|
|
: 'rotate(180deg)', |
|
|
alt="" |
|
|
}" /> |
|
|
:style="{ |
|
|
|
|
|
transform: isShowTemplate |
|
|
|
|
|
? 'rotate(0deg)' |
|
|
|
|
|
: 'rotate(180deg)', |
|
|
|
|
|
}" |
|
|
|
|
|
/> |
|
|
<div class="txt">信息模板</div> |
|
|
<div class="txt">信息模板</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- 附近的摄像机 --> |
|
|
<!-- 附近的摄像机 --> |
|
|
<div class="sideSwitch" style="top: 36%" @click="____onShowCameraShower"> |
|
|
<div |
|
|
<img class="img" src="@/assets/screen/xtb/leftd.png" alt="" :style="{ |
|
|
class="sideSwitch" |
|
|
transform: dialogInfoCamera |
|
|
style="top: 36%" |
|
|
? 'rotate(0deg)' |
|
|
@click="____onShowCameraShower" |
|
|
: 'rotate(180deg)', |
|
|
> |
|
|
}" /> |
|
|
<img |
|
|
|
|
|
class="img" |
|
|
|
|
|
src="@/assets/screen/xtb/leftd.png" |
|
|
|
|
|
alt="" |
|
|
|
|
|
:style="{ |
|
|
|
|
|
transform: dialogInfoCamera |
|
|
|
|
|
? 'rotate(0deg)' |
|
|
|
|
|
: 'rotate(180deg)', |
|
|
|
|
|
}" |
|
|
|
|
|
/> |
|
|
<div class="txt">附近相机</div> |
|
|
<div class="txt">附近相机</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -93,12 +152,23 @@ |
|
|
<!-- 信息模板 --> |
|
|
<!-- 信息模板 --> |
|
|
<div v-if="isShowTemplate" class="sideContent template"> |
|
|
<div v-if="isShowTemplate" class="sideContent template"> |
|
|
<vuescroll :ops="scrollOptions" class="listBox"> |
|
|
<vuescroll :ops="scrollOptions" class="listBox"> |
|
|
<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" |
|
|
|
|
|
> |
|
|
<!-- 模板内容 --> |
|
|
<!-- 模板内容 --> |
|
|
<BoardTplPreview class="boardPreview" :boardWH="selectedSize" :tpl="itm"></BoardTplPreview> |
|
|
<BoardTplPreview |
|
|
|
|
|
class="boardPreview" |
|
|
|
|
|
:boardWH="selectedSize" |
|
|
|
|
|
:tpl="itm" |
|
|
|
|
|
></BoardTplPreview> |
|
|
<!-- <div class="infoPreview"> |
|
|
<!-- <div class="infoPreview"> |
|
|
<div class="infoBox" :style="____boardBgStyle"> |
|
|
<div class="infoBox" :style="____boardBgStyle"> |
|
|
<span class="infoTxt" :style="____boardTxtStyle(itm)" v-html="itm.content.replace(/\n|\r\n/g, '<br>').replace(/ /g, ' ')"></span> |
|
|
<span class="infoTxt" :style="____boardTxtStyle(itm)" v-html="itm.content.replace(/\n|\r\n/g, '<br>').replace(/ /g, ' ')"></span> |
|
@ -107,7 +177,10 @@ |
|
|
<!-- 操作按钮 --> |
|
|
<!-- 操作按钮 --> |
|
|
<div class="infoBtnBox infoBtnBoxSm"> |
|
|
<div class="infoBtnBox infoBtnBoxSm"> |
|
|
<el-tooltip content="加入待下发信息" placement="top"> |
|
|
<el-tooltip content="加入待下发信息" placement="top"> |
|
|
<p @click="____onTplToDevice(itm, false)" class="btn btnApply"></p> |
|
|
<p |
|
|
|
|
|
@click="____onTplToDevice(itm, false)" |
|
|
|
|
|
class="btn btnApply" |
|
|
|
|
|
></p> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -116,13 +189,23 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- 附近相机 --> |
|
|
<!-- 附近相机 --> |
|
|
<CameraShower class="sideContent camera" :visible.sync="dialogInfoCamera" :list="nearbyCameraList"> |
|
|
<CameraShower |
|
|
|
|
|
class="sideContent camera" |
|
|
|
|
|
:visible.sync="dialogInfoCamera" |
|
|
|
|
|
:list="nearbyCameraList" |
|
|
|
|
|
> |
|
|
</CameraShower> |
|
|
</CameraShower> |
|
|
</div> |
|
|
</div> |
|
|
</transition> |
|
|
</transition> |
|
|
|
|
|
|
|
|
<BoardInfoEditor @afterSubmit="____onEditSubmit" :mode="editDialog.mode" :type="editDialog.type" |
|
|
<BoardInfoEditor |
|
|
:visible.sync="editDialog.visible" :screenSize="selectedSize" :tpl="editDialog.tpl"></BoardInfoEditor> |
|
|
@afterSubmit="____onEditSubmit" |
|
|
|
|
|
:mode="editDialog.mode" |
|
|
|
|
|
:type="editDialog.type" |
|
|
|
|
|
:visible.sync="editDialog.visible" |
|
|
|
|
|
:screenSize="selectedSize" |
|
|
|
|
|
:tpl="editDialog.tpl" |
|
|
|
|
|
></BoardInfoEditor> |
|
|
</div> |
|
|
</div> |
|
|
</Teleport> |
|
|
</Teleport> |
|
|
</template> |
|
|
</template> |
|
@ -232,7 +315,7 @@ export default { |
|
|
// this.____getAllTemplate(); |
|
|
// this.____getAllTemplate(); |
|
|
}, |
|
|
}, |
|
|
computed: {}, |
|
|
computed: {}, |
|
|
mounted() { }, |
|
|
mounted() {}, |
|
|
methods: { |
|
|
methods: { |
|
|
// 获取信息模板分类 |
|
|
// 获取信息模板分类 |
|
|
____getTemplateCategory() { |
|
|
____getTemplateCategory() { |
|
@ -276,7 +359,7 @@ export default { |
|
|
.then((res) => { |
|
|
.then((res) => { |
|
|
this.selectedBdMsg = res.data["3A"].content; |
|
|
this.selectedBdMsg = res.data["3A"].content; |
|
|
}) |
|
|
}) |
|
|
.catch((err) => { }); |
|
|
.catch((err) => {}); |
|
|
else this.$message.error("设备未接入"); |
|
|
else this.$message.error("设备未接入"); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
@ -317,7 +400,7 @@ export default { |
|
|
____onDeleteBoardItem(index) { |
|
|
____onDeleteBoardItem(index) { |
|
|
if (index > -1) { |
|
|
if (index > -1) { |
|
|
this.selectedBdMsg.splice(index, 1); |
|
|
this.selectedBdMsg.splice(index, 1); |
|
|
this.$message.success("删除成功。"); |
|
|
this.$message.success("删除成功"); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
//编辑机编辑后的回调 |
|
|
//编辑机编辑后的回调 |
|
@ -338,7 +421,7 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
____refreshPageData(para) { }, |
|
|
____refreshPageData(para) {}, |
|
|
|
|
|
|
|
|
____getNearbyCams() { |
|
|
____getNearbyCams() { |
|
|
if (!this.selectedDevice.stakeMark) { |
|
|
if (!this.selectedDevice.stakeMark) { |
|
|