n20-common-lib 2.4.5 → 2.4.7

package/nstc-g6/components/Form/SelectCustom/index.vue

@@ -33,9 +33,7 @@
         <el-option v-else :key="JSON.stringify(item.value)" v-bind="item">
           <div v-if="useCustomTemplate === 1">
             <span style="float: left; margin-right: 6px">{{ item.value }}</span>
-            <span style="float: right; color: #8492a6; font-size: 13px">{{
-              item.label
-            }}</span>
+            <span style="float: right; color: #8492a6; font-size: 13px">{{ item.label }}</span>
           </div>
         </el-option>
       </template>
@@ -59,156 +57,156 @@
 </template>
 
 <script>
-import request from "@/utils/request";
+import request from '@/utils/request'
 
 export default {
-  name: "SelectCustom",
+  name: 'SelectCustom',
 
   inheritAttrs: false,
 
   props: {
     value: {
       type: [String, Number, Boolean, Array, Object],
-      default: null,
+      default: null
     },
 
     width: {
       type: [String, Number],
-      default: "",
+      default: ''
     },
 
     options: {
       type: [Array, String],
-      default: () => [],
+      default: () => []
     },
 
     collapseTags: {
       type: Boolean,
-      default: true,
+      default: true
     },
 
     remote: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     url: {
       type: String,
-      default: "",
+      default: ''
     },
 
     multiple: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     filterable: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     allowCreate: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     defaultFirstOption: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     reserveKeyword: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     query: {
       type: String,
-      default: "query",
+      default: 'query'
     },
 
     // 远程搜索的其他参数
     params: {
       type: Object,
-      default: () => ({}),
+      default: () => ({})
     },
 
     valueKey: {
       type: String,
-      default: "value",
+      default: 'value'
     },
 
     labelKey: {
       type: String,
-      default: "label",
+      default: 'label'
     },
 
     // 返回的值是不是对象
     optionValueIsObject: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     isSelectChangeValue: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     placeholder: {
       type: String,
       default: function () {
-        return "请选择";
-      },
+        return '请选择'
+      }
     },
 
     httpMethod: {
       type: String,
-      default: "get",
+      default: 'get'
     },
 
     queryDataFormatter: {
       type: Function,
       default: (data) => {
-        return data;
-      },
+        return data
+      }
     },
 
     useCustomTemplate: {
       type: Number,
-      default: -1,
+      default: -1
     },
 
     template: {
       type: String,
-      default: "",
+      default: ''
     },
 
     // 是否添加懒加载
     lazyLoad: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     pageMode: {
       type: String,
-      default: "common", // common 公共模式;  special: 特殊模式
+      default: 'common' // common 公共模式;  special: 特殊模式
     },
 
     pageCurrentKey: {
       type: String,
-      default: "current",
+      default: 'current'
     },
 
     pageSizeKey: {
       type: String,
-      default: "size",
+      default: 'size'
     },
 
     pageSize: {
       type: Number,
-      default: 20,
+      default: 20
     },
