131 lines
3.2 KiB
Vue
131 lines
3.2 KiB
Vue
|
<template>
|
||
|
|
<view>
|
||
|
|
<uni-easyinput :inputBorder="false" class="w-form-input" type="digit" v-model="_value" v-if="!readonly"
|
||
|
|
:placeholder="formProps.placeholder || '请输入金额'" />
|
||
|
|
<text class="w-form-input-rv" v-else>{{_value}}</text>
|
||
|
|
<view v-if="formProps.showChinese" style="font-size: 24rpx; color: #a2a2a2;">
|
||
|
|
{{moneyValue !== '' ? `大写：${moneyValue}` : ''}}
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import { computed } from 'vue'
|
||
|
|
import { parseNumber } from '@/utils/tool.js'
|
||
|
|
|
||
|
|
const props = defineProps({
|
||
|
|
formProps: {
|
||
|
|
type: Object,
|
||
|
|
default: () => {
|
||
|
|
return {}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
modelValue: Number | String,
|
||
|
|
readonly: Boolean
|
||
|
|
})
|
||
|
|
|
||
|
|
const _value = computed({
|
||
|
|
get() {
|
||
|
|
return parseNumber(props.modelValue, props.formProps.precision)
|
||
|
|
},
|
||
|
|
set(val) {
|
||
|
|
emits('update:modelValue', parseNumber(val, props.formProps.precision))
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
const emits = defineEmits(['update:modelValue'])
|
||
|
|
|
||
|
|
const moneyValue = computed(() => convertCurrency(props.modelValue))
|
||
|
|
|
||
|
|
function convertCurrency(money) {
|
||
|
|
//汉字的数字
|
||
|
|
const cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
|
||
|
|
//基本单位
|
||
|
|
const cnIntRadice = ['', '拾', '佰', '仟'];
|
||
|
|
//对应整数部分扩展单位
|
||
|
|
const cnIntUnits = ['', '万', '亿', '兆'];
|
||
|
|
//对应小数部分单位
|
||
|
|
const cnDecUnits = ['角', '分', '毫', '厘'];
|
||
|
|
//整数金额时后面跟的字符
|
||
|
|
const cnInteger = '整';
|
||
|
|
//整型完以后的单位
|
||
|
|
const cnIntLast = '元';
|
||
|
|
//最大处理的数字
|
||
|
|
let maxNum = 999999999999999.9999;
|
||
|
|
//金额整数部分
|
||
|
|
let integerNum;
|
||
|
|
//金额小数部分
|
||
|
|
let decimalNum;
|
||
|
|
//输出的中文金额字符串
|
||
|
|
let chineseStr = '';
|
||
|
|
//分离金额后用的数组，预定义
|
||
|
|
let 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 (let i = 0; i < IntLen; i++) {
|
||
|
|
let n = integerNum.substr(i, 1);
|
||
|
|
let p = IntLen - i - 1;
|
||
|
|
let q = p / 4;
|
||
|
|
let 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 !== '') {
|
||
|
|
let decLen = decimalNum.length;
|
||
|
|
for (let i = 0; i < decLen; i++) {
|
||
|
|
let 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;
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
</style>
|