t20-common-lib 0.7.11 → 0.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "t20-common-lib",
-  "version": "0.7.11",
+  "version": "0.9.0",
   "description": "T20",
   "private": false,
   "main": "dist/index.js",
@@ -23,19 +23,20 @@
   "keywords": [
     "vue",
     "element-ui",
-    "t20-common-lib"
+    "t20-common-lib",
+    "store"
   ],
   "author": "liuzongxi",
   "license": "MIT",
   "dependencies": {
     "core-js": "^2.6.12",
+    "dayjs": "^1.11.18",
     "element-ui": "^2.15.13",
-    "highlight.js": "^11.11.1",
-    "n20-common-lib": "^2.16.24",
+    "lodash-es": "^4.17.21",
     "normalize.css": "^8.0.1",
     "vue": "^2.6.14",
     "vue-server-renderer": "^2.6.14",
-    "vxe-table": "^3.6.17"
+    "vuex": "^3.6.2"
   },
   "devDependencies": {
     "@babel/core": "^7.28.4",
@@ -60,9 +61,7 @@
     "process": "^0.11.10",
     "rimraf": "^3.0.2",
     "sass-loader": "^8.0.2",
-    "vue-template-compiler": "^2.6.14",
-    "vuepress": "^1.9.7",
-    "vuepress-plugin-demo-block": "^0.7.2"
+    "vue-template-compiler": "^2.6.14"
   },
   "eslintConfig": {
     "root": true,

package/packages/branch-bank-select/index.js

@@ -0,0 +1,8 @@
+import BranchBankSelect from './src/main';
+
+/* istanbul ignore next */
+BranchBankSelect.install = function(Vue) {
+  Vue.component(BranchBankSelect.name, BranchBankSelect);
+};
+
+export default BranchBankSelect;

package/packages/branch-bank-select/src/main.vue

@@ -0,0 +1,185 @@
+<template>
+  <el-select
+    v-model="branchBankNo"
+    v-select-lazy="lazyGet"
+    :multiple="multiple"
+    :loading="loading"
+    filterable
+    clearable
+    :filter-method="debouncedFilter"
+    popper-class="branchBankSelect"
+    @change="handleBranchChange"
+    @focus="handleFocus"
+    @clear="() => handleFilter('')"
+  >
+    <el-option
+      v-for="item in branchBankList"
+      :key="item.cnapsNo"
+      :label="item.branchBankName"
+      :value="item[valueKey]"
+    >
+      <slot name="option" :item="item">
+        <div class="flex-column flex-c" style="height: 100%">
+          <div style="line-height: 20px; font-weight: bold">
+            {{ item.branchBankName }}
+          </div>
+          <div style="line-height: 20px">{{ item.cnapsNo }}</div>
+        </div>
+      </slot>
+    </el-option>
+  </el-select>
+</template>
+
+<script>
+import { debounce } from 'lodash-es';
+
+export default {
+  name: "BranchBankSelect",
+  directives: {
+    'select-lazy': {
+      bind(el, binding) {
+        const dropdown = el.querySelector('.el-select-dropdown__wrap');
+        if (!dropdown) return;
+        
+        let maxMoveY = 0;
+        dropdown.addEventListener('scroll', function () {
+          if (this.scrollTop <= 20) {
+            maxMoveY = 0;
+          }
+          if (this.scrollTop > maxMoveY + 60 && this.scrollTop + this.clientHeight > this.scrollHeight - 60) {
+            maxMoveY = this.scrollTop;
+            binding.value();
+          }
+        });
+      }
+    }
+  },
+  props: {
+    value: {
+      type: [String, Number, Array, Object],
+      default: undefined
+    },
+    multiple: {
+      type: Boolean,
+      default: false,
+    },
+    bankCode: {
+      type: [String, Number, Array],
+      default: "",
+    },
+    valueKey: {
+      type: String,
+      default: "cnapsNo",
+    },
+    requestFn: {
+      type: Function,
+      required: true
+    }
+  },
+  data() {
+    return {
+      branchBankNo: this.value,
+      branchBankList: [],
+      loading: false,
+      page: {
+        current: 1,
+        size: 20,
+        key: "",
+        hasMore: true,
+      }
+    };
+  },
+  watch: {
+    value(newVal) {
+      this.branchBankNo = newVal;
+    },
+    bankCode: {
+      immediate: true,
+      handler() {
+        this.resetAndFetch();
+      },
+    },
+  },
+  created() {
+    this.debouncedFilter = debounce(this.handleFilter, 300);
+  },
+  mounted() {
+    this.fetchBranchData(true);
+  },
+  methods: {
+    lazyGet() {
+      if (this.page.hasMore) {
+        this.page.current++;
+        this.fetchBranchData();
+      }
+    },
+    async fetchBranchData(isInitial = false) {
+      if (this.loading || !this.page.hasMore) return;
+      if (typeof this.requestFn !== 'function') {
+        console.error("requestFn prop must be a function.");
+        return;
+      }
+      this.loading = true;
+
+      const params = {
+        "page.size": this.page.size,
+        "page.current": this.page.current,
+        key: this.page.key,
+        isDomestic: 1,
+      };
+
+      if (Array.isArray(this.bankCode) && this.bankCode.length > 0) {
+        params.bankNoList = this.bankCode;
+      } else if (this.bankCode) {
+        params.bankNo = this.bankCode;
+      }
+
+      try {
+        const { list = [] } = await this.requestFn(params);
+        if (isInitial) {
+          this.branchBankList = list;
+        } else {
+          this.branchBankList = this.branchBankList.concat(list);
+        }
+        this.page.hasMore = list.length === this.page.size;
+      } catch (error) {
+        console.error("Failed to fetch branch data:", error);
+      } finally {
+        this.loading = false;
+      }
+    },
+    handleFilter(val) {
+      this.page.key = val;
+      this.page.current = 1;
+      this.page.hasMore = true;
+      this.fetchBranchData(true);
+    },
+    resetAndFetch() {
+      this.branchBankList = [];
+      this.page.current = 1;
+      this.page.key = "";
+      this.page.hasMore = true;
+      this.branchBankNo = this.multiple ? [] : "";
+      this.fetchBranchData(true);
+    },
+    handleBranchChange(val) {
+      this.$emit('input', val);
+      this.$emit("canGetData", val);
+    },
+    handleFocus() {
+      if (!this.page.key && this.branchBankList.length === 0) {
+        this.handleFilter('');
+      }
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.branchBankSelect {
+  .el-select-dropdown__item {
+    height: 52px !important;
+    line-height: 52px !important;
+  }
+}
+</style>

package/packages/multi-currency-statistics/index.js

@@ -0,0 +1,8 @@
+import MultiCurrencyStatistics from './src/main';
+
+/* istanbul ignore next */
+MultiCurrencyStatistics.install = function(Vue) {
+  Vue.component(MultiCurrencyStatistics.name, MultiCurrencyStatistics);
+};
+
+export default MultiCurrencyStatistics;

package/packages/multi-currency-statistics/src/main.vue

@@ -0,0 +1,229 @@
+<template>
+  <div class="footer-static flex-box">
+    <N20-statis-popover v-if="!onlyAll" class="m-r-s" :lists="selectStatistics" :countLabel="[$l('条数')]" :total="selectTotal"/>
+    <N20-statis-popover :lists="allStatistics" :countLabel="[$l('条数')]" :total="multipleTotal"/>
+  </div>
+</template>
+<script>
+export default {
+  name: 'MultiCurrencyStatistics',
+  props: {
+    views: {
+      type: Array,
+      default: () => []
+    },
+    config: {
+      type: Array,
+      default: () => []
+    },
+    // 选中的数据
+    selected: {
+      type: Array,
+      default: () => []
+    },
+    // 数据是否是在币种列表中
+    isMultiple: {
+      type: Boolean,
+      default: false
+    },
+    multipleKey: {
+      type: String,
+      default: 'curreyNoList'
+    },
+    onlyAll: {
+      type: Boolean,
+      default: false
+    },
+    multipleTotal: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      allStatistics: [],
+      selectStatistics: [],
+      selectStatisticsTpl: [],
+      selectTotal: 0
+    }
+  },
+  watch: {
+    selected: {
+      deep: true,
+      immediate: true,
+      handler() {
+        this.calculationSelected()
+      }
+    },
+    views: {
+      deep: true,
+      immediate: true,
+      handler() {
+        this.generateStatistics()
+      }
+    }
+  },
+  methods: {
+    /**
+     * 计算已选数据
+     */
+    calculationSelected() {
+      this.selectTotal = 0
+      if (!this.selected.length) {
+        this.selectStatistics = [this.selectStatisticsTpl[0]]
+        return
+      }
+      let selectedList = []
+      this.selectStatistics = []
+      this.selectTotal = this.selected.length
+      if (this.isMultiple) {
+        const arr = []
+        this.selected.forEach(item => {
+          if (item[this.multipleKey] && !arr.includes(item.accountNo)) {
+            item[this.multipleKey].forEach(currency => {
+              selectedList.push({...item, ...currency, [this.multipleKey]: undefined})
+            })
+          }
+          if (!arr.includes(item.accountNo)) {
+            arr.push(item.accountNo)
+          }
+        })
+        this.selectTotal = arr.length
+      } else {
+        selectedList = this.selected
+      }
+      
+      this.selectStatisticsTpl.forEach((statistic) => {
+        const coins = selectedList.filter(item => {
+          return item.currencyName === statistic.title
+        })
+
+        if (coins.length) {
+          const statis = [
+            {
+              type: this.$l('已选合计'), //已选合计
+              list: this.config.map(c => ({
+                label: c.label,
+                value: (() => {
+                  if (c.label === this.$l('条数')) {
+                    //笔|条 数
+                    return coins.length
+                  }
+                  return coins.reduce((amount, item) => amount + item[c.key], 0)
+                })()
+              }))
+            }
+          ]
+          this.selectStatistics.push({...statistic, statis})
+        }
+      })
+    },
+    uniqueByAccountNo(arr) {
+      return arr.reduce((acc, current) => {
+        const exists = acc.some(item => item.accountNo === current.accountNo);
+        if (!exists) {
+          acc.push(current);
+        }
+        return acc;
+      }, []);
+    },
+    /**
+     * 构造底部统计数据
+     */
+    generateStatistics() {
+      this.selectTotal = 0
+      if (!this.views.length) {
+        this.allStatistics = [{
+          title: this.$l('人民币'),
+          statis: [
+            {
+              type: this.$l('全部合计'),
+              list: this.config.map(c => ({label: c.label, value: 0}))
+            }
+          ]
+        }]
+        this.selectStatistics = [{
+          title: this.$l('人民币'), 
+          statis: [
+            {
+              type: this.$l('已选合计'),
+              list: this.config.map(c => ({label: c.label, value: 0}))
+            }
+          ]
+        }]
+        this.selectStatisticsTpl =  [{
+          title: this.$l('人民币'),
+          statis: [
+            {
+              type: this.$l('已选合计'), 
+              list: this.config.map(c => ({label: c.label, value: 0}))
+            }
+          ]
+        }]
+        return
+      }
+      const allStatistics = []
+      const selectedStatistics = []
+      this.views.forEach(item => {
+        allStatistics.push({
+          title: item.currencyName,
+          currencyNo: item.currencyNo,
+          statis: [
+            {
+              type: this.$l('全部合计'), //全部合计
+              list: this.config.map(c => ({label: c.label, value: item[c.code] || '0'}))
+            }
+          ]
+        })
+        selectedStatistics.push({
+          title: item.currencyName,
+          currencyNo: item.currencyNo,
+          statis: [
+            {
+              type: this.$l('已选合计'), //已选合计
+              list: this.config.map(c => ({label: c.label, value: 0}))
+            }
+          ]
+        })
+      })
+      this.allStatistics = this.sortCurrencyToFront(allStatistics)
+      this.selectStatisticsTpl = this.sortCurrencyToFront(selectedStatistics)
+      this.selectStatistics = [this.sortCurrencyToFront(selectedStatistics)[0]]
+      // 回调一次计算已选合计的过程，处理一个接口导致的全部合计再次刷新的问题
+      this.$nextTick(()=>{
+        this.calculationSelected()
+      })
+    },
+    sortCurrencyToFront(data) {
+      let currencyNo = 'CNY'
+      if (this.$store && this.$store.state && this.$store.state.user && this.$store.state.user.defaultCurrencyNo) {
+        currencyNo = this.$store.state.user.defaultCurrencyNo
+      }
+      // 创建一个新数组以避免修改原数组
+      const newArray = [...data];
+      
+      // 查找匹配的货币索引
+      const index = newArray.findIndex(item => 
+        item.currencyNo && item.currencyNo.trim().toUpperCase() === currencyNo.trim().toUpperCase()
+      );
+      
+      // 如果找到匹配项
+      if (index > -1) {
+          // 从数组中移除匹配项
+          const [matchedItem] = newArray.splice(index, 1);
+          // 将匹配项添加到数组开头
+          newArray.unshift(matchedItem);
+      }
+      
+      return newArray;
+  }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.footer-static{
+  flex: 1;
+  flex-wrap: wrap;
+}
+</style>

package/src/api/common.js

@@ -0,0 +1,21 @@
+// import request from '@/utils/request'
+
+// 单位本位币
+export function getUnitCurrency(unitNo) {
+  // return request({
+  //   url: `/api/bems/1.0/unit/${unitNo}`,
+  //   method: 'get',
+  //   loading: false
+  // })
+}
+
+// 币种
+export function getCurrency(data, headers = {}) {
+  // return request({
+  //   url: '/api/nstc-mdm/1.0/currency',
+  //   method: 'get',
+  //   params: data,
+  //   loading: false,
+  //   headers
+  // })
+}

package/src/index.js

@@ -11,6 +11,8 @@ import TabPane from '../packages/tab-pane/index.js'
 import StatisCard from '../packages/statis-card/index.js'
 import PageHeader from '../packages/page-header/index.js'
 import CommonCollapse from '../packages/common-collapse/index.js'
+import MultiCurrencyStatistics from '../packages/multi-currency-statistics/index.js'
+import BranchBankSelect from '../packages/branch-bank-select/index.js'
 
 // 存储组件列表
 const components = [
@@ -20,7 +22,9 @@ const components = [
   TabPane,
   StatisCard,
   CommonCollapse,
-  PageHeader
+  PageHeader,
+  MultiCurrencyStatistics,
+  BranchBankSelect
 ]
 
 // 定义 install 方法，接收 Vue 作为参数
@@ -56,6 +60,8 @@ export {
   CommonCollapse,
   TabPane,
   PageHeader,
+  MultiCurrencyStatistics,
+  BranchBankSelect,
   repairEl,
   getColumnWidth,
   getCellAlign,

package/src/store/index.js

@@ -0,0 +1,25 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import getters from './getters'
+
+Vue.use(Vuex)
+
+// https://webpack.js.org/guides/dependency-management/#requirecontext
+const modulesFiles = require.context('./modules', true, /\.js$/)
+
+// you do not need `import app from './modules/app'`
+// it will auto require all vuex module from modules file
+const modules = modulesFiles.keys().reduce((modules, modulePath) => {
+  // set './app.js' => 'app'
+  const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
+  const value = modulesFiles(modulePath)
+  modules[moduleName] = value.default
+  return modules
+}, {})
+
+const store = new Vuex.Store({
+  modules,
+  getters
+})
+
+export default store

package/src/store/modules/user.js

@@ -0,0 +1,42 @@
+import { getUnitCurrency, getCurrency } from '@/api/common.js'
+
+const state = {
+  defaultCurrencyNo: '',
+  defaultCurrencyName: ''
+}
+
+const mutations = {
+  SET_DEFAULTCURRENCYNO: (state, currencyNo) => {
+    state.defaultCurrencyNo = currencyNo
+  },
+  SET_DEFAULTCURRENCYNAME: (state, currencyName) => {
+    state.defaultCurrencyName = currencyName
+  }
+}
+
+const actions = {
+  async getDefaultCurrency({commit}) {
+    const userInfo = JSON.parse(sessionStorage.getItem('User_Info'))
+    // const resUnit = await getUnitCurrency(userInfo.custNo) //归集主体
+    // if (resUnit.currencyNo) {
+    //   console.log("🚀 ~ getDefaultCurrency ~ resUnit.currencyNo:", resUnit.currencyNo)
+    //   commit('SET_DEFAULTCURRENCYNO', resUnit.currencyNo)
+    //   commit('SET_DEFAULTCURRENCYNAME', resUnit.currencyName)
+    // } else {
+    //   const list = await getCurrency({ isEnable: 1 }, false)
+    //   const allCurrency = list.find(item => item.currencyType === 0)
+    //   if (allCurrency) {
+    //     commit('SET_DEFAULTCURRENCYNO', allCurrency.currencyNo)
+    //     commit('SET_DEFAULTCURRENCYNAME', allCurrency.currencyName)
+    //   }
+    // }
+    
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}

package/src/utils/common.js

@@ -0,0 +1,12 @@
+export function generateUUID() {
+  let d = new Date().getTime();
+  if (typeof performance !== 'undefined' && typeof performance.now === 'function'){
+    d += performance.now(); //use high-precision timer if available
+  }
+  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+    const r = (d + Math.random()*16)%16 | 0;
+    d = Math.floor(d/16);
+    return (c=='x' ? r : (r&0x3|0x8)).toString(16);
+  });
+  return uuid;
+}

package/src/utils/date.js

@@ -1,24 +1,44 @@
- export function parseDate(date, format) {
-    var o = {
-      "M+": date.getMonth() + 1,
-      "d+": date.getDate(),
-      "h+": date.getHours(),
-      "m+": date.getMinutes(),
-      "s+": date.getSeconds(),
-      "q+": Math.floor((date.getMonth() + 3) / 3),
-      S: date.getMilliseconds()
-    };
-    let yearReg = format.match(/(y+)/i);
-    if (yearReg) {
-      let year = date.getFullYear() + "";
-      year = year.substring(4 - yearReg[0].length);
-      format = format.replace(yearReg[0], year);
+import dayjs from 'dayjs';
+
+// 日期格式化
+export function parseDate(date, format) {
+  var o = {
+    "M+": date.getMonth() + 1,
+    "d+": date.getDate(),
+    "h+": date.getHours(),
+    "m+": date.getMinutes(),
+    "s+": date.getSeconds(),
+    "q+": Math.floor((date.getMonth() + 3) / 3),
+    S: date.getMilliseconds()
+  };
+  let yearReg = format.match(/(y+)/i);
+  if (yearReg) {
+    let year = date.getFullYear() + "";
+    year = year.substring(4 - yearReg[0].length);
+    format = format.replace(yearReg[0], year);
+  }
+  for (var k in o) {
+    let iReg = format.match(new RegExp("(" + k + ")"));
+    if (iReg) {
+      format = format.replace(iReg[0], iReg[0].length == 1 ? o[k] : ("00" + o[k]).substring(("" + o[k]).length));
     }
-    for (var k in o) {
-      let iReg = format.match(new RegExp("(" + k + ")"));
-      if (iReg) {
-        format = format.replace(iReg[0], iReg[0].length == 1 ? o[k] : ("00" + o[k]).substring(("" + o[k]).length));
-      }
-    }
-    return format;
-  }
+  }
+  return format;
+}
+
+
+/**
+ * 获取本月第一天
+ * @returns {string} e.g. '2025-10-01'
+ */
+export function getFirstDayOfThisMonth() {
+  return dayjs().startOf('month').format('YYYY-MM-DD');
+}
+
+/**
+ * 获取当前日期
+ * @returns {string} e.g. '2025-10-17'
+ */
+export function getCurrentDate() {
+  return dayjs().format('YYYY-MM-DD');
+}