From 017d64add7b309279dfbd54fae0118a51193c266 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: Fri, 10 Sep 2021 16:41:02 +0800
Subject: [PATCH] =?UTF-8?q?update:=E4=BF=AE=E6=94=B9=E4=B8=BB=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FrontCode2/sunshine_levy/src/views/index.vue | 194 +++++++------------
 1 file changed, 70 insertions(+), 124 deletions(-)

diff --git a/FrontCode2/sunshine_levy/src/views/index.vue b/FrontCode2/sunshine_levy/src/views/index.vue
index cf5c9b3..4dee572 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"
-                />
-                <span class="projectTitle">一块地？？？</span>
+                <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>
@@ -81,10 +63,7 @@
             </div>
             <div class="projectCenterInfo">
               <div class="projectCenterInfo">
-                <van-image
-                  :src="require('@/assets/img/project_dep.png')"
-                  class="projectCenterImg"
-                />
+                <van-image :src="require('@/assets/img/project_dep.png')" class="projectCenterImg" />
                 <span class="projectCenterFont">征收部门：</span>
                 <span class="projectCenterFont">{{ item.zsbm }}</span>
               </div>
@@ -101,23 +80,15 @@
             </div>
             <div class="projectCenterInfo">
               <div class="projectCenterInfo">
-                <van-image
-                  :src="require('@/assets/img/project_no.png')"
-                  class="projectCenterImg"
-                />
+                <van-image :src="require('@/assets/img/project_no.png')" class="projectCenterImg" />
                 <span class="projectCenterFont">征收决定号：</span>
-                <span class="projectCenterFont" style="color: #3883f1">
-                  {{ item.zsjdh }}
-                </span>
+                <span class="projectCenterFont" style="color: #3883f1">{{ item.zsjdh }}</span>
               </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>
@@ -125,35 +96,28 @@
                 </div>-->
               </div>
               <van-list>
-                <div :key="assess.prjId" 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">{{
+                    <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>
@@ -161,34 +125,25 @@
                 </div>-->
               </div>
               <van-list>
-                <div
-                  :key="protocol.prjId"
-                  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">
-                      {{ protocol.houseAddress }}
-                    </span>
+                    <span class="projectCenterFont" style="width: 40%">被征收房屋地址：</span>
+                    <span class="projectCenterFont protocolTitle">{{ protocol.houseAddress }}</span>
                   </div>
                   <div class="assessBox">
                     <span class="projectCenterFont">补偿方式：</span>
-                    <span class="projectCenterFont">
-                      {{ protocol.compensation }}
-                    </span>
+                    <span class="projectCenterFont">{{ protocol.switchProductionWay }}</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>
@@ -197,10 +152,7 @@
         </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>
@@ -218,10 +170,7 @@
             <div :key="item.id" class="protocolList" v-for="(item, i) in 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>
@@ -234,10 +183,7 @@
               </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>
@@ -257,12 +203,12 @@
 </template>
 
 <script>
-import "./home.css";
-import { apis } from "@/common/apis";
-import { token } from "@/common/token";
-import request from "@/common/util";
+import './home.css';
+import { apis } from '@/common/apis';
+import { token } from '@/common/token';
+import request from '@/common/util';
 export default {
-  name: "home",
+  name: 'home',
   data() {
     return {
       // apidata: {
@@ -325,25 +271,25 @@ export default {
       //   amount: "0",
       // },
       data: {},
-      total: "8",
+      total: '8',
       list: [
         {
           id: 11,
-          area: "全大市",
-          title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: "2021年09月05日",
+          area: '全大市',
+          title: '宁波市住房和城乡建设委员会开展关于住房的政策',
+          publish_date: '2021年09月05日',
         },
         {
           id: 22,
-          area: "全大市",
-          title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: "2021年09月05日",
+          area: '全大市',
+          title: '宁波市住房和城乡建设委员会开展关于住房的政策',
+          publish_date: '2021年09月05日',
         },
         {
           id: 33,
-          area: "全大市",
-          title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: "2021年09月05日",
+          area: '全大市',
+          title: '宁波市住房和城乡建设委员会开展关于住房的政策',
+          publish_date: '2021年09月05日',
         },
       ],
       loading: false,
@@ -359,36 +305,36 @@ export default {
       let apidata = {
         success: true,
         code: 200,
-        message: "请求成功",
+        message: '请求成功',
         data: {
-          userName: "张三丰",
-          idCard: "341203199206303411",
+          userName: '张三丰',
+          idCard: '341203199206303411',
           prjList: [
             {
-              prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
-              name: "项目名称",
-              area: "海曙区",
-              zsbm: "宁波市海曙区房屋征收管理服务中心",
+              prjId: '936d98a8-2c8f-410f-b126-68a7568f60c4',
+              name: '项目名称',
+              area: '海曙区',
+              zsbm: '宁波市海曙区房屋征收管理服务中心',
               year: 2021.0,
-              zsjdh: "海政发[2021]513号",
-              currentState: "项目报结",
+              zsjdh: '海政发[2021]513号',
+              currentState: '项目报结',
               fhpgList: [
                 {
-                  prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
-                  id: "a400583e-ae93-444f-8a20-4c4731b0cc13",
-                  assessmentNo: "0513",
-                  houseAddress: "高桥镇",
-                  countValue: "137654.00",
+                  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",
+                  prjId: '936d98a8-2c8f-410f-b126-68a7568f60c4',
+                  id: 'bf21b302-8059-462d-985f-ce7452c4d5b4',
+                  xyNo: '海政发2021513-0513-1',
+                  houseAddress: '高桥镇',
+                  switchProductionWay: '货币补偿',
+                  summationShouldCompensateMoney: '137654.00',
                 },
               ],
             },
@@ -410,11 +356,11 @@ export default {
       // });
     },
     gotoProject(type) {
-      this.$router.push({ name: "projectSelect", params: { type: type } });
+      this.$router.push({ name: 'projectSelect', params: { type: type } });
     },
     onLogin() {
       // this.loading = true;
-      let form = { account: "zgbqc", password: "111qqqqq" };
+      let form = { account: 'zgbqc', password: '111qqqqq' };
       apis
         .login(form)
         .finally(() => {
@@ -451,7 +397,7 @@ export default {
       var tbl = [];
       var len = n - num.toString().length;
       if (len <= 0) return num;
-      if (!tbl[len]) tbl[len] = new Array(len + 1).join("0");
+      if (!tbl[len]) tbl[len] = new Array(len + 1).join('0');
       return tbl[len] + num;
     },
   },