n20-common-lib 1.3.0 → 1.3.3

package/src/components/NstcG6Components/NstcSelectTree/NstcSelectTree.vue

@@ -36,7 +36,7 @@
           class="custom-tree-node"
           slot-scope="{ data }"
           :class="{
-            'not-allow': defaultProps.disabled && !!data[defaultProps.disabled],
+            'not-allow': defaultProps.disabled && !!data[defaultProps.disabled]
           }"
         >
           <span v-if="nodeKey === 'cashFlowNo'">
@@ -52,8 +52,8 @@
         :props="tagProps"
         @input-value="
           (val) => {
-            filterText = val;
-            inputChange();
+            filterText = val
+            inputChange()
           }
         "
         slot="reference"
@@ -117,149 +117,149 @@
 </template>
 
 <script>
-import axios from "@/utils/axios";
-import InputTag from "../InputTag/InputTag";
-import clickoutside from "element-ui/src/utils/clickoutside";
+import axios from '../../../utils/axios'
+import InputTag from '../InputTag/InputTag'
+import clickoutside from 'element-ui/src/utils/clickoutside'
 export default {
-  name: "NstcSelectTree", // 单位按树模块查询
+  name: 'NstcSelectTree', // 单位按树模块查询
   components: {
-    InputTag,
+    InputTag
   },
   directives: {
-    clickoutside,
+    clickoutside
   },
   props: {
     value: {
       type: [String, Number, Array, Object],
       default: () => {
-        return "";
-      },
+        return ''
+      }
     },
     checkStrictly: {
       //false：上下级节点有联动；true：上下级节点没有联动
       type: Boolean,
-      default: false,
+      default: false
     },
     lazy: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     inputWidth: {
       type: String,
-      default: "",
+      default: ''
     },
 
     multiple: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     url: {
       type: String,
-      default: "",
+      default: ''
     },
     requestMethod: {
       type: String,
-      default: "get",
+      default: 'get'
     },
 
     nodeKey: {
       type: String,
-      default: "id",
+      default: 'id'
     },
 
     defaultProps: {
       type: Object,
       default: () => {
         return {
-          children: "children",
-          label: "cashName",
-        };
-      },
+          children: 'children',
+          label: 'cashName'
+        }
+      }
     },
 
     tagProps: {
       type: Object,
       default: () => {
         return {
-          label: "label",
-          value: "value",
-        };
-      },
+          label: 'label',
+          value: 'value'
+        }
+      }
     },
 
     params: {
       type: Object,
       default: () => {
-        return {};
-      },
+        return {}
+      }
     },
     filterParams: {
       type: Object,
       default: () => {
-        return {};
-      },
+        return {}
+      }
     },
 
     queryKey: {
       type: String,
-      default: "query",
+      default: 'query'
     },
 
     label: {
       type: [String, Number],
-      default: "",
+      default: ''
     },
 
     // 额外的查询参数
     query: {
       type: Object,
       default: () => {
-        return {};
-      },
+        return {}
+      }
     },
 
     // 组件的大小
     size: {
       type: String,
       default: () => {
-        return "normal";
-      },
+        return 'normal'
+      }
     },
     //是否添加 无
     showNull: {
       type: Boolean,
-      default: false,
+      default: false
     },
     // 图标类型：搜索(任意)、下拉(drop)
     nullLabel: {
       type: String,
-      default: "全部单位",
+      default: '全部单位'
     },
     // 只能点击叶子节点
     onlyClickLeaf: {
       type: Boolean,
-      default: false,
+      default: false
     },
     // 是否可清空
     clearable: {
       type: Boolean,
-      default: true,
+      default: true
     },
     // 是否可清空
     disabled: {
       type: Boolean,
-      default: false,
+      default: false
     },
     // 图标类型：搜索(任意)、下拉(drop)
     iconType: {
       type: String,
-      default: "",
+      default: ''
     },
     disableUnclickLeaf: {
       type: Boolean,
-      default: false,
+      default: false
     },
     // filterTreeData 是否要对数据进行处理
     filterTreeData: {
@@ -283,115 +283,115 @@ export default {
         //   unitNo: "",
         // },
       ],
-      treeRefName: "",
+      treeRefName: '',
       inputRefName: this.getRefName(),
       queryFlag: true,
-      placeholder: "请选择",
+      placeholder: '请选择',
       windowEventFlag: false,
-      timeTemp: null,
-    };
+      timeTemp: null
+    }
   },
   computed: {
     _value: {
       get() {
-        return this.value;
+        return this.value
       },
       set(val) {
-        this.checkedValue = val;
-        this.$emit("input", val);
-      },
-    },
+        this.checkedValue = val
+        this.$emit('input', val)
+      }
+    }
   },
   watch: {
     label: {
       handler(val) {
         this.$nextTick(() => {
-          this.filterText = val;
-        });
+          this.filterText = val
+        })
       },
