From c38bb2e96f8be27175cf6e9d60a7c62431426468 Mon Sep 17 00:00:00 2001
From: Wjl <528399603@qq.com>
Date: Thu, 16 Dec 2021 11:25:04 +0800
Subject: [PATCH] =?UTF-8?q?JQ=E4=BF=AE=E6=94=B9=E4=B8=BAvue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FrontCode2/sunshine_levy/src/App.vue          | 102 ++++--
 FrontCode2/sunshine_levy/src/main.js          |  24 +-
 .../src/views/pdf/evaluateResultPdf.vue       |  26 +-
 .../sunshine_levy/src/views/pdf/pdf.vue       |  32 +-
 .../src/views/policyInfo/policyInfo.vue       |  27 +-
 .../sunshine_levy/src/views/project/index.vue |  29 +-
 .../src/views/report/agreement.vue            |  32 +-
 .../src/views/report/evaluatePage.vue         |  21 +-
 .../src/views/report/evalute.vue              |  28 +-
 FrontCode2/sunshine_levy/src/views/test.vue   | 321 +++++++++++-------
 .../src/views/transit/final2.vue              |  28 +-
 11 files changed, 433 insertions(+), 237 deletions(-)

diff --git a/FrontCode2/sunshine_levy/src/App.vue b/FrontCode2/sunshine_levy/src/App.vue
index 11b7d94..bdd5725 100644
--- a/FrontCode2/sunshine_levy/src/App.vue
+++ b/FrontCode2/sunshine_levy/src/App.vue
@@ -26,9 +26,8 @@
     >
       <router-view />
     </van-pull-refresh>
-    <div class="bottomContent">
+    <div :class="mode?'old_bottomContent':'bottomContent'">
       <p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
-
       <p>
         服务咨询热线：<b>
           <a href="javascript:;" @click="callphone('0574-89180948')"
@@ -36,49 +35,69 @@
           ></b
         >
       </p>
-      <div v-if="mode === true" class="logout" @click="logout">
+      <div>
+      <div v-if="mode"   class="old_logout"  @click="logout">
         <span>退出老年模式</span>
       </div>
-      <div v-else class="logout" @click="toOlderMode">
+      <div v-else class="logout" @click="logout">
         <span>进入老年模式</span>
       </div>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
