t20-common-lib 0.7.10 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "t20-common-lib",
-  "version": "0.7.10",
+  "version": "0.8.0",
   "description": "T20",
   "private": false,
   "main": "dist/index.js",
@@ -23,19 +23,19 @@
   "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",
     "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 +60,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/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

@@ -2,6 +2,7 @@
 import fitlers from './filters/index'
 import repairEl from './utils/repairElementUI'
 import { getColumnWidth, getCellAlign } from './utils/tableCellUtils'
+import { getExportFileName } from './utils/exportFile'
 // 导入组件
 import MainPage from '../packages/main-page/index.js'
 import TablePage from '../packages/table-page/index.js'
@@ -10,6 +11,7 @@ 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'
 
 // 存储组件列表
 const components = [
@@ -19,7 +21,8 @@ const components = [
   TabPane,
   StatisCard,
   CommonCollapse,
-  PageHeader
+  PageHeader,
+  MultiCurrencyStatistics
 ]
 
 // 定义 install 方法，接收 Vue 作为参数
@@ -55,7 +58,9 @@ export {
   CommonCollapse,
   TabPane,
   PageHeader,
+  MultiCurrencyStatistics,
   repairEl,
   getColumnWidth,
-  getCellAlign
+  getCellAlign,
+  getExportFileName
 }

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

@@ -0,0 +1,44 @@
+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));
+    }
+  }
+  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');
+}

package/src/utils/exportFile.js

@@ -0,0 +1,7 @@
+import { parseDate } from './date.js';
+
+// 获取导出文件命名
+export function getExportFileName(baseName, fileType) {
+  const date = parseDate(new Date(), "yyyyMMdd");
+  return `${baseName}-${date}.${fileType}`;
+}