n20-common-lib 2.4.5 → 2.4.7

package/nstc-g6/components/Form/SelectAndDialog/src/main.vue

@@ -8,11 +8,7 @@
 -->
 <template>
   <div class="dialog-select">
-    <div
-      style="position: relative"
-      @mouseenter="hovering = true"
-      @mouseleave="hovering = false"
-    >
+    <div style="position: relative" @mouseenter="hovering = true" @mouseleave="hovering = false">
       <el-select
         v-model="selectValue"
         v-nstc-lazy-load="lazyLoadAction"
@@ -35,12 +31,7 @@
           :value="item[valueKey]"
         ></el-option>
       </el-select>
-      <i
-        v-if="!showClose"
-        class="search-btn el-input__icon el-icon-search"
-        @click="onSearchIconClick"
-      >
-      </i>
+      <i v-if="!showClose" class="search-btn el-input__icon el-icon-search" @click="onSearchIconClick"> </i>
       <i
         v-if="showClose"
         class="search-btn el-select__caret el-input__icon el-icon-circle-close"
@@ -48,12 +39,7 @@
       ></i>
     </div>
 
-    <DialogTable
-      v-model="showDialog"
-      ref="dialog"
-      v-bind="dialogProps"
-      @comfirm="onComfirm"
-    >
+    <DialogTable v-model="showDialog" ref="dialog" v-bind="dialogProps" @comfirm="onComfirm">
       <template slot="form">
         <slot></slot>
       </template>
@@ -62,10 +48,10 @@
 </template>
 
 <script>