-      immediate: true,
+      immediate: true
     },
     value: {
       handler(val) {
-        if (["", null].includes(val)) {
-          this.filterText = null;
-          this.placeholder = null;
-          this.checkedValue = [];
-          this.treeRefName && this.$refs[this.treeRefName].setCheckedKeys([]);
+        if (['', null].includes(val)) {
+          this.filterText = null
+          this.placeholder = null
+          this.checkedValue = []
+          this.treeRefName && this.$refs[this.treeRefName].setCheckedKeys([])
         } else {
           this.$nextTick(() => {
-            if (typeof val == "object") {
+            if (typeof val == 'object') {
               if (!Array.isArray(val)) {
-                this.filterText = val.label;
+                this.filterText = val.label
               } else {
-                this.checkedValue = this.value;
-                const val = this.value.map((item) => item[this.nodeKey]);
-                this.$refs[this.treeRefName].setCheckedKeys(val);
+                this.checkedValue = this.value
+                const val = this.value.map((item) => item[this.nodeKey])
+                this.$refs[this.treeRefName].setCheckedKeys(val)
               }
             } else {
-              this.filterText = this.filterText || this.label;
+              this.filterText = this.filterText || this.label
             }
-          });
+          })
         }
       },
-      immediate: true,
+      immediate: true
     },
     showPopoverFlag(val) {
       if (val) {
-        const value = this.checkedValue === "" ? null : this.checkedValue;
-        this.$refs[this.treeRefName].setCurrentKey(value);
+        const value = this.checkedValue === '' ? null : this.checkedValue
+        this.$refs[this.treeRefName].setCurrentKey(value)
       }
-    },
+    }
   },
 
   created() {
     //
-    this.treeRefName = this.getRefName();
+    this.treeRefName = this.getRefName()
     // 默认加载一次
-    this.remoteMethod("first");
+    this.remoteMethod('first')
 
-    this.filterText = this.label;
+    this.filterText = this.label
 
     // 点击其他地方关闭关闭下拉
-    const that = this;
+    const that = this
     document.documentElement.onclick = function () {
       if (that.windowEventFlag) {
-        that.clearFilterText();
-        this.showPopoverFlag = false;
+        that.clearFilterText()
+        this.showPopoverFlag = false
       }
-    };
+    }
   },
   mounted() {
     // 关闭筛选弹窗中的二级popover
-    this.$bus.$on("closePopoverInSearch", () => {
-      this.showPopoverFlag = false;
-    });
+    this.$bus.$on('closePopoverInSearch', () => {
+      this.showPopoverFlag = false
+    })
   },
   methods: {
     /**
      * input 输入框变化事件
      */
     inputChange() {
-      const that = this;
-      this.timeTemp && clearTimeout(that.timeTemp);
+      const that = this
+      this.timeTemp && clearTimeout(that.timeTemp)
       this.timeTemp = setTimeout(() => {
-        console.log("input change", this.filterText);
-        this.queryFlag && this.remoteMethod();
-        this.queryFlag = true;
-      }, 300);
+        console.log('input change', this.filterText)
+        this.queryFlag && this.remoteMethod()
+        this.queryFlag = true
+      }, 300)
     },
 
     inputChangeAction(val) {
-      console.log("change");
-      this.$emit("inputChangeAction", val);
+      console.log('change')
+      this.$emit('inputChangeAction', val)
     },
 
     /**
      * 本地模糊查询
      */
     filterNode(value, data) {
-      if (!value) return true;
-      return data.label.indexOf(value) !== -1;
+      if (!value) return true
+      return data.label.indexOf(value) !== -1
     },
 
     /**
@@ -400,43 +400,43 @@ export default {
     getRefName() {
       return `ref_${new Date().getTime()}_${Math.random()
         .toString()
-        .slice(5, 13)}`;
+        .slice(5, 13)}`
     },
 
     /**
      * 远程查询
      */
     remoteMethod(type) {
-      const that = this;
-      let params = {};
+      const that = this
+      let params = {}
       if (this.filterText) {
         // 过滤时，默认查列表，若父组件指定了filterParams，则按照filterParams进行查询
         params = {
           ...this.params,
           ...this.filterParams,
-          resultType: this.filterParams.resultType || 0,
+          resultType: this.filterParams.resultType || 0
         }
       } else {
         // 默认查树, 若父组件指定了params，则取params中的resultType
         params = {
           ...this.params,
-          resultType: this.params.resultType || 1,
-        };
+          resultType: this.params.resultType || 1
+        }
       }
