修改缴费详情

1

src/views/resetTeaming/components/strudentPayInfo.vue

@@ -380,7 +380,8 @@
           :rules="[
             { required: true, message: '请输入预计缴费金额', trigger: 'blur' },
             {
-              pattern: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
+              pattern:
+                /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
               message: '请输入正确的金额',
               trigger: 'blur',
             },
@@ -396,13 +397,14 @@
       </div>
     </el-dialog>
 
-    <el-dialog :visible.sync="studentVisible" title="学生列表"
-               width="600">
-      <el-table :data="studentList"
-                class="studenTable"
-                ref="singleTable"
-                highlight-current-row
-                @current-change="handleCurrentChange">
+    <el-dialog :visible.sync="studentVisible" title="学生列表" width="600">
+      <el-table
+        :data="studentList"
+        class="studenTable"
+        ref="singleTable"
+        highlight-current-row
+        @current-change="handleCurrentChange"
+      >
         <!-- <el-table-column type="selection"
                          width="55">
         </el-table-column> -->
@@ -452,7 +454,7 @@ import {
   queryCanAddStudent,
   addMusicGroupPaymentCalenderStudent,
   delMusicGroupPaymentCalenderStudent,
-  sendWaitRenewMessage
+  sendWaitRenewMessage,
 } from "@/api/buildTeam";
 
 export default {
@@ -512,6 +514,10 @@ export default {
         paymentValidStartDate: "",
         paymentValidEndDate: "",
         calenderSettingsName: "",
+        memberPaymentAmount: "",
+        memberRankSettingName: "",
+        originalMemberPaymentAmount: "",
+        memberValidDate: "",
       },
     };
   },
@@ -564,6 +570,10 @@ export default {
             paymentValidStartDate: res.data.calender.paymentValidStartDate,
             paymentValidEndDate: res.data.calender.paymentValidEndDate,
             calenderSettingsName: res.data.calenderSettingsName,
+            memberPaymentAmount: res.data.calender.memberPaymentAmount,
+            memberRankSettingName:res.data.calender.memberRankSettingName,
+            originalMemberPaymentAmount: res.data.calender.originalMemberPaymentAmount,
+            memberValidDate:res.data.calender.memberValidDate,
           };
           this.msgList = res.data.musicGroupPaymentCalenderCourseSettings;
         }
@@ -622,8 +632,8 @@ export default {
           path: "/business/resetTeaming",
           query: { ...this.$route.query },
         });