-import request from "@/utils/request";
-import DialogTable from "^/DialogTable/src/main.vue";
+import request from '@/utils/request'
+import DialogTable from '^/DialogTable/src/main.vue'
 export default {
-  name: "NstcSelectAndDialog",
+  name: 'NstcSelectAndDialog',
   components: { DialogTable },
   props: {
     value: String,
@@ -73,81 +59,78 @@ export default {
     url: String,
     httpMethod: {
       type: String,
-      default: "GET",
+      default: 'GET'
     },
     query: {
       type: String,
-      default: "label",
+      default: 'label'
     },
     params: {
       type: Object,
       default: () => ({
-        isEnable: 1,
-      }),
+        isEnable: 1
+      })
     },
     rowKey: {
       type: String,
-      default: "id",
+      default: 'id'
     },
     formatData: {
       type: Function,
-      default: (d) => d,
+      default: (d) => d
     },
     formatParams: {
       type: Function,
-      default: (d) => d,
+      default: (d) => d
     },
     tableForm: {
       type: Object,
-      default: () => {},
+      default: () => {}
     },
     valueKey: {
       type: String,
-      default: "value",
+      default: 'value'
     },
     labelKey: {
       type: String,
-      default: "label",
+      default: 'label'
     },
     appendToBody: {
       type: Boolean,
-      default: true,
+      default: true
     },
     disabled: {
       type: Boolean,
-      default: false,
+      default: false
     },
     chMapper: {
       type: Object,
       default: () => ({
-        title: "选择xx",
-        noselectmsg: "请选择xx",
-        plcInput: "请输入",
-        plcSelect: "请选择",
-      }),
+        title: '选择xx',
+        noselectmsg: '请选择xx',
+        plcInput: '请输入',
+        plcSelect: '请选择'
+      })
     },
     // 是否添加懒加载
     lazyLoad: {
       type: Boolean,
-      default: false,
-    },
+      default: false
+    }
   },
   directives: {
-    "nstc-lazy-load": {
+    'nstc-lazy-load': {
       bind(el, binding) {
-        const SELECTWRAP_DOM = el.querySelector(
-          ".el-select-dropdown .el-select-dropdown__wrap"
-        );
-        SELECTWRAP_DOM.addEventListener("scroll", function () {
-          const condition =
-            this.scrollHeight - this.scrollTop - 2 <= this.clientHeight;
-          console.log("condition", condition);
+        const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap')
+        SELECTWRAP_DOM.addEventListener('scroll', function () {
+          const condition = this.scrollHeight - this.scrollTop - 2 <= this.clientHeight
+          console.log('condition', condition)
           if (condition) {
-            binding.value();
+            binding.value()
           }
-        });
-      },
-    },
+        })
+      }
+    }
   },
   data() {
     return {
@@ -156,39 +139,37 @@ export default {
       allData: [],
       hovering: false,
       loading: false,
-      remoteQuery: "",
+      remoteQuery: '',
       dialogProps: {},
       paginationObj: {
         current: 1,
-        size: 20,
+        size: 20
       },
-      lazyLoadLocal: false,
-
-    };
+      lazyLoadLocal: false
+    }
   },
   created() {
-    this.$bus.$on("nstc_custom_form_config_update", (formData) => {
-      console.log("监听到的全局事件", formData);
-    });
+    this.$bus.$on('nstc_custom_form_config_update', (formData) => {
+      console.log('监听到的全局事件', formData)
+    })
   },
   beforeDestroy() {
-    this.$bus.$off("nstc_custom_form_config_update");
+    this.$bus.$off('nstc_custom_form_config_update')
   },
   computed: {
     showClose() {
-      let hasValue =
-        this.value !== undefined && this.value !== null && this.value !== "";
-      return this.hovering && hasValue;
+      let hasValue = this.value !== undefined && this.value !== null && this.value !== ''
+      return this.hovering && hasValue
     },
     selectValue: {
       set(val) {
-        this.$emit("input", val);
+        this.$emit('input', val)
       },
       get() {
-        console.log(this.value);
-        return this.value;
-      },
-    },
+        console.log(this.value)
+        return this.value
+      }
+    }
   },
   created() {
     let props = {
@@ -200,13 +181,13 @@ export default {
       queryApi: this.queryApi,
       formatParams: this.beforeFormatParams,
       formatData: this.formatData,
-      appendToBody: this.appendToBody,
-    };
-    this.dialogProps = props;
+      appendToBody: this.appendToBody
+    }
+    this.dialogProps = props
   },
   mounted() {
-    this.editSetOptions();
-    this.lazyLoadLocal = this.lazyLoad;
+    this.editSetOptions()
+    this.lazyLoadLocal = this.lazyLoad
   },
   methods: {
     /**
@@ -214,63 +195,59 @@ export default {
      */
     lazyLoadAction() {
       if (this.lazyLoadLocal) {
-        this.paginationObj.current++;
-        this.queryAllData();
+        this.paginationObj.current++
+        this.queryAllData()
       }
     },
     async queryAllData() {
       let param = this.lazyLoadLocal
-        ? this.beforeFormatParams(this.paginationObj, "init")
-        : this.beforeFormatParams({ size: 100, current: 1 }, "init");
-      this.lazyLoadLocal ? param.quickSearch = this.remoteQuery : ""
-      let res = await this.queryApi(param);
+        ? this.beforeFormatParams(this.paginationObj, 'init')
+        : this.beforeFormatParams({ size: 100, current: 1 }, 'init')
+      this.lazyLoadLocal ? (param.quickSearch = this.remoteQuery) : ''
+      let res = await this.queryApi(param)
 
       if (!this.lazyLoadLocal && res && res.total && res.total > 100) {
-        param = this.beforeFormatParams(
-          { size: res.total, current: 1 },
-          "init"
-        );
-        let resAll = await this.queryApi(param);
-        res = resAll;
+        param = this.beforeFormatParams({ size: res.total, current: 1 }, 'init')
+        let resAll = await this.queryApi(param)
+        res = resAll
       }
       console.log('数据====', res)
-      let { data } = this.formatData(res || []);
-      this.allData = this.lazyLoadLocal ? this.allData.concat(data) : data;
+      let { data } = this.formatData(res || [])
+      this.allData = this.lazyLoadLocal ? this.allData.concat(data) : data
       // this.allData = data;
-      console.log(this.allData);
-      this.lazyLoadLocal ? this.setOptions(this.allData) : this.setOptions(data);
-      
+      console.log(this.allData)
+      this.lazyLoadLocal ? this.setOptions(this.allData) : this.setOptions(data)
     },
 
     beforeFormatParams(pageParam, mode) {
-      const { size, current } = pageParam;
-      let defaultParam = this.params;
-      let page = this.formatPageParam(size, current);
-      let params;
-      if (mode != "init") {
-        let param = this.queryFormData || {};
-        params = { ...defaultParam, ...param, ...page };
+      const { size, current } = pageParam
+      let defaultParam = this.params
+      let page = this.formatPageParam(size, current)
+      let params
+      if (mode != 'init') {
+        let param = this.queryFormData || {}
+        params = { ...defaultParam, ...param, ...page }
       } else {
-        params = { ...defaultParam, ...page };
+        params = { ...defaultParam, ...page }
       }
-      return this.formatParams(params);
+      return this.formatParams(params)
     },
 
     formatPageParam(size, current) {
-      let page = { "page.size": size, "page.current": current };
-      let method = this.httpMethod.toUpperCase();
-      if (method == "POST") {
-        page = { page: { size, current } };
+      let page = { 'page.size': size, 'page.current': current }
+      let method = this.httpMethod.toUpperCase()
+      if (method == 'POST') {
+        page = { page: { size, current } }
       }
-      return page;
+      return page
     },
 
     queryApi(param) {
-      const { url, httpMethod } = this;
-      let body = httpMethod.toUpperCase() === "POST" ? "data" : "params";
-      let reqConf = { url, method: httpMethod };
-      reqConf[body] = param;
-      return request(reqConf);
+      const { url, httpMethod } = this
+      let body = httpMethod.toUpperCase() === 'POST' ? 'data' : 'params'
+      let reqConf = { url, method: httpMethod }
+      reqConf[body] = param
+      return request(reqConf)
     },
 
     setOptions(data) {
@@ -288,90 +265,90 @@ export default {
       // } else {
       //   opts = data.slice(0, 10);
       // }
-      this.options = data;
+      this.options = data
     },
 
     filterOptions(query) {
-      this.remoteQuery = query;
+      this.remoteQuery = query
       if (this.lazyLoad) {
-        this.allData = [];
-        this.queryAllData();
+        this.allData = []
+        this.queryAllData()
         return
       }
       if (query) {
         let opts = this.allData.filter((item) => {
-          return item[this.labelKey].indexOf(query) > -1;
-        });
-        this.options = opts.slice(0, 10);
+          return item[this.labelKey].indexOf(query) > -1
+        })
+        this.options = opts.slice(0, 10)
       } else {
-        this.options = this.allData.slice(0, 10);
+        this.options = this.allData.slice(0, 10)
       }
     },
 
     updateOptions(value) {
-      let allData = this.allData || [];
-      let options = this.options || [];
-      let row = allData.find((item) => item[this.valueKey] == value);
-      let hasRow = options.find((item) => item[this.valueKey] == value);
+      let allData = this.allData || []
+      let options = this.options || []
+      let row = allData.find((item) => item[this.valueKey] == value)
+      let hasRow = options.find((item) => item[this.valueKey] == value)
       if (row && !hasRow) {
-        let opts = [row].concat(options);
-        this.options = opts;
+        let opts = [row].concat(options)
+        this.options = opts
       }
-      console.log(this.options);
+      console.log(this.options)
     },
 
     // 编辑回显
     editSetOptions() {
       if (this.value) {
-        this.queryAllData();
+        this.queryAllData()
       }
     },
 
     // 显示弹窗
     onSearchIconClick(event) {
-      this.$emit("show-dialog");
-      this.queryAllData();
-      this.showDialog = true;
+      this.$emit('show-dialog')
+      this.queryAllData()
+      this.showDialog = true
       this.$nextTick(() => {
-        this.queryTableData();
-      });
+        this.queryTableData()
+      })
     },
 
     onClearIconClick() {
-      this.options = this.allData.slice(0, 10);
-      this.$emit("input", "");
+      this.options = this.allData.slice(0, 10)
+      this.$emit('input', '')
     },
 
     queryTableData() {
-      this.queryFormData = Object.assign({}, this.tableForm);
-      this.$refs.dialog.queryData("searchbtn");
+      this.queryFormData = Object.assign({}, this.tableForm)
+      this.$refs.dialog.queryData('searchbtn')
     },
 
     selectOpt(val) {
-      let row = this.allData.find((item) => item[this.valueKey] == val);
-      console.log(val,row,this.valueKey,this.allData);
-      this.$emit("comfirm", [val], row);
+      let row = this.allData.find((item) => item[this.valueKey] == val)
+      console.log(val, row, this.valueKey, this.allData)
+      this.$emit('comfirm', [val], row)
     },
 
     selectFocus() {
       this.allData = []
-      this.queryAllData();
+      this.queryAllData()
     },
     selectBlur() {
-      if(this.lazyLoadLocal) {
-        this.paginationObj = { size: 20, current: 1 };
+      if (this.lazyLoadLocal) {
+        this.paginationObj = { size: 20, current: 1 }
       }
-      return;
+      return
     },
 
     onComfirm(values, row) {
-      let value = row[this.valueKey];
-      this.updateOptions(value);
-      this.$emit("input", value);
-      this.$emit("comfirm", values, row);
-    },
-  },
-};
+      let value = row[this.valueKey]
+      this.updateOptions(value)
+      this.$emit('input', value)
+      this.$emit('comfirm', values, row)
+    }
+  }
+}
 </script>
 
 <style scoped>
