系统维护v0

ZZJ

2021-09-28 0cfab2b97c0913d2f5ccd55760f8768316f91138

 src/components/giantTree/index.vue

@@ -17,6 +17,7 @@
      @onImport="importCameras"
      @onExpand="itemExpand"
      @onCollapse="itemCollapse"
      @onShowPic="showCameraPic"
    />
    <div class="dialog-box-bg" v-show="showDialog" @click="hideDialogBox"></div>
    <div
@@ -27,7 +28,7 @@
      <el-card :body-style="{ padding: '10px' }">
        <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"></el-input>
            <el-input v-model="dialogForm.text" oninput="if(value.length>10)value=value.slice(0,10)"></el-input>
          </el-form-item>
          <div class="text-center pb-2">
            <el-button size="mini" type="primary" @click="submitForm">保存</el-button>
@@ -40,7 +41,6 @@
</template>

<script>
// import VJstree from "./jsTree";
import ZTree from "./zTree/ztree"

export default {
@@ -78,7 +78,6 @@
  },
  data() {
    return {
      hoverNodeId: "",
      showDialog: false,
      clientX: 0,
      clientY: 0,
@@ -95,9 +94,7 @@
    };
  },
  created() {
    // console.log(this.height, '树高度')
    this.TreeDataPool.zTree = true;

    this.TreeDataPool.activeVideoIndex = sessionStorage.activeIndexVideo
      ? Number(sessionStorage.activeIndexVideo)
      : this.TreeDataPool.activeVideoIndex;
@@ -113,7 +110,7 @@
    handleCreated: function (ztreeObj) {
      let _this = this;
      this.ztreeObj = ztreeObj;
      // console.log("handleCreated")
      ztreeObj.expandAll(true)
      // onCreated 中操作ztreeObj对象展开第一个节点
      // ztreeObj.expandNode(ztreeObj.getNodes()[0], true);

@@ -157,7 +154,6 @@
      if (item.type !== "4" || this.app !== "Camera") {
        return;
      }
      // console.log('activeForceChoose', this.TreeDataPool.activeForceChoose)
      this.TreeDataPool.activeVideoId = item.id;
      let videoArr = this.TreeDataPool.videoArr;
      let nullVideoIndex = "";
@@ -300,7 +296,7 @@
    itemCheck(evt, treeId, treeNode) {
      this.TreeDataPool.selectedNode = treeNode;
      this.TreeDataPool.treeType = this.treeName;

      debugger
      // 多选
      // this.ztreeObj.checkNode(treeNode, true, false, false);
      let checkedNodes = this.ztreeObj.getCheckedNodes(true);
@@ -311,6 +307,7 @@

      // 保存一份数据
      this.TreeDataPool.activeTreeData = this.ztreeObj.getNodes()
      
    },
    //展开
    itemExpand(e, id, node) {
@@ -323,6 +320,9 @@
    dropNode(node, item, draggedItem, e) {
      // console.log('dropNode', node, item, draggedItem);
      this.TreeDataPool.dropNode(draggedItem.id, item.id)
    },
    showCameraPic(nodeId) {
      this.TreeDataPool.showBaseImage(nodeId)
    }
  }
};