From a2c54cfcaf040709d258e33afee6e6e4a3c20872 Mon Sep 17 00:00:00 2001
From: lisl <1223762861@qq.com>
Date: Fri, 17 Sep 2021 16:37:07 +0800
Subject: [PATCH] =?UTF-8?q?update:=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FrontCode2/sunshine_levy/src/views/index.vue  |  67 ++++----
 .../sunshine_levy/src/views/pdf/pdf.vue       |  35 ++--
 .../sunshine_levy/src/views/project/index.vue |  45 +++---
 .../src/views/report/compensate.vue           | 152 ------------------
 .../src/views/report/evalute.vue              |  44 ++---
 5 files changed, 103 insertions(+), 240 deletions(-)
 delete mode 100644 FrontCode2/sunshine_levy/src/views/report/compensate.vue

diff --git a/FrontCode2/sunshine_levy/src/views/index.vue b/FrontCode2/sunshine_levy/src/views/index.vue
index f92f984..d310fb6 100644
--- a/FrontCode2/sunshine_levy/src/views/index.vue
+++ b/FrontCode2/sunshine_levy/src/views/index.vue
@@ -53,7 +53,9 @@
       <van-list>
         <div :key="item.prjId" v-for="item in data.prjList">
           <div class="centerMagin">
+            <!-- 图标所在行 -->
             <div class="project">
+              <!-- window图标 -->
               <div>
                 <van-image
                   :src="require('@/assets/img/project.png')"
@@ -61,6 +63,7 @@
                 />
                 <span class="projectTitle">{{ item.name }}</span>
               </div>
+              <!-- 补偿协议图标 -->
               <div class="projectRight">
                 <van-image
                   :src="require('@/assets/img/menu_yhxy.png')"
@@ -70,8 +73,9 @@
               </div>
             </div>
           </div>
+          <!-- 所有内容 -->
           <div class="projectCenter centerMagin">
-            <!-- 曙光一村内容 -->
+            <!-- 项目内容 -->
             <div class="projectCenterBox">
               <div class="projectCenterInfo">
                 <div class="projectCenterInfo">
@@ -126,15 +130,14 @@
                   />
                   <span class="assessTitle">分户评估结果</span>
                 </div>
-                <!-- <div>
-                  <van-image :src="require('@/assets/img/skip.png')" class="assessRightIcon" round />
-                </div>-->
               </div>
+              <!-- 分户评估遍历内容 -->
               <van-list>
                 <div
                   :key="assess.id"
                   class="assessCenter1"
                   v-for="assess in item.fhpgList"
+                  @click="gotoProject('pg', item.prjId)"
                 >
                   <div class="assessBox">
                     <span class="projectCenterFont">评估报告编号：</span>
@@ -171,6 +174,7 @@
                   <van-image :src="require('@/assets/img/skip.png')" class="assessRightIcon" round />
                 </div>-->
               </div>
+              <!-- 补偿协议遍历内容 -->
               <van-list>
                 <div
                   :key="protocol.id"
@@ -225,6 +229,7 @@
       </div>
       <div class="centerMagin" style="padding-bottom: 20px">
         <div class="protocolBox">
+          <!-- 遍历内容 -->
           <van-list>
             <div
               :key="item.id"
@@ -289,9 +294,10 @@ export default {
         idCard: "加载中...",
         userName: "加载中...",
         policiesRegulationsLists: {
-          totalCount: 0,
-        },
+          totalCount: 0
+        }
       },
+      ticket: "8a1188557bda7894017bf257a07e7ccb-ticket"
     };
   },
   async created() {
@@ -308,11 +314,12 @@ export default {
         dataType: "JSON",
         type: "POST",
         data: {
-          ticket: this.$route.query.ticket,
-          //ticket: "8a118a427bda7bed017bed084ec10622-ticket"
+          ticket: this.$route.query.ticket
+            ? this.$route.query.ticket
+            : this.ticket
         },
         appKey: "es4b8zmz+2001833218+dehllx",
-        onSuccess: (data) => {
+        onSuccess: data => {
           console.log("首页数据", data);
           if (data.data && data.data.success == true) {
             this.data = data.data.data;
@@ -328,16 +335,22 @@ export default {
             } else console.log("用户无数据，不展示");
           }
         },
-        onFail: (err) => {
+        onFail: err => {
           console.log("用户无数据，不展示");
-        },
+        }
       });
     },
     // 跳转项目详情
