update:bug更新

FrontCode2/sunshine_levy/src/views/index.vue

@@ -5,7 +5,10 @@
         <div class="titleBox">
           被征收人信息查询
         </div>
-        <div @click="toOlderMode()" class="mode">进入老年模式</div>
+        <div v-if="mode == false" @click="toOlderMode()" class="mode">
+          进入老年模式
+        </div>
+        <div v-else @click="toOlderMode()" class="mode">退出老年模式</div>
       </div>
       <div class="baseInfo">
         <img src="@/assets/img/renyuanliebiao.png" />
@@ -164,7 +167,7 @@
     </div>
     <div class=" protocolBox">
       <div
-        :key="item.id"
+        :key="i"
         @click="pageJump(item.id)"
         class="protocolList"
         v-for="(item, i) in data.policiesRegulationsLists.list"
@@ -203,13 +206,18 @@ export default {
   name: "home",
   data() {
     return {
+      mode: false,
       data: {
         idCard: "加载中...",
         userName: "加载中...",
         policiesRegulationsLists: {
           totalCount: 0,
           list: [
-            { title: "无数据", publicTime: "无数据", area: "无数据" },
+            {
+              title: "宁波市房屋建设和建筑管理局办公室",
+              publicTime: "无数据",
+              area: "无数据"
+            },
             { title: "无数据", publicTime: "无数据", area: "无数据" },
             { title: "无数据", publicTime: "无数据", area: "无数据" }
           ]
@@ -278,12 +286,12 @@ export default {
   },
   created() {
     this.onInit();
-    console.log("this", this);
     this.setLocationAplus();
     SetTicket(this.$route.query.ticket);
     $(".logout").css("display", "none");
     if (sessionStorage.getItem("mode") == "older") {
       changeStyle();
+      this.mode = true;
     }
   },
   mounted() {
@@ -305,7 +313,6 @@ export default {
         appKey: "es4b8zmz+2001833218+dehllx",
         onSuccess: data => {
           console.log("首页数据", data);
-
           window.sessionStorage.setItem("homeData", JSON.stringify(data));
           if (data.data.success) {
             this.data = data.data.data;
@@ -349,14 +356,14 @@ export default {
     toOlderMode() {
       if (sessionStorage.getItem("mode") == "older") {
         sessionStorage.setItem("mode", "normal");
-        $(".mode").text("进入老年模式");
+        this.mode = false;
         $(".container").removeClass("old_container");
         $(".bottomContent").removeClass("old_bottomContent");
         $("#app").removeClass("old_app");
       } else {
         sessionStorage.setItem("mode", "older");
+        this.mode = true;
         changeStyle();
-        $(".mode").text("退出老年模式");
         $(".container").addClass("old_container");
       }
     },
@@ -606,9 +613,6 @@ export default {
     display: flex;
     align-items: center;
     height: 27px;
-    opacity: 0.82;
-
-    // background: #24bca3;
     > div {
       background: #24bca3;
       height: 27px;
@@ -653,21 +657,18 @@ export default {
         align-items: center;
         img {
           height: 22px;
-          padding: 0 10px;
+          padding: 0 7px;
         }
         :nth-child(2) {
           font-weight: 400;
           color: #b3b5b9;
-
           width: 106px;
         }
       }
-
       > :last-child {
         color: #363a44;
         width: 55%;
       }
-
       .blue {
         color: #3883f1;
       }
@@ -692,7 +693,7 @@ export default {
     }
   }
   .assessCenter1 {
-    margin: 25px 22px 22px;
+    margin: 25px 16px 22px;
     border-left: 2px solid #24bca3;
     font-weight: 400;
     > div {
@@ -705,8 +706,6 @@ export default {
         color: #b3b5b9;
       }
       :nth-child(2) {
-        overflow: hidden;
-        text-overflow: ellipsis;
         color: #363a44;
       }
     }
@@ -732,7 +731,7 @@ export default {
     }
   }
   .assessCenter2 {
-    margin: 25px 22px 22px;
+    margin: 25px 16px 22px;
     border-left: 2px solid #ff5959;
     font-weight: 400;
     > div {
@@ -745,8 +744,6 @@ export default {
         color: #b3b5b9;
       }
       :nth-child(2) {
-        overflow: hidden;
-        text-overflow: ellipsis;
         color: #363a44;
       }
     }
@@ -784,7 +781,7 @@ export default {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
-        width: 294px;
+        // width: 294px;
         font-family: PingFangSC-Regular, PingFang SC;
         color: #202020;
         padding-top: 20px;
@@ -907,16 +904,21 @@ export default {
     > div {
       > :nth-child(1) {
         font-size: 20px !important;
+        padding-top: 15px !important;
+        white-space: unset !important;
       }
       > :nth-child(2) {
         display: block !important;
-        padding-top: 10px !important;
+        padding: 15px 0 5px !important;
         span {
           font-size: 18px !important;
           display: block;
           height: unset !important;
           line-height: 25px !important;
         }
+        > span:nth-child(2) {
+          padding-top: 5px;
+        }
       }
     }
   }