金额转中文

src/api/modules/other.js

@@ -20,3 +20,12 @@ export const getProjectList = () => httpApi({
     method: 'get',
     params: {}
 }, false);
+
+//将数字转换为汉语大写，支持小数点
+export const getNumberToChinese = (form) => httpApi({
+    url: '/api/blade-control/ex/ma/getNumberToChinese',
+    method: 'get',
+    params: {
+        value: form
+    }
+}, false);

src/views/expense/loanRequest/record.vue

@@ -16,9 +16,9 @@
                         <el-form-item prop="loanMoney">
                             <template #label>
                                 <span>申请金额：</span>
-                                <span style="color: #8f8d8d;">测试测试</span>
+                                <span style="color: #8f8d8d;">{{formModel.loanMoneyText}}</span>
                             </template>
-                            <el-input v-model="formModel.loanMoney">
+                            <el-input v-model="formModel.loanMoney" @change="loanMoneyChange">
                                 <template #append>元</template>
                             </el-input>
                         </el-form-item>
@@ -67,6 +67,7 @@
 import {ref, onActivated} from "vue";
 import {useRouter, useRoute} from 'vue-router'
 import mainApi from "~api/expense/loanRequest";
+import {getNumberToChinese} from "~api/other";
 import {deepClone, formValidate, getObjValue} from "js-fast-way";
 
 //初始变量
@@ -109,12 +110,30 @@ const getDetailsData = async () => {
     })
     //判断状态
     if (!error && code === 200) {
-        formModel.value = getObjValue(data)
+        const res = getObjValue(data)
+        formModel.value = res
+        await getNumberToChineseApi(res?.loanMoney)
     } else {
         formModel.value = {}
     }
 }
 
+//当输入框失去焦点或用户按Enter时触发
+const loanMoneyChange = (val) => {
+    getNumberToChineseApi(val)
+}
+
+//将数字转换为汉语大写，支持小数点
+const getNumberToChineseApi = async (loanMoney) => {
+    const {error, code, data} = await getNumberToChinese(loanMoney)
+    if (!error && code === 200) {
+        formModel.value.loanMoneyText = data
+    } else {
+        formModel.value.loanMoneyText = ''
+    }
+}
+
+
 //流程数据
 const timeLineData = ref([
     {title: '审批人', section: '部门负责人'},