-      console.log("params", params);
-      this.isRequestByFilterText = that.filterText ? true : false;
+      console.log('params', params)
+      this.isRequestByFilterText = that.filterText ? true : false
       axios({
         url: that.url,
         method: that.requestMethod,
         loading: false,
-        [that.requestMethod.toLowerCase() == "get" ? 'params' : 'data']: {
-          [that.queryKey]: type === "first" ? "" : that.filterText,
-          ...params,
-        },
+        [that.requestMethod.toLowerCase() == 'get' ? 'params' : 'data']: {
+          [that.queryKey]: type === 'first' ? '' : that.filterText,
+          ...params
+        }
       })
         .then((data) => {
-          console.log(data, "data");
-          that.treeData = data.list ? data.list : data.data ? data.data : data;
+          console.log(data, 'data')
+          that.treeData = data.list ? data.list : data.data ? data.data : data
           that.treeData = this.filterTreeData(that.treeData)
           if (that.showNull) {
             let map = {
@@ -507,24 +507,24 @@ export default {
               tradeId: null,
               treasurer: null,
               treasurerPhone: null,
-              treeNo: "",
-              unitName: that.nullLabel || "全部单位",
-              unitNo: "1",
+              treeNo: '',
+              unitName: that.nullLabel || '全部单位',
+              unitNo: '1',
               website: null,
-              wfdeptViewList: null,
-            };
+              wfdeptViewList: null
+            }
             // eslint-disable-next-line no-debugger
             // debugger;
-            that.treeData.unshift(map);
+            that.treeData.unshift(map)
           }
           if (this.multiple && this.onlyClickLeaf && this.disableUnclickLeaf) {
-            this.setOnlyLeafChecked(that.treeData);
+            this.setOnlyLeafChecked(that.treeData)
           }
           that.$nextTick(() => {
-            that.$forceUpdate();
-          });
+            that.$forceUpdate()
+          })
         })
-        .catch(() => {});
+        .catch(() => {})
     },
 
     /**
@@ -533,12 +533,12 @@ export default {
     setOnlyLeafChecked(treeData) {
       treeData.forEach((item) => {
         if (item.children && item.children.length) {
-          item.disabled = true;
-          this.setOnlyLeafChecked(item.children);
+          item.disabled = true
+          this.setOnlyLeafChecked(item.children)
         } else {
-          item.disabled = false;
+          item.disabled = false
         }
-      });
+      })
     },
 
     /**
@@ -547,24 +547,24 @@ export default {
      */
     treeNodeClick(data, node, tree) {
       if (!this.multiple) {
-        if (this.onlyClickLeaf && !node.isLeaf) return;
+        if (this.onlyClickLeaf && !node.isLeaf) return
         if (this.defaultProps.disabled && !!data[this.defaultProps.disabled])
-          return;
-        this.queryFlag = false;
+          return
+        this.queryFlag = false
 
-        const k = this.defaultProps.label || "label";
-        console.log(data, "data", k, "K");
+        const k = this.defaultProps.label || 'label'
+        console.log(data, 'data', k, 'K')
 
-        this.filterText = data[k];
-        this.placeholder = this.filterText;
+        this.filterText = data[k]
+        this.placeholder = this.filterText
 
-        this._value = data[this.nodeKey];
+        this._value = data[this.nodeKey]
 
         // 主动让input框失去交单
-        this.$refs[this.inputRefName].blur();
-        this.showPopoverFlag = false;
-        this.isRequestByFilterText && this.remoteMethod();
-        this.$emit("treeNodeClick", data, node, tree);
+        this.$refs[this.inputRefName].blur()
+        this.showPopoverFlag = false
+        this.isRequestByFilterText && this.remoteMethod()
+        this.$emit('treeNodeClick', data, node, tree)
       }
     },
 
