封装方法-数字转大写（二）完整版——合计金额-将数字金额转换为大写金额

封装方法-数字转大写（二）完整版——合计金额-将数字金额转换为大写金额

效果-合计金额

1、封装的方法

src/utils/monyFormatter.ts

/*价格类型 大写*/
function convertCurrency(money) {
    //汉字的数字
    var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖');
    //基本单位
    var cnIntRadice = new Array('', '拾', '佰', '仟');
    //对应整数部分扩展单位
    var cnIntUnits = new Array('', '万', '亿', '兆');
    //对应小数部分单位
    var cnDecUnits = new Array('角', '分', '毫', '厘');
    //整数金额时后面跟的字符
    var cnInteger = '整';
    //整型完以后的单位
    var cnIntLast = '元';
    //最大处理的数字
    var maxNum = 999999999999999.9999;
    //金额整数部分
    var integerNum;
    //金额小数部分
    var decimalNum;
    //输出的中文金额字符串
    var chineseStr = '';
    //分离金额后用的数组，预定义
    var parts;
    if (money == '') { return ''; }
    money = parseFloat(money);
    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 {convertCurrency}

2、页面中使用

index.vue

<el-row>
    <el-col :span='12'>
        <el-form-item label='合计金额' prop='mealAmount'>
            <el-input
                      v-model='form.mealAmount'
                      class='width-294'
                      disabled
                      ></el-input>
            <p>大写：{{formatterMoney()}}</p>
        </el-form-item>
    </el-col>
</el-row>

<script>
import { defineComponent, onMounted, reactive, toRefs, watch } from 'vue';
import { convertCurrency } from '@/utils/monyFormatter';

    form: {
        mealAmount: null,
    },
  //  const watchMealDateList = watch(()=>state.form.mealDateList,(n,o)=>{
  //      if (n.length) {
  //          state.form.mealAmount = 20 * n.length
 //       }
 //   })
    const funMethods = {
        formatterMoney(){
            return convertCurrency(state.form.mealAmount)
        },
    }
</script>