其中运费应为合法数字

src/views/goodStore/goodsCost/components/costFormAddEdit.vue

@@ -26,51 +26,69 @@
             class="demo-ruleForm"
           >
             <el-form-item label="起订量" prop="min_num">
-              <el-input
-                placeholder="起订量"
-                v-model="ruleForm.min_num"
-                type="number"
+              <digital-input
+                :values="ruleForm.min_num"
+                :placeholder="'起订量'"
                 :min="0"
-                :max="9999999999"
-                :step="0"
+                :name="'ruleForm.min_num'"
+                :disabled="false"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :size="'mini'"
+                :controls="false"
+                :append="''"
+                @reschange="number_change($event, 'min_num')"
               />
             </el-form-item>
             <el-form-item label="成本合计" prop="nake_fee">
-              <el-input
-                placeholder="成本合计"
-                v-model="ruleForm.nake_fee"
-                type="number"
+              <digital-input
+                :values="ruleForm.nake_fee"
+                :placeholder="'成本合计'"
                 :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
+                :name="'ruleForm.nake_fee'"
+                :disabled="false"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :size="'mini'"
+                :controls="false"
+                :append="'元'"
+                @reschange="number_change($event, 'nake_fee')"
+              />
             </el-form-item>
             <el-form-item label="工艺费" prop="cost_fee">
-              <el-input
-                placeholder="工艺费"
-                v-model="ruleForm.cost_fee"
-                type="number"
+              <digital-input
+                :values="ruleForm.cost_fee"
+                :placeholder="'工艺费'"
                 :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
+                :name="'ruleForm.cost_fee'"
+                :disabled="false"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :size="'mini'"
+                :controls="false"
+                :append="'元'"
+                @reschange="number_change($event, 'cost_fee')"
+              />
             </el-form-item>
 
             <el-form-item label="其中运费" prop="delivery_fee">
-              <el-input
-                placeholder="其中运费"
-                v-model="ruleForm.delivery_fee"
-                type="number"
+              <digital-input
+                :values="ruleForm.delivery_fee"
+                :placeholder="'其中运费'"
                 :min="0"
-                :max="9999999999.99"
-                :step="2"
-              >
-                <template slot="append">元</template>
-              </el-input>
+                :name="'ruleForm.delivery_fee'"
+                :disabled="false"
+                :max="100000000000"
+                :position="'right'"
+                :precision="0"
+                :size="'mini'"
+                :controls="false"
+                :append="'元'"
+                @reschange="number_change($event, 'delivery_fee')"
+              />
             </el-form-item>
           </el-form>
         </el-col>
@@ -93,6 +111,21 @@ export default {
   props: ["showModel", "index", "sitem"],
   mixins: [resToken],
   data() {
+    const validate_num_0 = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error("不能为空！"));
+      } else if (
+        value === "0" ||
+        value === "0." ||
+        value === "0.0" ||
+        value === "0.00" ||
+        value === "0.000"
+      ) {
+        callback(new Error("不能为零！"));
+      } else {
+        callback();
+      }
+    };
     return {
       loading: false,
       title: "",
@@ -101,16 +134,16 @@ export default {
       rulesThis: this.rules,
       rules: {
         min_num: [
-          { required: true, message: "起订量应为合法数字", trigger: "blur" },
+          { required: true, validator: validate_num_0, trigger: "blur" },
         ],
         cost_fee: [
-          { required: true, message: "工艺费应为合法数字", trigger: "blur" },
+          { required: true, validator: validate_num_0, trigger: "blur" },
         ],
         nake_fee: [
-          { required: true, message: "成本合计应为合法数字", trigger: "blur" },
+          { required: true, validator: validate_num_0, trigger: "blur" },
         ],
         delivery_fee: [
-          { required: true, message: "其中运费应为合法数字", trigger: "blur" },
+          { required: true, validator: validate_num_0, trigger: "blur" },
         ],
       },
     };
@@ -165,6 +198,10 @@ export default {
       };
     },
 
+    number_change(e, key) {
+      this.ruleForm[key] = e + "" || "0";
+      this.$refs.ruleForm.validateField(key);
+    },
     async submitForm() {
       await this.$refs.ruleForm.validate(async (valid) => {
         if (valid) {