-    gotoProject(type) {
+    gotoProject(type, id) {
       this.$router.push({
         name: "projectSelect",
-        params: { type: type, ticket: this.$route.query.ticket },
+        params: {
+          type: type,
+          ticket: this.$route.params.ticket
+            ? this.$route.params.ticket
+            : this.ticket,
+          prjId: id ? id : this.data.prjList[0].prjId
+        }
       });
     },
     // 加载项目数统计信息
@@ -357,37 +370,37 @@ export default {
       // 设置用户信息埋点
       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(result1);
             //经纬度
             ZWJSBridge.getLocation()
-              .then((result2) => {
+              .then(result2 => {
                 console.log(result2);
                 debugger;
                 aplus_queue.push({
                   action: "aplus.sendPV",
                   arguments: [
                     {
-                      is_auto: false,
+                      is_auto: false
                     },
                     {
                       isMini: true,
@@ -395,20 +408,20 @@ 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);
           });
       });
-    },
-  },
+    }
+  }
 };
 </script>
diff --git a/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue b/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
index 81f5be2..3c088be 100644
--- a/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
+++ b/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
@@ -1,7 +1,8 @@
 <template>
   <div>
-    <pdf :src="url"></pdf>
-    <div ref="content" class="content">被保存的内容</div>
+    <div ref="content" class="content">
+      <pdf :src="url" class="PDF"></pdf>
+    </div>
     <div class="bottom">
       <a href="" download="">
         <el-button type="primary">保存到相册</el-button>
