课酬列表修改

1

src/views/workBenchManager/classFeesIsOk.vue

@@ -291,40 +291,44 @@
             label="应发"
             :rules="[
               { required: true, message: '请填写应发数', trigger: 'blur' },
-                { pattern: /^[0-9]+?[0-9]*$/, message: '请输入大于0的数字' }
             ]"
             prop="actualSalary"
           >
-            <el-input
-            :min='0'
+            <el-input-number
+              :controls="false"
+              :min="0"
+              :precision="2"
               v-model.trim="visibleForm.actualSalary"
               type="number"
               @mousewheel.native.prevent
-            ></el-input>
+            ></el-input-number>
           </el-form-item>
           <el-form-item
             label="扣款"
             :rules="[
               { required: true, message: '请填写扣款数', trigger: 'blur' },
-               { pattern: /^[0-9]+?[0-9]*$/, message: '请输入大于0的数字' }
             ]"
             prop="reduceSalary"
           >
-            <el-input
+            <el-input-number
+              :controls="false"
+              :min="0"
+              :precision="2"
               v-model.trim="visibleForm.reduceSalary"
-              :min='0'
               type="number"
               @mousewheel.native.prevent
-            ></el-input>
+            ></el-input-number>
           </el-form-item>
           <el-form-item label="实发">
-            <el-input
+            <el-input-number
+              :controls="false"
+              :min="0"
+              :precision="2"
               v-model.trim="visibleForm.finalSalary"
               disabled
-              :min='0'
               type="number"
               @mousewheel.native.prevent
-            ></el-input>
+            ></el-input-number>
           </el-form-item>
           <el-form-item
             label="说明"
@@ -350,6 +354,7 @@
 </template>
 
 <script>
+import numeral from "numeral";
 import axios from "axios";
 import { getToken } from "@/utils/auth";
 import pagination from "@/components/Pagination/index";
@@ -625,14 +630,16 @@ export default {
   },
   watch: {
     getActualsalary(val) {
-      this.visibleForm.finalSalary = parseFloat(
-        val - this.getReduceSalary > 0 ? val - this.getReduceSalary : 0
+      var number = numeral(val);
+
+      this.visibleForm.finalSalary = Math.max(
+        number.subtract(this.getReduceSalary).value(),
+        0
       );
     },
     getReduceSalary(val) {
-      this.visibleForm.finalSalary = parseFloat(
-        this.getActualsalary - val > 0 ? this.getActualsalary - val : 0
-      );
+      var number = numeral(this.getActualsalary);
+      this.visibleForm.finalSalary = Math.max(number.subtract(val).value(), 0);
     },
     dialogVisible(val) {
       if (!val) {
@@ -660,4 +667,7 @@ export default {
     width: 225px !important;
   }
 }
+/deep/.el-input-number .el-input__inner {
+  text-align: left;
+}
 </style>