@@ -573,70 +573,70 @@ export default {
      * 回调参数： data, node, tree
      */
     handleCheckChange(data, checked) {
-      console.log(checked);
-      this.queryFlag = false;
+      console.log(checked)
+      this.queryFlag = false
 
       // const k = this.defaultProps.label || "label";
       // this.filterText = checkedKeys[k];
-      let newText = [];
+      let newText = []
       if (this.onlyClickLeaf && !this.checkStrictly) {
         //如果是增加父子节点联动性并且只能点击子节点
-        checked["checkedNodes"].forEach((item) => {
-          checked["checkedKeys"].forEach((el) => {
+        checked['checkedNodes'].forEach((item) => {
+          checked['checkedKeys'].forEach((el) => {
             if (item.unitNo === el && !item.children) {
-              newText.push(item.unitName);
+              newText.push(item.unitName)
             }
-          });
-        });
+          })
+        })
       } else {
-        checked["checkedNodes"].forEach((item) => {
-          checked["checkedKeys"].forEach((el) => {
+        checked['checkedNodes'].forEach((item) => {
+          checked['checkedKeys'].forEach((el) => {
             if (item.unitNo === el) {
-              newText.push(item.unitName);
+              newText.push(item.unitName)
             }
-          });
-        });
+          })
+        })
       }
 
-      this.filterText = newText.toString();
+      this.filterText = newText.toString()
 
-      this.placeholder = this.filterText;
+      this.placeholder = this.filterText
       if (this.onlyClickLeaf && !this.checkStrictly) {
         this._value = checked.checkedNodes
           .filter((item) => {
-            return !item.children;
+            return !item.children
           })
           .map((item) => {
             return {
               [this.nodeKey]: item[this.nodeKey],
-              [this.queryKey]: item[this.queryKey],
-            };
-          });
+              [this.queryKey]: item[this.queryKey]
+            }
+          })
       } else {
         this._value = checked.checkedNodes.map((item) => {
           return {
             [this.nodeKey]: item[this.nodeKey],
-            [this.queryKey]: item[this.queryKey],
-          };
-        });
+            [this.queryKey]: item[this.queryKey]
+          }
+        })
       }
-      console.log(this._value);
-      this.$emit("checkedClick", checked);
+      console.log(this._value)
+      this.$emit('checkedClick', checked)
     },
 
     /**
      * input框失去焦点
      */
     clearFilterText() {
-      this.changeSuffix = false;
+      this.changeSuffix = false
       if (!this.multiple) {
-        this.filterText = this.placeholder;
-        this.placeholder = null;
+        this.filterText = this.placeholder
+        this.placeholder = null
         // this.showPopoverFlag = false;
         this.$nextTick(() => {
-          this.$forceUpdate();
-        });
-        this.$emit("filterText", this.filterText);
+          this.$forceUpdate()
+        })
+        this.$emit('filterText', this.filterText)
       }
     },
 
@@ -644,22 +644,22 @@ export default {
      * input聚焦时
      */
     inputFocus() {
-      this.changeSuffix = true;
+      this.changeSuffix = true
       if (this.filterText) {
-        this.timeTemp && clearTimeout(this.timeTemp);
-        this.windowEventFlag = false;
-        this.placeholder = this.filterText;
-        this.filterText = "";
-        this.queryFlag = true;
+        this.timeTemp && clearTimeout(this.timeTemp)
+        this.windowEventFlag = false
+        this.placeholder = this.filterText
+        this.filterText = ''
+        this.queryFlag = true
       } else {
-        this.remoteMethod();
+        this.remoteMethod()
       }
     },
     onClickOutside() {
-      this.showPopoverFlag = false;
-    },
-  },
-};
+      this.showPopoverFlag = false
+    }
+  }
+}
 </script>
 
 <style lang="scss">

package/src/components/NstcG6Components/NstcSelectTreeList/NstcSelectTreeList.vue

@@ -118,7 +118,7 @@
 </template>
 
 <script>
-import axios from '@/utils/axios'
+import axios from '../../../utils/axios'
 // import InputTag from "../../InputTag/index";
 import clickoutside from 'element-ui/src/utils/clickoutside'
 export default {