From a409325770f51315f88384df59231b0d3df5151f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=BA=90=E6=96=87=E9=9B=A8?=
 <41315874+fumiama@users.noreply.github.com>
Date: Sat, 18 Mar 2023 15:55:04 +0800
Subject: [PATCH] finish settings/contact page

---
 frontend/vben/src/enums/pageEnum.ts           |  2 +
 .../src/locales/lang/zh-CN/routes/settings.ts |  1 +
 .../src/router/routes/modules/settings.ts     | 10 ++++
 .../src/views/page/settings/SecureSetting.vue |  3 ++
 .../page/settings/contact/contact.data.ts     | 16 +++++++
 .../src/views/page/settings/contact/index.vue |  8 ++--
 .../views/page/settings/contact/pwd.data.ts   | 46 -------------------
 7 files changed, 36 insertions(+), 50 deletions(-)
 create mode 100644 frontend/vben/src/views/page/settings/contact/contact.data.ts
 delete mode 100644 frontend/vben/src/views/page/settings/contact/pwd.data.ts

diff --git a/frontend/vben/src/enums/pageEnum.ts b/frontend/vben/src/enums/pageEnum.ts
index 49470de..9362ad2 100644
--- a/frontend/vben/src/enums/pageEnum.ts
+++ b/frontend/vben/src/enums/pageEnum.ts
@@ -9,6 +9,8 @@ export enum PageEnum {
   PAGE_SETTINGS = '/settings',
   // password settings path
   PAGE_PASSWORD_SETTINGS = '/settings/password',
+  // contact settings path
+  PAGE_CONTACT_SETTINGS = '/settings/contact',
   // error page path
   ERROR_PAGE = '/exception',
   // error log page path
diff --git a/frontend/vben/src/locales/lang/zh-CN/routes/settings.ts b/frontend/vben/src/locales/lang/zh-CN/routes/settings.ts
index 432cd08..8ad3dec 100644
--- a/frontend/vben/src/locales/lang/zh-CN/routes/settings.ts
+++ b/frontend/vben/src/locales/lang/zh-CN/routes/settings.ts
@@ -1,4 +1,5 @@
 export default {
   name: '个人设置',
   password: '修改密码',
+  contact: '修改联系方式',
 }
diff --git a/frontend/vben/src/router/routes/modules/settings.ts b/frontend/vben/src/router/routes/modules/settings.ts
index f4e5dba..85603bb 100644
--- a/frontend/vben/src/router/routes/modules/settings.ts
+++ b/frontend/vben/src/router/routes/modules/settings.ts
@@ -35,6 +35,16 @@ const settings: AppRouteModule = {
         hideMenu: true,
       },
     },
+    {
+      path: 'contact',
+      name: 'ContactSettingsPage',
+      component: () => import('/@/views/page/settings/contact/index.vue'),
+      meta: {
+        title: t('routes.settings.contact'),
+        icon: 'ion:md-contact',
+        hideMenu: true,
+      },
+    },
   ],
 }
 
diff --git a/frontend/vben/src/views/page/settings/SecureSetting.vue b/frontend/vben/src/views/page/settings/SecureSetting.vue
index 5176f4f..30ddbb1 100644
--- a/frontend/vben/src/views/page/settings/SecureSetting.vue
+++ b/frontend/vben/src/views/page/settings/SecureSetting.vue
@@ -50,6 +50,9 @@
             title: '联系方式',
             description: '已记录的联系方式: ' + contact,
             extra: '修改',
+            click: () => {
+              go(PageEnum.PAGE_CONTACT_SETTINGS)
+            },
           },
         ],
       }
diff --git a/frontend/vben/src/views/page/settings/contact/contact.data.ts b/frontend/vben/src/views/page/settings/contact/contact.data.ts
new file mode 100644
index 0000000..3b4aabd
--- /dev/null
+++ b/frontend/vben/src/views/page/settings/contact/contact.data.ts
@@ -0,0 +1,16 @@
+import { FormSchema } from '/@/components/Form'
+
+export const formSchema: FormSchema[] = [
+  {
+    field: 'contactOld',
+    label: '当前联系方式',
+    component: 'Input',
+    required: true,
+  },
+  {
+    field: 'contactNew',
+    label: '新联系方式',
+    component: 'Input',
+    required: true,
+  },
+]
diff --git a/frontend/vben/src/views/page/settings/contact/index.vue b/frontend/vben/src/views/page/settings/contact/index.vue
index 301c8ad..586c510 100644
--- a/frontend/vben/src/views/page/settings/contact/index.vue
+++ b/frontend/vben/src/views/page/settings/contact/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <PageWrapper title="修改当前联系方式" content="修改成功后会自动退出当前登录！">
+  <PageWrapper title="修改当前联系方式" content="修改成功后会通知课程组长！">
     <div class="py-8 bg-white flex flex-col justify-center items-center">
       <BasicForm @register="register" />
       <div class="flex justify-center">
@@ -14,7 +14,7 @@
   import { PageWrapper } from '/@/components/Page'
   import { BasicForm, useForm } from '/@/components/Form'
 
-  import { formSchema } from './pwd.data'
+  import { formSchema } from './contact.data'
   export default defineComponent({
     name: 'ChangeContact',
     components: { BasicForm, PageWrapper },
@@ -30,10 +30,10 @@
       async function handleSubmit() {
         try {
           const values = await validate()
-          const { passwordOld, passwordNew } = values
+          const { contactOld, contactNew } = values
 
           // TODO custom api
-          console.log(passwordOld, passwordNew)
+          console.log(contactOld, contactNew)
           // const { router } = useRouter()
           // router.push(pageEnum.BASE_LOGIN)
         } catch (error) {}
diff --git a/frontend/vben/src/views/page/settings/contact/pwd.data.ts b/frontend/vben/src/views/page/settings/contact/pwd.data.ts
deleted file mode 100644
index fba4f44..0000000
--- a/frontend/vben/src/views/page/settings/contact/pwd.data.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { FormSchema } from '/@/components/Form'
-
-export const formSchema: FormSchema[] = [
-  {
-    field: 'passwordOld',
-    label: '当前密码',
-    component: 'InputPassword',
-    required: true,
-  },
-  {
-    field: 'passwordNew',
-    label: '新密码',
-    component: 'StrengthMeter',
-    componentProps: {
-      placeholder: '新密码',
-    },
-    rules: [
-      {
-        required: true,
-        message: '请输入新密码',
-      },
-    ],
-  },
-  {
-    field: 'confirmPassword',
-    label: '确认密码',
-    component: 'InputPassword',
-
-    dynamicRules: ({ values }) => {
-      return [
-        {
-          required: true,
-          validator: (_, value) => {
-            if (!value) {
-              return Promise.reject('密码不能为空')
-            }
-            if (value !== values.passwordNew) {
-              return Promise.reject('两次输入的密码不一致!')
-            }
-            return Promise.resolve()
-          },
-        },
-      ]
-    },
-  },
-]