From f93a5719f77508aae2eb45eaa7e68bd447d607e2 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 28 二月 2024 09:39:09 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/pages/account/setting/components/security.jsx |  111 ++++++++++++++++++++++++++++++-------------------------
 1 files changed, 61 insertions(+), 50 deletions(-)

diff --git a/zy-asrs-flow/src/pages/account/setting/components/security.jsx b/zy-asrs-flow/src/pages/account/setting/components/security.jsx
index 62663fa..0794cb0 100644
--- a/zy-asrs-flow/src/pages/account/setting/components/security.jsx
+++ b/zy-asrs-flow/src/pages/account/setting/components/security.jsx
@@ -1,59 +1,70 @@
-import { List } from 'antd';
+import { Card, Form, message } from 'antd';
 import React from 'react';
-
-
-const passwordStrength = {
-  strong: <span className="strong">寮�</span>,
-  medium: <span className="medium">涓�</span>,
-  weak: <span className="weak">寮� Weak</span>,
-};
+import {
+  ProForm,
+  ProFormText
+} from '@ant-design/pro-components';
+import { useModel } from '@umijs/max';
+import Http from '@/utils/http';
 
 const SecurityView = () => {
-  const getData = () => [
-    {
-      title: '璐︽埛瀵嗙爜',
-      description: (
-        <>
-          褰撳墠瀵嗙爜寮哄害锛�
-          {passwordStrength.strong}
-        </>
-      ),
-      actions: [<a key="Modify">淇敼</a>],
-    },
-    {
-      title: '瀵嗕繚鎵嬫満',
-      description: `宸茬粦瀹氭墜鏈猴細138****8293`,
-      actions: [<a key="Modify">淇敼</a>],
-    },
-    {
-      title: '瀵嗕繚闂',
-      description: '鏈缃瘑淇濋棶棰橈紝瀵嗕繚闂鍙湁鏁堜繚鎶よ处鎴峰畨鍏�',
-      actions: [<a key="Set">璁剧疆</a>],
-    },
-    {
-      title: '澶囩敤閭',
-      description: `宸茬粦瀹氶偖绠憋細ant***sign.com`,
-      actions: [<a key="Modify">淇敼</a>],
-    },
-    {
-      title: 'MFA 璁惧',
-      description: '鏈粦瀹� MFA 璁惧锛岀粦瀹氬悗锛屽彲浠ヨ繘琛屼簩娆$‘璁�',
-      actions: [<a key="bind">缁戝畾</a>],
-    },
-  ];
+  const [form] = Form.useForm();
+  const { initialState } = useModel('@@initialState');
+  const { currentUser } = initialState || {};
 
-  const data = getData();
+  const handleFinish = (values) => {
+    console.log(values);
+  }
+
   return (
     <>
-      <List
-        itemLayout="horizontal"
-        dataSource={data}
-        renderItem={(item) => (
-          <List.Item actions={item.actions}>
-            <List.Item.Meta title={item.title} description={item.description} />
-          </List.Item>
-        )}
-      />
+      <Card>
+        <ProForm
+          form={form}
+          layout="vertical"
+          onFinish={handleFinish}
+          submitter={{
+            searchConfig: {
+              submitText: '淇敼瀵嗙爜',
+            },
+            render: (_, dom) => dom[1],
+          }}
+        >
+          <ProFormText.Password
+            width="md"
+            name="currentPwd"
+            label="褰撳墠瀵嗙爜"
+            rules={[
+              {
+                required: true,
+                message: '璇疯緭鍏ュ綋鍓嶅瘑鐮�!',
+              },
+            ]}
+          />
+          <ProFormText.Password
+            width="md"
+            name="newPwd"
+            label="鏂板瘑鐮�"
+            rules={[
+              {
+                required: true,
+                message: '璇疯緭鍏ユ柊瀵嗙爜!',
+              },
+            ]}
+          />
+          <ProFormText.Password
+            width="md"
+            name="newPwdRepeat"
+            label="纭瀵嗙爜"
+            rules={[
+              {
+                required: true,
+                message: '璇峰啀娆¤緭鍏ユ柊瀵嗙爜!',
+              },
+            ]}
+          />
+        </ProForm>
+      </Card>
     </>
   );
 };

--
Gitblit v1.9.1