-
-
-
+
+
+
+
{{ item.dictLabel }}
+
@@ -140,6 +139,10 @@
+
+
+
@@ -151,6 +154,17 @@ import addBoard from './addinfo.vue'
import editBoard from './editInfo.vue'
import { listDevice, invokedFunction, getDeviceRealtimeProperty } from '@/api/device/device.js'
import infoBoardTestData from "@/common/infoBoardTestData.js"
+import { getBoardDeviceInfo } from '@/api/board/board'
+
+import BoardPreview from "@screen/components/infoBoard/BoardPreview.vue"
+import BoardTplPreview from "@screen/components/infoBoard/BoardTplPreview.vue"
+import BoardInfoEditor from '@screen/components/infoBoard/BoardInfoEditor'
+
+import vuescroll from 'vuescroll'
+import scrollOptions from '@/common/scrollbar.js'
+
+import { getTemplateList } from '@/api/board/template'
+
export default {
name: 'InfoBoard',
data(){
@@ -246,17 +260,45 @@ export default {
{ id: 5001, txt: '变倍', numL: 11, numR: 12 },
{ id: 5002, txt: '光圈', numL: 16, numR: 15 },
{ id: 5003, txt: '聚焦', numL: 14, numR: 13 }
- ]
+ ],
+ showEmit:false,
+
+ selectedBdMsg:[],
+ selectedSize:"",
+ editDialog: {
+ mode: "",
+ type: "",
+ visible: false,
+ tpl: {}
+ },
+ scrollOptions,
+ templateAvailable:null,
+ tplCategory: [], //模板
+ templateAll:[]
}
},
props:{
visible:{
type:Boolean,
default:false
+ },
+ device: {
+ type:Object,
+ default:null
}
},
- components: { addBoard, editBoard },
+ watch:{
+ device: {
+ handler(newV) {
+ this.____getDeviceInfo();
+ },
+ immediate: false
+ }
+ },
+ components: { addBoard, editBoard, BoardPreview, BoardTplPreview, BoardInfoEditor, vuescroll},
created() {
+ this.____getTemplateCategory();
+ this.____getAllTemplate();
// this.getTemplateSeries();
},
computed:{
@@ -276,6 +318,108 @@ export default {
]
},
methods: {
+ // 获取信息模板分类
+ ____getTemplateCategory() {
+ return this.getDicts('iot_template_category').then(res => {
+ this.tplCategory = res.data;
+ })
+ },
+
+ ____getAllTemplate() {
+ return getTemplateList().then((res) => {
+ this.templateAll = res.data;
+ });
+ },
+
+ ____getDeviceInfo(){
+ this.selectedSize = JSON.parse(this.device.otherConfig).screenSize;
+ this.____setAvailableTemplate();
+
+ getBoardDeviceInfo(this.device.iotDeviceId).then(res => {
+ this.selectedBdMsg = res.data["3A"].content;
+ }).catch(err => {
+
+ })
+ },
+
+ ____setAvailableTemplate() {
+ this.templateAvailable = [];
+ this.tplCategory.forEach((item, index) => {
+ let arr = this.templateAll['' + index];
+ if (arr.length > 0) {
+ let temp = [];
+ arr.forEach(tpl => {
+ if (tpl.screenSize == this.selectedSize) {
+ temp.push(tpl);
+ }
+ })
+ if (temp.length > 0) {
+ this.templateAvailable.push({
+ ...item,
+ list: temp
+ });
+ }
+ }
+ })
+ },
+
+ ____onEditBoardItem(tpl, index) {
+ // type : board template
+ // mode : edit add toDevice toTemplate
+ this.boardItemEdtingIndex = index;
+ this.editDialog = {
+ visible: true,
+ mode: "edit",
+ type: "device",
+ tpl
+ }
+ },
+
+ ____onDeleteBoardItem(index) {
+ if (index > -1) {
+ this.selectedBdMsg.splice(index, 1)
+ this.$message.success('删除成功,发布后才能生效。')
+ }
+ },
+
+ ____onEditSubmit(para) {
+ this.editDialog.tpl = {};
+ this.editDialog.visible = false;
+
+ if (para.type == "device") {
+ if (para.mode == "edit") {
+ this.selectedBdMsg[this.boardItemEdtingIndex] = para.data;
+ } else {
+ this.selectedBdMsg.push(para.data);
+ }
+ } else if (para.mode == "toDevice") {
+ this.selectedBdMsg.push(para.data);
+ } else {
+ this.____refreshPageData(para);
+ }
+ },
+
+ ____refreshPageData(para){},
+
+
+ // 新增待下发
+ ____onAddToDevice(item) {
+ let arr = this.selectedSize.split("*");
+ this.editDialog = {
+ visible: true,
+ mode: "toDevice",
+ type: "template",
+ tpl: item,
+ origin: {
+ displayAreaWidth: +arr[0],
+ displayAreaHeight: +arr[1]
+ }
+ }
+ },
+
+
+
+
boardBoxStyle(node) {
let arr = node.screenSize.split("*");
let scale = this.getScrollSz(+arr[0]);
@@ -728,6 +872,94 @@ export default {
