|  | @@ -48,7 +48,7 @@
 | 
	
		
			
				|  |  |                  class="alert"
 | 
	
		
			
				|  |  |                  type="info">
 | 
	
		
			
				|  |  |        </el-alert>
 | 
	
		
			
				|  |  | -      <template v-if="isUserType && paymentType == '0'">
 | 
	
		
			
				|  |  | +      <template v-if="isMulticycle">
 | 
	
		
			
				|  |  |          <el-form ref="payment" :model="payment">
 | 
	
		
			
				|  |  |            <el-form-item
 | 
	
		
			
				|  |  |              label-width="160px"
 | 
	
	
		
			
				|  | @@ -137,6 +137,7 @@ import {
 | 
	
		
			
				|  |  |    musicGroupPaymentCalenderAdd,
 | 
	
		
			
				|  |  |    musicGroupPaymentCalenderDetailBatchUpdate,
 | 
	
		
			
				|  |  |    queryByMusicGroupOrganizationCourseSettingsId,
 | 
	
		
			
				|  |  | +  musicGroupPaymentCalenderView,
 | 
	
		
			
				|  |  |  } from "../api";
 | 
	
		
			
				|  |  |  import { paymentPatternType } from '@/constant'
 | 
	
		
			
				|  |  |  import { getTimes, objectToOptions } from "@/utils";
 | 
	
	
		
			
				|  | @@ -184,6 +185,7 @@ export default {
 | 
	
		
			
				|  |  |        payment: {
 | 
	
		
			
				|  |  |          paymentPattern: null,
 | 
	
		
			
				|  |  |        },
 | 
	
		
			
				|  |  | +      viewDetail: null,
 | 
	
		
			
				|  |  |        organizationCourseUnitPriceSettingsByType: {},
 | 
	
		
			
				|  |  |        paymentPatternTypeOptions: objectToOptions(paymentPatternType),
 | 
	
		
			
				|  |  |      };
 | 
	
	
		
			
				|  | @@ -210,6 +212,23 @@ export default {
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      paymentAmountDisabled() {
 | 
	
		
			
				|  |  |        return (this.isUserType || (this.isCommon && this.isUserType)) && this.isDisabled
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    isMulticycle() {
 | 
	
		
			
				|  |  | +      let editMulticycle = false
 | 
	
		
			
				|  |  | +      if (this.viewDetail) {
 | 
	
		
			
				|  |  | +        const { musicGroupPaymentCalenders, auditDto } = this.viewDetail
 | 
	
		
			
				|  |  | +        editMulticycle = (musicGroupPaymentCalenders > 1 ||
 | 
	
		
			
				|  |  | +          musicGroupPaymentCalenders[0]?.paymentType == 'MUSIC_APPLY')
 | 
	
		
			
				|  |  | +        if (editMulticycle) {
 | 
	
		
			
				|  |  | +          this.$set(this.payment, 'paymentPattern', String(auditDto?.paymentPattern))
 | 
	
		
			
				|  |  | +          this.cycles = musicGroupPaymentCalenders.map(item => ({
 | 
	
		
			
				|  |  | +            paymentAmount: item.paymentAmount,
 | 
	
		
			
				|  |  | +            paymentDate: [item?.startPaymentDate, item?.deadlinePaymentDate],
 | 
	
		
			
				|  |  | +            paymentValid: [item?.paymentValidStartDate, item?.paymentValidEndDate]
 | 
	
		
			
				|  |  | +          }))
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +      return this.isUserType && this.paymentType == '0' || editMulticycle
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    watch: {
 | 
	
	
		
			
				|  | @@ -282,9 +301,11 @@ export default {
 | 
	
		
			
				|  |  |            this.form.musicGroupOrganizationCourseSettingId = this.rowDetail.musicGroupOrganizationCourseSettingId;
 | 
	
		
			
				|  |  |          } else {
 | 
	
		
			
				|  |  |            try {
 | 
	
		
			
				|  |  | -            const res = await getMusicGroupPaymentCalenderDetail({
 | 
	
		
			
				|  |  | -              id: this.rowDetail.id
 | 
	
		
			
				|  |  | +            const res = await musicGroupPaymentCalenderView({
 | 
	
		
			
				|  |  | +              musicGroupId: this.musicGroupId,
 | 
	
		
			
				|  |  | +              batchNo: this.rowDetail.batchNo,
 | 
	
		
			
				|  |  |              })
 | 
	
		
			
				|  |  | +            this.viewDetail = res.data
 | 
	
		
			
				|  |  |              this.eclass = res.data.musicGroupPaymentCalenderCourseSettings
 | 
	
		
			
				|  |  |              this.syncAllMoney()
 | 
	
		
			
				|  |  |            } catch (error) {}
 |