zouyu
2023-09-05 305b8976e9ad666e52c157ebc79f05c2fe03d1ff
src/views/standardLibrary/index.vue
@@ -2,10 +2,10 @@
   <div class="standard-library-main">
      <div class="content-main">
         <div class="library-bom" style="width: 300px">
            <el-input v-model="filterText" placeholder="输入关键字进行过滤"></el-input>
            <el-input clearable v-model="filterText" placeholder="输入关键字进行过滤"></el-input>
            <el-button type="text">全部</el-button>
            <el-tree ref="tree" style="width: 100%" class="filter-tree" :data="standardTree" :props="defaultProps"
               node-key="id" highlight-current default-expand-all :filter-node-method="filterNode"
               node-key="id" :highlight-current="true" :default-expand-all="true" :filter-node-method="filterNode"
               :render-content="renderContent" @node-click="nodeClick" />
         </div>
         <div class="library-table" style="width: 80%">
@@ -108,6 +108,7 @@
   export default {
      data() {
         return {
            filterNodeData: [],
            options: [],
            versionValue: "",
            deleteList: [],
@@ -131,6 +132,7 @@
            formTypeOptions: [],
            addTreeForm: {
               addTypeArr: [],
               specificationsName: ""
            }
         };
      },
@@ -167,7 +169,8 @@
         },
         async insertVersion() {
            const resp = await addVersion({
               specificationsId: this.selectData.id
               specificationsId: this.selectData.id,
               version: this.versionValue
            });
            if (resp.code === 200) {
               this.initSelect();
@@ -188,7 +191,7 @@
               })
               .catch(() => {});
         },
         filterNode(value, data) {
         filterNode(value, data,node) {
            if (!value) return true;
            return data.name.indexOf(value) !== -1;
         },
@@ -241,6 +244,7 @@
                  //TODO handle the exception
               }
            });
         },
         getDefault(arr, index) {
            for (const item of arr) {
@@ -307,29 +311,14 @@
         }) {
            // 判断是否是父节点或文件夹
            const isFolder = "children" in data;
            return ( <
               span class = "tree-node" > {
                  isFolder ? ( <
                     i class = {
                        node.expanded ?
                        "el-icon-folder-opened blue-folder" : "el-icon-folder blue-folder"
                     } >
                     <
                     /i>
                  ) : ( <
                     i class = "el-icon-document blue-folder" > < /i>
                  )
               } <
               div class = "tree-lable" > [{
                  node.level
               }] {
                  data.name
               } <
               /div> < /
               span >
            return ( <span class="tree-node"> {
                  isFolder ? ( <i class = {node.expanded ?"el-icon-folder-opened blue-folder" : "el-icon-folder blue-folder"} ></i>
                  ) : ( <i class = "el-icon-document blue-folder" > </i>)
               } <div class = "tree-lable" > [{node.level}] {data.name} </div> </span>
            );
         },
         async subAddTreeForm() {
            console.log(this.addTreeForm);
            let res = null;
            try {
               switch (this.addTreeForm.addTypeArr.length) {
@@ -359,6 +348,8 @@
            this.addTreeFormVisible = false;
            this.getStandardTree();
            this.getTableByClick(this.selectData, this.versionValue);
            this.addTreeForm=null
            this.addTreeForm.addTypeArr=[]
         },
         changeCascader(data) {
            this.addTreeForm.addTypeArr = data;
@@ -379,14 +370,18 @@
            });
         },
         selectDataList() {
            let i=0
            this.tableData.forEach((a) => {
               a.id="0"+i
               a.code = "[1]";
               i++;
               if (a.children != undefined) {
                  a.children.forEach((b) => {
                     b.code = "[2]";
                  });
               }
            });
            console.log(this.tableData);
         },
         // 表格树全部选中配置
         // 全选/取消选操作