update

FrontCode2/sunshine_levy/src/views/index.vue

@@ -7,19 +7,28 @@
         </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')"
@@ -34,18 +43,27 @@
         </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 :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>
@@ -89,14 +107,19 @@
                     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>
             <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>
@@ -104,28 +127,39 @@
                 </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 }}
-                      assess.assessmentNo
-                      }}
                     </span>
                   </div>
                   <div class="assessBox">
-                    <span class="projectCenterFont" style="width: 40%">被征收房屋地址：</span>
+                    <span class="projectCenterFont" style="width: 40%"
-                    <span class="projectCenterFont protocolTitle">{{ assess.houseAddress }}</span>
+                      >被征收房屋地址：</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>
@@ -133,25 +167,34 @@
                 </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" style="width: 40%"
-                    <span class="projectCenterFont protocolTitle">{{ protocol.houseAddress }}</span>
+                      >被征收房屋地址：</span
+                    >
+                    <span class="projectCenterFont protocolTitle">{{
+                      protocol.houseAddress
+                    }}</span>
                   </div>
                   <div class="assessBox">
                     <span class="projectCenterFont">补偿方式：</span>
-                    <span class="projectCenterFont">{{ protocol.switchProductionWay }}</span>
+                    <span class="projectCenterFont">{{
+                      protocol.switchProductionWay
+                    }}</span>
                   </div>
                   <div class="assessBox">
                     <span class="projectCenterFont">合计补偿资金：</span>
-                    <span
+                    <span class="projectTitle" style="color: red"
-                      class="projectTitle"
+                      >¥{{ protocol.summationShouldCompensateMoney }}</span
-                      style="color: red"
+                    >
-                    >¥{{ protocol.summationShouldCompensateMoney }}</span>
                   </div>
                 </div>
               </van-list>
@@ -160,7 +203,10 @@
         </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>
@@ -178,7 +224,10 @@
             <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>
@@ -191,7 +240,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>
@@ -211,14 +263,14 @@
 </template>
 
 <script>
