user-center config

src/config/index.js

@@ -42,6 +42,7 @@ export const home_homeTabArr_left = [
   {label: "众测广场", name: "square", linkTo: '/square'},
   // {label: "众测技术", name: "technology", linkTo: 'technology'}
 ];
+
 //home_homeTabArr_right
 export const home_homeTabArr_right = [
   // {label: "找机构", name: "findInstitution", linkTo: '/agency/list/show'},
@@ -97,13 +98,13 @@ export const TECHNOLOGY_DISPLAY = {
 //square页配置(导航数据 + 组件展示)
 //square_searchTypeArr
 export const square_searchTabArr = [
-  { label: "项目", name: "project" },
-  { label: "任务", name: "task" }
+  {label: "项目", name: "project"},
+  {label: "任务", name: "task"}
 ];
 export const square_menuArr = [
-  { label: "首页", name: "squareHome" },
-  { label: "测试项目", name: "project" },
-  { label: "测试任务", name: "task" }
+  {label: "首页", name: "squareHome"},
+  {label: "测试项目", name: "project"},
+  {label: "测试任务", name: "task"}
 ];
 export const square_searchType = 'project';
 export const square_currTab = 'squareHome';
@@ -112,4 +113,19 @@ export const SQUARE_DISPLAY = {
   popular_task: true,
 }
 
+//user—center侧边目录配置
+//个人信息
+export const user_info = [
+  {label: '基本信息', linkTo: '/personal/mine'},
+  {label: '我的资质', linkTo: '/personal/qualification'},
+  {label: '我的银行卡', linkTo: '/personal/bankCard'}
+];
+//账号安全
+export const account_security = [
+  {label: '修改登录密码', linkTo: '/personal/modifyPsw'},
+  // {label:'手机绑定',linkTo:'/personal/phoneBinding'},
+  // {label:'邮箱绑定',linkTo:'/personal/mailBinding'},
+  {label: '身份认证', linkTo: '/personal/authentication'},
+]
+
 

src/pages/UserCenter/UserCenter.vue

@@ -7,18 +7,17 @@
             <div class="menu-block-title">
               <img src="../../assets/img/user-info.png">个人资料
             </div>
-            <div class="menu-item"><router-link to="/personal/mine">基本信息</router-link></div>
-            <div class="menu-item"><router-link to="/personal/qualification">我的资质</router-link></div>
-            <div class="menu-item"><router-link to="/personal/bankCard">我的银行卡</router-link></div>
+            <div class="menu-item" v-for="item in user_info">
+              <router-link :to="item.linkTo">{{item.label}}</router-link>
+            </div>
           </div>
           <div class="menu-block">
             <div class="menu-block-title">
               <img src="../../assets/img/count-security.png">账号安全
             </div>
-            <div class="menu-item"><router-link to="/personal/modifyPsw">修改登录密码</router-link></div>
-            <div class="menu-item"><router-link to="/personal/phoneBinding">手机绑定</router-link></div>
-            <div class="menu-item"><router-link to="/personal/mailBinding">邮箱绑定</router-link></div>
-            <div class="menu-item"><router-link to="/personal/authentication">身份认证</router-link></div>
+            <div class="menu-item" v-for="item in account_security">
+              <router-link :to="item.linkTo">{{item.label}}</router-link>
+            </div>
           </div>
 <!--          <div class="menu-block">-->
 <!--            <div class="menu-block-title">-->
@@ -38,7 +37,7 @@
 
 <script>
   import QualificationCard from './QualificationCard'
-
+  import {user_info,account_security} from '../../config/index'
   export default {
     name: "UserCenter",
     components: {
@@ -46,7 +45,8 @@
     },
     data() {
       return {
-
+        user_info,
+        account_security
       }
     }
   }