优化

src/views/sunVillage_info/index_code_rights.vue

@@ -8,13 +8,14 @@
               <div class="address">{{bookName}}</div>
 
             </div>
-            <div class="exit_btn" @click="$router.push({name:'sunVillageInfoIndexCode',query:{deptId:deptId,bookId:bookId}})">
+            <div class="exit_btn" @click="goOut">
+                <p>{{userName}}</p>
                 <i class="icon"></i>
             </div>
         </div>
         <div class="index_info">
             <div class="title"></div>
-            <div class="nav_box">
+            <div class="nav_box" style="margin-top: 6vh;">
               <p class="nav_tit">公开公示</p>
               <div class="nav_list">
                 <router-link :to="{name:'sunVillageInfoListFinance',query:{type:'code'}}" class="nav_item n_1">财务公开榜</router-link>
@@ -22,7 +23,7 @@
                 <router-link :to="{name:'sunVillageInfoListIssues',query:{type:'code'}}" class="nav_item n_3">重大事项</router-link>
               </div>
             </div>
-            <div class="nav_box">
+            <div class="nav_box" style="margin-top: 3vh;">
               <p class="nav_tit">我的权利</p>
               <div class="nav_list">
                 <router-link :to="{name:'sunVillageInfoListVote',query:{type:'code'}}" class="nav_item n_4">投票表决</router-link>
@@ -65,6 +66,7 @@
         bookId:"",
         deptId:"",
         book:"",
+        userName:"",
       };
     },
     created() {
@@ -76,10 +78,19 @@
           this.bookName = res.data.bookName;
         }
       });
+      if(Cookies.get('user')){
+        this.userName = JSON.parse(Cookies.get('user')).memberName
+      }
     },
     methods: {
       goCode(){
         this.$router.push({path:'/sunVillage_info/login_code'})
+      },
+      goOut(){
+        // Cookies.remove("memberName");
+        // Cookies.remove("idcard");
+        Cookies.remove("user");
+        this.$router.push({name:'sunVillageInfoIndexCode',query:{deptId:this.deptId,bookId:this.bookId}})
       }
     },
   }
@@ -128,10 +139,16 @@
                     margin-right: 10px;
                 }
             }
+          .user{
+            .icon{
+              width: 32px;
+              height: 32px;
+              background: url('../../assets/images/sunVillage_info/user_icon.png') no-repeat!important;
+              background-size: 100% 100%;
+            }
+          }
         }
         .exit_btn{
-            width: 61px;
-            height: 61px;
             border-radius: 50%;
             display: flex;
             align-items: center;
@@ -139,11 +156,23 @@
             position: absolute;
             top: 64px;
             right: 36px;
+            p{
+              background: #3f3d56;
+              color: #ffffff;
+              padding: 3PX 15PX;
+              position: relative;
+              right: -6PX;
+              border-top-left-radius: 20PX;
+              border-bottom-left-radius: 20PX;
+              box-shadow: -3PX 2PX 4PX rgba(0,0,0,0.3);
+            }
             .icon{
-                width: 100%;
-                height: 100%;
+                width: 61px;
+                height: 61px;
                 background: url('../../assets/images/sunVillage_info/login_head_h_rights.png') no-repeat;
                 background-size: 100% 100%;
+                box-shadow: -3PX 2PX 4PX rgba(0,0,0,0.3);
+                border-radius: 100%;
             }
         }
     }
@@ -160,7 +189,6 @@
           margin: 0 auto;
           width: calc(100% - 60px);
           background: #ffffff;
-          margin-top: 6vh;
           padding: 30px 30px 40px;
           border-radius: 15PX;
           box-shadow: 0px 2px 10px #cccccc;
@@ -172,15 +200,16 @@
           .nav_list{
             display: flex;
             flex-flow: wrap;
-            justify-content: space-between;
+            /*justify-content: space-between;*/
             .nav_item{
-              font-size: 30px;
+              font-size: 24px;
               color: #333333;
               text-align: center;
               display: flex;
               align-items: center;
               justify-content: center;
               padding-top: 40PX;
+              width: 25%;
               &:nth-child(3){
                 margin-right: 0;
               }

src/views/sunVillage_info/list_finance.vue

@@ -15,6 +15,8 @@
                 <div :class="{'flex_block':true , 'current':queryParams.year == '2022'}" @click="tabClick('2022')">2022</div>
                 <div :class="{'flex_block':true , 'current':queryParams.year == '2021'}" @click="tabClick('2021')">2021</div>
                 <div :class="{'flex_block':true , 'current':queryParams.year == '2020'}" @click="tabClick('2020')">2020</div>
+                <div :class="{'flex_block':true , 'current':queryParams.year == '2019'}" @click="tabClick('2019')">2019</div>
+                <div :class="{'flex_block':true , 'current':queryParams.year == '2018'}" @click="tabClick('2018')">2018</div>
             </div>
         </div>
         <div class="list_main">

src/views/sunVillage_info/list_issues.vue

@@ -15,6 +15,8 @@
         <div :class="{'flex_block':true , 'current':queryParams.year == '2022'}" @click="tabClick('2022')">2022</div>
         <div :class="{'flex_block':true , 'current':queryParams.year == '2021'}" @click="tabClick('2021')">2021</div>
         <div :class="{'flex_block':true , 'current':queryParams.year == '2020'}" @click="tabClick('2020')">2020</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2019'}" @click="tabClick('2019')">2019</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2018'}" @click="tabClick('2018')">2018</div>
       </div>
     </div>
     <div class="list_main">

src/views/sunVillage_info/list_tourists.vue

@@ -15,6 +15,8 @@
         <div :class="{'flex_block':true , 'current':queryParams.year == '2022'}" @click="tabClick('2022')">2022</div>
         <div :class="{'flex_block':true , 'current':queryParams.year == '2021'}" @click="tabClick('2021')">2021</div>
         <div :class="{'flex_block':true , 'current':queryParams.year == '2020'}" @click="tabClick('2020')">2020</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2019'}" @click="tabClick('2019')">2019</div>
+        <div :class="{'flex_block':true , 'current':queryParams.year == '2018'}" @click="tabClick('2018')">2018</div>
       </div>
     </div>
     <div class="list_main">