feat: 个人设置增加商业号身份、邮箱地址、个人 WhatsApp

.prettierrc

@@ -4,5 +4,14 @@
   "printWidth": 80,
   "tabWidth": 2,
   "useTabs": false,
-  "semi": false
+  "semi": false,
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": true,
+  "bracketSpacing": true,
+  "jsxBracketSameLine": true,
+  "arrowParens": "always",
+  "requirePragma": false,
+  "insertPragma": false,
+  "proseWrap": "preserve",
+  "htmlWhitespaceSensitivity": "ignore",
 }

src/views/accounts/Profile.jsx

@@ -1,15 +1,23 @@
 import { useEffect } from 'react'
 import {
-  Row, Col, Space, Descriptions, Avatar, Tag, FloatButton, App
+  Row,
+  Col,
+  Space,
+  Descriptions,
+  Avatar,
+  Tag,
+  Divider,
+  List,
+  Result,
+  Button,
+  Image,
+  Select,
 } from 'antd'
-import { UserOutlined, BugOutlined } from '@ant-design/icons'
+import { UserOutlined, SmileOutlined } from '@ant-design/icons'
 import useAuthStore from '@/stores/AuthStore'
 
 function Profile() {
-
-  const { message } = App.useApp()
   const loginUser = useAuthStore((state) => state.loginUser)
-  const copyUserSession = useAuthStore((state) => state.copyUserSession)
 
   useEffect(() => {
     // 测试错误捕获：
@@ -17,24 +25,111 @@ function Profile() {
   }, [])
 
   return (
+    <>
       <Row>
         <Col span={12} offset={6}>
-        <FloatButton icon={<BugOutlined />} onClick={() => {
-          message.success('复制成功，请粘贴给开发人员，谢谢😀')
-          copyUserSession()
-        }} />
           <Descriptions title='个人资料' layout='vertical' column={2}>
-          <Descriptions.Item label='名字'><Space size='middle'><Avatar src={loginUser.avatarUrl}>{loginUser.username.substring(1)}</Avatar>{loginUser.username}</Space></Descriptions.Item>
+            <Descriptions.Item label='名字'>
+              <Space size='middle'>
+                <Avatar src={loginUser.avatarUrl}>
+                  {loginUser.username.substring(1)}
+                </Avatar>
+                {loginUser.username}
+              </Space>
+            </Descriptions.Item>
             <Descriptions.Item label='HT 账号'>
-          {loginUser.accountList?.map(a => { return (
-            <Tag key={a.OPI_Code} icon={<UserOutlined />} bordered={false}>{a.OPI_Code}</Tag>
-          )})}
+              {loginUser.accountList?.map((a) => {
+                return (
+                  <Tag
+                    key={a.OPI_Code}
+                    icon={<UserOutlined />}
+                    bordered={false}>
+                    {a.OPI_Code}
+                  </Tag>
+                )
+              })}
+            </Descriptions.Item>
+            <Descriptions.Item label='手机'>
+              {loginUser.mobile}
+            </Descriptions.Item>
+
+            <Descriptions.Item label='商业号身份'>
+            <Space>
+              <Select
+                defaultValue='jack'
+                style={{
+                  width: 200,
+                }}
+                options={[
+                  {
+                    value: 'jack',
+                    label: 'GH 顾问(18741256987)',
+                  },
+                  {
+                    value: 'lucy',
+                    label: 'GH 客服(13845214785)',
+                  },
+                  {
+                    value: 'Yiminghe',
+                    label: 'GH 客运(191477856351)',
+                  },
+                  {
+                    value: 'disabled',
+                    label: '国际事业部(无)',
+                    disabled: true,
+                  },
+                  {
+                    value: 'disabled',
+                    label: 'CT 事业部(无)',
+                    disabled: true,
+                  },
+                  {
+                    value: 'disabled',
+                    label: '花梨鹰事业部(无)',
+                    disabled: true,
+                  },
+                ]}
+              />
+              <Button type="primary">切换</Button>
+              </Space>
             </Descriptions.Item>
-          <Descriptions.Item label='手机'>{loginUser.mobile}</Descriptions.Item>
-          <Descriptions.Item label='邮件'>{loginUser.email}</Descriptions.Item>
           </Descriptions>
         </Col>
       </Row>
+      <Divider orientation='left'></Divider>
+      <Row>
+        <Col span={6} offset={6}>
+          {/* {loginUser.email} */}
+          <List
+            header={<div>邮箱</div>}
+            dataSource={[
+              loginUser.email,
+              'christyluo@chinahighlights.com',
+              'christyluo@chinahighlights.net',
+              'christyluo@asiahighlights.com',
+              'christyluo@asiahighlights.net',
+              'christyluo@globalhighlights.com',
+              'christyluo@globalhighlights.net',
+              'christyluo@163.com',
+            ]}
+            renderItem={(item) => <List.Item>{item}</List.Item>}
+          />
+        </Col>
+        <Col span={6}>
+          <Result
+            icon={
+              <Image
+                preview={false}
+                width={200}
+                src='https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'
+              />
+            }
+            title='登录成功'
+            extra={<Button type='primary'>退出账号</Button>}
+          />
+        </Col>
+      </Row>
+    </>
   )
 }
 

src/views/dingding/Login.jsx

@@ -33,7 +33,7 @@ function Login() {
       fail: (error) => {
         setErrorMsg(JSON.stringify(error))
       },
-      complete: () => {}
+      complete: () => {},
     })
   }