From 43166c1a788c6b25f05c0e669262a1784ed1bdf5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=87=AA=E5=B8=A6=E5=A4=A7=E4=BD=AC=E6=B0=94=E5=9C=BA?=
 <188633308@qq.com>
Date: Wed, 15 Sep 2021 15:33:54 +0800
Subject: [PATCH] =?UTF-8?q?update:=E6=9B=B4=E6=96=B0=E6=94=BF=E7=AD=96?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FrontCode2/sunshine_levy/src/views/index.vue | 277 ++++++-------------
 1 file changed, 89 insertions(+), 188 deletions(-)

diff --git a/FrontCode2/sunshine_levy/src/views/index.vue b/FrontCode2/sunshine_levy/src/views/index.vue
index 0f0a25f..f8a05a6 100644
--- a/FrontCode2/sunshine_levy/src/views/index.vue
+++ b/FrontCode2/sunshine_levy/src/views/index.vue
@@ -7,28 +7,19 @@
         </div>
         <div>
           <div class="baseInfo">
-            <van-image
-              :src="require('@/assets/img/renyuanliebiao.png')"
-              class="baseImg"
-            />
+            <van-image :src="require('@/assets/img/renyuanliebiao.png')" class="baseImg" />
             <span class="baseFont">被征收人姓名：</span>
             <span class="baseFont">{{ data.userName }}</span>
           </div>
           <div class="baseInfo">
-            <van-image
-              :src="require('@/assets/img/credentials_icon.png')"
-              class="baseImg"
-            />
+            <van-image :src="require('@/assets/img/credentials_icon.png')" class="baseImg" />
             <span class="baseFont">身份证号码：</span>
             <span class="baseFont">{{ data.idCard }}</span>
           </div>
         </div>
         <div>
           <div class="gridBg centerMagin">
-            <van-image
-              :src="require('@/assets/img/scan.png')"
-              class="gridImg"
-            />
+            <van-image :src="require('@/assets/img/scan.png')" class="gridImg" />
             <van-image
               :src="require('@/assets/img/evaluation .png')"
               @click="gotoProject('pg')"
@@ -43,27 +34,18 @@
         </div>
       </div>
       <div class="centerMagin">
-        <van-image
-          :src="require('@/assets/img/government.png')"
-          class="bigImg"
-        />
+        <van-image :src="require('@/assets/img/government.png')" class="bigImg" />
       </div>
       <van-list>
         <div :key="item.prjId" v-for="item in data.prjList">
           <div class="centerMagin">
             <div class="project">
               <div>
-                <van-image
-                  :src="require('@/assets/img/project.png')"
-                  class="projectIcon"
-                />
+                <van-image :src="require('@/assets/img/project.png')" class="projectIcon" />
                 <span class="projectTitle">{{ item.name }}</span>
               </div>
               <div class="projectRight">
-                <van-image
-                  :src="require('@/assets/img/menu_yhxy.png')"
-                  class="projectRightIcon"
-                />
+                <van-image :src="require('@/assets/img/menu_yhxy.png')" class="projectRightIcon" />
                 <span class="projectRightFont">{{ item.currentState }}</span>
               </div>
             </div>
@@ -107,19 +89,18 @@
                     class="projectCenterImg"
                   />
                   <span class="projectCenterFont">征收决定号：</span>
-                  <span class="projectCenterFont" style="color: #3883f1">{{
+                  <span class="projectCenterFont" style="color: #3883f1">
+                    {{
                     item.zsjdh
-                  }}</span>
+                    }}
+                  </span>
                 </div>
               </div>
             </div>
             <div class="centerMagin">
               <div class="assess">
                 <div>
-                  <van-image
-                    :src="require('@/assets/img/assess_1.png')"
-                    class="assessIcon"
-                  />
+                  <van-image :src="require('@/assets/img/assess_1.png')" class="assessIcon" />
                   <span class="assessTitle">分户评估结果</span>
                 </div>
                 <!-- <div>
