gcs-ui-lib 1.0.1

package/packages/MultiCurrencyStatistics/src/main.vue

@@ -0,0 +1,200 @@
+<template>
+  <div class="footer-static flex-box">
+    <StatisPopover v-if="!onlyAll" class="m-r-s" :lists="selectStatistics" :countLabel="[$l('条数')]"/>
+    <StatisPopover  v-if="!onlySelected" :lists="allStatistics" :countLabel="[$l('条数')]"/>
+  </div>
+</template>
+<script>
+import {StatisPopover, N} from 'n20-common-lib'
+
+export default {
+  name: 'MultiCurrencyStatistics',
+  components: {
+    StatisPopover
+  },
+  props: {
+    // Array<{
+    //    "currencyNo": "CNY",
+    //    "currencyName": "人民币",
+    //    "totalNumber": 1,
+    //    "totalAmount": null,
+    //    "totalColumn1": "100.00",
+    //    "totalColumn2": "0.00"
+    //  }>
+    views: {
+      type: Array,
+      default: () => []
+    },
+    // Array<{label: '笔数', code: 'totalNumber'}>
+    config: {
+      type: Array,
+      default: () => []
+    },
+    // 选中的数据
+    selected: {
+      type: Array,
+      default: () => []
+    },
+    // 数据是否是在币种列表中
+    isMultiple: {
+      type: Boolean,
+      default: false
+    },
+    multipleKey: {
+      type: String,
+      default: 'curreyNoList'
+    },
+    onlyAll: {
+      type: Boolean,
+      default: false
+    },
+    onlySelected: {
+      type: Boolean,
+      default: false
+    },
+  },
+  data() {
+    return {
+      allStatistics: [],
+      selectStatistics: [],
+      selectStatisticsTpl: []
+    }
+  },
+  watch: {
+    selected: {
+      deep: true,
+      immediate: true,
+      handler() {
+        this.calculationSelected()
+      }
+    },
+    views: {
+      deep: true,
+      immediate: true,
+      handler() {
+        this.generateStatistics()
+      }
+    }
+  },
+  methods: {
+    /**
+     * 计算已选数据
+     */
+    calculationSelected() {
+      if (!this.selected.length) {
+        this.selectStatistics = [this.selectStatisticsTpl[0]]
+        return
+      }
+      let selectedList = []
+      this.selectStatistics = []
+      if (this.isMultiple) {
+        this.selected.forEach(item => {
+          if (item[this.multipleKey]) {
+            item[this.multipleKey].forEach(currency => {
+              selectedList.push({...item, ...currency, [this.multipleKey]: undefined})
+            })
+          }
+        })
+      } 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('条数') || c.label === this.$l('笔数')) {
+                    //笔|条 数
+                    return coins.length
+                  }
+                  return coins.reduce((amount, item) => N.add(amount,item[c.key],2), 0)
+                })()
+              }))
+            }
+          ]
+          this.selectStatistics.push({...statistic, statis})
+        }
+      })
+    },
+    /**
+     * 构造底部统计数据
+     */
+    generateStatistics() {
+      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.00'}))
+            }
+          ]
+        })
+        selectedStatistics.push({
+          title: item.currencyName,
+          currencyNo: item.currencyNo,
+          statis: [
+            {
+              type: this.$l('已选合计'), //已选合计
+              list: this.config.map(c => ({label: c.label, value: 0}))
+            }
+          ]
+        })
+      })
+      this.allStatistics = allStatistics
+      this.selectStatisticsTpl = selectedStatistics
+      this.selectStatistics = [selectedStatistics[0]]
+      // 回调一次计算已选合计的过程，处理一个接口导致的全部合计再次刷新的问题
+      this.$nextTick(() => {
+        this.calculationSelected()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.footer-static {
+  flex: 1;
+  flex-wrap: wrap;
+}
+</style>

package/packages/SelectTicket/index.js

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

package/packages/SelectTicket/src/Tree/index.vue

@@ -0,0 +1,13 @@
+
+
+<template>
+ <div>
+
+ </div>
+</template>
+<script>
+
+</script>
+<style scoped lang="scss">
+
+</style>

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

@@ -0,0 +1,139 @@
+
+<template>
+ <div>
+   <h2>选票多选</h2>
+   <el-button @click="dialogVisible=true">选票多选</el-button>
+
+   <SelectTicket
+       :visible="dialogVisible"
+       :title="$l('选择票据')"
+       @update:visible="dialogVisible = $event"
+       :searchObj="searchObj"
+       @openBillDetails="openBillDetails"
+       @getBillData="getBillData"
+       @cancel="dialogVisible = false"
+       filterId="selectBillDialogFilterList"
+       v-if="dialogVisible"
+       :single="false">
+     {{row.billNos}}
+   </SelectTicket>
+       <h2>选票单选</h2>
+   <el-button @click="dialogVisible2=true">选票单选</el-button>
+   <SelectTicket
+       :visible="dialogVisible2"
+       :title="$l('选择票据')"
+       filterId="selectBillDialogFilterList"
+       @update:visible="dialogVisible2 = $event"
+       :searchObj="searchObj"
+       @openBillDetails="openBillDetails"
+       @getBillData="getBillData"
+       @cancel="dialogVisible2 = false"
+       v-if="dialogVisible2"
+       :single="true">
+   </SelectTicket>
+   {{row.billNo}}
+ </div>
+</template>
+<script>
+import SelectTicket from "./../main.vue";
+export default {
+  name: "SelectTicketDom",
+  components: {
+    SelectTicket,
+  },
+  data() {
+    return {
+      dialogVisible:false,
+      dialogVisible2:false,
+      searchObj: {
+        "detailId": 1109576,
+        "validResult": null,
+        "aimsChannelId": null,
+        "payCltNo": "1011001",
+        "payCltName": "山子高科技股份有限公司",
+        "payBankNo": "01",
+        "payBankName": "中国工商银行",
+        "payBranchBankName": "中国工商银行股份有限公司北京通州支行新华分理处",
+        "payAccountNo": "sh-0603001",
+        "payAccountName": "test",
+        "payDate": "",
+        "currencyNo": "CNY",
+        "currencyName": "人民币",
+        "amount": 2724,
+        "recCltNo": null,
+        "recCltName": null,
+        "recAccountNo": null,
+        "recAccountName": null,
+        "recBankNo": null,
+        "recBankName": null,
+        "recBranchBankName": null,
+        "memo": "批量补填1045",
+        "explain": "批量补填1045",
+        "remark": null,
+        "createTime": "2024-09-04 21:42:52",
+        "channelNo": "NSTC-AIMS",
+        "channelId": "1109576",
+        "refillId": null,
+        "refillStateNo": "UN_REFILL",
+        "refillStateName": "待补填",
+        "payId": null,
+        "relateOrderTypeNo": null,
+        "relateOrderTypeName": null,
+        "refillTypeNo": null,
+        "refillTypeName": null,
+        "exchangeRate": 1,
+        "flowCaseId": null,
+        "detailFlowCaseId": null,
+        "customerReference": null,
+        "title": null,
+        "typeCode": null,
+        "receiptBillIds": null,
+        "receiptBillIdStr": null,
+        "attachIds": null,
+        "attachIdStr": null,
+        "autoFillResultCode": null,
+        "autoFillResult": null,
+        "autoFillDate": null,
+        "lastUpdateTime": null,
+        "refillUserNo": null,
+        "refillUserName": null,
+        "applyId": null,
+        "erpNo": null,
+        "recRecordId": null,
+        "cashFlowNo": null,
+        "cashFlowName": null,
+        "paymentCategoryNo": null,
+        "paymentCategoryName": null,
+        "receiptIds": null,
+        "receiptList": null,
+        "printTimes": null,
+        "refundDetailId": null,
+        "returnStatus": null,
+        "returnReason": null,
+        "receiptIdArr": [],
+        "refundDetailIdArr": []
+      },
+      row:{
+        billNo:'',
+        billNos:''
+      }
+    }
+  },
+  methods:{
+    getBillData(row, index) {
+      console.log(row)
+      if(row.length>1){
+        this.row.billNos = row.map(item => item.billNo)
+        return
+      }
+      this.row.billNo = row.billNo
+    },
+    openBillDetails(row) {
+      this.$refs.tickViewDialog.setView(row)
+    },
+  }
+}
+</script>
+<style scoped lang="scss">
+
+</style>

package/packages/SelectTicket/src/header.js

@@ -0,0 +1,276 @@
+/*
+ * @Author: maoliqiong maoliqiong@nstc.com.cn
+ * @Date: 2022-11-21 15:24:52
+ * @LastEditors: yanshuang yanshuang@nstc.com.cn
+ * @LastEditTime: 2024-02-23 15:47:26
+ * @FilePath: \portal-webe:\nstc\新一代票据\gts-bill_web\src\views\sign\waitSignIn\tableHeader.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+// import i18n from '@/lang/index'
+import { numerify } from 'n20-common-lib'
+let formatCellValue = function(val) {
+  return [null, , undefined].includes(val) ? '--' : val
+}
+export function billListHeader(vm, showSelection = true) {
+
+  const columns  = [
+    {
+      type: 'index',
+      label: vm.$l('序号'),
+      width: '62',
+      align: 'center',
+      fixed: 'left',
+      isDefault: true,
+      static: 'pre'
+    },
+    // 票据（包）号
+    {
+      label: vm.$l('票据（包）号'),
+      prop: 'billNo',
+      minWidth: 300,
+
+      align: 'center',
+      isDefault: true,
+      checked: true,
+      slotName: 'billNo',
+      'show-overflow-tooltip': true
+    },
+    {
+      label: vm.$l('子票区间'),
+      prop: 'cdRange',
+      minWidth: 200,
+      align: 'center',
+      isDefault: true,
+      'show-overflow-tooltip': true,
+      formatter: (row, column, cellValue, index) => {
+        if (formatCellValue(cellValue) == '--') {
+          return '--'
+        } else {
+          if (cellValue.indexOf(',') > -1) {
+            const [min, max] = cellValue.split(',')
+            return parseFloat(min) + '-' + parseFloat(max)
+          } else {
+            return cellValue
+          }
+        }
+      }
+    },
+    // 票据金额
+    {
+      label: vm.$l('票据金额'),
+      prop: 'billAmount',
+      align: 'right',
+      'show-overflow-tooltip': true,
+      isDefault: true,
+      formatter: (row, column, cellValue, index) => {
+        let returnValue = formatCellValue(cellValue)
+        if (returnValue != '--') {
+          returnValue = numerify(cellValue, '0,0.00')
+        }
+        return returnValue
+      },
+      minWidth: 190
+    },
+    // 出票日期
+    {
+      label: vm.$l('出票日期'),
+      prop: 'issuedDate',
+      align: 'center',
+      'show-overflow-tooltip': true,
+      isDefault: true,
+      formatter: (row, column, cellValue, index) => formatCellValue(cellValue),
+      minWidth: 130
+    },
+    // 到期日期
+    {
+      label: vm.$l('到期日期'),
+      prop: 'dueDate',
+      align: 'center',
+      'show-overflow-tooltip': true,
+      isDefault: true,
+      formatter: (row, column, cellValue, index) => formatCellValue(cellValue),
+      minWidth: 130
+    },
+    // 票据种类
+    {
+      label: vm.$l('种类'),
+      prop: 'draftTypeName',
+      align: 'center',
+      filterMultiple: true,
+      filters: 'typeList',
+      columnKey: 'typeName',
+      isDefault: true,
+      'show-overflow-tooltip': true,
+      formatter: (row, column, cellValue, index) => formatCellValue(cellValue),
+      minWidth: 88,
+      filteredValue: []
+    },
+    // 出票人账号
+    {
+      label: vm.$l('出票人账号'),
+      prop: 'payAccountNo',
+      align: 'center',
+      'show-overflow-tooltip': true,
+      formatter: (row, column, cellValue, index) => formatCellValue(cellValue),
+      minWidth: 240,
+      isDefault: true
+    },
+
+    {
+      label: vm.$l('出票人'),
+      prop: 'payName',
+      align: 'left',
+      'show-overflow-tooltip': true,
+      formatter: (row, column, cellValue, index) => formatCellValue(cellValue),
+      minWidth: 240,
+      isDefault: true
+    },
+    {
+      label: vm.$l('出票人开户行'),
+      prop: "payOpenOrgName",
+      align: "left",
+      formatter: (row, column, cellValue, index) => formatCellValue(cellValue),
+      "show-overflow-tooltip": true,
+      minWidth: 268,
+    },
+    {
+      label: vm.$l('承兑人户名'),
+      prop: "acceptAccountName",
+      align: "left",
+      formatter: (row, column, cellValue, index) => formatCellValue(cellValue),
+      "show-overflow-tooltip": true,
+      minWidth: 240,
+    },
+    {
+      label: vm.$l('承兑人开户行'),
+      prop: "acceptBankName",
+      align: "left",
+      formatter: (row, column, cellValue, index) => formatCellValue(cellValue),
+      "show-overflow-tooltip": true,
+      minWidth: 268,
+    },
+    {
+      label: vm.$l('收票人户名'),
+      prop: "recAccountName",
+      align: "left",
+      formatter: (row, column, cellValue, index) => formatCellValue(cellValue),
+      "show-overflow-tooltip": true,
+      minWidth: 240,
+    },
+    {
+      label: vm.$l('收票人开户行'),
+      prop: "recBankName",
+      align: "left",
+      formatter: (row, column, cellValue, index) => formatCellValue(cellValue),
+      "show-overflow-tooltip": true,
+      minWidth: 268,
+    },
+    {
+      slotName: 'operate',
+      label: vm.$l('operate'),
+      static: 'next' // 静态不被"显示列"显示的,且最终会被拼接到"显示列"排序后的表格的"后面"
+    }
+  ]
+
+  // 如果需要显示多选列，并且满足条件，则添加多选列
+  if (!showSelection) {
+    columns.unshift({
+      type: 'selection',
+      width: '46',
+      fixed: 'left',
+      align: 'center',
+      'reserve-selection': true,
+      static: 'pre'
+    });
+  }
+  return columns;
+}
+
+export function selectBillFilter(vm) {
+  return [
+    {
+      label: vm.$l("出票人"),
+      value: "unitNo",
+      id: "unitNo",
+      type: "text",
+      isDefault: true,
+      static: true,
+      isNotClose: true,
+      props: {
+        clearable: true,
+        disabled: false
+      },
+      slotName: "unitNo",
+    },
+    {
+      label: vm.$l('出票人账号'),
+      type: 'text',
+      value: 'payAccountNo',
+      id: 'payAccountNo',
+      slotName: 'payAccountNo',
+      isDefault: true,
+      static: true,
+      isNotClose: true,
+      props: {
+        clearable: true,
+        disabled: vm.isFee
+      }
+    },
+    {
+      label: vm.$l('到期日'),
+      type: 'daterange',
+      startDate: 'dueDateStart',
+      id: 'dueDateStart',
+      endDate: 'dueDateEnd',
+      isDefault: true,
+      static: true,
+      isNotClose: true,
+      maxNow: true
+    },
+
+    {
+      label: vm.$l('票据（包）号'),
+      type: 'text',
+      value: 'billNoLike',
+      id: 'billNoLike',
+      isDefault: true,
+      props: {
+        clearable: true
+      }
+    },
+    {
+      label: vm.$l('承兑人户名'),
+      type: 'text',
+      value: 'acceptNameLike',
+      id: 'acceptNameLike',
+      isDefault: true,
+      props: {
+        clearable: true
+      }
+    },
+    {
+      label: vm.$l('承兑人开户行'),
+      type: 'text',
+      value: 'acceptOpenOrgNameLike',
+      id: 'acceptOpenOrgNameLike',
+      isDefault: true,
+      props: {
+        clearable: true
+      }
+    },
+    {
+      label: vm.$l('票据金额'),
+      type: 'numberrange',
+      startValue: 'minBillAmount',
+      id: 'minBillAmount',
+      endValue: 'maxBillAmount',
+      isDefault: true,
+      props: {
+        min: 0,
+        max: 999999999999.99,
+        isClearable: true,
+        placeholder: vm.$l('请输入')
+      }
+    }
+  ]
+}