根据数字显示中文汉字

Э时间行者于我

于 2022-07-01 17:03:30 发布

阅读量271

点赞数

分类专栏： Vue js 打印功能文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/qq_45094682/article/details/125517804

版权

js 同时被 3 个专栏收录

49 篇文章 1 订阅

订阅专栏

Vue

47 篇文章 3 订阅

订阅专栏

打印功能

2 篇文章 0 订阅

订阅专栏

根据数字显示中文汉字

number

<div class="money">
  <div class="left">
    <span>合计</span>
    <br>
    <span>金额</span>
  </div>
  <div class="nums">
    <span class="unit">{{payDetail.moneyArr[0]}} 仟</span>
    <span class="unit">{{payDetail.moneyArr[1]}} 佰</span>
    <span class="unit">{{payDetail.moneyArr[2]}} 拾</span>
    <span class="unit">{{payDetail.moneyArr[3]}} 万</span>
    <span class="unit">{{payDetail.moneyArr[4]}} 仟</span>
    <span class="unit">{{payDetail.moneyArr[5]}} 佰</span>
    <span class="unit">{{payDetail.moneyArr[6]}} 拾</span>
    <span class="unit">{{payDetail.moneyArr[7]}} 元</span>
    <span class="unit">{{payDetail.moneyArr[8]}} 角</span>
    <span class="unit">{{payDetail.moneyArr[9]}} 分</span>
  </div>
  <div class="right">
    ￥<span class="underline">{{Number(payDetail.payAmount||0).toFixed(2)}}</span>元
  </div>
</div>

data() {
    return {
      modalShow: false,
      id: '',
      payDetail: {
        paymentOrderNo: '', // 请款单号
        payAmount: '', // 应付金额
        accountName: '', // 账户名称
        bank: '', // 开户银行
        accountNumber: '', // 银行账户
        billDateStart: '', // 账单开始时间
        billDateEnd: '', // 账单结束时间
        applyTime: '', // 申请时间
        applicant: '', // 	申请人
        settlementType: '', // 	结算方式
        remarks: '', // 备注
        moneyArr: []
      }
    }
  },
created() {
    console.log(this.$route.query)
    this.init()
  },
  methods: {
    async init() {
      let id = this.$route.query.id
      if (!id) return
      this.$Spin.show()
      try {
        let res = await getPaymentOrder({ id })
        this.payDetail = res.data.result || {}
        this.payDetail.moneyArr = this.convertCurrency(Number(this.payDetail.payAmount)) // 就是这个数值是我们用到的
      } catch (error) {
        console.log(error)
        this.$Message.error('网络异常')
      } finally {
        this.$Spin.hide()
      }
    },
    convertCurrency(money) {
      console.log(this.payDetail.payAmount) // egg:123456  数字类型
      // 汉字的数字
      var cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']
      // 最大处理的数字
      var maxNum = 99999999999999.99
      // 分离金额后用的数组，预定义
      if (!money) { return '' }
      money = parseFloat(money)
      if (money >= maxNum) {
        // 超出最大处理数字
        return ''
      }
      // 转换为字符串
      money = Number(money).toFixed(2)
      let arr = Array.from(money).filter(item => item !== '.').map(item => cnNums[item])
      console.log(arr)
      let len = arr.length
      if (len < 10) {
        for (let i = 0; i < 10 - len; i++) {
          arr.unshift('零')
        }
      }
      console.log(arr) // 这块就可以打印出中文数值
      return arr
    },
    // 打印
    doPrint() {
      window.print()
    }
  }