@@ -127,39 +108,28 @@
                 </div>-->
               </div>
               <van-list>
-                <div
-                  :key="assess.id"
-                  class="assessCenter1"
-                  v-for="assess in item.fhpgList"
-                >
+                <div :key="assess.id" class="assessCenter1" v-for="assess in item.fhpgList">
                   <div class="assessBox">
                     <span class="projectCenterFont">评估报告编号：</span>
-                    <span class="projectCenterFont">
-                      {{ assess.assessmentNo }}
+                    <span class="projectCenterFont">{{ assess.assessmentNo }}</span>
+                  </div>
+                  <div class="assessBox">
+                    <span class="projectCenterFont" style="width: 40%">被征收房屋地址：</span>
+                    <span class="projectCenterFont protocolTitle">
+                      {{
+                      assess.houseAddress
+                      }}
                     </span>
                   </div>
-                  <div class="assessBox">
-                    <span class="projectCenterFont" style="width: 40%"
-                      >被征收房屋地址：</span
-                    >
-                    <span class="projectCenterFont protocolTitle">{{
-                      assess.houseAddress
-                    }}</span>
-                  </div>
                   <div class="assessBox">
                     <span class="projectCenterFont">评估总金额：</span>
-                    <span class="projectTitle" style="color: red"
-                      >¥{{ assess.countValue }}</span
-                    >
+                    <span class="projectTitle" style="color: red">¥{{ assess.countValue }}</span>
                   </div>
                 </div>
               </van-list>
               <div class="assess">
                 <div>
-                  <van-image
-                    :src="require('@/assets/img/assess_2.png')"
-                    class="assessIcon"
-                  />
+                  <van-image :src="require('@/assets/img/assess_2.png')" class="assessIcon" />
                   <span class="assessTitle">补偿协议</span>
                 </div>
                 <!-- <div>
@@ -167,34 +137,33 @@
                 </div>-->
               </div>
               <van-list>
-                <div
-                  :key="protocol.id"
-                  class="assessCenter2"
-                  v-for="protocol in item.bcxyList"
-                >
+                <div :key="protocol.id" class="assessCenter2" v-for="protocol in item.bcxyList">
                   <div class="assessBox">
                     <span class="projectCenterFont">协议编号：</span>
                     <span class="projectCenterFont">{{ protocol.xyNo }}</span>
                   </div>
                   <div class="assessBox">
-                    <span class="projectCenterFont" style="width: 40%"
-                      >被征收房屋地址：</span
-                    >
-                    <span class="projectCenterFont protocolTitle">{{
+                    <span class="projectCenterFont" style="width: 40%">被征收房屋地址：</span>
+                    <span class="projectCenterFont protocolTitle">
+                      {{
                       protocol.houseAddress
-                    }}</span>
+                      }}
+                    </span>
                   </div>
                   <div class="assessBox">
                     <span class="projectCenterFont">补偿方式：</span>
-                    <span class="projectCenterFont">{{
+                    <span class="projectCenterFont">
+                      {{
                       protocol.switchProductionWay
-                    }}</span>
+                      }}
+                    </span>
                   </div>
                   <div class="assessBox">
                     <span class="projectCenterFont">合计补偿资金：</span>
-                    <span class="projectTitle" style="color: red"
-                      >¥{{ protocol.summationShouldCompensateMoney }}</span
-                    >
+                    <span
+                      class="projectTitle"
+                      style="color: red"
+                    >¥{{ protocol.summationShouldCompensateMoney }}</span>
                   </div>
                 </div>
               </van-list>
@@ -203,15 +172,15 @@
         </div>
       </van-list>
       <div class="centerMagin">
-        <van-image
-          :src="require('@/assets/img/expropriationPolicy.png')"
-          class="bigImg"
-        />
+        <van-image :src="require('@/assets/img/expropriationPolicy.png')" class="bigImg" />
       </div>
       <div class="centerMagin">
         <span class="projectTitle" style="color: #202020">征收政策</span>
         <div class="assessBox" style="padding-left: 5px; padding-right: 5px">
