n20-common-lib 1.3.0 → 1.3.3

package/src/components/NstcG6Components/NstcDropdownTree/NstcDropdownTree.vue

@@ -6,33 +6,37 @@
 
 <template>
   <div class="form-create-dropdown-tree">
-    <el-popover placement="bottom-start" trigger="click"  v-model="showPopoverFlag">
+    <el-popover
+      placement="bottom-start"
+      trigger="click"
+      v-model="showPopoverFlag"
+    >
       <el-input
-          :ref="inputRefName"
-          v-model="filterText"
-          suffix-icon="el-icon-search"
-          :placeholder="placeholder || placeholderTemp"
-          :style="{ width: inputWidth }"
-          @input="inputChange"
-          @blur="clearFilterText"
-          @focus="inputFocus"
-          @change="inputChangeAction"
-          clearable
-        />
-        <el-tree
-          :ref="treeRefName"
-          class="filter-tree"
-          :data="treeData"
-          :props="defaultProps"
-          :node-key="nodeKey"
-          default-expand-all
-          :show-checkbox="showCheckbox"
-          :check-strictly="showCheckbox"
-          v-bind="$attrs"
-          v-on="$listeners"
-          @node-click="treeNodeClick"
-          @check="handleCheckChange"
-        />
+        :ref="inputRefName"
+        v-model="filterText"
+        suffix-icon="el-icon-search"
+        :placeholder="placeholder || placeholderTemp"
+        :style="{ width: inputWidth }"
+        @input="inputChange"
+        @blur="clearFilterText"
+        @focus="inputFocus"
+        @change="inputChangeAction"
+        clearable
+      />
+      <el-tree
+        :ref="treeRefName"
+        class="filter-tree"
+        :data="treeData"
+        :props="defaultProps"
+        :node-key="nodeKey"
+        default-expand-all
+        :show-checkbox="showCheckbox"
+        :check-strictly="showCheckbox"
+        v-bind="$attrs"
+        v-on="$listeners"
+        @node-click="treeNodeClick"
+        @check="handleCheckChange"
+      />
       <span class="el-dropdown-link" slot="reference">
         {{ unitNameText }}
         <i class="el-icon-arrow-down el-icon--right" />
@@ -42,180 +46,180 @@
 </template>
 
 <script>
-import axios from "@/utils/axios";
+import axios from '../../../utils/axios'
 export default {
-  name: "NstcDropdownTree", // 单位按树模块查询
+  name: 'NstcDropdownTree', // 单位按树模块查询
   props: {
     value: {
       type: [String, Number, Array, Object],
       default: () => {
-        return "";
-      },
+        return ''
+      }
     },
 
     lazy: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     inputWidth: {
       type: String,
-      default: "",
+      default: ''
     },
 
     showCheckbox: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     url: {
       type: String,
-      default: "",
+      default: ''
     },
 
     nodeKey: {
       type: String,
-      default: "id",
+      default: 'id'
     },
 
     defaultProps: {
       type: Object,
       default: () => {
         return {
-          children: "children",
-          label: "label",
-        };
-      },
+          children: 'children',
+          label: 'label'
+        }
+      }
     },
 
     params: {
       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
     },
     dropUnitName: {
       type: String,
-      default: "全部单位",
+      default: '全部单位'
     },
     placeholderTemp: {
       type: String,
-      default: "请输入关键字进行过滤",
-    },
+      default: '请输入关键字进行过滤'
+    }
   },
   data() {
     return {
       showPopoverFlag: false,
       filterText: null,
       treeData: [],
-      treeRefName: "",
+      treeRefName: '',
       inputRefName: this.getRefName(),
       queryFlag: true,
-      placeholder: "",
+      placeholder: '',
       windowEventFlag: false,
       timeTemp: null,
-      unitNameText: "全部单位",
-    };
+      unitNameText: '全部单位'
+    }
   },
   computed: {
     _value: {
       get() {
-        return this.value;
+        return this.value
       },
       set(val) {
-        this.$emit("input", val);
-      },
-    },
+        this.$emit('input', val)
+      }
+    }
   },
   watch: {
     label(val) {
-      this.filterText = val;
+      this.filterText = val
     },
     value(val) {
-      if (["", null].includes(val)) {
-        this.filterText = null;
-        this.placeholder = null;
+      if (['', null].includes(val)) {
+        this.filterText = null
+        this.placeholder = null
       }
     },
     dropUnitName: {
       handler(val) {
-        this.unitNameText = val;
+        this.unitNameText = val
       },
-      deep: true,
-    },
+      deep: true
+    }
   },
 
   created() {
     //
-    this.treeRefName = this.getRefName();
-    this.unitNameText = this.dropUnitName;
+    this.treeRefName = this.getRefName()
+    this.unitNameText = this.dropUnitName
     // 默认加载一次
-    this.remoteMethod();
+    this.remoteMethod()
 
-    this.filterText = this.label;
+    this.filterText = this.label
 
     // 点击其他地方关闭关闭下拉
-    const that = this;
+    const that = this
     document.documentElement.onclick = function () {
-      that.windowEventFlag && that.clearFilterText();
-    };
+      that.windowEventFlag && that.clearFilterText()
+    }
   },
   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
     },
 
     /**
@@ -224,47 +228,47 @@ export default {
     getRefName() {
       return `ref_${new Date().getTime()}_${Math.random()
         .toString()
-        .slice(5, 13)}`;
+        .slice(5, 13)}`
     },
 
     /**
      * 远程查询
      */
     remoteMethod() {
-      const that = this;
+      const that = this
       //担保的需求化，默认是树，搜索时为列表
       // if(this.filterText){
       //   this.params.resultType = 0
       // }else{
       //   this.params.resultType = 1
       // }
-      console.log(this.params, "this.params");
+      console.log(this.params, 'this.params')
       axios({
         url: that.url,
-        method: "get",
+        method: 'get',
         loading: false,
         params: {
           [that.queryKey]: that.filterText,
-          ...that.params,
-        },
+          ...that.params
+        }
       })
         .then((data) => {
-          that.treeData = data.list ? data.list : data;
+          that.treeData = data.list ? data.list : data
           if (that.showNull) {
             let map = {
-              treeNo: "",
-              unitName: "全部单位",
-              unitNo: "",
-            };
+              treeNo: '',
+              unitName: '全部单位',
+              unitNo: ''
+            }
             // eslint-disable-next-line no-debugger
             // debugger;
-            that.treeData.unshift(map);
+            that.treeData.unshift(map)
           }
           that.$nextTick(() => {
-            that.$forceUpdate();
-          });
+            that.$forceUpdate()
+          })
         })
