bugfix 首页点击收缩失效

FrontCode2/sunshine_levy/src/views/index.vue

@@ -51,7 +51,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,7 +60,7 @@
           </div>
           <span>{{ item.currentState }}</span>
         </div>
-        <div class="absolute"></div>
+        <div class="absolute" v-on:click="absolute_click($event)"></div>
       </div>
       <div class="projectCenter">
         <!-- 项目内容 -->
@@ -99,7 +99,7 @@
           <van-image :src="require('@/assets/img/assess_1.png')" />
           <span>分户评估结果</span>
           <i></i>
-          <div class="absolute1"></div>
+          <div class="absolute1" v-on:click="absolute1_click($event)"></div>
         </div>
         <div
           :key="assess.id"
@@ -129,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"
@@ -225,6 +225,10 @@ export default {
     };
   },
   created() {
+    // var testdata =
+    //   '{"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 {
@@ -267,7 +271,7 @@ export default {
       $(".container").addClass("old_container");
     }
 
-    this.setDisplay();
+    //this.setDisplay();
   },
   methods: {
     // 获取数据
@@ -473,7 +477,98 @@ 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");
 
+        $(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)");
+      }
+    },
+    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)");
+      }
+    },
+    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)");
+      }
+    },
     /**
      * @项目折叠与隐藏
      */