gcs-ui-lib 1.0.1

package/packages/FileImport/index.js

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

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

@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <h2>文件导入</h2>
+    <hr>
+    <h4>外汇</h4>
+    <NstcFileImport
+        business-type="REGISTER" module-no="FEMS"
+    />
+
+    <h4>保函</h4>
+    <NstcFileImport
+        business-type="REGISTER"
+        module-no="LGM"
+        template-no="4"
+        parse-url="/api/nstc-lgm/1.0/import/parse"
+        success-url="/api/nstc-lgm/1.0/import/exec"
+        error-url="/api/nstc-lgm/1.0/import/failed/download"
+    />
+  </div>
+</template>
+
+<script>
+import NstcFileImport from '../main.vue'
+export default {
+  components: {
+    NstcFileImport
+  }
+}
+</script>

package/packages/FileImport/src/main.vue

@@ -0,0 +1,306 @@
+<template>
+  <div>
+    <N20-file-import
+        v-bind="$attrs"
+        v-on="$listeners"
+        :template-opt="{headers:{relaNo: relaNo}}"
+        :file-name="fileName"
+        :footer="footerBtn"
+        :pagination="true"
+        show-error-export
+        :hide-percent="false"
+        @importError="exportErrorData"
+        :validate-result.sync="validateResult"
+        :validate-dialog.sync="validateV"
+        :custom-template-download="showDownloadTpl"
+        :uploadHttpRequest="uploadFn"
+    >
+      <el-button slot="import-btn" plain size="mini">{{ $t('common_t_0051') }}</el-button>
+    </N20-file-import>
+    <N20Dialog v-drag :visible.sync="dialogVisible" :title="$t('common_t_0052')" width="25vw">
+      <el-form ref="postFormRef" :model="postForm" :rules="rules">
+        <el-form-item prop="templateNo" :label="$t('common_t_0053')">
+          <el-select v-model="postForm.templateNo" :placeholder="$t('common_t_0054')" clearable filterable>
+            <el-option
+                v-for="item in templateList"
+                :key="item.templateNo"
+                :value="item.templateNo"
+                :label="item.templateName"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer m-t-m">
+        <el-button type="primary" @click="handleValidate">{{ $t('common_a_0001') }}</el-button>
+        <el-button plain @click="dialogVisible = false">{{ $t('common_a_0002') }}</el-button>
+      </span>
+    </N20Dialog>
+  </div>
+</template>
+<script>
+import {axios, FileImport as N20FileImport, Dialog as N20Dialog} from 'n20-common-lib'
+import {amountFormat} from "@/utils";
+
+export default {
+  name: 'FileImport',
+  components: {
+    N20FileImport,
+    N20Dialog
+  },
+  props: {
+    // 资源权限编码
+    relaNo: {
+      type: String,
+      default: ''
+    },
+    // 模块编码
+    moduleNo: {
+      type: String,
+      default: '',
+      required: true
+    },
+    // 业务类型
+    businessType: {
+      type: String,
+      default: '',
+      required: true
+    },
+    // 解析地址
+    parseUrl: {
+      type: String,
+      default: '/api/nstc-forex/1.0/management/import/parse',
+    },
+    // 成功提交地址
+    successUrl: {
+      type: String,
+      default: '/api/nstc-forex/1.0/management/import/exec',
+    },
+    // 错误文件下载地址
+    errorUrl: {
+      type: String,
+      default: '/api/nstc-forex/1.0/management/import/failed/download',
+    },
+    // 错误标识
+    templateKey: {
+      type: String,
+      default: ''
+    },
+    //模板编码
+    templateNo: {
+      type: [Number, String],
+      default: ''
+    },
+    amountFields: {
+      type: Array,
+      default: () => []
+    },
+    rateFields: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      fileName: '',
+      validateResult: {
+        totalNum: 0,
+        successNum: 0,
+        columnsList: [],
+        errorList: []
+      },
+      footerBtn: {
+        confirm: {
+          text: this.$t('common_t_0049'),
+          click: this.confirm
+        },
+        cancel: {
+          text: this.$t('common_t_0050'),
+          click: this.cancel
+        },
+      },
+      validateV: false,
+      dialogVisible: false,
+      postForm: {
+        templateNo: undefined
+      },
+      rules: {
+        templateNo: [
+          {required: true, message: this.$t('common_t_0048'), trigger: ['blur', 'change']}
+        ]
+      },
+      templateList: [],
+      fileUUID: undefined,
+    }
+  },
+  methods: {
+    async uploadFn(file) {
+      this.validateV = false
+      const formData = new FormData()
+      formData.append('file', file)
+      axios.post(this.parseUrl, formData).then(res => {
+        const {uuid = '', data = []} = res.data;
+        this.fileUUID = uuid;
+        const [sheet = {}] = data;
+        if (!sheet) {
+          this.$message.warning(this.$t('common_t_0047'))
+          return
+        }
+        const {headers = [], records = [], successCount = 0, total} = sheet;
+        const baseHeaders = [
+          {
+            headerCode: 'rowNo',
+            headerName: this.$l('序号'),
+            fixed: 'right',
+            width: 58
+          },
+          {
+            headerCode: 'errorMessage',
+            headerName: this.$l('错误类型'),
+            fixed: 'center',
+            width: 144,
+            overflowTooltip: true
+          }
+        ]
+        headers.unshift(...baseHeaders)
+        const errorRecords = records.map(item => {
+          const {record = {}, validateResult = {errorMessageMap: [], errorMessage: ''}} = item;
+          return Object.assign({}, record, {
+            errorMap: validateResult.errorMessageMap,
+            errorMessage: validateResult.errorMessage || '--'
+          })
+        })
+        if (!total) {
+          return this.$message.error(this.$t('common_t_0058'))
+        }
+        const amountFields = [
+          '最大担保额（元）',
+          '转开/转递费率',
+          this.$t('common_t_0013'),
+          this.$t('common_t_0055'),
+          ...this.amountFields,
+        ]
+        const rateFields = [
+          '手续费率',
+            '保证金利率',
+          ...this.rateFields
+        ]
+        const formatFields = [
+          ...amountFields,
+          ...rateFields
+        ]
+        const amountKeys = []
+        const rateKeys = []
+        const columnsList = headers.map(item => {
+          const amountFlag = formatFields.find(field => item.headerName.includes(field))
+          if (amountFlag && !amountKeys.includes(item.headerCode)) {
+            amountKeys.push(item.headerCode, item)
+          }
+          const rateFlag = rateFields.find(field => item.headerName.includes(field))
+          if (rateFlag && !rateKeys.includes(item.headerCode)) {
+            rateKeys.push(item.headerCode, item)
+          }
+          return {
+            ...item,
+            prop: item.headerCode,
+            label: item.headerName,
+            headerAlign: 'center',
+            align: amountFlag || amountFlag ? 'right' : 'center',
+            width: item.width || 180,
+            showOverflowTooltip: true
+          }
+        })
+        errorRecords.forEach(item => {
+          const {errorMap = {}, errorMessage = ''} = item
+          for (const key in item) {
+            item[key] = item[key] || '--'
+          }
+          amountKeys.forEach(key => {
+            if (item[key] !== null && item[key] !== undefined) {
+              item[key] = amountFormat(item[key])
+            }
+          })
+          rateKeys.forEach(key => {
+            if (item[key] !== null && item[key] !== undefined) {
+              item[key] = amountFormat(item[key], 6)
+            }
+          })
+          for (let err in errorMap) {
+            item[err] = errorMap[err]?.['errorMsg']
+          }
+          const errorKeys = Object.keys(errorMap)
+          item[`errorList`] = errorMessage ? errorKeys.concat(['errorMessage']) : errorKeys
+        })
+        this.validateResult = {
+          totalNum: total,
+          successNum: successCount,
+          columnsList,
+          errorList: errorRecords
+        }
+        this.validateV = true
+      })
+    },
+    // 显示模板列表弹窗
+    showDownloadTpl() {
+      if (!this.moduleNo || !this.businessType) {
+        console.error('参数缺失')
+        this.$message.error(this.$t('common_t_0045'))
+        return
+      }
+      if (this.templateNo) {
+        this.downloadTemplate(this.templateNo)
+      } else {
+        this.getTemplateList()
+      }
+    },
+    // 获取模板列表
+    getTemplateList() {
+      axios.get('/api/nstc-gtcp/1.0/template/get', {
+        moduleNo: this.moduleNo,
+        businessType: this.businessType
+      }).then(res => {
+        const {data = []} = res
+        this.templateList = data
+        this.postForm.templateNo = undefined
+        this.dialogVisible = true
+      })
+    },
+    handleValidate() {
+      this.$refs.postFormRef.validate(valid => {
+        if (valid) {
+          this.downloadTemplate(this.postForm.templateNo)
+        }
+      })
+    },
+    downloadTemplate(templateNo) {
+      axios.get('/api/nstc-gtcp/1.0/import/getTemplate', {
+        templateNo,
+        type: 'xlsx'
+      }, {responseType: 'blob'}).then(res => {
+        this.$downloadBlob(res, res.name)
+        this.$message.success(this.$t('common_t_0046'))
+        this.dialogVisible = false
+      })
+    },
+    confirm() {
+      axios.post(`${this.successUrl}?uuid=${this.fileUUID}`, {uuid: this.fileUUID}).then(res => {
+        this.$message.success(this.$t('common_t_0056'))
+        this.dialogVisible = false
+        this.$emit('upload-success')
+      })
+      if (this.validateResult.errorList && this.validateResult.errorList.length) {
+        this.exportErrorData()
+      }
+    },
+    cancel() {
+      this.dialogVisible = false
+    },
+    exportErrorData() {
+      axios.get(this.errorUrl, {uuid: this.fileUUID, type: 'xlsx'}, {responseType: 'blob'}).then(res => {
+        this.dialogVisible = false
+        this.$downloadBlob(res, res.name)
+        this.$message.success(this.$t('common_t_0057'))
+      })
+    },
+  }
+}
+</script>