-        .catch(() => {});
+        .catch(() => {})
     },
 
     /**
@@ -273,20 +277,20 @@ export default {
      */
     treeNodeClick(data) {
       if (!this.showCheckbox) {
-        this.queryFlag = false;
+        this.queryFlag = false
 
-        const k = this.defaultProps.label || "label";
+        const k = this.defaultProps.label || 'label'
 
-        this.filterText = data[k];
-        this.unitNameText = data[k];
-        this.placeholder = this.filterText;
+        this.filterText = data[k]
+        this.unitNameText = 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.$emit("treeNodeClick", data);
+        this.$refs[this.inputRefName].blur()
+        this.showPopoverFlag = false
+        this.$emit('treeNodeClick', data)
       }
     },
 
@@ -295,28 +299,28 @@ export default {
      * 回调参数： data, node, tree
      */
     handleCheckChange(checkedNodes, checkedKeys) {
-      console.log(checkedNodes, checkedKeys);
+      console.log(checkedNodes, checkedKeys)
 
-      this.queryFlag = false;
+      this.queryFlag = false
 
       // const k = this.defaultProps.label || "label";
       // this.filterText = checkedKeys[k];
-      let newText = [];
-      checkedKeys["checkedNodes"].forEach((item) => {
-        checkedKeys["checkedKeys"].forEach((el) => {
+      let newText = []
+      checkedKeys['checkedNodes'].forEach((item) => {
+        checkedKeys['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
 
-      this._value = checkedKeys["checkedKeys"];
+      this._value = checkedKeys['checkedKeys']
 
-      this.$emit("checkedClick", checkedKeys);
+      this.$emit('checkedClick', checkedKeys)
     },
 
     /**
@@ -324,18 +328,18 @@ export default {
      */
     clearFilterText() {
       if (!this.showCheckbox) {
-        this.filterText = this.placeholder;
-        this.placeholder = null;
-        this.showPopoverFlag = false;
+        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)
         console.log(
-          "TreeSelect关闭弹框...",
+          'TreeSelect关闭弹框...',
           this.showPopoverFlag,
           this.filterText
-        );
+        )
       }
     },
 
@@ -344,17 +348,17 @@ export default {
      */
     inputFocus() {
       if (!this.showCheckbox) {
-        this.timeTemp && clearTimeout(this.timeTemp);
-        this.windowEventFlag = false;
-        this.placeholder = this.filterText;
-        this.filterText = "";
-        this.queryFlag = true;
-        console.log("input focus...");
-        this.remoteMethod();
+        this.timeTemp && clearTimeout(this.timeTemp)
+        this.windowEventFlag = false
+        this.placeholder = this.filterText
+        this.filterText = ''
+        this.queryFlag = true
+        console.log('input focus...')
+        this.remoteMethod()
       }
-    },
-  },
-};
+    }
+  }
+}
 </script>
 
 <style lang="scss">

package/src/components/NstcG6Components/NstcExcelExport/NstcExcelExport.vue

@@ -5,51 +5,51 @@
 </template>
 
 <script>
-import * as Export2Excel from "@/utils/vendor/Export2Excel";
+import * as Export2Excel from '../../../utils/vendor/Export2Excel'
 export default {
-  name: "NstcExcelExport",
+  name: 'NstcExcelExport',
   props: {
     data: {
       type: Object,
       default: function () {
         return {
-          childKey: "", //指定childKey时，会更具childKey递归取数据
+          childKey: '', //指定childKey时，会更具childKey递归取数据
           head: [], //表头数据,未指定childKey时，必须传字符串数组,指定childKey时,表头为对象数组，{key:'key',value:'value'}，方便表格行取对应数据
           data: [], //行数据，未指定childKey时，必须传与表头对应的字符串数组，指定childKey时，传与表头对应的对象数组
-          fileName: "列表",
-        };
-      },
+          fileName: '列表'
+        }
+      }
     },
     // 导入执行动作
     executeExportFlag: {
       type: [Number, String],
       default: () => {
-        return "";
-      },
+        return ''
+      }
     },
     // 单元格样式
     cellStyle: {
       type: Object,
       default: () => {
-        return {};
-      },
+        return {}
+      }
     },
     merges: {
       type: Array,
       default: () => {
-        return [];
-      },
-    },
+        return []
+      }
+    }
   },
   watch: {
     executeExportFlag(newValue) {
       if (newValue) {
-        this.excelExportAction();
+        this.excelExportAction()
       }
-    },
+    }
   },
   data() {
-    return {};
+    return {}
   },
   methods: {
     /**
@@ -61,32 +61,32 @@ export default {
      * @param childKey 子节点的key
      */
     flatChild(item, dataTemp, level, str, childKey) {
-      let subStr = "";
+      let subStr = ''
       for (var i = 0; i < level; i++) {
-        subStr += str;
+        subStr += str
       }
-      item[this.data.head[0].key] = subStr + item[this.data.head[0].key];
-      dataTemp.push(item);
-      level++;
+      item[this.data.head[0].key] = subStr + item[this.data.head[0].key]
+      dataTemp.push(item)
+      level++
       // eslint-disable-next-line no-debugger
       if (item[childKey] && item[childKey].length > 0) {
         item[childKey].forEach((child) => {
-          this.flatChild(child, dataTemp, level, str, childKey);
-        });
+          this.flatChild(child, dataTemp, level, str, childKey)
+        })
       }
     },
     /**
      * 导出动作
      */
     excelExportAction() {
-      this.excelDownloadLoading = true;
-      let that = this;
+      this.excelDownloadLoading = true
+      let that = this
       if (this.data.head.length < 1 || this.data.data.length < 1) {
         this.$message({
-          type: "warning",
-          message: "表格数据不足！",
-        });
-        return;
+          type: 'warning',
+          message: '表格数据不足！'
+        })
+        return
       }
       // console.log('Export2Excel', import('@/utils/vendor/Export2Excel'))
       // import('@/utils/vendor/Export2Excel').then(excel => {