-          <span class="font11" style="color: #2c2b2b">共{{ total }}条</span>
+          <span
+            class="font11"
+            style="color: #2c2b2b"
+          >共{{ data.policiesRegulationsList.totalCount }}条</span>
           <!-- <div>
             <span class="font11">查看全部</span>
             <van-icon color="#1989fa" name="arrow" />
@@ -219,18 +188,19 @@
         </div>
       </div>
       <div class="centerMagin" style="padding-bottom: 20px">
-        <div class="protocolBox" @click="pageJump()">
-          <van-list :finished="finished" @load="onLoad" v-model="loading">
-            <div :key="item.id" class="protocolList" v-for="(item, i) in list">
+        <div @click="pageJump()" class="protocolBox">
+          <van-list>
+            <div
+              :key="item.id"
+              class="protocolList"
+              v-for="(item, i) in data.policiesRegulationsList.list"
+            >
               <div class="protocolLine" v-if="i != list.length - 1">
                 <div class="font14 protocolTitle">{{ item.title }}</div>
-                <div
-                  class="assessBox"
-                  style="padding-left: 5px; padding-right: 5px"
-                >
+                <div class="assessBox" style="padding-left: 5px; padding-right: 5px">
                   <div>
                     <span class="font11">发布时间：</span>
-                    <span class="font11">{{ item.publish_date }}</span>
+                    <span class="font11">{{ item.publicTime }}</span>
                   </div>
                   <div>
                     <span class="font11">区域：</span>
@@ -240,13 +210,10 @@
               </div>
               <div style="padding-bottom: 10px" v-else>
                 <div class="font14 protocolTitle">{{ item.title }}</div>
-                <div
-                  class="assessBox"
-                  style="padding-left: 5px; padding-right: 5px"
-                >
+                <div class="assessBox" style="padding-left: 5px; padding-right: 5px">
                   <div>
                     <span class="font11">发布时间：</span>
-                    <span class="font11">{{ item.publish_date }}</span>
+                    <span class="font11">{{ item.publicTime }}</span>
                   </div>
                   <div>
                     <span class="font11">区域：</span>
@@ -263,40 +230,21 @@
 </template>
 
 <script>
