修改样式

src/components/m-message-tip/index.module.less

@@ -1,8 +1,11 @@
 .wxPopupDialog {
   // position: relative;
   overflow: initial;
-
+  margin: 0 40px;
+  width: calc(100% - 75px) !important;
   // margin-top: -160px;
+  border-radius: 20px !important;
+
   &::before {
     position: absolute;
     content: ' ';
@@ -18,8 +21,8 @@
 }
 
 .popupContainer {
-  background: url('../../common/images/message-bg.png') no-repeat top center;
-  background-size: cover;
+  background: url('../../common/images/message-bg2.png') no-repeat top center;
+  background-size: contain;
   border-radius: 20px;
   overflow: hidden;
   padding-bottom: 20px;

src/components/m-message-tip/index.tsx

@@ -83,7 +83,7 @@ export default defineComponent({
         <Popup
           v-model:show={showPopup.value}
           round
-          style={{ width: '88%', maxWidth: '520px' }}
+          style={{ width: '100%', maxWidth: '520px' }}
           closeOnClickOverlay={false}
           class={styles.wxPopupDialog}>
           <div class={styles.popupContainer}>

src/router/router-root.ts

@@ -21,7 +21,7 @@ export default [
     name: 'register-member',
     component: () => import('@/views/student-register/register-member'),
     meta: {
-      title: '音乐数字课堂学生注册'
+      title: '音乐数字课堂学生报名'
     }
   },
   {

src/views/student-register/index.module.less

@@ -172,7 +172,7 @@
 
   &.studentSectionForm {
     padding: 12px 0;
-    background: linear-gradient(180deg, #DBF6FD 0%, #FFFFFF 20%);
+    background: linear-gradient(180deg, #DBF6FD 0%, #FFFFFF 10%);
   }
 
   &.noSendDay {
@@ -183,7 +183,7 @@
   .title3 {
     width: 212px;
     height: 22px;
-    background: url('./images/new/title-3.png') no-repeat center;
+    background: url('./images/new/title-7.png') no-repeat center;
     background-size: contain;
     margin: 0 auto;
   }
@@ -290,7 +290,7 @@
     font-weight: 600;
     font-size: 16px;
     color: #1189FF;
-    line-height: 22px;
+    // line-height: 22px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -409,7 +409,6 @@
   }
 
   .memberNumer {
-
     margin: 14px 12px 0;
     background: #E8F8FF;
     border-radius: 8px;
@@ -443,8 +442,9 @@
   // padding-left: 19px;
   // padding-right: 19px;
   padding: 5px 19px;
-  font-size: 15px;
+  font-size: 14px;
   font-weight: 500;
+  border-radius: 6px;
 }
 
 .radioItem {

src/views/student-register/index.tsx

@@ -189,7 +189,7 @@ export default defineComponent({
       showCloseButton: true, // 是否显示关闭按钮
       showOtherMessage: '',
       /**  limit 超限制，change 更换学生，nickname 名称不一致  */
-      otherType: '' as 'limit' | 'change' | 'nickname',
+      otherType: '' as 'limit' | 'change' | 'nickname' | 'member',
       showCancelButton: true,
       cancelButtonColor: '',
       cancelButtonText: '取消',
@@ -515,9 +515,11 @@ export default defineComponent({
       ) {
         otherParams.showOtherMessage = `您已绑定【${
           forms.studentItem?.schoolName || ''
-        }】，提交后将更换到【${
+        }】，提交后将更换到【
+        <span style="color: #2B85FF">${
           forms.registerDetails.schoolName || ''
-        }】，是否确认提交？`;
+        }</span>
+        】，是否确认提交？`;
         otherParams.showOtherSchool = true;
         otherParams.showCloseButton = false;
         otherParams.showCancelButton = true;
@@ -663,7 +665,20 @@ export default defineComponent({
         }
 
         if (schoolInfo.data.hasBuyCourse && vipList.length > 0) {
-          forms.dialogConfirmStatus = true;
+          // forms.dialogConfirmStatus = true;
+
+          // 15907121011
+
+          otherParams.showOtherMessage = `该学员已购买会员，是否确认购买？`;
+          otherParams.showOtherSchool = true;
+          otherParams.showCloseButton = false;
+          otherParams.showCancelButton = true;
+          otherParams.cancelButtonColor = '';
+          otherParams.cancelButtonText = '取消';
+          otherParams.confirmButtonColor = '';
+          otherParams.confirmButtonText = '确定';
+          otherParams.otherType = 'member';
+          otherParams.messageAlign = 'center';
           return;
         }
 
@@ -1745,7 +1760,7 @@ export default defineComponent({
         </Popup>
 
         {/* 已经购买过样品 */}
-        <MDialog
+        {/* <MDialog
           title="提示"
           v-model:show={forms.dialogConfirmStatus}
           message={'已购买会员，是否确认购买？'}
@@ -1762,7 +1777,7 @@ export default defineComponent({
               applyOver();
             }
           }}
-        />
+        /> */}
 
         <MDialog
           title="提示"
@@ -1870,10 +1885,23 @@ export default defineComponent({
               forms.isRegister = 'create'; // 新建
               changeTipStatus(false, false);
               onSubmit();
-            } else if (otherParams.otherType === 'limit') {
+            } else if (otherParams.otherType === 'member') {
+              //取消支付，判断是否有结束时间，是否已经结束
+              if (forms.registerExpireTime && forms.activeOverStatus) {
+                applyOver();
+              }
+              //     onConfirm={async () => {
+              //   await paymentContinue();
+              // }}
+              // onCancel={() => {
+              //   //取消支付，判断是否有结束时间，是否已经结束
+              //   if (forms.registerExpireTime && forms.activeOverStatus) {
+              //     applyOver();
+              //   }
+              // }}
             }
           }}
-          onConfirm={() => {
+          onConfirm={async () => {
             otherParams.showOtherSchool = false;
             // 名字
             if (otherParams.otherType === 'nickname') {
@@ -1894,6 +1922,8 @@ export default defineComponent({
                   : true,
                 false
               );
+            } else if (otherParams.otherType === 'member') {
+              await paymentContinue();
             }
           }}
         />

src/views/student-register/register-member/index.module.less

@@ -9,7 +9,7 @@
 
   .studentRegisterContainer {
     padding-top: 137px;
-    background: url('../images/new/banner-bg2.png') no-repeat top center;
+    background: url('../images/new/banner-bg3.png') no-repeat top center;
     background-size: contain;
   }
 }

src/views/student-register/register-member/index.tsx

@@ -281,7 +281,7 @@ export default defineComponent({
           changeTipStatus(true, false);
         } else {
           forms.isRegister = 'create';
-          changeTipStatus(true, false);
+          changeTipStatus(false, false);
           forms.studentItem = [];
         }
       } catch {
@@ -343,7 +343,9 @@ export default defineComponent({
       ) {
         otherParams.showOtherMessage = `您已绑定【${
           forms.studentItem?.schoolName || ''
-        }】，提交后将更换到【${forms.details.name || ''}】，是否确认提交？`;
+        }】，提交后将更换到【<span style="color: #2B85FF">${
+          forms.details.name || ''
+        }</span>】，是否确认提交？`;
         otherParams.showOtherSchool = true;
         otherParams.showCancelButton = true;
         otherParams.showCloseButton = false;
@@ -504,7 +506,7 @@ export default defineComponent({
             class={[
               styles.studentSection,
               styles.studentSectionForm,
-              Number(forms.giftVipDay) <= 0 && styles.noSendDay
+              styles.noSendDay
             ]}>
             <div class={styles.title1}></div>
             <Form labelAlign="left" class={styles.registerForm}>

src/views/student-register/register-new/index.tsx

@@ -252,7 +252,7 @@ export default defineComponent({
           changeTipStatus(true, false);
         } else {
           forms.isRegister = 'create';
-          changeTipStatus(true, false);
+          changeTipStatus(false, false);
           forms.studentItem = [];
         }
       } catch {
@@ -317,7 +317,9 @@ export default defineComponent({
       ) {
         otherParams.showOtherMessage = `您已绑定【${
           forms.studentItem?.schoolName || ''
-        }】，提交后将更换到【${forms.details.name || ''}】，是否确认提交？`;
+        }】，提交后将更换到【
+        <span style="color: #2B85FF">${forms.details.name || ''}</span>
+        】，是否确认提交？`;
         otherParams.showOtherSchool = true;
         otherParams.showCancelButton = true;
         otherParams.showCloseButton = false;
@@ -562,7 +564,7 @@ export default defineComponent({
             class={[
               styles.studentSection,
               styles.studentSectionForm,
-              forms.giftVipDay <= 0 && styles.noSendDay
+              Number(forms.giftVipDay) > 0 && styles.noSendDay
             ]}>
             <div class={styles.title1}></div>
             <Form labelAlign="left" class={styles.registerForm}>