gcs-ui-lib 1.0.1

package/src/utils/utils.js

@@ -0,0 +1,513 @@
+import { fomatZero } from './tools'
+import { $l } from 'n20-common-lib/src/utils/i18n'
+/**
+ * @param {Array} routes 通过路由列表得到菜单列表
+ * @returns {Array}
+ */
+
+export function getMenuByRouter(routes) {
+  let arrs = []
+  for (let i = 0, len = routes.length; i < len; i++) {
+    const item = routes[i]
+    if (item.path === '*' || (item.meta && item.meta.hidden)) continue
+    if (item.path === '/' && hasChild(item)) {
+      arrs = getMenuByRouter(item.children)
+    } else {
+      arrs.push({
+        path: item.path,
+        name: item.name,
+        meta: item.meta,
+        children: hasChild(item) ? getMenuByRouter(item.children) : []
+      })
+    }
+  }
+  return arrs
+}
+
+export const hasChild = item => {
+  return item.children && item.children.length !== 0
+}
+
+/**
+ * 保留n位小数，默认保留2位
+ * @param value
+ * @param n 保留的小数位数
+ * @return String
+ */
+export const toDecimal = (value, n = 2) => {
+  value = parseFloat(value)
+  if (isNaN(value)) {
+    return false
+  }
+  // 四舍五入
+  value = Math.round(value * 10 * n) / (10 * n)
+  value = value.toString()
+  let index = value.indexOf('.')
+  if (index === -1) {
+    value += '.'
+    index = value.indexOf('.')
+  }
+  // 循环计算小数位数是否满足条件n
+  while (value.length - 1 - index < n) {
+    value += '0'
+  }
+  return value
+}
+
+//金额控制必须大于0 且不能为负数
+export const validAmount = (rule, value, cb) => {
+  if([null,undefined,''].includes(value)) {
+    cb(new Error($l('请输入付款金额')));
+  } else{
+    if (parseFloat(value) > 0) {
+      let valL = (value + "").split(".")[0];
+      if (valL.length > 13) {
+        cb(new Error($l('小数点前最多能输入13位')));
+      } else {
+        cb();
+      }
+    } else {
+      cb(new Error($l('付款金额需大于0')));
+    }
+  }
+  
+};
+/**
+ * 深度克隆
+ * @param target
+ * @return {}
+ */
+export const deepClone = (target, map = new Map()) => {
+  // 检测数据的类型
+  if (typeof target === 'object' && target !== null) {
+    // 克隆数据之前, 进行判断, 数据之前是否克隆过
+    const cache = map.get(target)
+    if (cache) {
+      return cache
+    }
+    // 判断目标数据的类型
+    const isArray = Array.isArray(target)
+    // 创建一个容器
+    const result = isArray ? [] : {}
+    // 将新的结果存入到容器中
+    map.set(target, result)
+    // 如果目标数据为数组
+    if (isArray) {
+      // forEach 遍历
+      target.forEach((item, index) => {
+        result[index] = deepClone(item, map)
+      })
+    } else {
+      // 如果是对象, 获取所有的键名, 然后 forEach 遍历
+      Object.keys(target).forEach(key => {
+        result[key] = deepClone(target[key], map)
+      })
+    }
+    return result
+  } else {
+    return target
+  }
+}
+
+// 后端txType 转前端selectKey 方法
+export const translateTxType = value => {
+  switch (value) {
+    /* 企业
+     */
+    // 出票受理
+    case 'BTP0101':
+      return { selectKey: 'ticketIssuanceAcceptance', type: 'business' }
+    // 提示承兑
+    case 'BTP03':
+      return { selectKey: 'promptAcceptance', type: 'business' }
+    // 承兑受理
+    case 'BTP04':
+      return { selectKey: 'acceptance', type: 'business' }
+    // 提示收票
+    case 'BTP05':
+      return { selectKey: 'promptToCollectTickets', type: 'business' }
+    // 解付受理
+    case 'BTR12':
+      return { selectKey: 'receiptOfPayment', type: 'business' }
+    // 追索回复
+    case 'BTR14':
+      return { selectKey: 'recourseResponse', type: 'business' }
+    // 贴现签收
+    case 'BTR08':
+      return { selectKey: 'discountSign', type: 'business' }
+    // 贴现赎回申请
+    case 'BTR09':
+      return { selectKey: 'discountRedemptionApplication', type: 'business' }
+    // 质押签收
+    case 'BTR04':
+      return { selectKey: 'pledgeReceipt', type: 'business' }
+    // 质押解除申请
+    case 'BTR05':
+      return { selectKey: 'pledgeReleaseApplication', type: 'business' }
+    // 保证申请
+    case 'BTR16':
+      return { selectKey: 'guaranteeApplication', type: 'business' }
+    // 保证签收
+    case 'BTR17':
+      return { selectKey: 'guaranteeAcceptance', type: 'business' }
+    // 提示付款
+    case 'BTR11':
+      return { selectKey: 'promptForPayment', type: 'business' }
+    // 追索申请
+    case 'BTR13':
+      return { selectKey: 'noticeOfRecourse', type: 'business' }
+    // 同意清偿
+    case 'BTR15':
+      return { selectKey: 'agreeToPayOff', type: 'business' }
+    // 业务撤销
+    case 'BTS12':
+      return { selectKey: 'businessCancel', type: 'business' }
+    /* 网银
+     */
+    // 开票申请
+    case 'ETP01':
+      return { selectKey: 'invoicingApplication', type: 'ebank' }
+    // 提示承兑
+    case 'ETP02':
+      return { selectKey: 'promptAcceptance', type: 'ebank' }
+    // 提示收票
+    case 'ETP03':
+      return { selectKey: 'promptToCollectTickets', type: 'ebank' }
+    // 票据作废
+    case 'ETP04':
+      return { selectKey: 'voidTheBill', type: 'ebank' }
+    // 票据签收
+    case 'ETR01':
+      return { selectKey: 'receiptOfBills', type: 'ebank' }
+    // 提示付款
+    case 'ETR08':
+      return { selectKey: 'promptForPayment', type: 'ebank' }
+    // 追索申请
+    case 'ETR09':
+      return { selectKey: 'noticeOfRecourse', type: 'ebank' }
+    // 同意清偿
+    case 'ETR10':
+      return { selectKey: 'acceagreeToPayOffptance', type: 'ebank' }
+    // 贴现申请
+    case 'ETR0600':
+      return { selectKey: 'discountApplication', type: 'ebank' }
+    // 贴现赎回签收
+    case 'ETR07':
+      return { selectKey: 'discountRedemptionSign', type: 'ebank' }
+    // 背书申请
+    case 'ETR02':
+      return { selectKey: 'endorsementApplication', type: 'ebank' }
+    // 背书签收
+    case 'ETR03':
+      return { selectKey: 'bookmarkCollectionAcceptance', type: 'ebank' }
+    // 保证申请
+    case 'ETR11':
+      return { selectKey: 'guaranteeApplication', type: 'ebank' }
+    // 保证签收
+    case 'ETR12':
+      return { selectKey: 'guaranteeAcceptance', type: 'ebank' }
+    // 承兑受理
+    case 'ETP05':
+      return { selectKey: 'acceptance', type: 'ebank' }
+    // 解付受理
+    case 'ETP06':
+      return { selectKey: 'receiptOfPayment', type: 'ebank' }
+    // 质押申请
+    case 'ETR04':
+      return { selectKey: 'pledgeApplication', type: 'ebank' }
+    // 质押解除签收
+    case 'ETR05':
+      return { selectKey: 'signForReleaseOfPledge', type: 'ebank' }
+    // 追索回复
+    case 'ETR13':
+      return { selectKey: 'recourseResponse', type: 'ebank' }
+    // 业务撤销
+    case 'ETS12':
+      return { selectKey: 'businessCancel', type: 'ebank' }
+    default:
+      break
+  }
+}
+
+// 解决js计算精度缺失的问题
+export const formatFloat = num => {
+  Math.formatFloat = function (f, digit) {
+    const m = Math.pow(10, digit)
+    return Math.round(f * m, 10) / m
+  }
+  return Math.formatFloat(num, 2)
+}
+/**
+* 解决两个数相乘精度丢失问题
+* @param a
+* @param b
+* @returns {Number}
+*/
+export function floatMul(a, b) {
+  var c = 0,
+    d = a.toString(),
+    e = b.toString();
+  try {
+    c += d.split(".")[1].length;
+  } catch (f) { }
+  try {
+    c += e.split(".")[1].length;
+  } catch (f) { }
+  return Number(d.replace(".", "")) * Number(e.replace(".", "")) / Math.pow(10, c);
+}
+/**
+* 解决两个数相除精度丢失问题
+* @param a
+* @param b
+* @returns
+*/
+export function floatDiv(a, b) {
+  var c, d, e = 0,
+    f = 0;
+  try {
+    e = a.toString().split(".")[1].length;
+  } catch (g) { }
+  try {
+    f = b.toString().split(".")[1].length;
+  } catch (g) { }
+  return c = Number(a.toString().replace(".", "")), d = Number(b.toString().replace(".", "")), floatMul(c / d, Math.pow(10, f - e));
+}
+// 格式化子票区间
+export const formatCdRange = cdRange => {
+  if (cdRange || cdRange === 0) {
+    const data = String(cdRange).split(',') || []
+    return data.reduce((per, cur, index) => Number(per) + (index < data.length ? '-' : '') + Number(cur))
+  }
+  return '--'
+}
+
+export function formatCdRangeFix(cdRange) {
+  const [cdRangeStart, cdRangeEnd] = cdRange
+  const cdrange = fomatZero(cdRangeStart, 12) + ',' + fomatZero(cdRangeEnd, 12)
+  return cdrange
+}
+/**
+ * 随机字串
+ */
+export function randomString(num) {
+  num = num || 32
+  var t = ''
+  t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'
+
+  const a = t.length
+  let n = ''
+  for (let i = 0; i < num; i++) n += t.charAt(Math.floor(Math.random() * a))
+  return n
+}
+export const formatCellValue = value => {
+  return ['', null, undefined].includes(value) ? '--' : value
+}
+/**
+ * Parse the time to string
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string | null}
+ */
+export function parseTime(time, cFormat = '{y}-{m}-{d} {h}:{i}:{s}') {
+  if (arguments.length === 0 || !time) {
+    return null
+  }
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    if (typeof time === 'string') {
+      if (/^[0-9]+$/.test(time)) {
+        // support "1548221490638"
+        time = parseInt(time)
+      } else {
+        // support safari
+        // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
+        time = time.replace(new RegExp(/-/gm), '/')
+      }
+    }
+
+    if (typeof time === 'number' && time.toString().length === 10) {
+      time = time * 1000
+    }
+    date = new Date(time)
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+    const value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') {
+      return ['日', '一', '二', '三', '四', '五', '六'][value]
+    }
+    return value.toString().padStart(2, '0')
+  })
+  return time_str
+}
+
+/**
+ * 金额格式化
+ * @param num 金额
+ * @param len 保留小数位数
+ * @param magnitude 数量级 （ 5 代表万 ）
+ * @returns {*}
+ */
+export function amountFormat(num, len = 2, magnitude = 1) {
+  // 已经格式化的数据
+  if (String(num).includes(',')) {
+    num = num.replace(/\,/g, '')
+  }
+
+  // 非空校验
+  if (isNaN(Number(num)) || [null, '', undefined].includes(num)) {
+    // return num;
+    return '--'
+  }
+
+  const magnitudeObj = {
+    1: { label: '元', value: 1 },
+    5: { label: '万元', value: 1e4 },
+    6: { label: '十万元', value: 1e5 },
+    7: { label: '百万元', value: 1e6 },
+    8: { label: '千万元', value: 1e7 },
+    9: { label: '亿元', value: 1e8 }
+  }
+  let temp = +num
+
+  if (magnitude) {
+    const t = magnitudeObj[magnitude]
+
+    temp = temp / t.value
+  }
+
+  temp = temp.toFixed(len)
+
+  // 三点一逗
+  function get_thousand_num(num) {
+    return num.toString().replace(/\d+/, function (n) {
+      // 先提取整数部分
+      return n.replace(/(\d)(?=(\d{3})+$)/g, function ($1) {
+        // 对整数部分添加分隔符
+        return $1 + ','
+      })
+    })
+  }
+
+  temp = get_thousand_num(temp)
+
+  return temp
+}
+
+export function getAmountWord(money) {
+  if(money<0 || ['',null,undefined].includes(money)) return ''
+
+  //汉字的数字
+  const cnNums = new Array(
+    $l("零"),
+    $l("壹"),
+    $l("贰"),
+    $l("叁"),
+    $l("肆"),
+    $l("伍"),
+    $l("陆"),
+    $l("柒"),
+    $l("捌"),
+    $l("玖")
+  );
+  //基本单位
+  var cnIntRadice = new Array("", $l("拾"), $l("佰"), $l("仟"));
+  //对应整数部分扩展单位
+  var cnIntUnits = new Array("", $l("万"), $l("亿"), $l("兆"));
+  //对应小数部分单位
+  var cnDecUnits = new Array($l("角"), $l("分"), $l("毫"), $l("厘"));
+  //整数金额时后面跟的字符
+  var cnInteger = $l("整");
+  //整型完以后的单位
+  var cnIntLast = $l("元");
+  //最大处理的数字
+  var maxNum = 999999999999999.9999;
+  //金额整数部分
+  var integerNum;
+  //金额小数部分
+  var decimalNum;
+  //输出的中文金额字符串
+  var chineseStr = "";
+  //分离金额后用的数组，预定义
+  var parts;
+  if (money == "") {
+    return "";
+  }
+  money = parseFloat(parseFloat(money).toFixed(2));
+  if (money >= maxNum) {
+    //超出最大处理数字
+    return "";
+  }
+  if (money == 0) {
+    chineseStr = cnNums[0] + cnIntLast + cnInteger;
+    return chineseStr;
+  }
+  //转换为字符串
+  money = money.toString();
+  if (money.indexOf(".") == -1) {
+    integerNum = money;
+    decimalNum = "";
+  } else {
+    parts = money.split(".");
+    integerNum = parts[0];
+    decimalNum = parts[1].substr(0, 4);
+  }
+  //获取整型部分转换
+  if (parseInt(integerNum, 10) > 0) {
+    var zeroCount = 0;
+    var IntLen = integerNum.length;
+    for (var i = 0; i < IntLen; i++) {
+      var n = integerNum.substr(i, 1);
+      var p = IntLen - i - 1;
+      var q = p / 4;
+      var m = p % 4;
+      if (n == "0") {
+        zeroCount++;
+      } else {
+        if (zeroCount > 0) {
+          chineseStr += cnNums[0];
+        }
+        //归零
+        zeroCount = 0;
+        chineseStr += cnNums[parseInt(n)] + cnIntRadice[m];
+      }
+      if (m == 0 && zeroCount < 4) {
+        chineseStr += cnIntUnits[q];
+      }
+    }
+    chineseStr += cnIntLast;
+  }
+  //小数部分
+  if (decimalNum != "") {
+    var decLen = decimalNum.length;
+    for (var i = 0; i < decLen; i++) {
+      var n = decimalNum.substr(i, 1);
+      if (n != "0") {
+        chineseStr += cnNums[Number(n)] + cnDecUnits[i];
+      }
+    }
+  }
+  if (chineseStr == "") {
+    chineseStr += cnNums[0] + cnIntLast + cnInteger;
+  } else if (decimalNum == "") {
+    chineseStr += cnInteger;
+  }
+  return chineseStr;
+
+}
+
+export function filterDefaultColumn(originArr) {
+  return originArr.filter(item => item.isDefault || item.type==='index' || item.type==='selection' || item.static === 'next' || item.static === 'pre')
+}