-      }else if(query.type == 'PRE_BUILD_FEE' || query.type == 'feeAudit'){
-             this.$store.dispatch("delVisitedViews", this.$route);
+      } else if (query.type == "PRE_BUILD_FEE" || query.type == "feeAudit") {
+        this.$store.dispatch("delVisitedViews", this.$route);
         this.$router.push({
           path: "/business/resetTeaming",
           query: { ...this.$route.query },
@@ -789,45 +799,45 @@ export default {
       this.$refs.singleTable.setCurrentRow(row);
       this.studentVisible = false;
     },
-    payRemind(){
-       if(this.activeChiose.length<=0){
-         this.$message.error('请至少选择一名学员')
-         return
-       }
-       let submitArr = [];
-       let msgArr = '';
-       let str = ''
-       this.activeChiose.forEach(item=>{
-         if(item.open){
-           submitArr.push(item.userId)
-         }else{
-           msgArr+=item?.sysUser?.username+','
-         }
-       })
-       console.log(submitArr,msgArr)
-
-       if(msgArr){
-         str=`${msgArr}未开启缴费无法提醒`
-       }else{
-         str='是否发送提醒'
-       }
-      this.$confirm(str, '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(async() => {
-          try{
-            const res = await sendWaitRenewMessage({studentIds:submitArr.join(','),calenderId:this.$route.query.paymentId})
-            this.$message.success('提醒成功')
-            this.getList()
-          }catch(e){
-
-          }
-        }).catch(() => {
-
-        });
+    payRemind() {
+      if (this.activeChiose.length <= 0) {
+        this.$message.error("请至少选择一名学员");
+        return;
+      }
+      let submitArr = [];
+      let msgArr = "";
+      let str = "";
+      this.activeChiose.forEach((item) => {
+        if (item.open) {
+          submitArr.push(item.userId);
+        } else {
+          msgArr += item?.sysUser?.username + ",";
+        }
+      });
+      console.log(submitArr, msgArr);
 
-    }
+      if (msgArr) {
+        str = `${msgArr}未开启缴费无法提醒`;
+      } else {
+        str = "是否发送提醒";
+      }
+      this.$confirm(str, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          try {
+            const res = await sendWaitRenewMessage({
+              studentIds: submitArr.join(","),
+              calenderId: this.$route.query.paymentId,
+            });
+            this.$message.success("提醒成功");
+            this.getList();
+          } catch (e) {}
+        })
+        .catch(() => {});
+    },
   },
   watch: {
     payVisible(val) {

src/views/resetTeaming/modals/studentPayDetail.vue

@@ -1,49 +1,74 @@
 <template>
   <div>
-    <el-form ref="titleForm"
-             :model="titleForm"
-             label-width="80px">
+    <el-form ref="titleForm" :model="titleForm" label-width="120px" >
       <el-form-item label="缴费类型">
-        <div class="inputStyle">{{ titleForm.paymentType| auditPaymentType}}</div>
+        <div class="inputStyle">
+          {{ titleForm.paymentType | auditPaymentType }}
+        </div>
       </el-form-item>
-      <el-form-item label="收费标准">
-        <div class="inputStyle">{{ titleForm.musicGroupOrganizationCourseSettingId }}</div>
+      <el-form-item
+        label="收费标准"
+        v-if="titleForm.musicGroupOrganizationCourseSettingId"
+      >
+        <div class="inputStyle">
+          {{ titleForm.musicGroupOrganizationCourseSettingId }}
+        </div>
       </el-form-item>
       <el-form-item label="缴费方式">
         <div class="inputStyle">{{ titleForm.paymentPattern }}</div>
       </el-form-item>
-      <el-form-item label="缴费周期">
+      <el-form-item
+        label="缴费周期"
+        v-if="titleForm.paymentValidStartDate && titleForm.paymentValidEndDate"
+      >
         <div class="inputStyle">
-          {{ titleForm.paymentValidStartDate|formatTimer }}~{{
-            titleForm.paymentValidEndDate|formatTimer
+          {{ titleForm.paymentValidStartDate | formatTimer }}~{{
+            titleForm.paymentValidEndDate | formatTimer
           }}
         </div>
       </el-form-item>
-      <el-form-item label="总现价">
-        <div>{{allCurrentPrice |moneyFormat}}元</div>
+      <el-form-item label="总现价" v-if="allCurrentPrice">
+        <div>{{ allCurrentPrice | moneyFormat }}元</div>
       </el-form-item>
-      <el-form-item label="总原价">
-        <div>{{ allOriginalPrice | moneyFormat}}元</div>
+      <el-form-item label="总原价" v-if="allOriginalPrice">
+        <div>{{ allOriginalPrice | moneyFormat }}元</div>
       </el-form-item>
-      <el-form-item label="课程详情">
+      <el-form-item label="课程详情" v-if="msgList.length > 0">
         <div class="inputStyle">
-          <div v-for="(item,index) in msgList"
-               class="infoMsg">
-            <p class="name">{{item.courseType | coursesType}}:</p>
-            <p class="courseTime">课程时长:{{item.courseTotalMinuties}}分钟</p>
-            <p>原价:{{item.courseOriginalPrice | moneyFormat}}元</p>
-            <p>现价{{item.courseCurrentPrice | moneyFormat}}元</p>
+          <div v-for="(item, index) in msgList" :key="index" class="infoMsg">
+            <p class="name">{{ item.courseType | coursesType }}:</p>
+            <p class="courseTime">
+              课程时长:{{ item.courseTotalMinuties }}分钟
+            </p>
+            <p>原价:{{ item.courseOriginalPrice | moneyFormat }}元</p>
+            <p>现价{{ item.courseCurrentPrice | moneyFormat }}元</p>
           </div>
         </div>
       </el-form-item>
+      <!--      memberPaymentAmount: "",
+        memberRankSettingName: "",
+        originalMemberPaymentAmount: "",
+        memberValidDate: "", -->
+      <el-form-item label="会员名称" v-if="titleForm.memberRankSettingName">
+        <div>{{ titleForm.memberRankSettingName }}</div>
+      </el-form-item>
+      <el-form-item label="会员有效期" v-if="titleForm.memberValidDate">
+        <div>{{titleForm.memberValidDate}}个月</div>
+      </el-form-item>
+      <el-form-item label="会员原价" v-if="titleForm.originalMemberPaymentAmount">
+        <div>{{ titleForm.originalMemberPaymentAmount | moneyFormat}}元</div>
+      </el-form-item>
+      <el-form-item label="会员现价" v-if="titleForm.memberPaymentAmount">
+        <div>{{ titleForm.memberPaymentAmount | moneyFormat}}元</div>
+      </el-form-item>
     </el-form>
   </div>
 </template>
 <script>
-import { courseType } from '@/utils/searchArray'
+import { courseType } from "@/utils/searchArray";
 export default {
-  props: ['msgList', 'titleForm'],
-  data () {
+  props: ["msgList", "titleForm"],
+  data() {
     return {
       // titleForm: {
       //   paymentType: "",
@@ -53,30 +78,30 @@ export default {
       //   paymentValidEndDate: "",
       //   calenderSettingsName: "",
       // },
-
-    }
+    };
+  },
+  mounted() {
+    console.log(this.titleForm)
   },
-  mounted () { },
   methods: {},
   computed: {
-    allCurrentPrice () {
+    allCurrentPrice() {
       // courseType
       let num = 0;
-      this.msgList.forEach(item => {
-        num += item.courseCurrentPrice
-      })
-      return num
+      this.msgList.forEach((item) => {
+        num += item.courseCurrentPrice;
+      });
+      return num;
     },
-    allOriginalPrice () {
+    allOriginalPrice() {
       let num = 0;
-      this.msgList.forEach(item => {
-        num += item.courseOriginalPrice
-      })
-      return num
-
-    }
-  }
-}
+      this.msgList.forEach((item) => {
+        num += item.courseOriginalPrice;
+      });
+      return num;
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
 .infoMsg {
@@ -94,4 +119,4 @@ export default {
     width: 150px;
   }
 }
-</style>
+</style>