@@ -98,29 +98,29 @@ export default {
       //   })
       //   that.excelDownloadLoading = false
       // })
-      let str = "    "; //子节点添加的符号
-      let level = 0; //当前行的等级
-      let dataTemp = []; //暂存扁平化数据
+      let str = '    ' //子节点添加的符号
+      let level = 0 //当前行的等级
+      let dataTemp = [] //暂存扁平化数据
       if (this.data.childKey) {
         this.data.data.forEach((item) => {
-          level = 0;
-          this.flatChild(item, dataTemp, level, str, this.data.childKey);
-        });
+          level = 0
+          this.flatChild(item, dataTemp, level, str, this.data.childKey)
+        })
 
         //扁平化数据转化为表数据
         dataTemp = dataTemp.map((d) => {
-          let temp = [];
+          let temp = []
           this.data.head.forEach((h) => {
-            temp.push(d[h.key]);
-          });
-          return temp;
-        });
+            temp.push(d[h.key])
+          })
+          return temp
+        })
         // eslint-disable-next-line no-debugger
         // debugger;
 
         //重置表数据为转化后的数据
-        this.data.head = this.data.head.map((item) => item.value);
-        this.data.data = dataTemp;
+        this.data.head = this.data.head.map((item) => item.value)
+        this.data.data = dataTemp
       }
 
       Export2Excel.export_json_to_excel(
@@ -131,11 +131,11 @@ export default {
           merges: this.merges
         },
         this.cellStyle
-      );
-      that.excelDownloadLoading = false;
-    },
-  },
-};
+      )
+      that.excelDownloadLoading = false
+    }
+  }
+}
 </script>
 
 <style lang="scss">

package/src/components/NstcG6Components/NstcExcelImport/NstcExcelImport.vue

@@ -109,7 +109,7 @@
 import NstcUploadExcel from '../NstcUploadExcel/NstcUploadExcel'
 import NstcDialog from '../NstcDialog/NstcDialog'
 import uploadImg from './img/upload@2x.png'
-import axios from '@/utils/axios';
+import axios from '../../../utils/axios';
 export default {
   name: 'NstcExcelImport',
   components: {