-import './home.css';
+import "./home.css";
-import { apis } from '@/common/apis';
+import { apis } from "@/common/apis";
-import { token } from '@/common/token';
+import { token } from "@/common/token";
-import request from '@/common/util';
+import request from "@/common/util";
-import { mgop } from '@aligov/jssdk-mgop';
+import { mgop } from "@aligov/jssdk-mgop";
 
 export default {
-  name: 'home',
+  name: "home",
   data() {
     return {
       // data: {
@@ -256,25 +308,25 @@ export default {
       //   ],
       // },
       data: {},
-      total: '8',
+      total: "8",
       list: [
         {
           id: 11,
-          area: '全大市',
+          area: "全大市",
-          title: '宁波市住房和城乡建设委员会开展关于住房的政策',
+          title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: '2021年09月05日',
+          publish_date: "2021年09月05日",
         },
         {
           id: 22,
-          area: '全大市',
+          area: "全大市",
-          title: '宁波市住房和城乡建设委员会开展关于住房的政策',
+          title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: '2021年09月05日',
+          publish_date: "2021年09月05日",
         },
         {
           id: 33,
-          area: '全大市',
+          area: "全大市",
-          title: '宁波市住房和城乡建设委员会开展关于住房的政策',
+          title: "宁波市住房和城乡建设委员会开展关于住房的政策",
-          publish_date: '2021年09月05日',
+          publish_date: "2021年09月05日",
         },
       ],
       loading: false,
@@ -292,24 +344,24 @@ export default {
     onLoad() {},
     onInit() {
       mgop({
-        api: 'mgop.kykj.houseexpropriat.getprjlist', // 必须
+        api: "mgop.kykj.houseexpropriat.getprjlist", // 必须
-        host: 'https://mapi.zjzwfw.gov.cn/',
+        host: "https://mapi.zjzwfw.gov.cn/",
-        dataType: 'JSON',
+        dataType: "JSON",
-        type: 'GET',
+        type: "GET",
         data: {
           ticket: this.$route.query.ticket,
         },
-        appKey: 'es4b8zmz+2001833218+dehllx', // 必须
+        appKey: "es4b8zmz+2001833218+dehllx", // 必须
         onSuccess: (data) => {
-          console.log('data', data);
+          console.log("data", data);
           if (data.data && data.data.success == true) {
-            // this.data = data.data;
+            this.data = data.data;
           } else {
-            console.log('用户无数据，不展示');
+            console.log("用户无数据，不展示");
           }
         },
         onFail: (err) => {
-          console.log(err, 'err');
+          console.log(err, "err");
         },
       });
       //获取当前数据
@@ -321,25 +373,25 @@ export default {
       // });
     },
     gotoProject(type) {
-      this.$router.push({ name: 'projectSelect', params: { type: type } });
+      this.$router.push({ name: "projectSelect", params: { type: type } });
     },
     setZwUserAplus(Userid) {
       // 设置用户信息埋点
       aplus_queue.push({
-        action: 'aplus.setMetaInfo',
+        action: "aplus.setMetaInfo",
-        arguments: ['_hold', 'BLOCK'],
+        arguments: ["_hold", "BLOCK"],
       });
       aplus_queue.push({
-        action: 'aplus.setMetaInfo',
+        action: "aplus.setMetaInfo",
-        arguments: ['_user_nick', this.userInfoData.username],
+        arguments: ["_user_nick", this.userInfoData.username],
       });
       aplus_queue.push({
-        action: 'aplus.setMetaInfo',
+        action: "aplus.setMetaInfo",
-        arguments: ['_user_id', Userid],
+        arguments: ["_user_id", Userid],
       });
       aplus_queue.push({
-        action: 'aplus.setMetaInfo',
+        action: "aplus.setMetaInfo",
-        arguments: ['_hold', 'START'],
+        arguments: ["_hold", "START"],
       });
     },
     // 基础信息埋点配置
@@ -349,38 +401,38 @@ export default {
         var f = d.getElementsByTagName(s)[0];
         var j = d.createElement(s);
         j.async = true;
-        j.id = 'beacon-aplus';
+        j.id = "beacon-aplus";
-        j.src = 'https://d.alicdn.com/alilog/mlog/aplus.js?id=202951085';
+        j.src = "https://d.alicdn.com/alilog/mlog/aplus.js?id=202951085";
         f.parentNode.insertBefore(j, f);
-      })(window, document, 'script', 'aplus_queue');
+      })(window, document, "script", "aplus_queue");
       aplus_queue.push({
-        action: 'aplus.setMetaInfo',
+        action: "aplus.setMetaInfo",
-        arguments: ['aplus-rhost-v', 'alog.zjzwfw.gov.cn'],
+        arguments: ["aplus-rhost-v", "alog.zjzwfw.gov.cn"],
       });
       aplus_queue.push({
-        action: 'aplus.setMetaInfo',
+        action: "aplus.setMetaInfo",
-        arguments: ['aplus-rhost-g', 'alog.zjzwfw.gov.cn'],
+        arguments: ["aplus-rhost-g", "alog.zjzwfw.gov.cn"],
       });
       // 这个会落到 app_key 字段上
       aplus_queue.push({
-        action: 'aplus.setMetaInfo',
+        action: "aplus.setMetaInfo",
-        arguments: ['appId', '60506758'],
+        arguments: ["appId", "60506758"],
       });
       // 单页应用 或 “单个页面”需异步补充 PV 日志参数还需进行如下埋点：
       aplus_queue.push({
-        action: 'aplus.setMetaInfo',
+        action: "aplus.setMetaInfo",
-        arguments: ['aplus-waiting', 'MAN'],
+        arguments: ["aplus-waiting", "MAN"],
       });
       // 单页应用路由切换后 或 在异步获取到 pv 日志所需的参数后再执行 sendPV：
       aplus_queue.push({
-        action: 'aplus.sendPV',
+        action: "aplus.sendPV",
         arguments: [
           {
             is_auto: false,
           },
           {
-            miniAppId: '2001833218', //'应用开发管理平台-应用 ID
+            miniAppId: "2001833218", //'应用开发管理平台-应用 ID
-            miniAppName: '房屋征收',
+            miniAppName: "房屋征收",
           },
         ],
       });