package/packages/MultiCurrencyStatistics/index.js

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

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

@@ -0,0 +1,320 @@
+<template>
+  <div>
+    <h2>多币种合计</h2>
+    <MultiCurrencyStatistics :config="config" :views="views" :selected="selected"/>
+  </div>
+</template>
+
+<script>
+import MultiCurrencyStatistics from "./../main.vue";
+
+export default {
+  components: {
+    MultiCurrencyStatistics
+  },
+  data() {
+    return {
+      config: [
+        {"label": "条数", "code": "totalNumber"},
+        {"label": "融资金额", "code": "totalAmount", "key": "amount"},
+        {"label": "融资余额", "code": "totalBalance", "key": "balance"}
+      ],
+      views: [
+        {
+          "currencyNo": "CNY",
+          "currencyName": "人民币",
+          "totalNumber": 2197,
+          "totalAmount": 4807275500.49,
+          "totalBalance": 3581064545.71
+        },
+        {
+          "currencyNo": "USD",
+          "currencyName": "美元",
+          "totalNumber": 41,
+          "totalAmount": 864000,
+          "totalBalance": 243370.52
+        },
+        {
+          "currencyNo": "EUR",
+          "currencyName": "欧元",
+          "totalNumber": 5,
+          "totalAmount": 130100,
+          "totalBalance": 28000
+        },
+        {
+          "currencyNo": "SGD",
+          "currencyName": "新加坡元",
+          "totalNumber": 2,
+          "totalAmount": 11000,
+          "totalBalance": 0
+        },
+        {
+          "currencyNo": "CZK",
+          "currencyName": "捷克克朗",
+          "totalNumber": 3,
+          "totalAmount": 30000,
+          "totalBalance": 0
+        },
+        {"currencyNo": "THB", "currencyName": "泰铢", "totalNumber": 1, "totalAmount": 5000, "totalBalance": 5000}
+      ],
+      selected: [{
+        "contractId": 2417,
+        "applyId": null,
+        "unitNo": "1756878467306",
+        "bussClass": "CLMS02",
+        "bussVariety": "GDT_1",
+        "contractNo": "RZ20251022001927",
+        "bankContractNo": "",
+        "interestAccDay": 0,
+        "assBankId": null,
+        "contractDate": null,
+        "startDate": "2025-10-01",
+        "endDate": "2026-10-01",
+        "termDay": 1,
+        "capitalRate": null,
+        "purposeNo": null,
+        "memo": null,
+        "delegateUnitNo": null,
+        "delegateUnitName": null,
+        "repaySource": null,
+        "punitiveRate": null,
+        "overseasBank": null,
+        "overseasCurrency": null,
+        "cost": null,
+        "ttCode": null,
+        "opAccountNo": null,
+        "feesRate": null,
+        "isRecourse": null,
+        "contacts": null,
+        "address": null,
+        "phoneNumber": null,
+        "lgType": null,
+        "ensureActivities": null,
+        "intermediary": null,
+        "intermediaryFees": null,
+        "approveUnit": null,
+        "stockMarket": null,
+        "issuePrice": null,
+        "issueNumber": null,
+        "issueDate": null,
+        "stockName": null,
+        "stockCode": null,
+        "principalUnderwriter": null,
+        "principalMethod": null,
+        "bondType": null,
+        "productName": null,
+        "yearReturn": null,
+        "cooperationAgency": null,
+        "followFees": null,
+        "rentPayMethod": null,
+        "leasedItems": null,
+        "expireChoose": null,
+        "leasePremium": null,
+        "finishDate": null,
+        "finishType": null,
+        "reason": null,
+        "state": 0,
+        "billMedium": null,
+        "billType": null,
+        "contractChannal": null,
+        "feeRate": null,
+        "expectIntr": null,
+        "forFaitingType": null,
+        "isImportant": null,
+        "comprehensiveCost": null,
+        "ratePolicyState": null,
+        "isTakeCredit": null,
+        "isTakeGuarantee": null,
+        "rentPayCycle": null,
+        "leasePremiumRatio": null,
+        "bondissueId": null,
+        "typeId": null,
+        "termDaySuffix": null,
+        "isSaleRight": null,
+        "trustType": null,
+        "realCapital": null,
+        "fundHolder": null,
+        "educationalTariff": null,
+        "additionalTaxRate": null,
+        "trusteeshipRate": null,
+        "capitalCost": null,
+        "managementRate": null,
+        "overBankName": null,
+        "lockGunCash": null,
+        "lockRate": null,
+        "lockBank": null,
+        "creditType": null,
+        "atFirst": null,
+        "stockType": null,
+        "division": null,
+        "department": null,
+        "orgType": null,
+        "termDayUnit": 3,
+        "chargeOffPath": null,
+        "outGuaranteeWay": null,
+        "receAmount": null,
+        "factorWay": null,
+        "factorKind": null,
+        "latefeeAmount": null,
+        "fundKind": null,
+        "prioritySubject": null,
+        "lagSubject": null,
+        "priorityProportion": null,
+        "lagProportion": null,
+        "incomeDistributionWay": null,
+        "otherFees": null,
+        "fundRate": null,
+        "buyintrcltName": null,
+        "sellIntrScale": null,
+        "isGreenBonds": null,
+        "depName": null,
+        "divName": null,
+        "departmentCode": null,
+        "flowNo": null,
+        "budgetCode": null,
+        "budgetMemberNo": null,
+        "usePlanNo": null,
+        "guabzj": null,
+        "guazy": null,
+        "guady": null,
+        "guadsfbz": null,
+        "guaxy": null,
+        "guadsfdy": null,
+        "guadsfzy": null,
+        "budgetKmcode": null,
+        "branchBankNo": "001110012017",
+        "custom": null,
+        "delegateFlag": null,
+        "circulateFlag": 0,
+        "unifiedFlag": 0,
+        "groupCustom": null,
+        "depositFlag": null,
+        "financingPurpose": null,
+        "isMaintainFetch": null,
+        "isSecuritiesName": null,
+        "createTime": null,
+        "updateTime": null,
+        "creator": null,
+        "updater": null,
+        "extraFieldA": null,
+        "extraFieldB": null,
+        "extraFieldC": null,
+        "extraFieldD": null,
+        "extraFieldE": null,
+        "extraFieldF": null,
+        "extraFieldG": null,
+        "extraFieldH": null,
+        "extraFieldI": null,
+        "extraFieldJ": null,
+        "extraFieldK": null,
+        "extraFieldL": null,
+        "extraFieldM": null,
+        "extraFieldN": null,
+        "extraFieldO": null,
+        "extraFieldP": null,
+        "extraFieldQ": null,
+        "extraFieldR": null,
+        "extraFieldS": null,
+        "extraFieldT": null,
+        "extraFieldU": null,
+        "extraFieldV": null,
+        "extraFieldW": null,
+        "extraFieldX": null,
+        "extraFieldY": null,
+        "extraFieldZ": null,
+        "discountRate": null,
+        "recordId": null,
+        "discountAmount": null,
+        "discountInterest": null,
+        "productType": null,
+        "branchBankName": "中国人民银行滨海新区中心支行营业室",
+        "unitName": "九恒星兰州有限公司",
+        "amountId": 2794,
+        "bussVarietyName": "常规贷款",
+        "balance": 1085,
+        "amount": 12000,
+        "currencyNo": "CNY",
+        "currencyName": "人民币",
+        "status": null,
+        "statusName": null,
+        "stateName": "正常",
+        "deletable": true,
+        "authDataNo": "1",
+        "unRepaymentAmount": null,
+        "rate": 3.35,
+        "rateTypeName": "LPR一年期的利率",
+        "payInterestTypeName": "到期一次",
+        "rePaymentTypeName": "到期一次",
+        "circulateFlagName": "否",
+        "unifiedFlagName": "否",
+        "rePaymentType": 1,
+        "payInterestType": 1,
+        "payBackType": 0,
+        "umAmountList": null,
+        "umAttachList": null,
+        "umCreditList": null,
+        "umGuaranteeList": null,
+        "umDepositList": null,
+        "umBillList": null,
+        "fetchMoneyRegisterViewList": null,
+        "gdtContractAmountViews": null,
+        "isDue": 0,
+        "isExtend": 1,
+        "isFetchApply": 0,
+        "isFetch": 1,
+        "fetchFlagName": "已提款",
+        "isRevise": 0,
+        "isDraw": 6,
+        "unWithdrawalAmount": 10915,
+        "fetchFlag": 1,
+        "repaymentFlag": 1,
+        "extendFlag": 1,
+        "fetApplyFlag": 0,
+        "fetchCount": 6,
+        "bussClassName": "间接融资",
+        "termDayName": "1 年",
+        "exportId": "2794",
+        "baseRateId": 17,
+        "billMediumName": "",
+        "interestAccDayName": "360",
+        "bondTypeName": "",
+        "roleLender": null,
+        "roleLenderName": null,
+        "baseRate": 3.35,
+        "floatType": 0,
+        "floatTypeName": "不浮动",
+        "floatValue": 0,
+        "rateAdjustType": 0,
+        "rateAdjustTypeName": "固定利率",
+        "rateEffectiveDate": "2025-10-01",
+        "fetchMoneyType": null,
+        "fetchMoneyTypeName": "",
+        "payBackTypeName": "主动还款",
+        "rePaymentAccount": "",
+        "reCollectionAccount": "",
+        "rePaymentTypeFrequency": null,
+        "rePaymentTypeFrequencyName": "",
+        "rePaymentDate": null,
+        "payInterestTypeFrequency": null,
+        "payInterestTypeFrequencyName": "",
+        "payInterestDate": null,
+        "bankNo": "16",
+        "bankName": "中国人民银行",
+        "billTypeName": null,
+        "recAccountName": "",
+        "recBranchBankNo": "",
+        "recBranchBankName": null,
+        "payBranchBankNo": null,
+        "payBranchBankName": null,
+        "rePaymentAccountCurrencyNo": null,
+        "rePaymentAccountCurrencyName": null,
+        "productTypeName": null,
+        "priorityAmount": null,
+        "subordinatedAmount": null,
+        "termType": null,
+        "checked": true
+      }],
+    }
+  }
+}
+</script>