Merge branch 'startLogin'

src/views/studentList/components/baseInfo.tsx

@@ -52,6 +52,7 @@ export default defineComponent({
       areaList: [] as any[]
     });
     const formRef = ref();
+    const showUpdate = ref(false)
     const studentForm = reactive({
       nickname: props.studentInfo.nickname as any,
       phone: props.studentInfo.phone,
@@ -91,6 +92,7 @@ export default defineComponent({
           data.disabled = true;
           message.success('修改成功');
           loading.value = false
+          showUpdate.value = false
         }catch(e){
           loading.value = false
         }
@@ -204,11 +206,36 @@ export default defineComponent({
             loading={loading.value}
               class={styles.btn}
               type="primary"
-              onClick={() => handleSave()}>
+              onClick={() => showUpdate.value = true}>
               完成
             </NButton>
           </NSpace>
         )}
+
+
+
+
+        <NModal
+          v-model:show={showUpdate.value}
+          preset="card"
+          class={['modalTitle', styles.removeVisiable]}
+          title={'确认修改'}>
+          <div class={styles.studentRemove}>
+            <p>
+             是否确认修改学员信息
+
+            </p>
+
+            <NSpace class={styles.btnGroup} justify="center">
+              <NButton round type="primary" onClick={handleSave}>
+                确定
+              </NButton>
+              <NButton round onClick={() => (showUpdate.value = false)}>
+                取消
+              </NButton>
+            </NSpace>
+          </div>
+        </NModal>
       </div>
     );
   }

src/views/studentList/index.module.less

@@ -548,4 +548,35 @@
 
 .wordDetailModel {
   width: 1012px;
+}
+
+
+
+.removeVisiable {
+  width: 500px;
+
+  .studentRemove {
+    padding: 0 40px;
+
+    p {
+      font-size: max(18px, 14px);
+      color: #777777;
+      line-height: 30px;
+
+      span {
+        color: #EA4132;
+      }
+    }
+  }
+
+  .btnGroup {
+    padding: 32px 0;
+
+    :global {
+      .n-button {
+        height: 47px;
+        min-width: 156px;
+      }
+    }
+  }
 }