学生详情走查

src/component-ui/index.less

@@ -163,7 +163,7 @@
   }
   .van-picker__cancel,
   .van-picker__confirm {
-    font-size: 14px;
+    font-size: 15px;
   }
   .van-picker__cancel {
     color: var(--k-gray-3);

src/views/student-manage/component/m-student/index.module.less

@@ -49,18 +49,19 @@
                 opacity: .8;
             }
         }
+        .status{
+            background: var(--van-primary-color);
+        }
+        .statuing{
+            background-color: #C1C1C1;
+            pointer-events: none;
+        }
+        .statued{
+            color: #FF5A56;
+            pointer-events: none;
+        }
     }
-    .status{
-        background: var(--van-primary-color);
-    }
-    .statuing{
-        background-color: #C1C1C1;
-        pointer-events: none;
-    }
-    .statued{
-        color: #FF5A56;
-        pointer-events: none;
-    }
+    
 }
 .studentInfo{
     :global{

src/views/student-manage/component/m-student/index.tsx

@@ -78,8 +78,6 @@ export default defineComponent({
               {item.value.studentName}{' '}
               {valueType.value === '' ? (
                 ''
-              ) : valueType.value === 'statued' ? (
-                <Image class={styles.iconIm} src={icons.icon_im_dis} />
               ) : (
                 <Image class={styles.iconIm} src={icons.icon_im} />
               )}
@@ -87,21 +85,23 @@ export default defineComponent({
           ),
           value: () => (
             <>
-              {valueType.value === 'status' ? (
+              {valueType.value === 'status' && (
                 <div class={styles.statusBox}>
                   <div class={styles.status} onClick={() => emit('quit')}>
                     退团
                   </div>
                 </div>
-              ) : valueType.value === 'statuing' ? (
+              )}
+              {valueType.value === 'statuing' && (
                 <div class={styles.statusBox}>
                   <div class={styles.statuing}>退团中</div>
                 </div>
-              ) : valueType.value === 'statued' ? (
+              )}
+              {valueType.value === 'statued' && (
                 <div class={styles.statusBox}>
                   <div class={styles.statued}>已退团</div>
                 </div>
-              ) : null}
+              )}
             </>
           )
         }}

src/views/student-manage/detail/index.module.less

@@ -196,4 +196,11 @@
         width: 47px;
         height: 47px;
     }
+}
+.btns{
+    :global{
+        .van-button{
+            font-size: 16px;
+        }
+    }
 }

src/views/student-manage/detail/index.tsx

@@ -34,6 +34,7 @@ import {
   api_studentManageUserDetail,
   api_studentManageUserMusicGroup
 } from '../api';
+import dayjs from 'dayjs';
 
 export default defineComponent({
   name: 'student-manage-detail',
@@ -205,6 +206,11 @@ export default defineComponent({
       detailData.quitLoading = false;
     };
 
+    /** 格式化时间 */
+    const formateTime = () => {
+      return dayjs(detailData.student.quitTime).format('YYYY年MM月DD日');
+    }
+
     /** 去聊天 */
     const openIm = () => {
       postMessage({
@@ -300,7 +306,7 @@ export default defineComponent({
               <div class={styles.infoItem}>
                 <div>退团时间</div>
                 <div style={{ color: '#FF5A56' }}>
-                  {detailData.student.quitTime}
+                  {formateTime()}
                 </div>
               </div>
             )}
@@ -419,7 +425,7 @@ export default defineComponent({
                 )}
               </CellGroup>
             </CheckboxGroup>
-            <div class={['btnGroupPopup']}>
+            <div class={['btnGroupPopup', styles.btns]}>
               <Button round onClick={() => (detailData.quitShow = false)}>
                 取消
               </Button>
@@ -441,6 +447,7 @@ export default defineComponent({
         <Popup
           v-model:show={detailData.quitConfirmShow}
           class={['popup-custom', 'van-scale']}
+          overlayStyle={{ background: 'transparent'}}
           transition="van-scale">
           <div class={styles.quitBox}>
             <div class={styles.quitTitle}>学员退团</div>