乐团修改

src/views/teamBuild/components/teamBaseInfo.vue

@@ -128,11 +128,11 @@
         </el-form-item>
         <el-form-item label="缴费方式"
                       prop="paymentPattern"
-                      @change="changePaymentPattern"
-                      :rules="[{ required: !(teamStatus =='resetTeam' || teamStatus === 'teamDraft' || teamStatus === 'teamAudit'), message: '请选择缴费方式'},]">
+                      :rules="[{ required: !isNotEditing(), message: '请选择缴费方式'},]">
           <el-select placeholder="缴费方式"
-                     :disabled="teamStatus ==='resetTeam' || teamStatus === 'teamDraft' || teamStatus === 'teamAudit'"
+                     :disabled="isNotEditing()"
                      clearable
+                      @change="changePaymentPattern"
                      filterable
                      v-model.trim="topFrom.paymentPattern">
             <el-option :value="0"
@@ -145,9 +145,10 @@
         </el-form-item>
         <el-form-item label="缴费有效期开始"
                       prop="paymentValidStartDate"
-                      :rules="[{ required: !(teamStatus =='resetTeam' || teamStatus === 'teamDraft' || teamStatus === 'teamAudit'), message: '请选择缴费有效期开始'},]">
-          <el-date-picker :disabled="teamStatus ==='resetTeam' || teamStatus === 'teamDraft' || teamStatus === 'teamAudit'"
+                      :rules="[{ required: !isNotEditing(), message: '请选择缴费有效期开始'},]">
+          <el-date-picker :disabled="isNotEditing()"
                           v-model="topFrom.paymentValidStartDate"
+                          @change="changePaymentValidStartDate"
                           placeholder="开始日期"
                           :picker-options="{
                           firstDayOfWeek:1
@@ -156,8 +157,8 @@
         </el-form-item>
         <el-form-item label="缴费有效期结束"
                       prop="paymentValidEndDate"
-                      :rules="[{ required: !(teamStatus =='resetTeam' || teamStatus === 'teamDraft' || teamStatus === 'teamAudit' || topFrom.paymentPattern === 2), message: '请选择缴费有效期结束'},]">
-          <el-date-picker :disabled="teamStatus ==='resetTeam' || teamStatus === 'teamDraft' || teamStatus === 'teamAudit' || topFrom.paymentPattern === 2"
+                      :rules="[{ required: !(isNotEditing() || topFrom.paymentPattern === 2), message: '请选择缴费有效期结束'},]">
+          <el-date-picker :disabled="isNotEditing() || topFrom.paymentPattern === 2"
                           v-model="topFrom.paymentValidEndDate"
                           :picker-options="beginDate(topFrom.paymentValidStartDate)"
                           placeholder="结束日期">
@@ -627,11 +628,20 @@ export default {
 
   },
   methods: {
+    isNotEditing: function() {
+      return !(this.teamStatus ==='resetTeam' || this.teamStatus === 'teamDraft' || this.teamStatus === 'teamAudit')
+    },
     changeFeeType (val) {
       console.log(val == "ONLINE")
     },
+    changePaymentValidStartDate (val) {
+      if (val) {
+        this.$set(this.topFrom, 'paymentValidEndDate', '')
+      }
+    },
     changePaymentPattern (val) {
       if (val === 2) {
+        // this.topFrom.paymentValidStartDate = null
         this.topFrom.paymentValidEndDate = null
       }
     },