@@ -19,44 +20,36 @@ import axios from "axios";
 import request from "@/common/util";
 export default {
   components: {
-    pdf,
+    pdf
   },
   data() {
     return {
-      url: "",
+      url: ""
     };
   },
   created() {
     this.onInit();
-    console.log("pdf");
-  },
-  mounted() {
-    // 截图
-    html2canvas(this.$refs.content).then((canvas) => {
-      canvas.id = "mycanvas";
-      const base64 = canvas.toDataURL("image/png");
-      jquery("a").prop("href", base64);
-    });
   },
   methods: {
     onInit() {
       this.onLoadData();
       request({
-        url: "http://localhost:5566/agreement/info",
+        url: "http://10.19.94.9:7099/api/agreement/info",
         method: "post",
         data: {
-          ticket: "8a1188557bda7894017bed584f803119-ticket",
-          id: "C655515B-FD91-48F2-BD79-EAABAFB7077C",
+          ticket: "8a1188557bda7894017bf257a07e7ccb-ticket",
+          id: "C655515B-FD91-48F2-BD79-EAABAFB7077C"
         },
         headers: { "Content-Type": "application/json; charset=UTF-8" },
-        responseType: "arraybuffer", //一定要设置响应类型，否则页面会是空白pdf
-      }).then((result) => {
+        responseType: "arraybuffer" //一定要设置响应类型，否则页面会是空白pdf
+      }).then(result => {
         const binaryData = [];
         binaryData.push(result.data);
         //获取blob链接
         this.url = window.URL.createObjectURL(
           new Blob(binaryData, { type: "application/pdf" })
         );
+        jquery("a").prop("href", this.url);
         // if (pdfUrl) {
         //   this.handlePrint(pdfUrl);
         // }
@@ -107,16 +100,16 @@ export default {
     onLoadData() {
       // console.log(this.$route.params);
       // this.url = this.$route.params.url;
-    },
-  },
+    }
+  }
 };
 </script>
 <style lang="less" scoped>
 .content {
   text-align: center;
-  height: 200px;
   line-height: 200px;
   font-size: 30px;
+  margin-bottom: 20px;
 }
 .bottom {
   text-align: center;
diff --git a/FrontCode2/sunshine_levy/src/views/project/index.vue b/FrontCode2/sunshine_levy/src/views/project/index.vue
index 7381751..7bc0b8b 100644
--- a/FrontCode2/sunshine_levy/src/views/project/index.vue
+++ b/FrontCode2/sunshine_levy/src/views/project/index.vue
@@ -32,25 +32,26 @@
       <van-list>
         <div
           :key="item.id"
-          @click="gotoDetail(item.id)"
           class="proListBox shadow"
           v-for="item in info.prjList"
         >
-          <div class="proAreaBox">
-            <div class="proArea">{{ item.area }}</div>
-            <div class="proCenterFont" v-if="item.state_cd == 1">
-              · {{ item.currentState }}
+          <div @click="gotoDetail(item.prjId)">
+            <div class="proAreaBox">
+              <div class="proArea">{{ item.area }}</div>
+              <div class="proCenterFont" v-if="item.state_cd == 1">
+                · {{ item.currentState }}
+              </div>
+              <div class="proCenterFont" style="color:#179D5C" v-else>
+                · {{ item.currentState }}
+              </div>
             </div>
-            <div class="proCenterFont" style="color:#179D5C" v-else>
-              · {{ item.currentState }}
+            <div class="proAreaBox">
+              <div class="proTitleBox">{{ item.name }}</div>
+            </div>
+            <van-divider style="margin:8px 0;" />
+            <div class="proDateBox">
+              <div>{{ item.prjId }}</div>
             </div>
-          </div>
-          <div class="proAreaBox">
-            <div class="proTitleBox">{{ item.zsbm }}</div>
-          </div>
-          <van-divider style="margin:8px 0;" />
-          <div class="proDateBox">
-            <div>{{ item.year }}</div>
           </div>
         </div>
       </van-list>
@@ -86,10 +87,12 @@ export default {
   },
   created() {
     this.onInit();
-    this.onLoadData();
   },
   methods: {
+    // 获取数据
     onInit() {
+      this.type = this.$route.params.type;
+      this.ticket = this.$route.params.ticket;
       mgop({
         api: "mgop.kykj.houseexpropriat.getprjlist",
         host: "https://mapi.zjzwfw.gov.cn/",
@@ -100,7 +103,6 @@ export default {
         },
         appKey: "es4b8zmz+2001833218+dehllx",
         onSuccess: data => {
-          console.log("首页数据", data);
           const { data: res } = data;
           this.info = res.data;
         },
@@ -109,16 +111,17 @@ export default {
         }
       });
     },
-    onLoadData() {
-      this.type = this.$route.params.type;
-      this.ticket = this.$route.params.ticket;
-    },
+    // 页面跳转
     gotoDetail(id) {
       if (this.type == "pg") {
         // 评估结果页面
         this.$router.push({
           name: "evaluteResult",
-          params: { projectid: id, type: this.type, ticket: this.ticket }
+          params: {
+            prjId: id,
+            type: this.type,
+            ticket: this.$route.params.ticket
+          }
         });
       } else if (this.type == "xy") {
         // 协议结果页面
diff --git a/FrontCode2/sunshine_levy/src/views/report/compensate.vue b/FrontCode2/sunshine_levy/src/views/report/compensate.vue
deleted file mode 100644
index 2ba5fc8..0000000
--- a/FrontCode2/sunshine_levy/src/views/report/compensate.vue
+++ /dev/null
@@ -1,152 +0,0 @@
-<template>
-  <div class="container">
-    <div class="image">
-      <img alt src="@/assets/img/evalute.png" />
-    </div>
-    <div class="text">为您查询到{{ this.result }}条结果</div>
-    <div :key="index" v-for="(item, index) in info" @click="pageJump()">
-      <el-card body-style="padding:10px">
-        <div>
-          <img alt src="@/assets/img/bianhao.png" />
-          评估报告编号：
-          <b>{{ item.number }}</b>
-        </div>
-        <div>
-          <img alt src="@/assets/img/name.png" />
-          被征收人姓名：
-          <b>{{ item.name }}</b>
-        </div>
-        <div>
-          <img alt src="@/assets/img/address.png" />
-          被征收人房屋地址：
-          <b>{{ item.address }}</b>
-        </div>
-        <div>
-          <img alt src="@/assets/img/money.png" />
-          评估总金额：
-          <b style="color: red">{{ item.money }}</b>
-        </div>
-        <div class="line">
-          <img alt src="@/assets/img/hengxian.png" />
-        </div>
-        <div class="content">
-          <div class=" backgroundColor">
-            <img alt src="@/assets/img/renyuan.png" />
-            <span> 评估人员：{{ item.person }}</span>
-          </div>
-          <div class="backgroundColor">
-            <img alt src="@/assets/img/shijian.png" />
-            <span> 评估时间：{{ item.time }}</span>
-          </div>
-        </div>
-      </el-card>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  data() {
-    return {
-      result: "2",
-      info: [
-        {
-          number: "044",
-          name: "胡守钧",
-          address: "宁波市江北区四洲街16号404",
-          money: "180234元",
-          person: "王勇",
-          time: "2021-9-1"
-        },
-        {
-          number: "044",
-          name: "胡守钧",
-          address: "宁波市江北区四洲街16号404",
-          money: "180234元",
-          person: "王勇",
-          time: "2021-9-1"
-        }
-      ]
-    };
-  },
-  created() {
-    this.onInit();
-  },
-  methods: {
-    onInit() {
-      this.onLoadData();
-    },
-    onLoadData() {
-      console.log(this.$route.params);
-      this.type = this.$route.params.type;
-    },
-    pageJump(type) {
-      this.$router.push({
-        name: "evaluteResult",
-        params: { type: type, ticket: this.$route.query.ticket }
-      });
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.container {
-  font-size: 12px;
-  .image {
-    margin-top: 20px;
-    text-align: center;
-    img {
-      width: 90%;
-    }
-  }
-  .text {
-    font-weight: bolder;
-    margin: 10px 0;
-    text-align: center;
-    color: #2d6df2;
-  }
-
-  .el-card {
-    margin: 0 10px 10px;
-    .el-card__body {
-      > div {
-        margin: 14px 0;
-        display: flex;
-        align-items: center;
-        img {
-          margin-right: 6px;
-        }
-        b {
-          font-size: 14px;
-        }
-      }
-      .line {
-        opacity: 1;
-        img {
-          width: 100%;
-        }
-        img {
-          height: 2px;
-        }
-      }
-      .content {
-        display: flex;
-        justify-content: space-between;
-        > div {
-          display: flex;
-          align-items: center;
-        }
-        .backgroundColor {
-          background-color: #e3ebfd;
-          img {
-            margin-right: 10px;
-          }
-          span {
-            padding-right: 10px;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/FrontCode2/sunshine_levy/src/views/report/evalute.vue b/FrontCode2/sunshine_levy/src/views/report/evalute.vue
index 3151f60..3f6afdb 100644
--- a/FrontCode2/sunshine_levy/src/views/report/evalute.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/evalute.vue
@@ -3,12 +3,10 @@
     <div class="image">
       <img alt src="@/assets/img/evalute.png" />
     </div>
-    <div class="text">
-      为您查询到{{ this.info.prjList[0].fhpgList.length }}条结果
-    </div>
+    <div class="text">为您查询到{{ this.returnResult() }}条结果</div>
     <div
       :key="index"
-      v-for="(item, index) in info.prjList[0].fhpgList"
+      v-for="(item, index) in this.info.prjList[0].fhpgList"
       @click="pageJump()"
     >
       <el-card body-style="padding:10px">
@@ -38,11 +36,11 @@
         <div class="content">
           <div class=" backgroundColor">
             <img alt src="@/assets/img/renyuan.png" />
-            <span> 评估人员：{{ item.person }}</span>
+            <span> 评估人员：{{ item.createUserName }}</span>
           </div>
           <div class="backgroundColor">
             <img alt src="@/assets/img/shijian.png" />
-            <span> 评估时间：{{ item.time }}</span>
+            <span> 评估时间：{{ item.createTime }}</span>
           </div>
         </div>
       </el-card>
@@ -62,22 +60,22 @@ export default {
               {
                 assessmentNo: "无数据",
                 houseAddress: "无数据",
-                countValue: "无数据",
-                person: "无数据",
-                time: "无数据"
+                countValue: "无数据"
               }
             ]
           }
         ]
-      }
+      },
+      prjList: []
     };
   },
   created() {
     this.onInit();
   },
   methods: {
+    // 获取数据
     onInit() {
-      this.onLoadData();
+      this.type = this.$route.params.type;
       mgop({
         api: "mgop.kykj.houseexpropriat.getprjlist",
         host: "https://mapi.zjzwfw.gov.cn/",
@@ -91,21 +89,29 @@ export default {
           const { data: res } = data.data;
           console.log("res", res);
           this.info = res;
+          const obj = res.prjList.filter((index, item) => {
+            return item.prjId == this.$route.params.prjId;
+          });
+          console.log(999, obj);
         },
         onFail: err => {
           console.log("用户无数据，不展示");
         }
       });
     },
-    onLoadData() {
-      console.log(this.$route.params);
-      this.type = this.$route.params.type;
-    },
-    pageJump(type) {
+    // 跳转评估结果pdf
+    pageJump() {
       this.$router.push({
-        name: "evaluteResult",
-        params: { type: type, ticket: this.$route.query.ticket }
+        // name: "evaluteResult"
+        path: "/evaluteResult"
       });
+    },
+    // 页面顶部返回结果数值
+    returnResult() {
+      const object = this.info.prjList.filter((index, item) => {
+        return item.prjId == this.$route.params.prjId;
+      });
+      return object.length;
     }
   }
 };
@@ -161,7 +167,7 @@ export default {
         .backgroundColor {
           background-color: #e3ebfd;
           img {
-            margin-right: 10px;
+            margin-right: 4px;
           }
           span {
             padding-right: 10px;