zhangzengfei
2022-08-19 3e4904fda5c78cfd8b40fa925fd2970b01850224
src/components/giantTree/index.vue
@@ -42,10 +42,10 @@
    <div class="empty" v-if="!node.length">暂无摄像机数据,请添加摄像机!</div>
    <div class="dialog-box-bg" v-show="showDialog" @click="hideDialogBox"></div>
    <div class="dialog-box" v-show="showDialog">
      <el-card :body-style="{ padding: '10px' }">
      <el-card :body-style="{ padding: '5px' }">
        <el-form :model="dialogForm" size="mini" :rules="rules" ref="dialogForm" label-width="70px">
          <el-form-item label="名称:" prop="name">
            <el-input v-model="dialogForm.text" oninput="if(value.length>10)value=value.slice(0,10)"></el-input>
            <el-input v-model="dialogForm.text" oninput="if(value.length>20)value=value.slice(0,20)"></el-input>
          </el-form-item>
          <div class="text-center pb-2">
            <el-button size="mini" type="primary" @click="submitForm">保存</el-button>
@@ -302,7 +302,6 @@
      this.showDialog = true
    },
    itemClick(evt, treeId, treeNode) {
      console.log("click")
      this.TreeDataPool.selectedNode = treeNode
      this.TreeDataPool.activeNode = treeNode
      this.TreeDataPool.treeType = this.treeName
@@ -361,6 +360,23 @@
    },
    showCameraPic(nodeId) {
      this.TreeDataPool.showBaseImage(nodeId)
    },
    updateNodes(ids) {
      // 取消所有选中状态
      this.ztreeObj.checkAllNodes(false)
      // nodes 转数组
      let treeNodes = this.ztreeObj.getNodes()
      let nodeArry = this.ztreeObj.transformToArray(treeNodes)
      // 判断是否被选中
      for (let i = 0; i < nodeArry.length; i++) {
        if (ids.indexOf(nodeArry[i].id) > -1) {
          this.ztreeObj.checkNode(nodeArry[i], true, false, false)
        }
      }
      let checkedNodes = this.ztreeObj.getCheckedNodes(true)
      this.TreeDataPool.updateZTreeCheckNodes(checkedNodes)
    }
  }
}
@@ -373,7 +389,7 @@
  top: 415px;
  left: 43px;
  position: fixed;
  width: 220px;
  width: 260px;
  z-index: 3;
}
.dialog-box-bg {