chore: update center page

vben
1 parent 661db0c7
Showing 7 changed files with 35 additions and 46 deletions
mock/demo/account.ts
src/api/demo/account.ts
src/views/demo/page/account/center/Application.vue
src/views/demo/page/account/center/Project.vue
src/views/demo/page/account/center/data.tsx
src/views/demo/page/account/center/index.vue
src/views/demo/page/account/setting/AccountBind.vue
@@ -8,7 +8,7 @@ const userInfo = {
   signature: '海纳百川，有容乃大',
   introduction: '微笑着，努力着，欣赏着',
   title: '交互专家',
-  group: '蚂蚁集团－某某某事业群－某某平台部－某某技术部－UED',
+  group: '蚂蚁集团11－某某某事业群－某某平台部－某某技术部－UED',
   tags: [
     {
       key: '0',
@@ -38,16 +38,8 @@ const userInfo = {
   notifyCount: 12,
   unreadCount: 11,
   country: 'China',
-  province: {
-    label: '浙江省',
-    value: '330000',
-  },
-  city: {
-    label: '杭州市',
-    value: '330100',
-  },
-  address: '西湖区工专路 77 号',
-  phone: '0752-268888888',
+  address: '厦门市 77 号',
+  phone: '0592-268888888',
 };
  
 export default [
@@ -3,14 +3,12 @@ import { GetAccountInfoModel } from &#39;./model/accountModel&#39;;
  
 enum Api {
   ACCOUNT_INFO = '/account/getAccountInfo',
-  SECURE_LIST = '/account/getSecureList',
 }
  
 // 获取个人中心--基础设置内容
-export function accountInfoApi(params: any) {
+export function accountInfoApi() {
   return defHttp.request<GetAccountInfoModel>({
     url: Api.ACCOUNT_INFO,
     method: 'GET',
-    params,
   });
 }
 <template>
   <List :class="prefixCls">
-    <Row :gutter="16">
+    <a-row :gutter="16">
       <template v-for="(item, index) in list" :key="index">
-        <Col :span="6">
+        <a-col :span="6">
           <ListItem>
             <Card :hoverable="true" :class="`${prefixCls}__card`">
               <div :class="`${prefixCls}__card-title`">
@@ -22,9 +22,9 @@
               />
             </Card>
           </ListItem>
-        </Col>
+        </a-col>
       </template>
-    </Row>
+    </a-row>
   </List>
 </template>
 <script lang="ts">
 <template>
   <List :class="prefixCls">
-    <Row :gutter="16">
+    <a-row :gutter="16">
       <template v-for="(item, index) in list" :key="index">
-        <Col :span="6">
+        <a-col :span="6">
           <ListItem>
             <Card :hoverable="true" :class="`${prefixCls}__card`">
               <img :src="demoImg" />
@@ -12,9 +12,9 @@
               <div :class="`${prefixCls}__card-content`"> {{ item.content }}</div>
             </Card>
           </ListItem>
-        </Col>
+        </a-col>
       </template>
-    </Row>
+    </a-row>
   </List>
 </template>
 <script lang="ts">
@@ -60,7 +60,7 @@ export const details: ListItem[] = [
   },
   {
     icon: 'ant-design:cluster-outlined',
-    title: '蚂蚁金服－某某某事业群',
+    title: '某某某事业群',
   },
   {
     icon: 'ant-design:home-outlined',
@@ -96,10 +96,9 @@ export const articleList = (() =&gt; {
   const result: any[] = [];
   for (let i = 0; i < 4; i++) {
     result.push({
-      title: 'Ant Design',
-      description: ['Ant Design', '设计语言', '蚂蚁金服'],
-      content:
-        '段落示意：蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案',
+      title: 'Vben Admin',
+      description: ['Vben', '设计语言', 'Typescript'],
+      content: '基于Vue Next, TypeScript, Ant Design实现的一套完整的企业级后台管理系统。',
       time: '2020-11-14 11:20',
     });
   }
@@ -110,9 +109,9 @@ export const applicationList = (() =&gt; {
   const result: any[] = [];
   for (let i = 0; i < 8; i++) {
     result.push({
-      title: 'Ant Design',
+      title: 'Vben Admin',
       icon: 'emojione-monotone:letter-a',
-      color: '#7c51b8',
+      color: '#1890ff',
       active: '100',
       new: '1,799',
       download: 'bx:bx-download',
 <template>
   <div :class="prefixCls">
-    <Row :class="`${prefixCls}-top`">
-      <Col :span="9" :class="`${prefixCls}-col`">
-        <Row>
-          <Col :span="8">
+    <a-row :class="`${prefixCls}-top`">
+      <a-col :span="9" :class="`${prefixCls}-col`">
+        <a-row>
+          <a-col :span="8">
             <div :class="`${prefixCls}-top__avatar`">
               <img width="70" :src="headerImg" />
               <span>Serati Ma</span>
               <div>海纳百川，有容乃大</div>
             </div>
-          </Col>
-          <Col :span="16">
+          </a-col>
+          <a-col :span="16">
             <div :class="`${prefixCls}-top__detail`">
               <template v-for="(detail, index) in details" :key="index">
                 <p>
@@ -19,25 +19,25 @@
                 </p>
               </template>
             </div>
-          </Col>
-        </Row>
-      </Col>
-      <Col :span="7" :class="`${prefixCls}-col`">
+          </a-col>
+        </a-row>
+      </a-col>
+      <a-col :span="7" :class="`${prefixCls}-col`">
         <CollapseContainer title="标签" :canExpan="false">
           <template v-for="(tag, index) in tags" :key="index">
             <Tag class="mb-2">{{ tag }}</Tag>
           </template>
         </CollapseContainer>
-      </Col>
-      <Col :span="8" :class="`${prefixCls}-col`">
+      </a-col>
+      <a-col :span="8" :class="`${prefixCls}-col`">
         <CollapseContainer :class="`${prefixCls}-top__team`" title="团队" :canExpan="false">
           <div v-for="(team, index) in teams" :key="index" :class="`${prefixCls}-top__team-item`">
             <Icon :icon="team.icon" :color="team.color" />
             <span>{{ team.title }}</span>
           </div>
         </CollapseContainer>
-      </Col>
-    </Row>
+      </a-col>
+    </a-row>
     <div :class="`${prefixCls}-bottom`">
       <Tabs>
         <template v-for="item in achieveList" :key="item.key">
@@ -9,7 +9,9 @@
             </template>
             <template #title>
               {{ item.title }}
-              <div v-if="item.extra" class="extra"> {{ item.extra }} </div>
+              <a-button type="link" size="small" v-if="item.extra" class="extra">
+                {{ item.extra }}
+              </a-button>
             </template>
             <template #description>
               <div>{{ item.description }} </div>
@@ -52,8 +54,6 @@
     float: right;
     margin-top: 10px;
     margin-right: 30px;
-    font-weight: normal;
-    color: #1890ff;
     cursor: pointer;
   }
 </style>