标段合同 结款计划 页面优化

src/views/sunVillage_info/informationFunPlanAdd.vue

@@ -24,14 +24,14 @@
             @cancel="showCollectionPay = false"/>
         </van-popup>
 
-        <van-field v-model="form.orderNum" label="结款序号" placeholder="结款序号" input-align="right" :border="false" />
-        <van-field v-model="form.settlementDate"  readonly clickable label="结款日期" placeholder="请选择" @click="showSettlementDate = true" input-align="right" right-icon="arrow-down" label-width="auto" required :border="false"/>
+        <van-field v-model="form.orderNum" label="结款序号" placeholder="结款序号" input-align="right" type="digit" :border="false" />
+        <van-field v-model="form.settlementDate" clickable label="结款日期" placeholder="请选择" @click="showSettlementDate = true" input-align="right" right-icon="arrow-down" label-width="auto" required :border="false"/>
         <van-popup v-model="showSettlementDate" position="bottom">
           <van-datetime-picker v-model="settlementDate" type="date" title="选择年月日" @confirm="onConfirmSettlementDate" @cancel="showSettlementDate = false"/>
         </van-popup>
-        <van-field v-model="form.settlementAmount" label="结款金额" required placeholder="结款金额" input-align="right" :border="false"  :rules="rules.settlementAmount" />
+        <van-field v-model="form.settlementAmount" label="结款金额" type="number" required placeholder="结款金额" input-align="right" :border="false"  />
 
-        <van-field v-model="planStatus" @click="showPlanStatus = false" label="结款状态"  input-align="right" :border="false" disabled />
+        <van-field v-model="planStatus" @click="showPlanStatus = false" label="结款状态"  input-align="right" :border="false" disabled  />
         <van-popup v-model="showPlanStatus"  position="bottom">
           <van-picker
             show-toolbar
@@ -98,11 +98,11 @@
         showCollectionPay:false,
         collectionPayOptions:[],
 
-        rules: {
-          settlementAmount: [
-            { required: true, message: '请输入结款金额' },
-          ]
-        },
+        // rules: {
+        //   settlementAmount: [
+        //     { required: true, message: '请输入结款金额' },
+        //   ]
+        // },
       };
     },
     created() {
@@ -239,6 +239,9 @@
     /deep/ .van-cell--required::before{
       left: 0;
     }
+    /deep/ .van-field--disabled .van-field__label {
+      color: #646566;
+    }
 
   }
 

src/views/sunVillage_info/informationFunPlanEdit.vue

@@ -25,11 +25,11 @@
         </van-popup>
 
         <van-field v-model="form.orderNum" label="结款序号" placeholder="结款序号" input-align="right" :border="false" />
-        <van-field v-model="form.settlementDate"  readonly clickable label="结款日期" placeholder="请选择" @click="showSettlementDate = true" input-align="right" right-icon="arrow-down" label-width="auto" required :border="false"/>
+        <van-field v-model="form.settlementDate" clickable label="结款日期" placeholder="请选择" @click="showSettlementDate = true" input-align="right" right-icon="arrow-down" label-width="auto" required :border="false"/>
         <van-popup v-model="showSettlementDate" position="bottom">
           <van-datetime-picker v-model="settlementDate" type="date" title="选择年月日" @confirm="onConfirmSettlementDate" @cancel="showSettlementDate = false"/>
         </van-popup>
-        <van-field v-model="form.settlementAmount" label="结款金额" placeholder="结款金额" required input-align="right" :border="false"  :rules="rules.settlementAmount" />
+        <van-field v-model="form.settlementAmount" label="结款金额" placeholder="结款金额" required input-align="right" :border="false"  />
 
         <van-field v-model="planStatus" @click="showPlanStatus = false" label="结款状态"  input-align="right" :border="false" disabled />
         <van-popup v-model="showPlanStatus"  position="bottom">
@@ -97,11 +97,11 @@
         showCollectionPay:false,
         collectionPayOptions:[],
 
-        rules: {
-          settlementAmount: [
-            { required: true, message: '请输入结款金额' },
-          ]
-        },
+        // rules: {
+        //   settlementAmount: [
+        //     { required: true, message: '请输入结款金额' },
+        //   ]
+        // },
       };
     },
     created() {
@@ -232,6 +232,9 @@
     /deep/ .van-cell--required::before{
       left: 0;
     }
+    /deep/ .van-field--disabled .van-field__label {
+      color: #646566;
+    }
 
   }