gcs-ui-lib 1.2.16 → 1.2.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gcs-ui-lib",
-  "version": "1.2.16",
+  "version": "1.2.18",
   "private": false,
   "main": "./lib/gcs-ui-lib.common.js",
   "scripts": {
@@ -32,6 +32,7 @@
     "element-ui": "^2.15.5",
     "axios": "^0.21.4",
     "vxe-table": "3.6.17",
+    "decimal.js": "^10.6.0",
     "vxe-utils": "2.0.1"
   },
   "peerDependencies": {},

package/packages/LazyBank/index.js

@@ -0,0 +1,7 @@
+import NstcLazyBank from './src/main'
+
+NstcLazyBank.install = function(Vue) {
+    Vue.component(NstcLazyBank.name, NstcLazyBank)
+}
+
+export default NstcLazyBank

package/packages/LazyBank/src/demo/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <div>
+    <NstcLazyBank v-model="bankNo"/>
+  </div>
+</template>
+<script>
+import NstcLazyBank from "../main.vue";
+
+export default {
+  name: 'LazyBankDemo',
+  components: {
+    NstcLazyBank
+  },
+  data() {
+    return {
+      bankNo: 'B1639'
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+
+</style>

package/packages/LazyBank/src/main.vue

@@ -0,0 +1,111 @@
+<template>
+  <SelectLazy
+      v-model="bankNo"
+      :filter-method="filterFn"
+      @scroll-bottom="getNextList"
+      v-on="$listeners"
+      v-bind="$attrs"
+      :placeholder="$l('请选择')"
+      @change="handleChange"
+  >
+    <template v-loading="loading">
+      <el-option
+          v-for="item in bankList"
+          :key="item.bankNo"
+          :label="item['bankName']"
+          :value="item['bankNo']"
+      >
+        {{ item.bankName }}
+      </el-option>
+    </template>
+  </SelectLazy>
+</template>
+<script>
+import {SelectLazy, axios, SelectLazy as CLSelectLazy} from "n20-common-lib";
+
+export default {
+  name: "NstcLazyBank",
+  components: {
+    CLSelectLazy,
+    SelectLazy
+  },
+  props: {
+    value: {
+      type: [String, Array],
+      default: "",
+    },
+    moreParams: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    bankNo: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("input", val);
+      },
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      searchKey: '',
+      page: {
+        current: 1,
+        size: 20
+      },
+      bankList: [],
+      total: 100
+    }
+  },
+  mounted() {
+    this.getBanks(this.value)
+  },
+  methods: {
+    filterFn(val) {
+      this.page.current = 1;
+      this.searchKey = val;
+      this.getBanks()
+    },
+    async getNextList() {
+      if (this.total > this.bankList.length) {
+        this.page.current += 1;
+        this.getBanks();
+      }
+    },
+    getBanks(originKey = '') {
+      const params = {
+        'page.current': this.page.current,
+        'page.size': this.page.size,
+        searchKey: originKey || this.searchKey,
+        isEnable: 1,
+        ...this.moreParams
+      }
+      this.loading = true
+      axios.get('/api/nstc-mdm/1.0/bank', params, {loading: false}).then(res => {
+        if (this.page.current === 1) {
+          this.bankList = res.data || []
+        } else {
+          this.bankList = this.bankList.concat(res.data);
+        }
+        this.total = res.total;
+      }).catch(err => {
+        console.error(err)
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    handleChange(e) {
+      const bank = this.bankList.find(item => item.bankNo === e);
+      if (bank) {
+        this.$emit("change", bank);
+      } else {
+        this.$emit("clear");
+      }
+    }
+  }
+}
+</script>

package/packages/MultiCurrencyStatistics/src/main.vue

@@ -5,7 +5,9 @@
   </div>
 </template>
 <script>
-import {StatisPopover, N} from 'n20-common-lib'
+import {StatisPopover} from 'n20-common-lib'
+import Decimal from 'decimal.js';
+import {amountFormat} from "../../../src/utils/utils";
 
 export default {
   name: 'MultiCurrencyStatistics',
@@ -113,7 +115,12 @@ export default {
                     //笔|条 数
                     return coins.length
                   }
-                  return coins.reduce((amount, item) => N.add(amount,item[c.key],2), 0)
+
+                  return coins.reduce((amount, item) => {
+                    const o1 = new Decimal(`${amount || 0}`)
+                    const o2 = new Decimal(`${item[c.key] || 0}`)
+                    return amountFormat(o1.plus(o2))
+                  }, 0)
                 })()
               }))
             }

package/src/index.js

@@ -34,6 +34,7 @@ import NstcMergeAutoFillDetail from "../packages/MergeAutoFill/merge/mergeFillDe
 import NstcMergeAutoFillService from "../packages/MergeAutoFill/merge/merageFillService.vue";
 import NstcMergeAutoFillRuleHistory from "../packages/MergeAutoFill/merge/ExtendMergeHistory.vue";
 import NstcIntegerNumber from "../packages/IntegerInput/src/main.vue";
+import NstcLazyBank from "../packages/LazyBank/src/main.vue";
 
 import "n20-common-lib/style/index.css";
 import i18n, {$l} from 'n20-common-lib/src/utils/i18n'
@@ -80,6 +81,7 @@ const components = [
     NstcMultiCurrencyStatistics,
     BankInstitutionDropdown,
     RiskEventTable,
+    NstcLazyBank,
     ...dynamicComponents, // 添加自动发现的组件
 ];
 
@@ -155,7 +157,8 @@ export {
     NstcConfigurableForm,
     NstcValidateQuota,
     NstcMultiCurrencyStatistics,
-    BankInstitutionDropdown
+    BankInstitutionDropdown,
+    NstcLazyBank
 };
 export default {
     version: "1.0.0",
@@ -185,5 +188,6 @@ export default {
     NstcConfigurableForm,
     NstcValidateQuota,
     NstcMultiCurrencyStatistics,
-    BankInstitutionDropdown
+    BankInstitutionDropdown,
+    NstcLazyBank
 };

package/src/preview/router.js

@@ -68,6 +68,11 @@ export const routes = [{
         name: '银行',
         component: () => import('^/Bank/src/demo/index.vue')
     },
+    {
+        path: '/LazyBank',
+        name: '银行懒加载',
+        component: () => import('^/LazyBank/src/demo/index.vue')
+    },
     {
         path: '/BranchBank',
         name: '支行',