@@ -381,4 +358,4 @@ export default {
   right: 7px;
   top: -1px;
 }
-</style>
+</style>

package/nstc-g6/components/Form/SelectCashFlow/index.js

@@ -6,10 +6,10 @@
  * @Description: 现金流输入弹窗
  * @FilePath: \nstc_g6_common\packages\Form\SelectCashFlow\index.js
  */
-import NstcSelectCashFlow from "./src/main.vue";
+import NstcSelectCashFlow from './src/main.vue'
 
-NstcSelectCashFlow.install = function(Vue) {
-  Vue.component(NstcSelectCashFlow.name, NstcSelectCashFlow);
-};
+NstcSelectCashFlow.install = function (Vue) {
+  Vue.component(NstcSelectCashFlow.name, NstcSelectCashFlow)
+}
 
-export default NstcSelectCashFlow;
+export default NstcSelectCashFlow

package/nstc-g6/components/Form/SelectCashFlow/src/demo/index.vue

@@ -7,36 +7,35 @@
  * @FilePath: \settle\src\cmmon-components\demo.vue
 -->
 <template>
-  <select-cash-flow v-model="cashflow" :ch-mapper="labelconf" :query-conf="cashConf"/>
+  <select-cash-flow v-model="cashflow" :ch-mapper="labelconf" :query-conf="cashConf" />
 </template>
 
 <script>
-import SelectCashFlow from "../main.vue";
+import SelectCashFlow from '../main.vue'
 export default {
   components: { SelectCashFlow },
   data() {
     return {
-      cashflow: "",
-      cashConf:{
-        defaultParam: { 
-          resultType: 0, 
-          lastNode: 1, 
-          flowNoLike: "",
-          showFlag:1,
+      cashflow: '',
+      cashConf: {
+        defaultParam: {
+          resultType: 0,
+          lastNode: 1,
+          flowNoLike: '',
+          showFlag: 1
         }
       },
       labelconf: {
-        title: "选择现金流",
-        plcInput: "请输入",
-        plcSelect: "请选择",
-        noselectmsg: "请选择现金流",
-        flowNoLabel: "现金流编号",
-        flowNameLabel: "现金流名称"
+        title: '选择现金流',
+        plcInput: '请输入',
+        plcSelect: '请选择',
+        noselectmsg: '请选择现金流',
+        flowNoLabel: '现金流编号',
+        flowNameLabel: '现金流名称'
       }
-    };
+    }
   }
-};
+}
 </script>
 
-<style>
-</style>
+<style></style>