学生样式

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

@@ -70,4 +70,5 @@
     width: 22px;
     height: 22px;
     margin-left: 6px;
+    flex-shrink: 0;
 }

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

@@ -11,7 +11,7 @@ export default defineComponent({
   name: 'm-student',
   props: {
     valueType: {
-      type: String as PropType<'status' | 'statuing' | 'statued'>,
+      type: String as PropType<'status' | 'statuing' | 'statued' | ''>,
       default: ''
     },
     isLink: {
@@ -69,14 +69,14 @@ export default defineComponent({
           ),
           title: () => (
             <div
-              class={styles.title}
+              class={styles.title + valueType.value}
               onClick={() => {
-                if (valueType.value === 'statued') return;
+                if (valueType.value === 'statued' || !valueType.value) return;
                 console.log('去聊天');
                 emit('contact')
               }}>
               {item.value.studentName}{' '}
-              {valueType.value === 'statued' ? (
+              {valueType.value === "" ? '' : valueType.value === 'statued' ? (
                 <Image class={styles.iconIm} src={icons.icon_im_dis} />
               ) : (
                 <Image class={styles.iconIm} src={icons.icon_im} />

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

@@ -136,8 +136,8 @@ export default defineComponent({
         .then(res => {
           if (res.data) {
             if (res.data.phone) {
-              res.data.phone =
-                res.data.phone.slice(0, 3) + '****' + res.data.phone.slice(-4);
+              res.data.phoneStr = res.data.phone.slice(0, 3) + '****' + res.data.phone.slice(-4);
+                
             }
             detailData.student = res.data;
             getGradeList();
@@ -275,7 +275,7 @@ export default defineComponent({
             </div>
             <div class={styles.infoItem}>
               <div>联系电话</div>
-              <div>{detailData.student.phone}</div>
+              <div>{detailData.student.phoneStr}</div>
             </div>
             <div class={styles.infoItem}>
               <div>年级</div>

src/views/student-manage/type.ts

@@ -67,6 +67,8 @@ export interface IStudentDetail extends IStudentManage {
   inGroupStatus: 'IN' | 'OUT' | 'APPLY_OUT' | 'APPLY' | 'QUIT_SCHOOL';
   /** 手机号 */
   phone: string;
+  /** 隐私手机号 */
+  phoneStr: string;
   /** 退团时间 */
   quitTime: string;
   /** 声部ID */