|  | @@ -40,23 +40,38 @@
 | 
	
		
			
				|  |  |        <descriptions-item label="订单类型:">{{
 | 
	
		
			
				|  |  |          calender.payUserType | payUserTypeFormat
 | 
	
		
			
				|  |  |        }}</descriptions-item>
 | 
	
		
			
				|  |  | -      <descriptions-item label="学生人数:" v-if="calenderFeeJson&&calenderFeeJson.sutdentNumber&&calender.calenderFeeType=='STUDENT'">{{
 | 
	
		
			
				|  |  | -        calenderFeeJson.sutdentNumber
 | 
	
		
			
				|  |  | -      }}</descriptions-item>
 | 
	
		
			
				|  |  | -      <descriptions-item label="缴费总金额:" v-if="calenderFeeJson&&calenderFeeJson.allTotal">{{
 | 
	
		
			
				|  |  | -        numeral(calenderFeeJson.allTotal).format("0,0")
 | 
	
		
			
				|  |  | -      }}</descriptions-item>
 | 
	
		
			
				|  |  | -      <descriptions-item label="优惠金额:" v-if="calenderFeeJson&&calenderFeeJson.discountTotal">{{
 | 
	
		
			
				|  |  | -        numeral(calenderFeeJson.discountTotal).format("0,0")
 | 
	
		
			
				|  |  | -      }}</descriptions-item>
 | 
	
		
			
				|  |  | +      <descriptions-item
 | 
	
		
			
				|  |  | +        label="学生人数:"
 | 
	
		
			
				|  |  | +        v-if="
 | 
	
		
			
				|  |  | +          calenderFeeJson &&
 | 
	
		
			
				|  |  | +            calenderFeeJson.sutdentNumber &&
 | 
	
		
			
				|  |  | +            calender.calenderFeeType == 'STUDENT'
 | 
	
		
			
				|  |  | +        "
 | 
	
		
			
				|  |  | +        >{{ calenderFeeJson.sutdentNumber }}</descriptions-item
 | 
	
		
			
				|  |  | +      >
 | 
	
		
			
				|  |  | +      <descriptions-item
 | 
	
		
			
				|  |  | +        label="缴费总金额:"
 | 
	
		
			
				|  |  | +        v-if="calenderFeeJson && calenderFeeJson.allTotal"
 | 
	
		
			
				|  |  | +        >{{
 | 
	
		
			
				|  |  | +          numeral(calenderFeeJson.allTotal).format("0,0")
 | 
	
		
			
				|  |  | +        }}</descriptions-item
 | 
	
		
			
				|  |  | +      >
 | 
	
		
			
				|  |  | +      <descriptions-item
 | 
	
		
			
				|  |  | +        label="优惠金额:"
 | 
	
		
			
				|  |  | +        v-if="calenderFeeJson && calenderFeeJson.discountTotal"
 | 
	
		
			
				|  |  | +        >{{
 | 
	
		
			
				|  |  | +          numeral(calenderFeeJson.discountTotal).format("0,0")
 | 
	
		
			
				|  |  | +        }}</descriptions-item
 | 
	
		
			
				|  |  | +      >
 | 
	
		
			
				|  |  |        <descriptions-item label="实缴金额">{{
 | 
	
		
			
				|  |  |          numeral(calender.currentTotalAmount).format("0,0")
 | 
	
		
			
				|  |  |        }}</descriptions-item>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -      <descriptions-item label="缴费单号:" v-if="calender.payUserType == 'SCHOOL'">{{
 | 
	
		
			
				|  |  | -        calender.id
 | 
	
		
			
				|  |  | -      }}</descriptions-item>
 | 
	
		
			
				|  |  | +      <descriptions-item
 | 
	
		
			
				|  |  | +        label="缴费单号:"
 | 
	
		
			
				|  |  | +        v-if="calender.payUserType == 'SCHOOL'"
 | 
	
		
			
				|  |  | +        >{{ calender.id }}</descriptions-item
 | 
	
		
			
				|  |  | +      >
 | 
	
		
			
				|  |  |        <descriptions-item
 | 
	
		
			
				|  |  |          :span="3"
 | 
	
		
			
				|  |  |          v-if="calender.payUserType !== 'SCHOOL'"
 | 
	
	
		
			
				|  | @@ -95,7 +110,7 @@
 | 
	
		
			
				|  |  |      <el-table
 | 
	
		
			
				|  |  |        :data="course"
 | 
	
		
			
				|  |  |        stripe
 | 
	
		
			
				|  |  | -      v-if="course&&course.length"
 | 
	
		
			
				|  |  | +      v-if="course && course.length"
 | 
	
		
			
				|  |  |        style="width: 100%; margin-top: 10px"
 | 
	
		
			
				|  |  |        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
 | 
	
		
			
				|  |  |      >
 | 
	
	
		
			
				|  | @@ -104,9 +119,9 @@
 | 
	
		
			
				|  |  |            {{ scope.row.courseType | courseTypeFormat }}
 | 
	
		
			
				|  |  |          </template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column prop="isStudentOptional" label="是否必选" width="100px">
 | 
	
		
			
				|  |  | +      <el-table-column prop="studentOptional" label="是否必选" width="100px">
 | 
	
		
			
				|  |  |          <template slot-scope="scope">{{
 | 
	
		
			
				|  |  | -          scope.row.isStudentOptional ? "是" : "否"
 | 
	
		
			
				|  |  | +          scope.row.studentOptional ? "是" : "否"
 | 
	
		
			
				|  |  |          }}</template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  |        <el-table-column
 | 
	
	
		
			
				|  | @@ -206,7 +221,7 @@
 | 
	
		
			
				|  |  |            scope.row.optionalFlag ? "是" : "否"
 | 
	
		
			
				|  |  |          }}</template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  | -          <el-table-column prop="autoActivationFlag" label="自动激活" width="100px">
 | 
	
		
			
				|  |  | +      <el-table-column prop="autoActivationFlag" label="自动激活" width="100px">
 | 
	
		
			
				|  |  |          <template slot-scope="scope">{{
 | 
	
		
			
				|  |  |            scope.row.autoActivationFlag ? "是" : "否"
 | 
	
		
			
				|  |  |          }}</template>
 | 
	
	
		
			
				|  | @@ -282,7 +297,7 @@
 | 
	
		
			
				|  |  |        :closable="false"
 | 
	
		
			
				|  |  |        class="alert"
 | 
	
		
			
				|  |  |        type="info"
 | 
	
		
			
				|  |  | -      v-if="activity&&activity.length > 0"
 | 
	
		
			
				|  |  | +      v-if="activity && activity.length > 0"
 | 
	
		
			
				|  |  |      >
 | 
	
		
			
				|  |  |      </el-alert>
 | 
	
		
			
				|  |  |      <el-table
 | 
	
	
		
			
				|  | @@ -325,26 +340,31 @@
 | 
	
		
			
				|  |  |        :closable="false"
 | 
	
		
			
				|  |  |        class="alert"
 | 
	
		
			
				|  |  |        type="info"
 | 
	
		
			
				|  |  | -      v-if="calenderFeeJson&&calenderFeeJson.teacherFeeList&&calender.calenderFeeType=='TEACHER'"
 | 
	
		
			
				|  |  | +      v-if="
 | 
	
		
			
				|  |  | +        calenderFeeJson &&
 | 
	
		
			
				|  |  | +          calenderFeeJson.teacherFeeList &&
 | 
	
		
			
				|  |  | +          calender.calenderFeeType == 'TEACHER'
 | 
	
		
			
				|  |  | +      "
 | 
	
		
			
				|  |  |      >
 | 
	
		
			
				|  |  |      </el-alert>
 | 
	
		
			
				|  |  |      <el-table
 | 
	
		
			
				|  |  |        :data="calenderFeeJson.teacherFeeList"
 | 
	
		
			
				|  |  |        stripe
 | 
	
		
			
				|  |  | -      v-if="calenderFeeJson&&calenderFeeJson.teacherFeeList&&calender.calenderFeeType=='TEACHER'"
 | 
	
		
			
				|  |  | +      v-if="
 | 
	
		
			
				|  |  | +        calenderFeeJson &&
 | 
	
		
			
				|  |  | +          calenderFeeJson.teacherFeeList &&
 | 
	
		
			
				|  |  | +          calender.calenderFeeType == 'TEACHER'
 | 
	
		
			
				|  |  | +      "
 | 
	
		
			
				|  |  |        style="width: 100%; margin-top: 10px"
 | 
	
		
			
				|  |  |        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
 | 
	
		
			
				|  |  |      >
 | 
	
		
			
				|  |  | -    <el-table-column prop="courseType" label="课程类型">
 | 
	
		
			
				|  |  | +      <el-table-column prop="courseType" label="课程类型">
 | 
	
		
			
				|  |  |          <template slot-scope="scope">
 | 
	
		
			
				|  |  |            {{ scope.row.courseType | courseTypeFormat }}
 | 
	
		
			
				|  |  |          </template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column prop="teacherNumber" label="老师人数" >
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -      </el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column prop="courseNumber" label="课程数">
 | 
	
		
			
				|  |  | -      </el-table-column>
 | 
	
		
			
				|  |  | +      <el-table-column prop="teacherNumber" label="老师人数"> </el-table-column>
 | 
	
		
			
				|  |  | +      <el-table-column prop="courseNumber" label="课程数"> </el-table-column>
 | 
	
		
			
				|  |  |        <el-table-column prop="courseCurrentPrice" label="单课时售价(元)">
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  |      </el-table>
 | 
	
	
		
			
				|  | @@ -353,32 +373,36 @@
 | 
	
		
			
				|  |  |        :closable="false"
 | 
	
		
			
				|  |  |        class="alert"
 | 
	
		
			
				|  |  |        type="info"
 | 
	
		
			
				|  |  | -      v-if="calenderRefundPeriods&&calenderRefundPeriods.length > 0"
 | 
	
		
			
				|  |  | +      v-if="calenderRefundPeriods && calenderRefundPeriods.length > 0"
 | 
	
		
			
				|  |  |      >
 | 
	
		
			
				|  |  |      </el-alert>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |      <el-table
 | 
	
		
			
				|  |  |        :data="calenderRefundPeriods"
 | 
	
		
			
				|  |  |        stripe
 | 
	
		
			
				|  |  | -      v-if="calenderRefundPeriods&&calenderRefundPeriods.length > 0"
 | 
	
		
			
				|  |  | +      v-if="calenderRefundPeriods && calenderRefundPeriods.length > 0"
 | 
	
		
			
				|  |  |        style="width: 100%; margin-top: 10px"
 | 
	
		
			
				|  |  |        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
 | 
	
		
			
				|  |  |      >
 | 
	
		
			
				|  |  | -      <el-table-column prop="refundAmount" label="回款金额" >
 | 
	
		
			
				|  |  | -      </el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column prop="refundDate" label="回款状态" >
 | 
	
		
			
				|  |  | +      <el-table-column prop="refundAmount" label="回款金额"> </el-table-column>
 | 
	
		
			
				|  |  | +      <el-table-column prop="refundDate" label="回款状态">
 | 
	
		
			
				|  |  |          <template slot-scope="scope">
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -          <div v-if="calender.status == 'NO'||calender.status == 'OPEN'||calender.status == 'OVER'||calender.status == 'PAID'">
 | 
	
		
			
				|  |  | -            {{scope.row.refundFlag?'已回款':'回款中'}}
 | 
	
		
			
				|  |  | +          <div
 | 
	
		
			
				|  |  | +            v-if="
 | 
	
		
			
				|  |  | +              calender.status == 'NO' ||
 | 
	
		
			
				|  |  | +                calender.status == 'OPEN' ||
 | 
	
		
			
				|  |  | +                calender.status == 'OVER' ||
 | 
	
		
			
				|  |  | +                calender.status == 'PAID'
 | 
	
		
			
				|  |  | +            "
 | 
	
		
			
				|  |  | +          >
 | 
	
		
			
				|  |  | +            {{ scope.row.refundFlag ? "已回款" : "回款中" }}
 | 
	
		
			
				|  |  |            </div>
 | 
	
		
			
				|  |  |            <div v-else>
 | 
	
		
			
				|  |  |              --
 | 
	
		
			
				|  |  |            </div>
 | 
	
		
			
				|  |  |          </template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  | -      <el-table-column prop="refundDate" label="回款时间" >
 | 
	
		
			
				|  |  | -      </el-table-column>
 | 
	
		
			
				|  |  | +      <el-table-column prop="refundDate" label="回款时间"> </el-table-column>
 | 
	
		
			
				|  |  |      </el-table>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |      <!-- 会员信息 -->
 | 
	
	
		
			
				|  | @@ -423,7 +447,7 @@ const initData = {
 | 
	
		
			
				|  |  |    studentNum: 0,
 | 
	
		
			
				|  |  |    phone: "",
 | 
	
		
			
				|  |  |    username: "",
 | 
	
		
			
				|  |  | -  calenderRefundPeriods:[]
 | 
	
		
			
				|  |  | +  calenderRefundPeriods: []
 | 
	
		
			
				|  |  |  };
 | 
	
		
			
				|  |  |  export default {
 | 
	
		
			
				|  |  |    components: { Item },
 | 
	
	
		
			
				|  | @@ -431,7 +455,7 @@ export default {
 | 
	
		
			
				|  |  |    data() {
 | 
	
		
			
				|  |  |      return {
 | 
	
		
			
				|  |  |        payVisible: false,
 | 
	
		
			
				|  |  | -      ...initData,
 | 
	
		
			
				|  |  | +      ...initData
 | 
	
		
			
				|  |  |      };
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    computed: {
 | 
	
	
		
			
				|  | @@ -449,12 +473,12 @@ export default {
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  |        return "";
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  | -    calenderFeeJson(){
 | 
	
		
			
				|  |  | +    calenderFeeJson() {
 | 
	
		
			
				|  |  |        const calenderFee = this.calender?.calenderFeeJson;
 | 
	
		
			
				|  |  | -      if(calenderFee){
 | 
	
		
			
				|  |  | -        return JSON.parse(calenderFee)
 | 
	
		
			
				|  |  | +      if (calenderFee) {
 | 
	
		
			
				|  |  | +        return JSON.parse(calenderFee);
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  | -      return null
 | 
	
		
			
				|  |  | +      return null;
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    mounted() {
 | 
	
	
		
			
				|  | @@ -466,7 +490,7 @@ export default {
 | 
	
		
			
				|  |  |        try {
 | 
	
		
			
				|  |  |          const res = await musicGroupPaymentCalenderView({
 | 
	
		
			
				|  |  |            id: this.detail.id,
 | 
	
		
			
				|  |  | -          musicGroupId: this.detail.musicGroupId,
 | 
	
		
			
				|  |  | +          musicGroupId: this.detail.musicGroupId
 | 
	
		
			
				|  |  |          });
 | 
	
		
			
				|  |  |          for (const key in initData) {
 | 
	
		
			
				|  |  |            if (initData.hasOwnProperty(key)) {
 | 
	
	
		
			
				|  | @@ -474,8 +498,8 @@ export default {
 | 
	
		
			
				|  |  |            }
 | 
	
		
			
				|  |  |          }
 | 
	
		
			
				|  |  |        } catch (error) {}
 | 
	
		
			
				|  |  | -    },
 | 
	
		
			
				|  |  | -  },
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +  }
 | 
	
		
			
				|  |  |  };
 | 
	
		
			
				|  |  |  </script>
 | 
	
		
			
				|  |  |  <style lang="less" scoped>
 |