-    
+
     clearable: {
       type: Boolean,
       default: true
@@ -221,31 +219,28 @@ export default {
     // 是否缓存远程查询option
     isCache: {
       type: Boolean,
-      default: false,
+      default: false
     },
     // 是否初始化请求
     isInitRequest: {
       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 <= 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 <= this.clientHeight
+          console.log('condition', condition)
           if (condition) {
-            binding.value();
+            binding.value()
           }
-        });
-      },
-    },
+        })
+      }
+    }
   },
 
   data() {
@@ -256,70 +251,69 @@ export default {
       remoteOptions: [],
       queryStr: null,
       paginationObj: {
-        "page.current": 1,
-        "page.size": 20,
-      },
-    };
+        'page.current': 1,
+        'page.size': 20
+      }
+    }
   },
   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: {
     _value: {
       get() {
-        return this.value;
+        return this.value
       },
       set(val) {
-        this.$emit("update:isSelectChangeValue", true);
+        this.$emit('update:isSelectChangeValue', true)
 
         this.$nextTick(() => {
-          this.$emit("input", val);
-        });
-      },
+          this.$emit('input', val)
+        })
+      }
     },
 
     remoteMethod() {
       return this.remote
         ? (query) => {
-            this.queryStr = query;
-            this.remoteOptions = [];
-            this.getList();
+            this.queryStr = query
+            this.remoteOptions = []
+            this.getList()
           }
-        : undefined;
+        : undefined
     },
 
     _options: {
       get() {
         // return this.remote ? this.remoteOptions : this.options;
-        
-        if(this.url) {
+
+        if (this.url) {
           return this.remoteOptions
-        } else{
-          if(Array.isArray(this.options)) {
-            return this.options;
-          }else {
+        } else {
+          if (Array.isArray(this.options)) {
+            return this.options
+          } else {
             try {
               return JSON.parse(this.options)
             } catch (error) {
-               return [];
+              return []
             }
-
-          }        
+          }
         }
       },
       set(val) {
-        return val;
-      },
-    },
+        return val
+      }
+    }
   },
   watch: {
-    isInitRequest:{
+    isInitRequest: {
       handler(val) {
         if (val) {
           this.remoteOptions = []
@@ -331,8 +325,8 @@ export default {
     url: {
       immediate: true,
       handler(val) {
-        if(val){
-            this.getList();
+        if (val) {
+          this.getList()
         }
       }
     }
@@ -343,10 +337,10 @@ export default {
       this._value && (this.showIcon = false)
     },
     mouseleave() {
-      this.showIcon = true;
+      this.showIcon = true
     },
     setRemoteOptions(options) {
-      this.remoteOptions = options;
+      this.remoteOptions = options
     },
 
     /**
@@ -354,8 +348,8 @@ export default {
      */
     lazyLoadAction() {
       if (this.lazyLoad) {
-        this.paginationObj["page.current"]++;
-        this.getList();
+        this.paginationObj['page.current']++
+        this.getList()
       }
     },
 
@@ -363,10 +357,10 @@ export default {
      * 获取下拉列表
      */
     async getList() {
-      this.loading = true;
+      this.loading = true
       try {
         // 构建请求的体
-        let key = this.httpMethod.toLowerCase() === "post" ? "data" : "params";
+        let key = this.httpMethod.toLowerCase() === 'post' ? 'data' : 'params'
         // try {
         //   if (this.params["unitNo"]) {
         //     let User_Info = JSON.parse(sessionStorage.getItem("User_Info"));
@@ -384,80 +378,76 @@ export default {
         // } catch (e) {
         //   console.log(e);
         // }
-        this._options = [];
-        let keyParams = this.lazyLoad ? {
-            [this.query]: this.queryStr,
-            ...this.paginationObj,
-            ...this.params,
-          }: {
-            [this.query]: this.queryStr,
-            ...this.params,
-          }
+        this._options = []
+        let keyParams = this.lazyLoad
+          ? {
+              [this.query]: this.queryStr,
+              ...this.paginationObj,
+              ...this.params
+            }
+          : {
+              [this.query]: this.queryStr,
+              ...this.params
+            }
         let remoteOptions = await request({
           url: this.url,
           method: this.httpMethod,
           [key]: keyParams,
-          loading: false,
-        });
-        
+          loading: false
+        })
+
         console.log(this.resProp, remoteOptions)
 
-        
         if (this.resProp && this.resProp !== '' && this.resProp !== null) {
-          remoteOptions = remoteOptions[this.resProp] || remoteOptions;
+          remoteOptions = remoteOptions[this.resProp] || remoteOptions
         } else {
-          remoteOptions = remoteOptions[`list`] || remoteOptions;
+          remoteOptions = remoteOptions[`list`] || remoteOptions
         }
-        
+
         // remoteOptions = remoteOptions[`list`] || remoteOptions;
         if (!Array.isArray(remoteOptions)) {
-          remoteOptions = remoteOptions[Object.keys(remoteOptions)[0]];
+          remoteOptions = remoteOptions[Object.keys(remoteOptions)[0]]
         }
         // 返回数据格式化
-        this.queryDataFormatter &&
-          (remoteOptions = await this.queryDataFormatter(remoteOptions));
-        console.log(remoteOptions, "remoteOptions", this.remoteOptions);
-        !remoteOptions.length && (this.remoteOptions = []); //未查出数据，需要把下拉值置空
-        console.log(this.remoteOptions);
+        this.queryDataFormatter && (remoteOptions = await this.queryDataFormatter(remoteOptions))
+        console.log(remoteOptions, 'remoteOptions', this.remoteOptions)
+        !remoteOptions.length && (this.remoteOptions = []) //未查出数据，需要把下拉值置空
+        console.log(this.remoteOptions)
         if (this.lazyLoad) {
           const temp = remoteOptions.map((item) => {
-            const label = item[this.labelKey ? this.labelKey : "label"];
-            const value = item[this.valueKey ? this.valueKey : "value"];
+            const label = item[this.labelKey ? this.labelKey : 'label']
+            const value = item[this.valueKey ? this.valueKey : 'value']
             return {
-              value: this.optionValueIsObject
-                ? { ...item, label, value }
-                : value,
-              label,
-            };
-          });
-          this.remoteOptions = this.remoteOptions.concat(temp);
+              value: this.optionValueIsObject ? { ...item, label, value } : value,
+              label
+            }
+          })
+          this.remoteOptions = this.remoteOptions.concat(temp)
         } else {
           this.remoteOptions = remoteOptions.map((item) => {
-            const label = item[this.labelKey ? this.labelKey : "label"];
-            const value = item[this.valueKey ? this.valueKey : "value"];
+            const label = item[this.labelKey ? this.labelKey : 'label']
+            const value = item[this.valueKey ? this.valueKey : 'value']
             return {
-              value: this.optionValueIsObject
-                ? { ...item, label, value }
-                : value,
-              label,
-            };
-          });
+              value: this.optionValueIsObject ? { ...item, label, value } : value,
+              label
+            }
+          })
         }
       } catch (err) {
-        console.error(err);
+        console.error(err)
       } finally {
-        this.loading = false;
+        this.loading = false
       }
     },
     visibleChange(val) {
-      this.showUp = val;
+      this.showUp = val
     },
     /**
      * 失去焦点
      */
     selectBlur() {
       if (this.lazyLoad) {
-        this.paginationObj["page.current"]++;
+        this.paginationObj['page.current']++
       }
     },
 
@@ -465,17 +455,17 @@ export default {
      * 获取焦点
      */
     selectFocus() {
-      this.queryStr = null;
+      this.queryStr = null
       if (!this.isCache && this.url && this._options.length < 1) {
-        this.remoteOptions = [];
-        this.getList();
-      }else  if (this.isCache && this.url) {
-        this.remoteOptions = [];
-        this.getList();
+        this.remoteOptions = []
+        this.getList()
+      } else if (this.isCache && this.url) {
+        this.remoteOptions = []
+        this.getList()
       }
-    },
-  },
-};
+    }
+  }
+}
 </script>
 
 <style scoped>

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

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

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

