调试ios白屏问题

FrontCode2/sunshine_levy/index.html

@@ -7,23 +7,28 @@
     content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" />
   <title>宁波房屋征收</title>
   <script>
-    function getQueryString(name) {
+    // function getQueryString(name) {
-      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
+    //   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
-      var r = window.location.search.substr(1).match(reg);
+    //   var r = window.location.search.substr(1).match(reg);
-      if (r != null) return unescape(r[2]); return null;
+    //   if (r != null) return unescape(r[2]); return null;
-    }
+    // }
-    //debugger
+    // console.log('1201-当前页面路径：' + location.href)
-    var ticket = getQueryString('ticket');
+    // var sp = getQueryString('sp');
-    console.log('1201-ticket' + ticket)
+    // var ticket = getQueryString('ticket');
-    if (ticket)
+    // if (sp)
-      window.sessionStorage.setItem('ticket', ticket)
+    //   location.href = (sp + '&ticket=' + ticket)
-    else {
+    // //debugger
-      if (window.sessionStorage.getItem('ticket') == null) {
+    // console.log('1201-url中ticket：' + ticket)
-        setTimeout(function () { window.close() }, 10);
+    // if (ticket)
-        //window.open('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs')
+    //   window.sessionStorage.setItem('ticket', ticket)
-        location.replace('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs')
+    // else {
-      }
+    //   if (!window.sessionStorage.getItem('ticket')) {
-    }
+    //     setTimeout(function () { window.close() }, 10);
+    //     //window.open('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs')
+    //     location.href = ('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs&goto=https://mapi.zjzwfw.gov.cn/web/mgop/gov-open/zj/2001833218/0.996/index.html?debug=true')
+    //   }
+    //   console.log('有ticket正常进入,' + window.sessionStorage.getItem('ticket'))
+    // }
   </script>
   <script type="text/javascript" src="https://d.alicdn.com/alilog/mlog/aplus.js?id=202951085"></script>
   <script type="text/javascript" src="//jssdk.yyhj.zjzwfw.gov.cn/jsbridge/v2.0.0/bridge.min.js"></script>

FrontCode2/sunshine_levy/src/App.vue

@@ -31,8 +31,8 @@
 
       <p>
         服务咨询热线：<b>
-          <a href="javascript:;" @click="callphone('0574-88086606')"
+          <a href="javascript:;" @click="callphone('0574-89180948')"
-            >0574-88086606</a
+            >0574-89180948</a
           ></b
         >
       </p>

FrontCode2/sunshine_levy/src/router/index.js

@@ -68,10 +68,16 @@ const router = new Router({
       component: () => import("../views")
     },
     {
-      path: "/aaa",
+      path: "/test",
       name: "test",
-      meta: { index: 9, title: "宁波房屋征收" },
+      meta: { index: 10, title: "宁波房屋征收" },
       component: () => import("../views/test")
+    },
+    {
+      path: "/final2",
+      name: "final2",
+      meta: { index: 11, title: "宁波房屋征收" },
+      component: () => import("../views/transit/final2")
     }
   ]
 });

FrontCode2/sunshine_levy/src/views/index.vue