package/vue.config.js

@@ -0,0 +1,49 @@
+const { ureConfig, chainConfig } = require('./_webpack.config')
+
+const path = require('path')
+
+const resolve = (dir) => {
+  if (!dir) throw new Error('Directory parameter is required')
+  return path.join(__dirname, dir)
+}
+// 反向代理地址
+const developURL = 'http://192.168.20.24'
+
+module.exports = {
+  lintOnSave: false,
+  runtimeCompiler: true,
+  filenameHashing: true, // 生产文件名带hash
+  productionSourceMap: false,
+  transpileDependencies: [
+    "n20-common-lib",
+    "element-ui"
+  ],
+  devServer: {
+    proxy: {
+      '/api': {
+        target: developURL,
+        changeOrigin: true
+      },
+      '/bems': { //计划
+        target: developURL,
+        changeOrigin: true,
+      },
+    },
+  },
+  configureWebpack: config => {
+    return ureConfig
+  },
+  css: {
+    // extract: true,
+    sourceMap: true
+  },
+  chainWebpack: config => {
+    /* https://github.com/neutrinojs/webpack-chain */
+    config.merge(chainConfig)
+    // 禁用 thread-loader 来解决构建问题
+    config.module.rule('vue').uses.delete('thread-loader')
+    config.module.rule('js').uses.delete('thread-loader')
+    config.module.rule('ts').uses.delete('thread-loader')
+  },
+
+}