充值管理-充值金额小数设置

src/pages/subPages/balance.vue

@@ -104,7 +104,11 @@
             ref="formData"
             :rules="rules">
             <el-form-item label="充值金额： " prop="amount">
-                <el-input v-model.number="formData.amount" style="width:300px"></el-input>
+                <el-input
+                    v-model="formData.amount"
+                    onkeyup="value=value.replace(/[^\d.]/g,'')"
+                    @blur="formData.amount = $event.target.value"
+                    style="width:300px"></el-input>
             </el-form-item>
             <el-form-item label="开户人姓名： " prop="bank_username">
                 <el-autocomplete
@@ -166,6 +170,34 @@ import { balanceType } from '@/utils/constants'
 export default {
     name: 'balance',
     data() {
+        var checkAmount = (rule, value, callback) => {
+            console.log('rule', rule, value);
+            console.log('value', value);
+            if (value === '') {
+                return callback(new Error('充值金额不能为空'));
+            } else if (value.indexOf(".") != -1 && value.split('.').length > 2) {
+                callback(new Error('请输入正确格式，只能有一位小数点'));
+            } else if (value.indexOf(".") != -1 && value.split('.')[1].length > 2) {
+                callback(new Error('小数点后面只能有两位'));
+            } else {
+                var Money = parseFloat(value).toFixed(3);
+                var MoneyResult = Money.substring(0, Money.length - 1);
+                var xsd = MoneyResult.toString().split(".");
+                // console.log('Money', Money, MoneyResult, xsd, xsd[1].length);
+                // if (xsd.length == 1) {
+                //     this.balanceForm.alarm_amount = creditResult.toString() + ".00";
+                // }
+                if (xsd.length > 1) {
+                    if (xsd[1].length == 1) {
+                        this.balanceForm.alarm_amount = MoneyResult;
+                    }
+                    if (xsd[1].length > 1) {
+                        this.balanceForm.alarm_amount = xsd[0].toString() + "." + xsd[1].toString().substring(0, 2);
+                    }
+                }
+                callback()
+            }
+        };
         return {
             tableData: [
                 // {id: 1, money: '100', recharge_code: ''},
@@ -211,8 +243,9 @@ export default {
             },
             rules: {
                 amount: [
-                    { required: true, message: '请输入充值金额', trigger: 'blur' },
-                    { type: 'number', message: '充值金额必须为数字值', trigger: 'blur' }
+                    // { required: true, message: '请输入充值金额', trigger: 'blur' },
+                    // { type: 'number', message: '充值金额必须为数字值', trigger: 'blur' }
+                    { validator: checkAmount, trigger: 'blur' }
                 ],
                 bank_username: [{ required: true, message: '请输入开户人姓名', trigger: 'blur' }],
                 bank_name: [{ required: true, message: '请输入银行名称', trigger: 'change' }],