页面修改

src/components/personalCenter.vue

@@ -102,10 +102,10 @@
 </template>
 
 <script>
-import personalIndex from './personalCenter/index'
-import dailyAnalysis from './visualization/dailyAnalysis'
-import personnelManagement from './activity/PersonnelManagement'
-export default {
+  import personalIndex from './personalCenter/index'
+  import dailyAnalysis from './visualization/dailyAnalysis'
+  import personnelManagement from './activity/PersonnelManagement'
+  export default {
     data() {
       return {
         CurrentUserInfo: {},
@@ -113,8 +113,8 @@ export default {
         zoomH: 1,
         NotDealCount: 0,
         MyAuditCount: 0,
-      boardIndex:0,
-      EditBtn:false,
+        boardIndex: 0,
+        EditBtn: false,
       };
     },
     components: {
@@ -138,13 +138,12 @@ export default {
           }
         });
       },
-    changeBoard(index){
-      this.boardIndex=index
+      changeBoard(index) {
+        this.boardIndex = index
       },
       getNotDealCount() {
         this.apipost(
-        "Financial_post_GetNotDealCount",
-        {},
+          "Financial_post_GetNotDealCount", {},
           r => {
             if (r.data.resultCode == 1) {
               this.NotDealCount = r.data.data;
@@ -155,8 +154,7 @@ export default {
       },
       myAuditCount() {
         this.apipost(
-        "app_user_workflow_MyAuditCount",
-        {},
+          "app_user_workflow_MyAuditCount", {},
           r => {
             if (r.data.resultCode == 1) {
               this.MyAuditCount = r.data.data;
@@ -171,21 +169,26 @@ export default {
         };
         query.tab = name;
         query.blank = "y";
-      this.$router.push({ path: url, query });
+        this.$router.push({
+          path: url,
+          query
+        });
       }
     }
-};
+  };
+
 </script>
 <style scoped>
-.personal {
+  .personal {
     width: 100%;
     height: 100%;
     overflow: hidden;
     /* background: #000; */
     background: #0a0919 url("../assets/img/persion/bg.png") 100% 100%;
     position: relative;
-}
-.personal .u-box {
+  }
+
+  .personal .u-box {
     width: 300px;
     position: absolute;
     background: #19133e6e;
@@ -193,8 +196,9 @@ export default {
     top: 0;
     bottom: 0;
     border: 1px solid #2c2739;
-}
-.personal .m-box {
+  }
+
+  .personal .m-box {
     position: absolute;
     left: 300px;
     top: 0;
@@ -203,19 +207,23 @@ export default {
     background: rgba(242, 243, 248, 1);
     overflow-y: auto;
     /* padding-bottom: 20px; */
-}
-.personal .m-box .personTable{
+  }
+
+  .personal .m-box .personTable {
     margin: 0px;
     width: 100%;
-}
-.personal .u-box .h-info-box {
+  }
+
+  .personal .u-box .h-info-box {
     margin: 15px;
     display: flex;
-}
-.personal .u-box .h-info-box .h-info {
+  }
+
+  .personal .u-box .h-info-box .h-info {
     flex: 1;
-}
-.personal .u-box .h-info-box .h-info .k {
+  }
+
+  .personal .u-box .h-info-box .h-info .k {
     color: #8a8894;
     height: 20px;
     line-height: 20px;
@@ -224,8 +232,9 @@ export default {
     text-align: right;
     display: block;
     margin-top: 10px;
-}
-.personal .u-box .h-info-box .h-info .v {
+  }
+
+  .personal .u-box .h-info-box .h-info .v {
     color: #ddd;
     height: 20;
     line-height: 20px;
@@ -234,9 +243,9 @@ export default {
     text-align: right;
     display: block;
     margin-top: 10px;
-}
+  }
 
-.personal .u-box .h-info-box .h-img {
+  .personal .u-box .h-info-box .h-img {
     width: 120px;
     height: 120px;
     border: 1px solid #2c2739;
@@ -248,80 +257,96 @@ export default {
     justify-content: center;
     margin-left: 20px;
     display: flex;
-}
-.personal .u-box .h-info-box .h-img img {
+  }
+
+  .personal .u-box .h-info-box .h-img img {
     width: 82px;
     height: 82px;
-}
-.personal .u-box .u-info {
+  }
+
+  .personal .u-box .u-info {
     margin: 50px 0 0 0;
     padding: 15px;
     background: rgba(25, 19, 62, 0.56);
-}
-.personal .u-box .u-info .item {
+  }
+
+  .personal .u-box .u-info .item {
     display: flex;
     margin-bottom: 15px;
     align-items: baseline;
-}
-.personal .u-box .u-info .item:last-child {
+  }
+
+  .personal .u-box .u-info .item:last-child {
     margin: 0px;
-}
-.personal .u-box .u-info .item .k {
+  }
+
+  .personal .u-box .u-info .item .k {
     color: #8a8894;
     font-size: 14px;
     font-family: "pingfangR";
     text-align: right;
     display: block;
     width: 100px;
-}
-.personal .u-box .u-info .item .v {
+  }
+
+  .personal .u-box .u-info .item .v {
     color: #bbb;
     font-size: 16px;
     font-family: "pingfangR";
     text-align: left;
     display: block;
     margin-left: 10px;
-}
-.personal .u-box .n-info {
+  }
+
+  .personal .u-box .n-info {
     margin: 20px 0;
     background: rgba(25, 19, 62, 0.56);
-}
-.personal .u-box .n-info .item {
+  }
+
+  .personal .u-box .n-info .item {
     align-items: center;
     display: flex;
     padding: 10px 20px;
     /* border-bottom: 1px solid #2c2739; */
     cursor: pointer;
-}
-.personal .u-box .n-info .item:last-child {
+  }
+
+  .personal .u-box .n-info .item:last-child {
     border: none;
-}
-.personal .u-box .n-info .item:hover {
+  }
+
+  .personal .u-box .n-info .item:hover {
     background: rgba(25, 19, 62, 0.8);
-}
-.personal .u-box .n-info .item:hover *:not(.tips) {
+  }
+
+  .personal .u-box .n-info .item:hover *:not(.tips) {
     color: #1e90ff !important;
-}
-.personal .u-box .n-info .item i {
+  }
+
+  .personal .u-box .n-info .item i {
     color: #bbb;
     font-size: 18px;
     width: 30px;
-}
-.personal .u-box .n-info .item .n-name {
+  }
+
+  .personal .u-box .n-info .item .n-name {
     flex: 1;
     color: #ddd;
     font-size: 14px;
     font-family: pingfangR;
-}
-.personal .u-box .n-info .item .fang {
+  }
+
+  .personal .u-box .n-info .item .fang {
     width: 80px;
     text-align: right;
     padding-right: 15px;
-}
-.personal .u-box .n-info .item .fang i {
+  }
+
+  .personal .u-box .n-info .item .fang i {
     font-size: 12px;
-}
-.personal .u-box .n-info .item .fang .tips {
+  }
+
+  .personal .u-box .n-info .item .fang .tips {
     min-width: 22px;
     height: 22px;
     padding: 5px;
@@ -336,9 +361,9 @@ export default {
     color: #ddd;
     word-break: keep-all;
     font-family: pingfangR;
-}
+  }
 
-.personal .left-point::after {
+  .personal .left-point::after {
     position: absolute;
     width: 9px;
     height: 9px;
@@ -347,8 +372,9 @@ export default {
     content: " ";
     border-left: 3px solid #8a8894;
     border-top: 3px solid #8a8894;
-}
-.personal .left-point::before {
+  }
+
+  .personal .left-point::before {
     position: absolute;
     width: 9px;
     height: 9px;
@@ -357,8 +383,9 @@ export default {
     content: " ";
     border-left: 3px solid #8a8894;
     border-bottom: 3px solid #8a8894;
-}
-.personal .right-point::after {
+  }
+
+  .personal .right-point::after {
     position: absolute;
     width: 9px;
     height: 9px;
@@ -367,8 +394,9 @@ export default {
     content: " ";
     border-right: 3px solid #8a8894;
     border-top: 3px solid #8a8894;
-}
-.personal .right-point::before {
+  }
+
+  .personal .right-point::before {
     position: absolute;
     width: 9px;
     height: 9px;
@@ -377,9 +405,9 @@ export default {
     content: " ";
     border-right: 3px solid #8a8894;
     border-bottom: 3px solid #8a8894;
-}
+  }
 
-.personal .left-point-samll::after {
+  .personal .left-point-samll::after {
     position: absolute;
     width: 5px;
     height: 5px;
@@ -388,8 +416,9 @@ export default {
     content: " ";
     border-left: 2px solid #8a8894;
     border-top: 2px solid #8a8894;
-}
-.personal .left-point-samll::before {
+  }
+
+  .personal .left-point-samll::before {
     position: absolute;
     width: 5px;
     height: 5px;
@@ -398,8 +427,9 @@ export default {
     content: " ";
     border-left: 2px solid #8a8894;
     border-bottom: 2px solid #8a8894;
-}
-.personal .right-point-samll::after {
+  }
+
+  .personal .right-point-samll::after {
     position: absolute;
     width: 5px;
     height: 5px;
@@ -408,8 +438,9 @@ export default {
     content: " ";
     border-right: 2px solid #8a8894;
     border-top: 2px solid #8a8894;
-}
-.personal .right-point-samll::before {
+  }
+
+  .personal .right-point-samll::before {
     position: absolute;
     width: 5px;
     height: 5px;
@@ -418,6 +449,6 @@ export default {
     content: " ";
     border-right: 2px solid #8a8894;
     border-bottom: 2px solid #8a8894;
-}
+  }
 
 </style>