-import "./home.css";
-import { apis } from "@/common/apis";
-import { token } from "@/common/token";
-import request from "@/common/util";
-import { mgop } from "@aligov/jssdk-mgop";
+import './home.css';
+import { apis } from '@/common/apis';
+import { token } from '@/common/token';
+import request from '@/common/util';
+import { mgop } from '@aligov/jssdk-mgop';
 
 export default {
-  name: "home",
+  name: 'home',
   data() {
     return {
-      data: {},
-      total: "8",
-      list: [
-        {
-          id: 11,
-          area: "全大市",
-          title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: "2021年09月05日"
+      data: {
+        policiesRegulationsList: {
+          totalCount: 0,
         },
-        {
-          id: 22,
-          area: "全大市",
-          title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: "2021年09月05日"
-        },
-        {
-          id: 33,
-          area: "全大市",
-          title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: "2021年09月05日"
-        }
-      ],
-      loading: false,
-      finished: true,
+      },
       // userInfoData: {} // 用户个人信息
     };
   },
@@ -310,76 +258,31 @@ export default {
     onLoad() {},
     onInit() {
       mgop({
-        api: "mgop.kykj.houseexpropriat.getprjlist", // 必须
-        host: "https://mapi.zjzwfw.gov.cn/",
-        dataType: "JSON",
-        type: "POST",
+        api: 'mgop.kykj.houseexpropriat.getprjlist', // 必须
+        host: 'https://mapi.zjzwfw.gov.cn/',
+        dataType: 'JSON',
+        type: 'POST',
         data: {
-          ticket: this.$route.query.ticket
+          ticket: this.$route.query.ticket,
         },
-        appKey: "es4b8zmz+2001833218+dehllx", // 必须
-        onSuccess: data => {
-          console.log("data", data);
+        appKey: 'es4b8zmz+2001833218+dehllx', // 必须
+        onSuccess: (data) => {
+          console.log('data', data);
           if (data.data && data.data.success == true) {
-            debugger
+            debugger;
             this.data = data.data.data;
             this.setZwUserAplus(this.data.idCard, this.data.userName);
           } else {
-            console.log("用户无数据，不展示");
+            console.log('用户无数据，不展示');
           }
         },
-        onFail: err => {
-          console.log(err, "err");
+        onFail: (err) => {
+          console.log(err, 'err');
+        },
+        onFail: (err) => {
+          console.log(err, 'err');
         },
-        onFail: err => {
-          console.log(err, "err");
-        }
       });
-      // let apidata = {
-      //   success: true,
-      //   code: 200,
-      //   message: "请求成功",
-      //   data: {
-      //     userName: "张三丰",
-      //     idCard: "341203199206303411",
-      //     prjList: [
-      //       {
-      //         prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
-      //         name: "项目名称",
-      //         area: "海曙区",
-      //         zsbm: "宁波市海曙区房屋征收管理服务中心",
-      //         year: 2021.0,
-      //         zsjdh: "海政发[2021]513号",
-      //         currentState: "项目报结",
-      //         fhpgList: [
-      //           {
-      //             prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
-      //             id: "a400583e-ae93-444f-8a20-4c4731b0cc13",
-      //             assessmentNo: "0513",
-      //             houseAddress: "高桥镇",
-      //             countValue: "137654.00"
-      //           }
-      //         ],
-      //         bcxyList: [
-      //           {
-      //             prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
-      //             id: "bf21b302-8059-462d-985f-ce7452c4d5b4",
-      //             xyNo: "海政发2021513-0513-1",
-      //             houseAddress: "高桥镇",
-      //             switchProductionWay: "货币补偿",
-      //             summationShouldCompensateMoney: "137654.00"
-      //           }
-      //         ]
-      //       }
-      //     ]
-      //   },
-      //   extras: null,
-      //   timestamp: 1631261808797
-      // };
-      // if (apidata.code == 200) {
-      //   this.data = apidata.data;
-      // }
-      // this.onLogin();
       //获取当前数据
       // apis.getprjdata({ ticket: this.$route.query.ticket }).then((prjdata) => {
       //   debugger;
@@ -389,7 +292,7 @@ export default {
       // });
     },
     gotoProject(type) {
-      this.$router.push({ name: "projectSelect", params: { type: type } });
+      this.$router.push({ name: 'projectSelect', params: { type: type } });
     },
     onLoadStatistic() {
       apis.projectStatistics().then(({ result }) => {
@@ -398,31 +301,29 @@ export default {
     },
     // 页面跳转
     pageJump() {
-      this.$router.push("/policyInfo");
+      this.$router.push('/policyInfo');
     },
     setZwUserAplus(Userid, userName) {
       // 设置用户信息埋点
       aplus_queue.push({
-        action: "aplus.setMetaInfo",
-        arguments: ["_hold", "BLOCK"]
+        action: 'aplus.setMetaInfo',
+        arguments: ['_hold', 'BLOCK'],
       });
       aplus_queue.push({
-        action: "aplus.setMetaInfo",
-        arguments: ["_user_nick", userName] // this.userInfoData.username],
+        action: 'aplus.setMetaInfo',
+        arguments: ['_user_nick', userName], // this.userInfoData.username],
       });
       aplus_queue.push({
-        action: "aplus.setMetaInfo",
-        arguments: ["_user_id", Userid]
+        action: 'aplus.setMetaInfo',
+        arguments: ['_user_id', Userid],
       });
       aplus_queue.push({
-        action: "aplus.setMetaInfo",
-        arguments: ["_hold", "START"]
+        action: 'aplus.setMetaInfo',
+        arguments: ['_hold', 'START'],
       });
     },
     // 基础信息埋点配置
-    setZwaplus() {
-     
-    }
-  }
+    setZwaplus() {},
+  },
 };
 </script>