计费规则

operationSupport/src/views/payService/propertyFee/stepPage/temporary.vue

@@ -5,7 +5,7 @@
                 <el-option :label="item.chargeName" :value="item.id" v-for="(item, index) in selectData" :key="index"></el-option>
             </el-select>
         </el-form-item>
-        <el-form-item label="收费时间" prop="chargeStartTime" class="chargeStartTime" v-if="forFte(formData)">
+        <el-form-item label="收费时间" prop="chargeStartTime" class="chargeStartTime" v-if="forFte">
             <el-date-picker
                 v-model="times"
                 @change="effectiveDateToggle"
@@ -17,7 +17,7 @@
             >
             </el-date-picker>
         </el-form-item>
-        <el-form-item label="数量/面积 " prop="quantity" v-if="formData.chargeStatus == 4 && formData.chargeType == 11">
+        <el-form-item label="数量/面积 " prop="quantity" v-if="thisStus == 4 && formData.chargeType == 11">
             <el-input v-model="formData.quantity" maxlength="20" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>
         </el-form-item>
         <el-form-item label="用量" prop="quantity" v-if="formData.chargeType == 2 || formData.chargeType == 3">
@@ -39,6 +39,7 @@ export default {
                 chargeEndTime: '',
                 quantity: ''
             },
+            thisStus: '',
             times: [],
             selectData: [],
             formRules: {
@@ -48,10 +49,10 @@ export default {
                     validator(rule, value, cb) {
                         const rl = rule;
                         if (!value) {
-                            rl.message = '请输入用量';
+                            rl.message = '请输入';
                             cb(new Error());
                         } else if (value == 0) {
-                            rl.message = '用量必须大于0';
+                            rl.message = '必须大于0';
                             cb(new Error());
                         } else {
                             cb();
@@ -61,17 +62,18 @@ export default {
             }
         };
     },
-
-    methods: {
-        forFte(form) {
+    computed: {
+        forFte() {
             let va = true;
-            if (form.chargeType == 11) {
-                if (form.chargeStatus == 4) {
+            if (this.formData.chargeType == 11) {
+                if (this.thisStus == 4) {
                     va = false;
                 }
             }
             return va;
-        },
+        }
+    },
+    methods: {
         submit() {
             this.$refs.form.validate((valid) => {
                 if (valid) {
@@ -114,6 +116,7 @@ export default {
             this.selectData.find((item) => {
                 if (item.id === id) {
                     this.formData.chargeType = item.chargeType;
+                    this.thisStus = item.chargeMode;
                 }
             });
         }