@@ -9,77 +9,71 @@
 <template>
   <div>
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="ruleFrom">
-    <el-form-item label="机构" prop="brNo">
-      <el-select
-        v-model="ruleForm.brNo"
-        :placeholder="$t('set_c_0006')"
-        filterable
-        clearable
-        @change="handleBranchChange"
-      >
-        <el-option
-          v-for="item in brNoArr"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        ></el-option>
-      </el-select>
-    </el-form-item>
-    <el-form-item label="科目" prop="subjectNo">
-    <NstcSelectSubject v-model="ruleForm.subjectNo" :query-conf="subjectConf" />
-    </el-form-item>
+      <el-form-item label="机构" prop="brNo">
+        <el-select
+          v-model="ruleForm.brNo"
+          :placeholder="$t('set_c_0006')"
+          filterable
+          clearable
+          @change="handleBranchChange"
+        >
+          <el-option v-for="item in brNoArr" :key="item.value" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="科目" prop="subjectNo">
+        <NstcSelectSubject v-model="ruleForm.subjectNo" :query-conf="subjectConf" />
+      </el-form-item>
     </el-form>
   </div>
 </template>
 
 <script>
-import NstcSelectSubject from "../main.vue";
+import NstcSelectSubject from '../main.vue'
 export default {
   components: { NstcSelectSubject },
   data() {
     return {
-      subject: "",
+      subject: '',
       subjectConf: {
-        url: "http://192.168.20.109:8080/api/nstc-tss/1.0/remote/list",
-        method: "POST",
+        url: 'http://192.168.20.109:8080/api/nstc-tss/1.0/remote/list',
+        method: 'POST',
         defaultParam: {
-          brNo: "",
+          brNo: '',
           yr: new Date().getFullYear()
         }
       },
       brNoArr: [
-        {value: '001', label: "总部"},
-        {value: '000111', label: "九恒星"},
-        {value: '999888', label: "wsl"},
-        {value: '100001', label: "总部24"},
+        { value: '001', label: '总部' },
+        { value: '000111', label: '九恒星' },
+        { value: '999888', label: 'wsl' },
+        { value: '100001', label: '总部24' }
       ],
       labelconf: {
-        title: "选择科目",
-        plcInput: "请输入",
-        plcSelect: "请选择",
-        noselectmsg: "请选择科目",
-        subjectNoLabel: "科目编号",
-        subjectNameLabel: "科目名称",
-        balanceDirectionlabel: "余额方向",
+        title: '选择科目',
+        plcInput: '请输入',
+        plcSelect: '请选择',
+        noselectmsg: '请选择科目',
+        subjectNoLabel: '科目编号',
+        subjectNameLabel: '科目名称',
+        balanceDirectionlabel: '余额方向'
       },
       ruleForm: {
-        brNo: "",
-        subjectNo: ""
+        brNo: '',
+        subjectNo: ''
       }
-    };
+    }
   },
   methods: {
     input(val) {
-      console.log(val, "0000");
-    },// 开户机构change
+      console.log(val, '0000')
+    }, // 开户机构change
     async handleBranchChange(data) {
-      this.subjectConf.defaultParam.brNo = data;
-      console.log(this.subjectConf.defaultParam.brNo,'this.subjectConf.defaultParam.brNo');
-      this.ruleForm.subjectNo = "";
-    },
-  },
-};
+      this.subjectConf.defaultParam.brNo = data
+      console.log(this.subjectConf.defaultParam.brNo, 'this.subjectConf.defaultParam.brNo')
+      this.ruleForm.subjectNo = ''
+    }
+  }
+}
 </script>
 
-<style>
-</style>
+<style></style>