@@ -223,16 +223,13 @@ export default {
         userName: "加载中...",
         policiesRegulationsLists: {
           totalCount: 0,
-          list: []
+          list: [],
-        }
+        },
-      }
+      },
     };
   },
   created() {
-    // var testdata =
+    console.log("1201-我是index的created的1");
-    //   '{"data":{ "success": true, "code": 200, "bizCode": null, "message": "请求成功", "data": { "userName": "周子俊", "idCard": "330226198811175590", "prjList": [ { "prjId": "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6", "area": "海曙区", "name": "测试项目1", "areaID": "90517084-d213-412d-9cbf-f82c7034aeed", "zsbm": "宁波市海曙区人民政府房屋征收办公室", "year": 2020.0, "zsjdh": "海政[2020]1号", "currentState": "补偿协议签订阶段", "createRecordTime": "2019/12/25 0:00:00", "fhpgList": [ { "id": "b5d9b892-f476-489d-8156-47d06b2dd9b6", "dcbId": "26f64339-1b43-4155-b442-872642ca3ed6", "prjId": "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6", "assessmentNo": "0005", "houseAddress": "测试房屋坐落地址2", "countValue": "1001300.00", "createTime": "2021/12/2 13:55:35", "createUserName": "周子俊", "type": "1" } ], "bcxyList": [ { "id": "b02f32b4-fa82-44c2-b407-614612c65534", "dcbId": "26f64339-1b43-4155-b442-872642ca3ed6", "prjId": "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6", "xyNo": "海政20201-0005-1", "houseAddress": "测试房屋坐落地址2", "summationShouldCompensateMoney": "11.00", "switchProductionWay": "货币补偿", "countValue": "1001300.00", "signTime": "2021/11/30 13:56:26", "type": "1" } ], "status": 2 } ],"policiesRegulationsLists":{"totalCount": 8,"list": [{"id": "eeb58add-13f8-4c5b-a905-3a242faae4bd","title": "宁波市国有土地上房屋征收补偿、补助、奖励规定","contents":"","publicTime": "2021-06-25","area": "全大市"}]}}, "extras": null, "timestamp": 1638429929492 }}';
-
-    // sessionStorage.setItem("homeData", testdata);
     if (!sessionStorage.getItem("homeData")) {
       this.onInit();
     } else {
@@ -248,18 +245,19 @@ export default {
     } else {
       $("#app").addClass("old_app3");
     }
+    console.log("1201-我是index的created的2");
   },
   beforeRouteLeave(to, from, next) {
     //debugger;
     if (from.name == "final" && to.name == "index") {
       ZWJSBridge.close()
-        .then(result => {
+        .then((result) => {
           console.log(
             "1201-index页面的close回调3--form-to:" + from.name + "->" + to.name
           );
           console.log(result);
         })
-        .catch(error => {
+        .catch((error) => {
           console.log(
             "1201-index页面的close回调异常4--form-to:" +
               from.name +
@@ -271,15 +269,18 @@ export default {
     } else next();
   },
   mounted() {
+    console.log("1201-我是index的mounted的3");
     if (sessionStorage.getItem("mode") == "older") {
       $(".container").addClass("old_container");
     }
 
     //this.setDisplay();
+    console.log("1201-我是index的mounted的4");
   },
   methods: {
     // 获取数据
     onInit() {
+      console.log("1201-我是index的onInit的5");
       mgop({
         api: "mgop.kykj.houseexpropriat.getprjlist",
         host: "https://mapi.zjzwfw.gov.cn/",
@@ -287,10 +288,11 @@ export default {
         type: "POST",
         data: {
           ticket:
-            this.$route.query.ticket || window.sessionStorage.getItem("ticket")
+            this.$route.query.ticket || window.sessionStorage.getItem("ticket"),
         },
         appKey: "es4b8zmz+2001833218+dehllx",
-        onSuccess: data => {
+        onSuccess: (data) => {
+          console.log("1201-我是index的onInit的6");
           this.loading = false;
 
           window.sessionStorage.setItem("homeData", JSON.stringify(data));
@@ -306,7 +308,7 @@ export default {
                 message: "登录超时，请重新登录",
                 duration: 3000,
                 type: "info",
-                center: true
+                center: true,
               });
               setTimeout(() => {
                 window.location.replace(
@@ -318,20 +320,20 @@ export default {
                 message: "请求出错",
                 duration: 3000,
                 type: "error",
-                center: true
+                center: true,
               });
             }
           }
         },
-        onFail: err => {
+        onFail: (err) => {
           this.loading = false;
           this.$notify({
             title: "错误",
             message: "请求失败",
             duration: 3000,
-            type: "error"
+            type: "error",
           });
-        }
+        },
       });
     },
     toOlderMode() {
@@ -361,8 +363,8 @@ export default {
       this.$router.push({
         name: "projectSelect",
         params: {
-          type: type
+          type: type,
-        }
+        },
       });
     },
     // 直接跳转分户评估结果页面
@@ -373,8 +375,8 @@ export default {
         name: "evaluatePage",
         params: {
           fhpgId: id,
-          type
+          type,
-        }
+        },
       });
     },
     // 直接跳转协议结果pdf
@@ -384,8 +386,8 @@ export default {
       this.$router.push({
         name: "reportAgreement",
         params: {
-          prjId: id
+          prjId: id,
-        }
+        },
       });
     },
     // 加载项目数统计信息
@@ -400,38 +402,38 @@ export default {
       $("#app").removeClass("old_app3");
       this.$router.push({
         name: "policyInfo",
-        params: { id }
+        params: { id },
       });
     },
     setZwUserAplus(Userid, userName) {
       // 设置用户信息埋点
       aplus_queue.push({
         action: "aplus.setMetaInfo",
-        arguments: ["_hold", "BLOCK"]
+        arguments: ["_hold", "BLOCK"],
       });
       aplus_queue.push({
         action: "aplus.setMetaInfo",
-        arguments: ["_user_nick", userName] // this.userInfoData.username],
+        arguments: ["_user_nick", userName], // this.userInfoData.username],
       });
       aplus_queue.push({
         action: "aplus.setMetaInfo",
-        arguments: ["_user_id", Userid]
+        arguments: ["_user_id", Userid],
       });
       aplus_queue.push({
         action: "aplus.setMetaInfo",
-        arguments: ["_hold", "START"]
+        arguments: ["_hold", "START"],
       });
     },
     setLocationAplus() {
       ZWJSBridge.onReady(() => {
         // console.log("初始化完成后，执行bridge方法");
         ZWJSBridge.getUserType()
-          .then(result1 => {
+          .then((result1) => {
             // console.log("getUserType():" + JSON.stringify(result1));
             // console.log("result1.userType:" + result1.userType);
             //经纬度
             ZWJSBridge.getLocation()
-              .then(result2 => {
+              .then((result2) => {
                 // console.log("getLocation():" + JSON.stringify(result2));
                 // console.log("result2.longitude:" + result2.longitude);
                 // console.log("result2.latitude:" + result2.latitude);
@@ -439,7 +441,7 @@ export default {
                   action: "aplus.sendPV",
                   arguments: [
                     {
-                      is_auto: false
+                      is_auto: false,
                     },
                     {
                       isMini: true,
@@ -447,16 +449,16 @@ export default {
                       miniAppName: "房屋征收",
                       long: result2.longitude,
                       lati: result2.latitude,
-                      userType: result1.userType
+                      userType: result1.userType,
-                    }
+                    },
-                  ]
+                  ],
                 });
               })
-              .catch(error => {
+              .catch((error) => {
                 // console.log(error);
               });
           })
-          .catch(error => {
+          .catch((error) => {
             // console.log(error);
           });
       });
@@ -465,7 +467,7 @@ export default {
       //this.$router.push("http://localhost:8080/#/");
       //扫一扫
       ZWJSBridge.scan({ type: "qrCode" })
-        .then(data => {
+        .then((data) => {
           // data =>{"text" : "扫描到的内容"}
           if (data.text.indexOf("http") > -1) {
             window.location.replace(data.text);
@@ -474,11 +476,11 @@ export default {
               message: data.text,
               duration: 3000,
               type: "info",
-              center: true
+              center: true,
             });
           }
         })
-        .catch(error => {
+        .catch((error) => {
           console.log(error);
         });
     },
@@ -573,8 +575,8 @@ export default {
           .find("i")
           .css("transform", "rotate(-45deg)");
       }
-    }
+    },
-  }
+  },
 };
 </script>
 
@@ -589,7 +591,7 @@ export default {
 }
 // 最上面盒子
 .topBox {
-  background: url(../assets/img/bg.png) no-repeat;
+  background: url(~@/assets/img/bg.png) no-repeat;
   background-size: 100% 96%;
   .olderVersion {
     display: flex;
@@ -676,7 +678,7 @@ export default {
   align-items: center;
   justify-content: space-between;
   height: 41px;
-  background: url(../assets/img/project_bg.png) no-repeat 0 -2px/101% 120%;
+  background: url(~@/assets/img/project_bg.png) no-repeat 0 -2px/101% 120%;
   position: relative;
   > :nth-child(1) {
     display: flex;
@@ -1009,7 +1011,7 @@ export default {
       height: 41px;
       padding: unset 0;
       width: 100%;
-      background: url(../assets/img/project_bg.png);
+      background: url(~@/assets/img/project_bg.png);
       background-position: 0 -2px;
       background-size: 100% 120%;
     }

FrontCode2/sunshine_levy/src/views/test.vue

@@ -1,9 +1,5 @@
 <template>
   <div class="container">
-    <!-- v-loading="loading" -->
-    <!-- element-loading-text="页面加载中"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background="#c9c0c0" -->
     <div class="topBox">
       <div class="olderVersion">
         <div class="titleBox">被征收人信息查询</div>
@@ -51,7 +47,7 @@
           </div>
           <span class="projectTitle">{{ item.name }}<i> </i></span>
 
-          <div class="absolute0"></div>
+          <div class="absolute0" v-on:click="absolute0_click($event)"></div>
         </div>
         <!-- 补偿协议图标 -->
         <div class="projectRight">
@@ -60,8 +56,7 @@
           </div>
           <span>{{ item.currentState }}</span>
         </div>
-
+        <div class="absolute" v-on:click="absolute_click($event)"></div>
-        <div class="absolute"></div>
       </div>
       <div class="projectCenter">
         <!-- 项目内容 -->
@@ -100,8 +95,7 @@
           <van-image :src="require('@/assets/img/assess_1.png')" />
           <span>分户评估报告</span>
           <i></i>
-
+          <div class="absolute1" v-on:click="absolute1_click($event)"></div>
-          <div class="absolute1"></div>
         </div>
         <div
           :key="assess.id"
@@ -135,7 +129,7 @@
           <van-image :src="require('@/assets/img/assess_2.png')" />
           <span>补偿结果</span>
           <i></i>
-          <div class="absolute2"></div>
+          <div class="absolute2" v-on:click="absolute2_click($event)"></div>
         </div>
         <div
           :key="protocol.id"
@@ -224,209 +218,26 @@ export default {
     return {
       mode: false,
       loading: true,
-
       data: {
         idCard: "加载中...",
         userName: "加载中...",
         policiesRegulationsLists: {
           totalCount: 0,
-          list: [
+          list: [],
-            {
-              title: "无数据",
-              publicTime: "无数据",
-              area: "无数据"
-            },
-            { title: "无数据", publicTime: "无数据", area: "无数据" },
-            { title: "无数据", publicTime: "无数据", area: "无数据" }
-          ]
         },
-        // prjList: [{}, {}]
+      },
-        prjList: [
-          {
-            name: "无数据",
-            currentState: "无数据",
-            area: "无数据",
-            zsbm: "无数据",
-            year: "无数据",
-            zsjdh: "无数据",
-            fhpgList: [
-              {
-                assessmentNo: "无数据",
-                houseAddress: "无数据",
-                countValue: "无数据"
-              },
-              {
-                assessmentNo: "无数据",
-                houseAddress: "无数据",
-                countValue: "无数据"
-              }
-            ],
-            bcxyList: [
-              {
-                xyNo: "无数据",
-                houseAddress: "无数据",
-                switchProductionWay: "无数据",
-                summationShouldCompensateMoney: "无数据"
-              },
-              {
-                xyNo: "无数据",
-                houseAddress: "无数据",
-                switchProductionWay: "无数据",
-                summationShouldCompensateMoney: "无数据"
-              }
-            ]
-          },
-          {
-            name: "无数据",
-            currentState: "无数据",
-            area: "无数据",
-            zsbm: "无数据",
-            year: "无数据",
-            zsjdh: "无数据",
-            fhpgList: [
-              {
-                assessmentNo: "无数据",
-                houseAddress: "无数据",
-                countValue: "无数据"
-              }
-            ],
-            bcxyList: [
-              {
-                xyNo: "无数据",
-                houseAddress: "无数据",
-                switchProductionWay: "无数据",
-                summationShouldCompensateMoney: "无数据"
-              }
-            ]
-          }
-        ]
-      }
     };
   },
   created() {
+    console.log("1201-我是index的created的1");
+    if (!sessionStorage.getItem("homeData")) {
+      this.onInit();
+    } else {
+      let d = JSON.parse(sessionStorage.getItem("homeData"));
+      this.data = d.data.data;
+    }
+    this.setLocationAplus();
     // SetTicket(this.$route.query.ticket);
-    // if (!this.$route.query.ticket) {
-    //   //   //this.$router.push('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs');
-    //   //   ZWJSBridge.openLink({
-    //   //     url: "https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs",
-    //   //   })
-    //   //     .then((result) => {
-    //   //       console.log('1130-1'+result)
-    //   //       window.parent.location.reload();
-    //   //       ZWJSBridge.close();
-    //   //     })
-    //   //     .catch((error) => {
-    //   //       console.log(error);
-    //   //     });
-    //   // ZWJSBridge.close()
-    //   //   .then((result) => {
-    //   //     window.location.replace(
-    //   //       "https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs&goto=https://mapi.zjzwfw.gov.cn/web/mgop/gov-open/zj/2001833218/reserved/index.html"
-    //   //     );
-    //   //   })
-    //   //   .catch((error) => {
-    //   //     console.log(error);
-    //   //   });
-    // } else {
-    //   this.onInit();
-    // }
-    let a = {
-      data: {
-        success: true,
-
-        code: 200,
-
-        bizCode: null,
-
-        message: "请求成功",
-
-        data: {
-          userName: "周子俊",
-
-          idCard: "330226198811175590",
-
-          prjList: [
-            {
-              prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
-
-              area: "海曙区",
-
-              name: "测试项目1",
-
-              areaID: "90517084-d213-412d-9cbf-f82c7034aeed",
-
-              zsbm: "宁波市海曙区人民政府房屋征收办公室",
-
-              year: 2020.0,
-
-              zsjdh: "海政[2020]1号",
-
-              currentState: "补偿协议签订阶段",
-
-              createRecordTime: "2019/12/25 0:00:00",
-
-              fhpgList: [
-                {
-                  id: "b5d9b892-f476-489d-8156-47d06b2dd9b6",
-
-                  dcbId: "26f64339-1b43-4155-b442-872642ca3ed6",
-
-                  prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
-
-                  assessmentNo: "0005",
-
-                  houseAddress: "测试房屋坐落地址2",
-
-                  countValue: "1001300.00",
-
-                  createTime: "2021/12/2 13:55:35",
-
-                  createUserName: "周子俊",
-
-                  type: "1"
-                }
-              ],
-
-              bcxyList: [
-                {
-                  id: "b02f32b4-fa82-44c2-b407-614612c65534",
-
-                  dcbId: "26f64339-1b43-4155-b442-872642ca3ed6",
-
-                  prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
-
-                  xyNo: "海政20201-0005-1",
-
-                  houseAddress: "测试房屋坐落地址2",
-
-                  summationShouldCompensateMoney: "11.00",
-
-                  switchProductionWay: "货币补偿",
-
-                  countValue: "1001300.00",
-
-                  signTime: "2021/11/30 13:56:26",
-
-                  type: "1"
-                }
-              ],
-
-              status: 2
-            }
-          ],
-          policiesRegulationsLists: {
-            totalCount: 0
-          }
-        },
-
-        extras: null,
-
-        timestamp: 1638429929492
-      }
-    };
-    // debugger;
-    // this.data = a.data.data;
-    this.onInit();
     $(".logout").css("display", "none");
     if (sessionStorage.getItem("mode") == "older") {
       changeStyle();
@@ -434,18 +245,42 @@ export default {
     } else {
       $("#app").addClass("old_app3");
     }
+    console.log("1201-我是index的created的2");
+  },
+  beforeRouteLeave(to, from, next) {
+    //debugger;
+    if (from.name == "final" && to.name == "index") {
+      ZWJSBridge.close()
+        .then((result) => {
+          console.log(
+            "1201-index页面的close回调3--form-to:" + from.name + "->" + to.name
+          );
+          console.log(result);
+        })
+        .catch((error) => {
+          console.log(
+            "1201-index页面的close回调异常4--form-to:" +
+              from.name +
+              "->" +
+              to.name
+          );
+          console.log(error);
+        });
+    } else next();
   },
-
   mounted() {
+    console.log("1201-我是index的mounted的3");
     if (sessionStorage.getItem("mode") == "older") {
       $(".container").addClass("old_container");
     }
 
-    this.setDisplay();
+    //this.setDisplay();
+    console.log("1201-我是index的mounted的4");
   },
   methods: {
     // 获取数据
     onInit() {
+      console.log("1201-我是index的onInit的5");
       mgop({
         api: "mgop.kykj.houseexpropriat.getprjlist",
         host: "https://mapi.zjzwfw.gov.cn/",
@@ -453,12 +288,13 @@ export default {
         type: "POST",
         data: {
           ticket:
-            this.$route.query.ticket || window.sessionStorage.getItem("ticket")
+            this.$route.query.ticket || window.sessionStorage.getItem("ticket"),
         },
         appKey: "es4b8zmz+2001833218+dehllx",
-        onSuccess: data => {
+        onSuccess: (data) => {
-          console.log("mm", data);
+          console.log("1201-我是index的onInit的6");
           this.loading = false;
+
           window.sessionStorage.setItem("homeData", JSON.stringify(data));
           if (data.data.success) {
             this.data = data.data.data;
@@ -472,7 +308,7 @@ export default {
                 message: "登录超时，请重新登录",
                 duration: 3000,
                 type: "info",
-                center: true
+                center: true,
               });
               setTimeout(() => {
                 window.location.replace(
@@ -484,20 +320,20 @@ export default {
                 message: "请求出错",
                 duration: 3000,
                 type: "error",
-                center: true
+                center: true,
               });
             }
           }
         },
-        onFail: err => {
+        onFail: (err) => {
           this.loading = false;
           this.$notify({
             title: "错误",
             message: "请求失败",
             duration: 3000,
-            type: "error"
+            type: "error",
           });
-        }
+        },
       });
     },
     toOlderMode() {
@@ -527,8 +363,8 @@ export default {
       this.$router.push({
         name: "projectSelect",
         params: {
-          type: type
+          type: type,
-        }
+        },
       });
     },
     // 直接跳转分户评估结果页面
@@ -539,8 +375,8 @@ export default {
         name: "evaluatePage",
         params: {
           fhpgId: id,
-          type
+          type,
-        }
+        },
       });
     },
     // 直接跳转协议结果pdf
@@ -550,8 +386,8 @@ export default {
       this.$router.push({
         name: "reportAgreement",
         params: {
-          prjId: id
+          prjId: id,
-        }
+        },
       });
     },
     // 加载项目数统计信息
@@ -566,38 +402,38 @@ export default {
       $("#app").removeClass("old_app3");
       this.$router.push({
         name: "policyInfo",
-        params: { id }
+        params: { id },
       });
     },
     setZwUserAplus(Userid, userName) {
       // 设置用户信息埋点
       aplus_queue.push({
         action: "aplus.setMetaInfo",
-        arguments: ["_hold", "BLOCK"]
+        arguments: ["_hold", "BLOCK"],
       });
       aplus_queue.push({
         action: "aplus.setMetaInfo",
-        arguments: ["_user_nick", userName] // this.userInfoData.username],
+        arguments: ["_user_nick", userName], // this.userInfoData.username],
       });
       aplus_queue.push({
         action: "aplus.setMetaInfo",
-        arguments: ["_user_id", Userid]
+        arguments: ["_user_id", Userid],
       });
       aplus_queue.push({
         action: "aplus.setMetaInfo",
-        arguments: ["_hold", "START"]
+        arguments: ["_hold", "START"],
       });
     },
     setLocationAplus() {
       ZWJSBridge.onReady(() => {
         // console.log("初始化完成后，执行bridge方法");
         ZWJSBridge.getUserType()
-          .then(result1 => {
+          .then((result1) => {
             // console.log("getUserType():" + JSON.stringify(result1));
             // console.log("result1.userType:" + result1.userType);
             //经纬度
             ZWJSBridge.getLocation()
-              .then(result2 => {
+              .then((result2) => {
                 // console.log("getLocation():" + JSON.stringify(result2));
                 // console.log("result2.longitude:" + result2.longitude);
                 // console.log("result2.latitude:" + result2.latitude);
@@ -605,7 +441,7 @@ export default {
                   action: "aplus.sendPV",
                   arguments: [
                     {
-                      is_auto: false
+                      is_auto: false,
                     },
                     {
                       isMini: true,
@@ -613,16 +449,16 @@ export default {
                       miniAppName: "房屋征收",
                       long: result2.longitude,
                       lati: result2.latitude,
-                      userType: result1.userType
+                      userType: result1.userType,
-                    }
+                    },
-                  ]
+                  ],
                 });
               })
-              .catch(error => {
+              .catch((error) => {
                 // console.log(error);
               });
           })
-          .catch(error => {
+          .catch((error) => {
             // console.log(error);
           });
       });
@@ -631,7 +467,7 @@ export default {
       //this.$router.push("http://localhost:8080/#/");
       //扫一扫
       ZWJSBridge.scan({ type: "qrCode" })
-        .then(data => {
+        .then((data) => {
           // data =>{"text" : "扫描到的内容"}
           if (data.text.indexOf("http") > -1) {
             window.location.replace(data.text);
@@ -640,118 +476,107 @@ export default {
               message: data.text,
               duration: 3000,
               type: "info",
-              center: true
+              center: true,
             });
           }
         })
-        .catch(error => {
+        .catch((error) => {
           console.log(error);
         });
     },
+    absolute_click(e) {
+      if (
+        $(e.currentTarget.parentNode.parentNode)
+          .find(".projectCenter")
+          .css("display") == "none"
+      ) {
+        $(e.currentTarget.parentNode.parentNode)
+          .find(".projectCenter")
+          .css("display", "block");
 
-    /**
+        $(e.currentTarget.parentNode)
-     * @项目折叠与隐藏
+          .find("i")
-     */
+          .css("transform", "rotate(45deg)");
+      } else {
+        $(e.currentTarget.parentNode.parentNode)
+          .find(".projectCenter")
+          .css("display", "none");
 
-    setDisplay() {
+        $(e.currentTarget.parentNode)
-      $(".absolute").click(e => {
+          .find("i")
-        console.log(e);
+          .css("transform", "rotate(-45deg)");
-        if (
+      }
-          $(e.target.parentNode.parentNode)
+    },
-            .find(".projectCenter")
+    absolute0_click(e) {
-            .css("display") == "none"
+      if (
-        ) {
+        $(e.currentTarget.parentNode.parentNode.parentNode)
-          $(e.target.parentNode.parentNode)
+          .find(".projectCenter")
-            .find(".projectCenter")
+          .css("display") == "none"
-            .css("display", "block");
+      ) {
+        $(e.currentTarget.parentNode.parentNode.parentNode)
+          .find(".projectCenter")
+          .css("display", "block");
 
-          $(e.target.parentNode)
+        $(e.currentTarget.parentNode)
-            .find("i")
+          .find("i")
-            .css("transform", "rotate(45deg)");
+          .css("transform", "rotate(45deg)");
-        } else {
+      } else {
-          $(e.target.parentNode.parentNode)
+        $(e.currentTarget.parentNode.parentNode.parentNode)
-            .find(".projectCenter")
+          .find(".projectCenter")
-            .css("display", "none");
+          .css("display", "none");
 
-          $(e.target.parentNode)
+        $(e.currentTarget.parentNode)
-            .find("i")
+          .find("i")
-            .css("transform", "rotate(-45deg)");
+          .css("transform", "rotate(-45deg)");
-        }
+      }
-      });
+    },
+    absolute1_click(e) {
+      if (
+        $(e.currentTarget.parentNode.parentNode)
+          .find(".assessCenter1")
+          .css("display") == "none"
+      ) {
+        $(e.currentTarget.parentNode.parentNode)
+          .find(".assessCenter1")
+          .css("display", "block");
 
-      $(".absolute0").click(e => {
+        $(e.currentTarget.parentNode)
-        if (
+          .find("i")
-          $(e.target.parentNode.parentNode.parentNode)
+          .css("transform", "rotate(45deg)");
-            .find(".projectCenter")
+      } else {
-            .css("display") == "none"
+        $(e.currentTarget.parentNode.parentNode)
-        ) {
+          .find(".assessCenter1")
-          $(e.target.parentNode.parentNode.parentNode)
+          .css("display", "none");
-            .find(".projectCenter")
-            .css("display", "block");
 
-          $(e.target.parentNode)
+        $(e.currentTarget.parentNode)
-            .find("i")
+          .find("i")
-            .css("transform", "rotate(45deg)");
+          .css("transform", "rotate(-45deg)");
-        } else {
+      }
-          $(e.target.parentNode.parentNode.parentNode)
+    },
-            .find(".projectCenter")
+    absolute2_click(e) {
-            .css("display", "none");
+      if (
+        $(e.currentTarget.parentNode.parentNode)
+          .find(".assessCenter2")
+          .css("display") == "none"
+      ) {
+        $(e.currentTarget.parentNode.parentNode)
+          .find(".assessCenter2")
+          .css("display", "block");
 
-          $(e.target.parentNode)
+        $(e.currentTarget.parentNode)
-            .find("i")
+          .find("i")
-            .css("transform", "rotate(-45deg)");
+          .css("transform", "rotate(45deg)");
-        }
+      } else {
-      });
+        $(e.currentTarget.parentNode.parentNode)
+          .find(".assessCenter2")
+          .css("display", "none");
 
-      $(".absolute1").click(e => {
+        $(e.currentTarget.parentNode)
-        if (
+          .find("i")
-          $(e.target.parentNode.parentNode)
+          .css("transform", "rotate(-45deg)");
-            .find(".assessCenter1")
+      }
-            .css("display") == "none"
+    },
-        ) {
+  },
-          $(e.target.parentNode.parentNode)
-            .find(".assessCenter1")
-            .css("display", "block");
-
-          $(e.target.parentNode)
-            .find("i")
-            .css("transform", "rotate(45deg)");
-        } else {
-          $(e.target.parentNode.parentNode)
-            .find(".assessCenter1")
-            .css("display", "none");
-
-          $(e.target.parentNode)
-            .find("i")
-            .css("transform", "rotate(-45deg)");
-        }
-      });
-
-      $(".absolute2").click(e => {
-        if (
-          $(e.target.parentNode.parentNode)
-            .find(".assessCenter2")
-            .css("display") == "none"
-        ) {
-          $(e.target.parentNode.parentNode)
-            .find(".assessCenter2")
-            .css("display", "block");
-
-          $(e.target.parentNode)
-            .find("i")
-            .css("transform", "rotate(45deg)");
-        } else {
-          $(e.target.parentNode.parentNode)
-            .find(".assessCenter2")
-            .css("display", "none");
-
-          $(e.target.parentNode)
-            .find("i")
-            .css("transform", "rotate(-45deg)");
-        }
-      });
-    }
-  }
 };
 </script>
 
@@ -766,7 +591,7 @@ export default {
 }
 // 最上面盒子
 .topBox {
-  background: url(../assets/img/bg.png) no-repeat;
+  background: url(~@/assets/img/bg.png) no-repeat;
   background-size: 100% 96%;
   .olderVersion {
     display: flex;
@@ -853,7 +678,7 @@ export default {
   align-items: center;
   justify-content: space-between;
   height: 41px;
-  background: url(../assets/img/project_bg.png) no-repeat 0 -2px/101% 120%;
+  background: url(~@/assets/img/project_bg.png) no-repeat 0 -2px/101% 120%;
   position: relative;
   > :nth-child(1) {
     display: flex;
@@ -861,7 +686,6 @@ export default {
     width: 50%;
     height: 100%;
     position: relative;
-
     .projectIcon {
       display: flex;
       align-items: center;
@@ -927,7 +751,6 @@ export default {
       line-height: 27px;
     }
   }
-
   > :last-child {
     position: absolute;
     left: 0;
@@ -1188,7 +1011,7 @@ export default {
       height: 41px;
       padding: unset 0;
       width: 100%;
-      background: url(../assets/img/project_bg.png);
+      background: url(~@/assets/img/project_bg.png);
       background-position: 0 -2px;
       background-size: 100% 120%;
     }

FrontCode2/sunshine_levy/src/views/transit/final2.vue

@@ -0,0 +1,773 @@
+<template>
+  <div class="container">
+    <div class="topBox">
+      <div class="olderVersion">
+        <div class="titleBox">被征收人信息查询</div>
+        <div v-if="mode == false" class="mode">进入老年模式</div>
+        <div v-else class="mode">退出老年模式</div>
+      </div>
+      <div class="baseInfo">
+        <img src="@/assets/img/renyuanliebiao.png" />
+        <span>被征收人姓名：{{ data.userName }}</span>
+      </div>
+      <div class="baseInfo">
+        <img src="@/assets/img/credentials_icon.png" />
+        <span>身份证号码：</span>
+        <div>{{ data.idCard }}</div>
+      </div>
+      <!-- 三张背景图 -->
+      <div class="gridBg">
+        <div @click="scan()" style="background: #1897fb">
+          <img src="@/assets/img/scan.png" />
+          <span>扫一扫</span>
+        </div>
+        <div @click="gotoProject('pg')" style="background: #f1ae4b">
+          <img src="@/assets/img/evaluation.png" />
+          <span>查评估报告</span>
+        </div>
+        <div @click="gotoProject('xy')" style="background: #16d7ed">
+          <img src="@/assets/img/compensation.png" />
+          <span>查补偿协议</span>
+        </div>
+      </div>
+    </div>
+    <!-- 大背景图 -->
+    <!-- <div class="bigImage">
+      <img src="@/assets/img/government.png" />
+    </div> -->
+    <!-- 项目内容 -->
+    <div :key="item.prjId" v-for="item in data.prjList">
+      <div class="project">
+        <!-- window图标 -->
+        <div>
+          <div class="projectIcon">
+            <img src="@/assets/img/project.png" />
+          </div>
+          <span class="projectTitle">{{ item.name }}<i> </i></span>
+
+          <div class="absolute0" v-on:click="absolute0_click($event)"></div>
+        </div>
+        <!-- 补偿协议图标 -->
+        <div class="projectRight">
+          <div>
+            <img src="@/assets/img/yhxy.png" />
+          </div>
+          <span>{{ item.currentState }}</span>
+        </div>
+        <div class="absolute" v-on:click="absolute_click($event)"></div>
+      </div>
+      <div class="projectCenter">
+        <!-- 项目内容 -->
+        <div class="projectCenterBox">
+          <div>
+            <div>
+              <img src="@/assets/img/project_area.png" />
+              <span>项目所在区域：</span>
+            </div>
+            <div>{{ item.area }}</div>
+          </div>
+          <div>
+            <div>
+              <img src="@/assets/img/project_dep.png" />
+              <span>征收部门：</span>
+            </div>
+            <div>{{ item.zsbm }}</div>
+          </div>
+          <div>
+            <div>
+              <img src="@/assets/img/project_year.png" />
+              <span>所属年份：</span>
+            </div>
+            <div>{{ item.year }}</div>
+          </div>
+          <div>
+            <div>
+              <img src="@/assets/img/project_no.png" />
+              <span>征收决定号：</span>
+            </div>
+            <div class="blue">{{ item.zsjdh }}</div>
+          </div>
+        </div>
+        <!-- 分户评估结果部分 -->
+        <div class="assess">
+          <van-image :src="require('@/assets/img/assess_1.png')" />
+          <span>分户评估报告</span>
+          <i></i>
+          <div class="absolute1" v-on:click="absolute1_click($event)"></div>
+        </div>
+        <div
+          :key="assess.id"
+          @click="toEvaluate(assess.id, assess.type)"
+          class="assessCenter1"
+          v-for="assess in item.fhpgList"
+        >
+          <div>
+            <span>评估报告编号：</span>
+            <span>{{ assess.assessmentNo }}</span>
+          </div>
+          <div>
+            <span>被征收房屋地址：</span>
+            <span>
+              {{ assess.houseAddress }}
+            </span>
+          </div>
+          <div>
+            <span>评估总金额：</span>
+            <span class="projectTitle" style="color: red"
+              >¥{{ assess.countValue }}</span
+            >
+          </div>
+          <div>
+            <span>评估公司：</span>
+            <span>{{ assess.EvaluationCompany }}</span>
+          </div>
+        </div>
+        <!-- 补偿协议部分 -->
+        <div class="assess2">
+          <van-image :src="require('@/assets/img/assess_2.png')" />
+          <span>补偿结果</span>
+          <i></i>
+          <div class="absolute2" v-on:click="absolute2_click($event)"></div>
+        </div>
+        <div
+          :key="protocol.id"
+          @click="toAgreement(item.prjId)"
+          class="assessCenter2"
+          v-for="protocol in item.bcxyList"
+        >
+          <div>
+            <span>协议编号：</span>
+            <span>{{ protocol.xyNo }}</span>
+          </div>
+          <div>
+            <span>被征收房屋地址：</span>
+            <span>
+              {{ protocol.houseAddress }}
+            </span>
+          </div>
+          <div>
+            <span>补偿方式：</span>
+            <span>
+              {{ protocol.switchProductionWay }}
+            </span>
+          </div>
+          <div>
+            <span>合计补偿资金：</span>
+            <span class="projectTitle" style="color: red"
+              >¥{{ protocol.summationShouldCompensateMoney }}</span
+            >
+          </div>
+          <div>
+            <span>合计安置面积：</span>
+            <span>{{ protocol.TotalAllocationArea }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 征收政策背景图 -->
+    <!-- <div>
+      <van-image :src="require('@/assets/img/expropriationPolicy.png')" />
+    </div> -->
+    <!-- 征收政策部分 -->
+    <div class="zszc">
+      <span>征收政策</span>
+      <span>共{{ data.policiesRegulationsLists.totalCount }}条</span>
+    </div>
+    <div class="protocolBox">
+      <div
+        :key="i"
+        @click="pageJump(item.id)"
+        class="protocolList"
+        v-for="(item, i) in data.policiesRegulationsLists.list"
+      >
+        <!-- 非最后一行有边框 -->
+        <div
+          style="border-bottom: 1px dashed #e8e9ec"
+          v-if="i != data.policiesRegulationsLists.list.length - 1"
+        >
+          <div>{{ item.title }}</div>
+          <div>
+            <span>发布时间：{{ item.publicTime }}</span>
+            <span>区域：{{ item.area }}</span>
+          </div>
+        </div>
+        <!-- 最后一行无边框 -->
+        <div v-else style="padding-bottom: 10px">
+          <div>{{ item.title }}</div>
+          <div>
+            <span>发布时间：{{ item.publicTime }}</span>
+            <span>区域：{{ item.area }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import $ from "jquery";
+export default {
+  name: "home",
+  data() {
+    return {
+      mode: false,
+      loading: true,
+      data: {
+        idCard: "加载中...",
+        userName: "加载中...",
+        policiesRegulationsLists: {
+          totalCount: 0,
+          list: [],
+        },
+      },
+    };
+  },
+  created() {
+    console.log("1201-我是final2的created的1");
+    if (!sessionStorage.getItem("homeData")) {
+      console.log("1201-我是final2的created的1.1");
+      this.onInit();
+    } else {
+      console.log("1201-我是final2的created的1.2");
+      let d = JSON.parse(sessionStorage.getItem("homeData"));
+      this.data = d.data.data;
+    }
+    console.log("1201-我是final2的created的2");
+    this.setLocationAplus();
+    console.log("1201-我是final2的created的3");
+    if (sessionStorage.getItem("mode") == "older") {
+      console.log("1201-我是final2的created的3.1");
+      changeStyle();
+      this.mode = true;
+    } else {
+      console.log("1201-我是final2的created的3.2");
+      $("#app").addClass("old_app3");
+    }
+    console.log("1201-我是final2的created的4");
+  },
+  mounted() {
+    console.log("1201-我是final2的mounted的13");
+    console.log("1201-我是final2的mounted的14");
+  },
+  methods: {
+    onInit() {},
+    setLocationAplus() {},
+    changeStyle() {},
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.container {
+  border-radius: 6px;
+  background: #f6f7f8;
+  padding-bottom: 20px;
+  > div:nth-child(n + 2) {
+    margin: 10px 12px 0 10px;
+  }
+}
+// 最上面盒子
+.topBox {
+  background: url(~@/assets/img/bg.png) no-repeat;
+  background-size: 100% 96%;
+  .olderVersion {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px 0;
+    .titleBox {
+      width: 173px;
+      height: 36px;
+      line-height: 36px;
+      text-align: center;
+      border-radius: 0 22px 22px 0;
+      background: #2576ca;
+      font-size: 16px;
+      font-weight: 600;
+      color: #ffffff;
+    }
+    :nth-child(2) {
+      margin-right: 5px;
+      background: #f82b36;
+      width: 124px;
+      height: 25px;
+      text-align: center;
+      line-height: 25px;
+      border-radius: 2px;
+      font-size: 18px;
+      font-weight: 600;
+      color: #ffffff;
+    }
+  }
+  .baseInfo {
+    display: flex;
+    margin: 5px 0;
+    align-items: center;
+    color: #fff;
+    img {
+      height: 21px;
+      padding-right: 10px;
+      padding-left: 31px;
+    }
+    span:nth-child(2) {
+      white-space: nowrap;
+    }
+    :nth-child(3) {
+      padding-top: 1px;
+    }
+  }
+  .gridBg {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    margin: 10px 12px 0 10px;
+    border-radius: 3px;
+    background: rgba(255, 255, 255, 0.28);
+    > div {
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      justify-content: center;
+      width: 90px;
+      height: 80px;
+      margin: 20px 0 10px;
+      border-radius: 10px;
+      img {
+        height: 35px;
+      }
+      span {
+        padding-top: 5px;
+        font-weight: 500;
+        color: #fff;
+      }
+    }
+  }
+}
+// 大背景图
+.bigImage {
+  img {
+    width: 100%;
+  }
+}
+// 项目部分
+.project {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 41px;
+  background: url(~@/assets/img/project_bg.png) no-repeat 0 -2px/101% 120%;
+  position: relative;
+  > :nth-child(1) {
+    display: flex;
+    align-items: center;
+    width: 50%;
+    height: 100%;
+    position: relative;
+    .projectIcon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0 8px;
+      height: 100%;
+      margin-right: 10px;
+      border-radius: 5px 0 0;
+      background: #3284cd;
+      img {
+        width: 25px;
+        height: 25px;
+      }
+    }
+    span {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      padding-right: 2px;
+      i {
+        display: inline-block;
+
+        height: 9px;
+        width: 9px;
+        border-right: 2px solid white;
+        border-bottom: 2px solid white;
+        transform: rotate(45deg);
+        margin-left: 7px;
+      }
+    }
+
+    > :last-child {
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+    }
+  }
+  .projectRight {
+    display: flex;
+    align-items: center;
+    height: 27px;
+    > div {
+      background: #24bca3;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      border-radius: 13px 0 0 13px;
+      img {
+        width: 17px;
+        margin-right: 3px;
+        margin-left: 10px;
+      }
+    }
+    span {
+      font-size: 12px;
+      font-weight: 600;
+      padding-right: 10px;
+      color: #fff;
+      background: #24bca3;
+      height: 27px;
+      line-height: 27px;
+    }
+  }
+  > :last-child {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+  }
+}
+.projectTitle {
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-size: 16px;
+  font-weight: 600;
+  color: #fff;
+}
+.projectCenter {
+  padding-bottom: 25px;
+  background: #fff;
+  box-shadow: 0 2px 6px 1px rgba(212, 212, 212, 0.5);
+  .projectCenterBox {
+    > div {
+      display: flex;
+      align-items: flex-start;
+      padding-top: 15px;
+      line-height: 20px;
+      > :nth-child(1) {
+        display: flex;
+        align-items: center;
+        img {
+          height: 22px;
+          padding: 0 7px;
+        }
+        :nth-child(2) {
+          font-weight: 400;
+          color: #b3b5b9;
+          width: 106px;
+        }
+      }
+      > :last-child {
+        color: #363a44;
+        padding-top: 1px;
+        // width: 55%;
+      }
+      .blue {
+        color: #3883f1;
+      }
+    }
+  }
+  .assess {
+    display: flex;
+    align-items: center;
+    height: 25px;
+    padding: 25px 10px 10px;
+    position: relative;
+    .van-image {
+      width: 24px;
+      height: 24px;
+      margin-right: 10px;
+    }
+    span {
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-size: 16px;
+      font-weight: 400;
+      color: #2468f2;
+    }
+
+    i {
+      display: inline-block;
+
+      height: 8px;
+      width: 8px;
+      border-right: 2px solid #2468f2;
+      border-bottom: 2px solid #2468f2;
+      transform: rotate(45deg);
+      margin-left: 7px;
+    }
+
+    > :last-child {
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+    }
+  }
+  .assessCenter1 {
+    margin: 25px 16px 22px;
+    border-left: 2px solid #24bca3;
+    font-weight: 400;
+    > div {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      padding-left: 12px;
+      line-height: 20px;
+      :nth-child(1) {
+        white-space: nowrap;
+        color: #b3b5b9;
+      }
+      :nth-child(2) {
+        color: #363a44;
+      }
+    }
+    > :nth-child(2) {
+      margin: 15px 0;
+    }
+    > :nth-child(3) {
+      margin: 15px 0;
+    }
+  }
+  .assess2 {
+    display: flex;
+    align-items: center;
+    height: 25px;
+    padding: 5px 10px;
+    position: relative;
+    .van-image {
+      width: 24px;
+      height: 24px;
+      margin-right: 10px;
+    }
+    span {
+      font-size: 16px;
+      font-weight: 400;
+      color: #2468f2;
+    }
+
+    i {
+      display: inline-block;
+
+      height: 8px;
+      width: 8px;
+      border-right: 2px solid #2468f2;
+      border-bottom: 2px solid #2468f2;
+      transform: rotate(45deg);
+      margin-left: 7px;
+    }
+
+    > :last-child {
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+    }
+  }
+  .assessCenter2 {
+    margin: 25px 16px 22px;
+    border-left: 2px solid #ff5959;
+    font-weight: 400;
+    > div {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      padding-left: 12px;
+      line-height: 20px;
+      :nth-child(1) {
+        white-space: nowrap;
+        color: #b3b5b9;
+      }
+      :nth-child(2) {
+        color: #363a44;
+      }
+    }
+    > div:nth-child(n + 2) {
+      margin: 15px 0;
+    }
+  }
+}
+
+// 征收政策部分
+.zszc {
+  span {
+    font-size: 16px;
+    font-weight: 800;
+    color: #202020;
+    display: block;
+  }
+  :nth-child(2) {
+    margin: 10px 0;
+    color: #2c2b2b;
+    font-size: 12px;
+  }
+}
+
+.protocolBox {
+  border-radius: 4px;
+  background: #fff;
+  box-shadow: 0 2px 5px 0 rgba(168, 168, 168, 0.5);
+  .protocolList {
+    padding: 0 20px;
+    > div {
+      > :nth-child(1) {
+        font-size: 14px;
+        font-weight: 400;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        color: #202020;
+        padding-top: 20px;
+      }
+      > :nth-child(2) {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 18px 0;
+        span {
+          font-size: 12px;
+          color: #9da2a3;
+          font-weight: 400;
+        }
+      }
+    }
+  }
+}
+// 老年化
+.old_container {
+  .olderVersion {
+    .titleBox {
+      font-size: 24px;
+      width: 228px;
+      height: 41px;
+      line-height: 41px;
+    }
+  }
+  .baseInfo {
+    align-items: flex-start;
+    font-size: 22px;
+    line-height: 30px;
+    img {
+      height: 30px;
+      padding-left: 15px;
+    }
+    > div:nth-child(3) {
+      word-break: break-all;
+      padding-top: 2px;
+    }
+  }
+  .gridBg {
+    margin-left: 4px;
+    margin-right: 4px;
+    font-size: 20px;
+    > div {
+      width: 110px;
+      height: 100px;
+      img {
+        height: 55px;
+      }
+    }
+  }
+  .project {
+    display: unset;
+    .projectTitle {
+      font-size: 24px;
+    }
+    > :nth-child(1) {
+      display: flex;
+      align-items: center;
+      height: 41px;
+      padding: unset 0;
+      width: 100%;
+      background: url(~@/assets/img/project_bg.png);
+      background-position: 0 -2px;
+      background-size: 100% 120%;
+    }
+    .projectRight {
+      margin-top: 10px;
+      height: 27px;
+      > :nth-child(1) {
+        border-radius: unset !important;
+        padding-right: 5px;
+      }
+      > span {
+        font-size: 20px;
+        border-radius: 0px 13px 13px 0px;
+      }
+    }
+  }
+  .projectCenterBox {
+    font-size: 20px;
+    > div {
+      line-height: 28px;
+      > :nth-child(1) {
+        :nth-child(2) {
+          width: unset !important;
+          white-space: nowrap;
+        }
+      }
+      > :last-child {
+        width: unset;
+      }
+    }
+  }
+  .assess,
+  .assess2 {
+    span {
+      font-size: 22px;
+    }
+  }
+  .assessCenter1,
+  .assessCenter2 {
+    font-size: 20px;
+    > div {
+      line-height: 28px;
+    }
+    .projectTitle {
+      font-size: 20px;
+    }
+  }
+  .zszc {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    > :nth-child(1) {
+      font-size: 20px;
+    }
+    > :nth-child(2) {
+      font-size: 18px;
+    }
+  }
+  .protocolList {
+    > div {
+      > :nth-child(1) {
+        font-size: 20px !important;
+        line-height: 28px;
+        padding-top: 15px !important;
+        white-space: unset !important;
+      }
+      > :nth-child(2) {
+        display: block !important;
+        padding: 15px 0 5px !important;
+        span {
+          font-size: 18px !important;
+          display: block;
+          height: unset !important;
+        }
+        > span:nth-child(2) {
+          padding-top: 5px;
+        }
+      }
+    }
+  }
+}
+</style>

FrontCode2/sunshine_levy/src/views/transit/index.vue

@@ -8,8 +8,11 @@ export default {
     return {};
   },
   created() {
+    console.log("1201-我是中专页面的1");
+    console.log("1201-中专页面的路径：" + location.href);
     //debugger;
-    this.$router.push("final");
+    this.$router.push("final2");
+    console.log("1201-我是中专页面的2");
   },
   methods: {},
 };