-import { recoverStyle2, changeStyle1 } from "@/olderMode/1.js";
-export default {
+/* import { recoverStyle2, changeStyle1 } from "@/olderMode/1.js";
+ */export default {
   name: "App",
   data() {
     return {
-      mode: false,
+      mode: '',
       isLoading: true,
-
       show: true
     };
   },
   created() {
-    if (sessionStorage.getItem("mode") == "older") {
+/*      this.$root.mode = true   //修改mode中的数据
+ */  
+ this.mode = this.$root.mode    //调用全局变量mode中的数据。
+    console.log("得到的身份判断条件",this.mode)
+/*     if (sessionStorage.getItem("mode") == "older") {
       this.mode = true;
     } else {
       this.mode = false;
     }
+ */
     if (localStorage.getItem("overlay")) {
       this.show = false;
     }
   },
-  mounted() {},
+  mounted() {
+   },
+   computed:{
+      watchMode(){
+        return this.$root.mode
+      }
+   },
+  watch: {
+      watchMode(val, oldVal) {
+        console.log('成功测试',val)
+        this.mode = val
+      }
+    },
   methods: {
     logout() {
-      sessionStorage.setItem("mode", "normal");
-      this.mode = false;
-      recoverStyle2();
-    },
-    toOlderMode() {
-      sessionStorage.setItem("mode", "older");
-      this.mode = true;
-      changeStyle1();
+      /* sessionStorage.setItem("mode", "normal");
+      this.mode = false; */
+      /* recoverStyle2(); */
+      this.mode = !this.mode
+     if(this.mode){
+sessionStorage.setItem("mode", "normal")
+     }else{
+sessionStorage.setItem("mode", "older")
+     }
+      this.$root.mode = this.mode
     },
     onRefresh() {
       this.$children[0].$children[0].onInit();
@@ -108,7 +127,7 @@ export default {
   font-family: pingfang, SF UI Text, Roboto;
   font-size: 14px;
   min-height: 100%;
-  padding-bottom: 128px;
+  padding-bottom: 50px;
   position: relative;
   box-sizing: border-box;
   background: #f6f7f8;
@@ -177,8 +196,10 @@ export default {
     }
   }
   .bottomContent {
-    position: absolute;
-    bottom: 10px;
+   display:  flex;
+   flex-direction: column;
+   /*  position: absolute;
+    bottom: 10px; */
     text-align: center;
     width: 100%;
     font-size: 10px;
@@ -201,15 +222,38 @@ export default {
     }
   }
 }
+
 // 老年化
 .old_bottomContent {
-  font-size: 18px !important;
-  p {
-    line-height: 25px !important;
-    margin: 10px 0 0 !important;
-  }
+   /*  position: absolute;
+    bottom: 10px; */
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    width: 100%;
+    font-size: 18px;
+    p {
+      /* margin: 0;
+      line-height: 14px; */
+      line-height: 25px !important;
+      margin: 10px 0 0 !important;
+    }
+    b {
+      color: #5d8cbc;
+    }
+   .old_logout {
+      padding: 20px 0 10px;
+        span {
+        font-size: 20px;
+        height: 19px;
+        color: #fefefe;
+        background: red;
+        padding: 0 10px;
+      }
+   }
+  
 }
-.old_app {
+/* .old_app {
   padding-bottom: 100px !important;
 }
 .old_app2 {
@@ -220,5 +264,7 @@ export default {
 }
 .old_app3 {
   padding-bottom: 48px !important;
-}
+} */
+
+
 </style>
diff --git a/FrontCode2/sunshine_levy/src/main.js b/FrontCode2/sunshine_levy/src/main.js
index 1f58cbf..df4d02a 100644
--- a/FrontCode2/sunshine_levy/src/main.js
+++ b/FrontCode2/sunshine_levy/src/main.js
@@ -20,9 +20,14 @@ import {
   Notify,
   PullRefresh,
   Toast,
-  Overlay
+  Overlay,
+  Collapse,
+  CollapseItem
 } from "vant";
 
+Vue.use(Collapse);
+Vue.use(CollapseItem);
+
 Vue.use(Button)
   .use(NavBar)
   .use(Cell)
@@ -67,10 +72,25 @@ Vue.prototype.$md5 = md5;
 
 Vue.prototype.$bus = new Vue();
 /* eslint-disable no-new */
+let mode = ""
+ if (sessionStorage.getItem("mode") == "older") {
+       /*  sessionStorage.setItem("mode", "normal");
+        this.$parent.$parent.mode = false; */
+        mode = false;
+  } else {
+        // 老年化模式
+     /*    sessionStorage.setItem("mode", "older");
+        this.$parent.$parent.mode = true; */
+        mode = true;
+      } 
 const vm = new Vue({
   el: "#app",
   router,
-
+  data: function(){
+    return {
+      mode: mode,    //false 代表青年年模式   ; true 代表老年年模式
+    }
+},
   components: { App },
   template: "<App/>"
 });
diff --git a/FrontCode2/sunshine_levy/src/views/pdf/evaluateResultPdf.vue b/FrontCode2/sunshine_levy/src/views/pdf/evaluateResultPdf.vue
index bfb8fbf..73061e1 100644
--- a/FrontCode2/sunshine_levy/src/views/pdf/evaluateResultPdf.vue
+++ b/FrontCode2/sunshine_levy/src/views/pdf/evaluateResultPdf.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="margin: 0 auto" class="container">
+  <div style="margin: 0 auto"  :class="'container'+(mode?' old_container':'')">
     <el-button
       type="primary"
       @click="testdownload4()"
@@ -19,12 +19,13 @@
 </template>
 
 <script>
-import { changeBottomStyle } from "@/olderMode/1.js";
-import $ from "jquery";
+/* import { changeBottomStyle } from "@/olderMode/1.js";
+import $ from "jquery"; */
 export default {
   components: {},
   data() {
     return {
+      mode:"",
       url: "",
       apidata: {},
       pic_width: "100%",
@@ -33,15 +34,24 @@ export default {
     };
   },
   created() {
-    if (sessionStorage.getItem("mode") == "older") {
+  /*   if (sessionStorage.getItem("mode") == "older") {
       changeBottomStyle();
-    }
+    } */
+    this.mode = this.$root.mode
     this.onInit();
   },
+   computed:{
+      watchMode(){
+        return this.$root.mode
+      }
+   },
+  watch: {
+      watchMode(val, oldVal) {
+        this.mode = val
+      }
+    },
   mounted() {
-    if (sessionStorage.getItem("mode") == "older") {
-      $(".container").addClass("old_container");
-    }
+ 
   },
   methods: {
     onInit() {
diff --git a/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue b/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
index 06e5ab7..780ff3c 100644
--- a/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
+++ b/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="margin: 0 auto" class="container">
+  <div style="margin: 0 auto" :class="mode?'old_container':'container'">
     <el-button
       type="primary"
       @click="testdownload4()"
@@ -20,12 +20,13 @@
 
 <script>
 import { mgop } from "@aligov/jssdk-mgop";
-import { changeBottomStyle } from "@/olderMode/1.js";
-import $ from "jquery";
+/* import { changeBottomStyle } from "@/olderMode/1.js";
+import $ from "jquery"; */
 export default {
   components: {},
   data() {
     return {
+      mode:"",
       url: "",
       apidata: {},
       pic_width: "100%",
@@ -34,16 +35,27 @@ export default {
     };
   },
   created() {
-    if (sessionStorage.getItem("mode") == "older") {
+    this.mode = this.$root.mode
+ /*    if (sessionStorage.getItem("mode") == "older") {
       changeBottomStyle();
-    }
+    } */
     this.onInit();
   },
-  mounted() {
-    if (sessionStorage.getItem("mode") == "older") {
-      $(".container").addClass("old_container");
-    }
-  },
+  mounted(){},
+
+ computed:{
+      watchMode(){
+        return this.$root.mode
+      }
+   },
+  watch: {
+      watchMode(val, oldVal) {
+        this.mode = val
+      }
+    },
+
+
+  
   methods: {
     onInit() {
       if (this.$route.params.id) {
diff --git a/FrontCode2/sunshine_levy/src/views/policyInfo/policyInfo.vue b/FrontCode2/sunshine_levy/src/views/policyInfo/policyInfo.vue
index cc6220c..1302ab9 100644
--- a/FrontCode2/sunshine_levy/src/views/policyInfo/policyInfo.vue
+++ b/FrontCode2/sunshine_levy/src/views/policyInfo/policyInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="container"
+    :class="'container'+(mode?' old_container':'')"
     v-loading="loading"
     element-loading-text="页面加载中"
     element-loading-spinner="el-icon-loading"
@@ -14,8 +14,8 @@
 </template>
 <script>
 import { mgop } from "@aligov/jssdk-mgop";
-import { changeBottomStyle } from "@/olderMode/1.js";
-import $ from "jquery";
+/* import { changeBottomStyle } from "@/olderMode/1.js";
+import $ from "jquery"; */
 export default {
   data() {
     return {
@@ -27,16 +27,23 @@ export default {
     };
   },
   created() {
-    if (sessionStorage.getItem("mode") == "older") {
+    this.mode = this.$root.mode
+/*     if (sessionStorage.getItem("mode") == "older") {
       changeBottomStyle();
-    }
+    } */
     this.onInit();
   },
-  mounted() {
-    if (sessionStorage.getItem("mode") == "older") {
-      $(".container").addClass("old_container");
-    }
-  },
+  mounted() {},
+    computed:{
+      watchMode(){
+        return this.$root.mode
+      }
+   },
+  watch: {
+      watchMode(val, oldVal) {
+        this.mode = val
+      }
+    },
   methods: {
     // 获取数据
     onInit() {
diff --git a/FrontCode2/sunshine_levy/src/views/project/index.vue b/FrontCode2/sunshine_levy/src/views/project/index.vue
index 5a3766e..2418acf 100644
--- a/FrontCode2/sunshine_levy/src/views/project/index.vue
+++ b/FrontCode2/sunshine_levy/src/views/project/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div  :class="'container'+(mode?' old_container':'')" >
     <div style="padding:10px">
       <div :class="this.type == 'pg' ? 'proTopBoxpg' : 'proTopBoxxy'">
         <div class="proCenterBox">
@@ -53,12 +53,13 @@
 </template>
 
 <script>
-import { changeBottomStyle } from "@/olderMode/1.js";
-import $ from "jquery";
+/* import { changeBottomStyle } from "@/olderMode/1.js";
+import $ from "jquery"; */
 export default {
   data() {
     return {
-      type: "",
+      mode:'',
+      type:"",
       none: false,
       // 初始数据
       info: {
@@ -78,16 +79,24 @@ export default {
     };
   },
   created() {
-    if (sessionStorage.getItem("mode") == "older") {
-      changeBottomStyle();
-    }
+    this.mode = this.$root.mode
     this.onInit();
+        console.log("projects",this.mode)
+
   },
   mounted() {
-    if (sessionStorage.getItem("mode") == "older") {
-      $(".container").addClass("old_container");
-    }
+    console.log("asdasdas",this.mode)
   },
+  computed:{
+      watchMode(){
+        return this.$root.mode
+      }
+   },
+  watch: {
+      watchMode(val, oldVal) {
+        this.mode = val
+      }
+    },
   methods: {
     // 获取数据
     onInit() {
diff --git a/FrontCode2/sunshine_levy/src/views/report/agreement.vue b/FrontCode2/sunshine_levy/src/views/report/agreement.vue
index 2fcdb4c..4abc961 100644
--- a/FrontCode2/sunshine_levy/src/views/report/agreement.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/agreement.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div  :class="'container'+(mode?' old_container':'')">
     <div class="image">
       <img alt src="@/assets/img/agreement.png" />
     </div>
@@ -56,12 +56,13 @@
 </template>
 <script>
 import { SetProjectId } from "@/common/util/tools";
-import { changeBottomStyle } from "@/olderMode/1.js";
-import $ from "jquery";
+/* import { changeBottomStyle } from "@/olderMode/1.js";
+import $ from "jquery"; */
 export default {
   data() {
     return {
       info: {
+        mode:"",
         userName: "无数据",
         prjList: {
           bcxyList: [
@@ -82,16 +83,27 @@ export default {
     };
   },
   created() {
-    if (sessionStorage.getItem("mode") == "older") {
+    this.mode = this.$root.mode
+ /*    if (sessionStorage.getItem("mode") == "older") {
       changeBottomStyle();
-    }
+    } */
     this.onInit();
   },
-  mounted() {
-    if (sessionStorage.getItem("mode") == "older") {
-      $(".container").addClass("old_container");
-    }
-  },
+  mounted() {},
+   
+      computed:{
+      watchMode(){
+        return this.$root.mode
+      }
+   },
+  watch: {
+      watchMode(val, oldVal) {
+        this.mode = val
+      }
+    },
+
+
+
   methods: {
     onInit() {
       if (this.$route.params.prjId) {
diff --git a/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue b/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue
index 1db1046..819803f 100644
--- a/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="container"
+    :class="'container'+(mode?' old_container':'')"
     v-loading="loading"
     element-loading-text="页面加载中"
     element-loading-spinner="el-icon-loading"
@@ -78,6 +78,7 @@ import $ from "jquery";
 export default {
   data() {
     return {
+      mode:'',
       isLoading: true,
       loading: true,
       info: {
@@ -97,16 +98,24 @@ export default {
     };
   },
   created() {
-    if (sessionStorage.getItem("mode") == "older") {
+    this.mode = this.$root.mode
+  /*   if (sessionStorage.getItem("mode") == "older") {
       changeBottomStyle();
-    }
+    } */
     this.onInit();
   },
   mounted() {
-    if (sessionStorage.getItem("mode") == "older") {
-      $(".container").addClass("old_container");
-    }
   },
+    computed:{
+      watchMode(){
+        return this.$root.mode
+      }
+   },
+  watch: {
+      watchMode(val, oldVal) {
+        this.mode = val
+      }
+    },
   methods: {
     // 获取数据
     onInit() {
diff --git a/FrontCode2/sunshine_levy/src/views/report/evalute.vue b/FrontCode2/sunshine_levy/src/views/report/evalute.vue
index 94732f2..5734f69 100644
--- a/FrontCode2/sunshine_levy/src/views/report/evalute.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/evalute.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div  :class="'container'+(mode?' old_container':'')">
     <div class="image">
       <img src="@/assets/img/evaluate.png" />
     </div>
@@ -96,12 +96,13 @@
 </template>
 <script>
 import { SetProjectId } from "@/common/util/tools";
-import { changeBottomStyle } from "@/olderMode/1.js";
-import $ from "jquery";
+/* import { changeBottomStyle } from "@/olderMode/1.js";
+import $ from "jquery"; */
 export default {
   data() {
     return {
       info: {
+        mode:"",
         userName: "无数据",
         prjList: {
           fhpgList: [
@@ -128,16 +129,23 @@ export default {
     };
   },
   created() {
-    if (sessionStorage.getItem("mode") == "older") {
+    this.mode = this.$root.mode
+    /* if (sessionStorage.getItem("mode") == "older") {
       changeBottomStyle();
-    }
+    } */
     this.onInit();
   },
-  mounted() {
-    if (sessionStorage.getItem("mode") == "older") {
-      $(".container").addClass("old_container");
-    }
-  },
+  mounted() {},
+   computed:{
+      watchMode(){
+        return this.$root.mode
+      }
+   },
+  watch: {
+      watchMode(val, oldVal) {
+        this.mode = val
+      }
+    },
   methods: {
     // 获取数据
     onInit() {
diff --git a/FrontCode2/sunshine_levy/src/views/test.vue b/FrontCode2/sunshine_levy/src/views/test.vue
index c94d3f9..b61c8eb 100644
--- a/FrontCode2/sunshine_levy/src/views/test.vue
+++ b/FrontCode2/sunshine_levy/src/views/test.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div :class="mode ? 'old_container' : 'container'">
     <div class="topBox">
       <div class="olderVersion">
         <div class="titleBox">被征收人信息查询</div>
@@ -38,16 +38,18 @@
       <img src="@/assets/img/government.png" />
     </div> -->
     <!-- 项目内容 -->
-    <div :key="item.prjId" v-for="item in data.prjList">
+    <div :key="item.prjId" v-for="(item, index) 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>
+          <span class="projectTitle">{{ item.name }}</span>
+          <span>
+            <van-icon color="white"   :name="item.show ? 'arrow-down' : 'arrow'" />
+          </span>
+          <div class="absolute0" v-on:click="absolute_click0($event, index)"></div>
         </div>
         <!-- 补偿协议图标 -->
         <div class="projectRight">
@@ -56,9 +58,10 @@
           </div>
           <span>{{ item.currentState }}</span>
         </div>
-        <div class="absolute" v-on:click="absolute_click($event)"></div>
+        <div class="absolute" v-on:click="absolute_click($event, index,item)"></div>
+        <!-- <div class="absolute" v-on:click="aaa"></div> -->
       </div>
-      <div class="projectCenter">
+      <div class="projectCenter" v-show="item.show">
         <!-- 项目内容 -->
         <div class="projectCenterBox">
           <div>
@@ -94,9 +97,12 @@
         <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>
+          
+        <van-icon color="#2468f2"   :name="activeIndexSon === index + 0 ? 'arrow-down' : 'arrow'" />
+<!--           <i></i>
+ -->          <div class="absolute1" v-on:click="absolute1_click($event,index,0)"></div>
         </div>
+        <div v-if="activeIndexSon === index + 0">
         <div
           :key="assess.id"
           @click="toEvaluate(assess.id, assess.type)"
@@ -124,13 +130,16 @@
             <span>{{ assess.EvaluationCompany }}</span>
           </div>
         </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>
+          <van-icon color="#2468f2"   :name="activeIndexSonTwo === index + 1 ? 'arrow-down' : 'arrow'" />
+<!--           <i></i>
+ -->          <div class="absolute2" v-on:click="absolute2_click($event,index,1)"></div>
         </div>
+        <div v-if="activeIndexSonTwo === index + 1">
         <div
           :key="protocol.id"
           @click="toAgreement(item.prjId)"
@@ -164,8 +173,10 @@
             <span>{{ protocol.TotalAllocationArea }}</span>
           </div>
         </div>
+        </div>
       </div>
     </div>
+
     <!-- 征收政策背景图 -->
     <!-- <div>
       <van-image :src="require('@/assets/img/expropriationPolicy.png')" />
@@ -205,18 +216,20 @@
     </div>
   </div>
 </template>
-
 <script>
 import { apis } from "@/common/apis";
 import { mgop } from "@aligov/jssdk-mgop";
 import { SetTicket } from "@/common/util//tools";
-import { changeStyle, recoverStyle } from "@/olderMode/1.js";
-import $ from "jquery";
+/*  import { changeStyle, recoverStyle } from "@/olderMode/1.js";
+ */ import $ from "jquery";
 export default {
   name: "home",
   data() {
     return {
-      mode: false,
+      mode: "", //false 代表青年年模式   ; true 代表老年年模式
+      activeIndex: -1,
+      activeIndexSon:-1,
+      activeIndexSonTwo: -1,
       loading: true,
       data: {
         idCard: "加载中...",
@@ -230,8 +243,112 @@ export default {
   },
   created() {
     console.log("1201-我是index的created的1");
-
-    let tempdata={"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": 1,"list": [{"id": "eeb58add-13f8-4c5b-a905-3a242faae4bd","title": "宁波市国有土地上房屋征收补偿、补助、奖励规定","contents": "testcontents","publicTime": "2021-06-25","area": "全大市"}]}},"extras": null,"timestamp": 1638429929492}}
+    let tempdata = {
+      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,
+            },
+             {
+              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: 1,
+            list: [
+              {
+                id: "eeb58add-13f8-4c5b-a905-3a242faae4bd",
+                title: "宁波市国有土地上房屋征收补偿、补助、奖励规定",
+                contents: "testcontents",
+                publicTime: "2021-06-25",
+                area: "全大市",
+              },
+            ],
+          },
+        },
+        extras: null,
+        timestamp: 1638429929492,
+      },
+    };
     window.sessionStorage.setItem("homeData", JSON.stringify(tempdata));
     // debugger
     if (!sessionStorage.getItem("homeData")) {
@@ -242,14 +359,12 @@ export default {
     }
     this.setLocationAplus();
     // SetTicket(this.$route.query.ticket);
-    $(".logout").css("display", "none");
-    if (sessionStorage.getItem("mode") == "older") {
-      changeStyle();
+    /*   if (sessionStorage.getItem("mode") == "older") {
       this.mode = true;
     } else {
-      $("#app").addClass("old_app3");
-    }
-    console.log("1201-我是index的created的2");
+      this.mode = false;
+     } */
+    this.mode = this.$root.mode; //调用全局变量mode中的数据。
   },
   beforeRouteLeave(to, from, next) {
     //debugger;
@@ -272,16 +387,25 @@ export default {
         });
     } else next();
   },
+  computed: {
+    watchMode() {
+      return this.$root.mode;
+    },
+  },
+  watch: {
+    watchMode(val, oldVal) {
+      this.mode = val;
+    },
+  },
   mounted() {
-    console.log("1201-我是index的mounted的3");
+    /*    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");
@@ -342,18 +466,23 @@ export default {
     },
     toOlderMode() {
       // 正常页面
-      if (sessionStorage.getItem("mode") == "older") {
+      this.mode = !this.mode;
+      if (this.mode) {
+        sessionStorage.setItem("mode", "normal");
+      } else {
+        sessionStorage.setItem("mode", "older");
+      }
+      this.$root.mode = this.mode;
+      /*       if (sessionStorage.getItem("mode") == "older") {
         sessionStorage.setItem("mode", "normal");
         this.$parent.$parent.mode = false;
         this.mode = false;
-        recoverStyle();
-      } else {
+     } else {
         // 老年化模式
         sessionStorage.setItem("mode", "older");
         this.$parent.$parent.mode = true;
         this.mode = true;
-        changeStyle();
-      }
+      } */
     },
     setIdCard(id) {
       return id == "加载中..."
@@ -362,8 +491,8 @@ export default {
     },
     // 跳转选择项目
     gotoProject(type) {
-      $(".logout").css("display", "block");
-      $("#app").removeClass("old_app3");
+      /*   $(".logout").css("display", "block");
+      $("#app").removeClass("old_app3"); */
       this.$router.push({
         name: "projectSelect",
         params: {
@@ -385,8 +514,7 @@ export default {
     },
     // 直接跳转协议结果pdf
     toAgreement(id) {
-      $(".logout").css("display", "block");
-      $("#app").removeClass("old_app3");
+      /*  */
       this.$router.push({
         name: "reportAgreement",
         params: {
@@ -402,8 +530,6 @@ export default {
     },
     // 政策信息页面跳转
     pageJump(id) {
-      $(".logout").css("display", "block");
-      $("#app").removeClass("old_app3");
       this.$router.push({
         name: "policyInfo",
         params: { id },
@@ -488,98 +614,29 @@ export default {
           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");
+    absolute_click(e, index,item) {
+   if(!item.show){
+     this.$set(item,'show',false)
+           item.show = !item.show
 
-        $(e.currentTarget.parentNode)
-          .find("i")
-          .css("transform", "rotate(45deg)");
-      } else {
-        $(e.currentTarget.parentNode.parentNode)
-          .find(".projectCenter")
-          .css("display", "none");
-
-        $(e.currentTarget.parentNode)
-          .find("i")
-          .css("transform", "rotate(-45deg)");
-      }
-    },
+   }else{
+      item.show = !item.show
+   }
+      /*        this.activeIndex = index;
+       */
+/*       this.activeIndex = this.activeIndex === index ? !index : index; 
+ */    },
     absolute0_click(e) {
-      if (
-        $(e.currentTarget.parentNode.parentNode.parentNode)
-          .find(".projectCenter")
-          .css("display") == "none"
-      ) {
-        $(e.currentTarget.parentNode.parentNode.parentNode)
-          .find(".projectCenter")
-          .css("display", "block");
-
-        $(e.currentTarget.parentNode)
-          .find("i")
-          .css("transform", "rotate(45deg)");
-      } else {
-        $(e.currentTarget.parentNode.parentNode.parentNode)
-          .find(".projectCenter")
-          .css("display", "none");
-
-        $(e.currentTarget.parentNode)
-          .find("i")
-          .css("transform", "rotate(-45deg)");
-      }
+      console.log("e", e);
     },
-    absolute1_click(e) {
-      if (
-        $(e.currentTarget.parentNode.parentNode)
-          .find(".assessCenter1")
-          .css("display") == "none"
-      ) {
-        $(e.currentTarget.parentNode.parentNode)
-          .find(".assessCenter1")
-          .css("display", "block");
-
-        $(e.currentTarget.parentNode)
-          .find("i")
-          .css("transform", "rotate(45deg)");
-      } else {
-        $(e.currentTarget.parentNode.parentNode)
-          .find(".assessCenter1")
-          .css("display", "none");
-
-        $(e.currentTarget.parentNode)
-          .find("i")
-          .css("transform", "rotate(-45deg)");
-      }
-    },
-    absolute2_click(e) {
-      if (
-        $(e.currentTarget.parentNode.parentNode)
-          .find(".assessCenter2")
-          .css("display") == "none"
-      ) {
-        $(e.currentTarget.parentNode.parentNode)
-          .find(".assessCenter2")
-          .css("display", "block");
-
-        $(e.currentTarget.parentNode)
-          .find("i")
-          .css("transform", "rotate(45deg)");
-      } else {
-        $(e.currentTarget.parentNode.parentNode)
-          .find(".assessCenter2")
-          .css("display", "none");
-
-        $(e.currentTarget.parentNode)
-          .find("i")
-          .css("transform", "rotate(-45deg)");
-      }
+    absolute1_click(e,index,i) {
+      let son = index + i
+       this.activeIndexSon = this.activeIndexSon === son ? !son : son;
     },
+    absolute2_click(e,index,i) {
+      let son = index + i
+       this.activeIndexSonTwo = this.activeIndexSonTwo === son ? !son : son;
+    }
   },
 };
 </script>
@@ -709,7 +766,7 @@ export default {
       overflow: hidden;
       text-overflow: ellipsis;
       padding-right: 2px;
-      i {
+    /*   i {
         display: inline-block;
 
         height: 9px;
@@ -718,7 +775,7 @@ export default {
         border-bottom: 2px solid white;
         transform: rotate(45deg);
         margin-left: 7px;
-      }
+      } */
     }
 
     > :last-child {
@@ -820,7 +877,7 @@ export default {
       color: #2468f2;
     }
 
-    i {
+  /*   i {
       display: inline-block;
 
       height: 8px;
@@ -829,7 +886,7 @@ export default {
       border-bottom: 2px solid #2468f2;
       transform: rotate(45deg);
       margin-left: 7px;
-    }
+    } */
 
     > :last-child {
       position: absolute;
@@ -881,7 +938,7 @@ export default {
       color: #2468f2;
     }
 
-    i {
+  /*   i {
       display: inline-block;
 
       height: 8px;
@@ -890,7 +947,7 @@ export default {
       border-bottom: 2px solid #2468f2;
       transform: rotate(45deg);
       margin-left: 7px;
-    }
+    } */
 
     > :last-child {
       position: absolute;
diff --git a/FrontCode2/sunshine_levy/src/views/transit/final2.vue b/FrontCode2/sunshine_levy/src/views/transit/final2.vue
index bd8bbe6..1361d66 100644
--- a/FrontCode2/sunshine_levy/src/views/transit/final2.vue
+++ b/FrontCode2/sunshine_levy/src/views/transit/final2.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container">
+  <div :class="'container'+(mode?' old_container':'')">
     <div class="topBox">
       <div class="olderVersion">
         <div class="titleBox">被征收人信息查询</div>
@@ -205,12 +205,12 @@
 </template>
 
 <script>
-import $ from "jquery";
-export default {
+/* import $ from "jquery";
+ */export default {
   name: "home",
   data() {
     return {
-      mode: false,
+      mode: "",
       loading: true,
       data: {
         idCard: "加载中...",
@@ -234,25 +234,31 @@ export default {
     }
     console.log("1201-我是final2的created的2");
     this.setLocationAplus();
-    console.log("1201-我是final2的created的3");
-    if (sessionStorage.getItem("mode") == "older") {
+    this.mode = this.$root.mode
+/*     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");
   },
+     computed:{
+      watchMode(){
+        return this.$root.mode
+      }
+   },
+  watch: {
+      watchMode(val, oldVal) {
+        this.mode = val
+      }
+    },
   methods: {
     onInit() {},
     setLocationAplus() {},
-    changeStyle() {},
   },
 };
 </script>