From 0edc53c6507ea1d9de877cdd83a5fc62c00042b5 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Tue, 1 Mar 2022 14:22:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=E6=A0=B9?=
 =?UTF-8?q?=E6=8D=AE=E5=AD=A6=E7=94=9F=E7=AB=AF=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/info1.png         | Bin 306 -> 201 bytes
 src/pages/setting/list/index.vue |   6 -
 src/pages/setting/list/info.vue  | 234 ++++++++++++++-----------------
 src/router/routes.js             |  25 ++--
 src/styles/common.scss           |   2 +-
 5 files changed, 123 insertions(+), 144 deletions(-)

diff --git a/src/assets/img/info1.png b/src/assets/img/info1.png
index 2bf441ded91854e2114a992033cc7c438d06769d..6f9ed93d9ebaaa8f3546154eda34c2487b3c11fb 100644
GIT binary patch
literal 201
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjjKx9jP7LeL$-D$|nmt_{Lp;2b
zQx+H|EZO*z=kU#@UH|`k^6gV|>k&98>r%4ifgCgQ;Ygc(hA9aN0gR_7zihtA<J*&I
zp}XR@eQRT*;%p&qhr&jEJBNcjoLNS-4mB~8GY@9SJm7eAv4(+H;*jgn`nLZ(Jr$oA
xJ;Yepi|rOvx-Fi_dPKTA{As~Dqm?2q3=KYBlJ6H>;s-j1!PC{xWt~$(69BY$M+X1^

literal 306
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbK}RDe&2E0F$A8xU!<eJ{{-*^(f?
zV21j~o9<oF@{{>?;_%)|JLPAWcCA^xYI1*bRfGm-*+%2zK!sVJE{-7*mupXZiXArK
zV7Vx!WH`_GeC_{iH>Yot!~a=xHT-UIW&Xa@Mcu?_yF@i#<sQFd%2r|NO9~b&TUvEN
zXkOa48*JO9-}x>x{i107cF&feEm!8ZHzX~IvB=lg_{hq$#!AJk?P|5(XZf-e-rqkj
SN~r*CW$<+Mb6Mw<&;$UCuc$Ww

diff --git a/src/pages/setting/list/index.vue b/src/pages/setting/list/index.vue
index a4689fc..a9306e4 100644
--- a/src/pages/setting/list/index.vue
+++ b/src/pages/setting/list/index.vue
@@ -110,10 +110,4 @@ export default {
         flex: 1;
     }
 }
-@media (max-width: 1750px) {
-    .wrap {
-        min-width: 1500px;
-        padding: 12px 100px 20px;
-    }
-}
 </style>
\ No newline at end of file
diff --git a/src/pages/setting/list/info.vue b/src/pages/setting/list/info.vue
index 225d71f..5cdb38b 100644
--- a/src/pages/setting/list/info.vue
+++ b/src/pages/setting/list/info.vue
@@ -1,9 +1,5 @@
 <template>
         <div>
-            <div class="topBack">
-                <div class="back" @click="goBack"><i class="el-icon-arrow-left"></i>返回</div>
-            </div>
-
             <div class="scroll">
                 <div class="page">
                     <h6 class="l-title"><img src="@/assets/img/info1.png" alt=""> 用户信息</h6>
@@ -86,7 +82,7 @@
                             </div>
                         </ul>
                     </div>
-                    <div class="flex j-between a-center m-r-20">
+                    <div class="flex j-between a-center" style="width: 862px">
                         <h6 class="l-title"><img src="@/assets/img/info2.png" alt=""> 个人档案</h6>
                         <el-button type="text" icon="el-icon-plus" style="margin-left: 16px" @click="addArch">新增</el-button>
                     </div>
@@ -981,145 +977,127 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.topBack {
-    // position: absolute;
-    // top: 0;
-    // left: 0;
-    // right: 0;
-    background-color: #ffffff;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    box-sizing: border-box;
-    width: 100%;
-    height: 60px;
-    font-size: 16px;
-    color: #333;
-    .back {
-        cursor: pointer;
-        line-height: 60px;
-        height: 60px;
-        font-size: 16px;
-        font-weight: bold;
-        margin-left: 20px;
-        i {
-            color: #9278ff;
-            font-size: 20px;
-        }
-    }
+.scroll{
+    max-height: calc(100vh - 220px);
+    overflow: auto;
 }
-    .scroll{
-        height: calc(100vh - 202px);
-        overflow: auto;
+.page{
+    margin-bottom: 12px;
+    /deep/.el-input__inner{
+        border-color: #CACFDB;
     }
-    .page{
-        margin-bottom: 12px;
-        /deep/.el-input__inner{
-            border-color: #CACFDB;
-        }
-        .list{
-            .line{
-                display: flex;
-                margin-bottom: 24px;
-                &.info li:not(.selects){
-                    width: 30%;
-                    .el-input{
-                        flex: 1;
-                    }
-                    &:first-child{
-                        margin-right: 16%;
-                    }
-                }
-                &.imp li{
-                    width: calc(30% + 36px) !important;
-                }
-            }
-            li{
-                display: inline-flex;
-                align-items: center;
-                &>label{
-                    width: 100px;
-                    margin-right: 5px;
-                    text-align: right;
-                    font-size: 14px;
-                    color: #4c4c4c;
-                }
+    .list{
+        .line{
+            display: flex;
+            margin-bottom: 24px;
+            &.info li:not(.selects){
                 .el-input{
-                    width: 220px;
-                    .el-input__inner{
-                        border-color: #CACFDB;
-                    }
-                }
-                .el-select .el-input.is-disabled .el-input__inner{
-                    border-color: #ddd;
+                    flex: 1;
                 }
-                .val{
-                    margin-right: 15px;
-                    color: #606266;
-                    font-size: 14px;
-                }
-                .mul{
-                    display: inline-flex;
-                    .child{
-                        display: inline-flex;
-                        width: 132px;
-                        margin-right: 10px;
-                        &>span{
-                            margin-bottom: 5px;
-                            font-size: 14px;
-                            color: #575757;
-                        }
-                    }
+            }
+            &.imp li{
+                &:nth-child(odd) {
+                    width: 360px;
+                    margin-right: 64px;
                 }
             }
         }
-        .archives{
-            position: relative;
-            width: 862px;
-            padding: 16px 0;
-            margin-bottom: 6px;
-            border-radius: 4px;
-            background-color: #FAFAFA;
-            .del{
-                position: absolute;
-                top: 80px;
-                right: 19px;
-                cursor: pointer;
+        .el-input, .el-select{
+            width: 220px;
+            .el-input__inner{
+                border-color: #CACFDB;
             }
-            .line {
-                justify-content: space-between;
-            }
-            li{
-                margin-right: 60px;
+        }
+        li{
+            display: inline-flex;
+            align-items: center;
+            &>label{
+                width: 100px;
+                margin-right: 5px;
+                text-align: right;
+                font-size: 14px;
+                color: #4c4c4c;
+                white-space: nowrap;
             }
-            .el-select{
+            .el-select {
                 flex: 1;
             }
-        }
-        .fold{
-            margin-top: 20px;
-            text-align: center;
-            font-size: 12px;
-            color: #006EFF;
-            span{
-                cursor: pointer;
-                i{
-                    transition: .5s;
-                }
-                &.active i{
-                    transform: rotate(180deg);
+            .el-select .el-input.is-disabled .el-input__inner{
+                border-color: #ddd;
+            }
+            .val{
+                margin-right: 15px;
+                color: #606266;
+                font-size: 14px;
+            }
+            .mul{
+                display: inline-flex;
+                .child{
+                    display: inline-flex;
+                    width: 132px;
+                    margin-right: 10px;
+                    &>span{
+                        margin-bottom: 5px;
+                        font-size: 14px;
+                        color: #575757;
+                    }
                 }
             }
+            &:nth-child(odd) {
+                width: 325px;
+                margin-right: 100px;
+            }
         }
     }
-    .btns{
-        width: 100%;
-        padding: 12px 0;
+    .archives{
+        position: relative;
+        width: 862px;
+        padding: 16px 0;
+        margin-bottom: 6px;
+        border-radius: 4px;
+        background-color: #FAFAFA;
+        .del{
+            position: absolute;
+            top: 80px;
+            right: 19px;
+            cursor: pointer;
+        }
+    }
+    .fold{
+        margin-top: 20px;
         text-align: center;
-        background-color: #fff;
-        box-shadow: 0px 0px 10px 0px rgba(188, 201, 218, 0.4);
-        .el-button{
-            width: 80px;
+        font-size: 12px;
+        color: #006EFF;
+        span{
+            cursor: pointer;
+            i{
+                transition: .5s;
+            }
+            &.active i{
+                transform: rotate(180deg);
+            }
         }
     }
+}
+.btns{
+    width: 100%;
+    padding: 12px 0;
+    text-align: center;
+    background-color: #fff;
+    box-shadow: 0px 0px 10px 0px rgba(188, 201, 218, 0.4);
+    .el-button{
+        width: 80px;
+    }
+}
+    
+.l-title{
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+  font-size: 14px;
+  color: #333;
+  img{
+    margin-right: 5px;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/router/routes.js b/src/router/routes.js
index acd1ade..e484fa7 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -13,7 +13,22 @@ const frameIn = [
         meta: { title: "首页" },
         children: []
     },
-
+    {
+        path: "/setting",
+        name: "setting",
+        redirect: {
+            name: `/setting-person`
+        },
+        component: BasicLayout,
+        children: [
+            {
+                name: `setting-person`,
+                path: `person`,
+                component: () => import("@/pages/setting/list"),
+                meta: { title: "个人中心" }
+            }
+        ]
+    }
 ];
 
 /**
@@ -34,14 +49,6 @@ const frameOut = [
         path: "/redirect",
         name: "redirect",
         component: () => import("@/pages/account/redirect")
-    },
-    {
-        path: "/setting/person",
-        name: "person",
-        meta: {
-            title: "个人中心"
-        },
-        component: () => import("@/pages/setting/list")
     }
 ];
 
diff --git a/src/styles/common.scss b/src/styles/common.scss
index dc4652e..4038f14 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -17,7 +17,7 @@
 ::-webkit-scrollbar-thumb {
   width: 5px;
   border-radius: 6px;
-  background: rgba(146, 120, 255, .7);
+  background: #d7d7d7;
 }
 
 .flex-between {