t20-common-lib 0.9.14 → 0.10.0

package/packages/main-page/src/main.vue

@@ -1,44 +1,44 @@
-<template>
-  <div class="flex-column main-page">
-    <div v-if="$slots.header" class="header">
-      <slot name="header"></slot>
-    </div>
-    <div v-if="$slots.card || $slots.tab" style="position: relative;">
-      <slot name="card"></slot>
-      <div class="tab" v-if="$slots.tab">
-        <slot name="tab"></slot>
-      </div>
-    </div>
-    <div class="bg-white flex-1 overflow">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'MainPage'
-}
-</script>
-
-<style lang="scss" scoped>
-.tab {
-  position: absolute;
-  bottom: -40px;
-  left: 8px;
-}
-
-.bg-white {
-  background-color: #fff !important;
-}
-
-.header {
-  height: 32px; 
-  line-height: 32px;
-}
-
-.main-page {
-  padding: 0 !important;
-  background: #f0f2f5;
-}
+<template>
+  <div class="flex-column main-page">
+    <div v-if="$slots.header" class="header">
+      <slot name="header"></slot>
+    </div>
+    <div v-if="$slots.card || $slots.tab" style="position: relative;">
+      <slot name="card"></slot>
+      <div class="tab" v-if="$slots.tab">
+        <slot name="tab"></slot>
+      </div>
+    </div>
+    <div class="bg-white flex-1 overflow">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MainPage'
+}
+</script>
+
+<style lang="scss" scoped>
+.tab {
+  position: absolute;
+  bottom: -40px;
+  left: 8px;
+}
+
+.bg-white {
+  background-color: #fff !important;
+}
+
+.header {
+  height: 32px; 
+  line-height: 32px;
+}
+
+.main-page {
+  padding: 0 !important;
+  background: #f0f2f5;
+}
 </style>

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

@@ -1,8 +1,8 @@
-import MultiCurrencyStatistics from './src/main';
-
-/* istanbul ignore next */
-MultiCurrencyStatistics.install = function(Vue) {
-  Vue.component(MultiCurrencyStatistics.name, MultiCurrencyStatistics);
-};
-
-export default MultiCurrencyStatistics;
+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

@@ -1,229 +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>
+<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/packages/page-header/index.js

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