Merge branch 'master' of http://118.178.224.202:3000/ewide/zsxt_nbzs_h5

2021-09-28 10:53:36 +08:00
parent 9b8a0f6d82 474b0b7406
commit 5cac0fdeff
7 changed files with 597 additions and 423 deletions
--- a/FrontCode2/sunshine_levy/src/views/index.vue
+++ b/FrontCode2/sunshine_levy/src/views/index.vue
@@ -1,78 +1,55 @@
 <template>
  <div
+    class="page"
    v-loading="loading"
    element-loading-text="拼命加载中"
    element-loading-spinner="el-icon-loading"
  >
-    <div class="page">
    <div class="topBox">
      <div class="titleBox">
-          <div class="font">被征收人信息查询</div>
-        </div>
-        <div>
-          <div class="baseInfo">
-            <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"
-            />
-            <span class="baseFont">身份证号码：</span>
-            <span class="baseFont">{{ setIdCard(data.idCard) }}</span>
+        <van-image :src="require('@/assets/img/renyuanliebiao.png')" />
+        <span>被征收人姓名：</span>
+        <span>{{ data.userName }}</span>
      </div>
+      <div class="baseInfo">
+        <van-image :src="require('@/assets/img/credentials_icon.png')" />
+        <span>身份证号码：</span>
+        <span>{{ setIdCard(data.idCard) }}</span>
      </div>
      <!-- 三张背景图 -->
-        <div>
      <div class="gridBg centerMagin">
        <div class="gridImg" style="background:#1897FB;">
-              <van-image
-                :src="require('@/assets/img/scan.png')"
-                class="gridImgBg"
-              />
-              <span class="baseFont" style="padding-top: 5px;">扫一扫</span>
+          <van-image :src="require('@/assets/img/scan.png')" />
+          <span class="baseFont">扫一扫</span>
        </div>
        <div
          @click="gotoProject('pg')"
          class="gridImg"
          style="background:#F1AE4B;"
        >
-              <van-image
-                :src="require('@/assets/img/evaluation.png')"
-                class="gridImgBg"
-              />
-              <span class="baseFont" style="padding-top: 5px;">查评估结果</span>
+          <van-image :src="require('@/assets/img/evaluation.png')" />
+          <span class="baseFont">查评估结果</span>
        </div>
        <div
          @click="gotoProject('xy')"
          class="gridImg"
          style="background:#16D7ED;"
        >
-              <van-image
-                :src="require('@/assets/img/compensation.png')"
-                class="gridImgBg"
-              />
-              <span class="baseFont" style="padding-top: 5px;">查补偿协议</span>
-            </div>
+          <van-image :src="require('@/assets/img/compensation.png')" />
+          <span class="baseFont">查补偿协议</span>
        </div>
      </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">
          <!-- window图标 -->
          <div>
@@ -93,8 +70,6 @@
            <span class="projectRightFont">{{ item.currentState }}</span>
          </div>
        </div>
-          </div>
-          <!-- 所有内容 -->
        <div class="projectCenter centerMagin">
          <!-- 项目内容 -->
          <div class="projectCenterBox">
@@ -294,11 +269,9 @@
      </div>
    </div>
  </div>
-  </div>
 </template>

 <script>
-import "./home.css";
 import { apis } from "@/common/apis";
 import { mgop } from "@aligov/jssdk-mgop";
 import { SetTicket } from "@/common/util//tools";
@@ -306,7 +279,7 @@ export default {
  name: "home",
  data() {
    return {
-      loading: true,
+      loading: false,
      data: {
        idCard: "加载中...",
        userName: "加载中...",
@@ -343,30 +316,33 @@ export default {
            ]
          }
        ]
-      },
-      ticket: "8a1189367c22b456017c25bb119c2039-ticket"
+      }
    };
  },
  created() {
    this.onInit();
    console.log("this", this);
    this.setLocationAplus();
-    SetTicket(this.$route.query.ticket || this.ticket);
+    SetTicket(this.$route.query.ticket);
  },
  methods: {
    // 获取数据
    onInit() {
+      if (!this.$route.query.ticket == "") {
+        this.loading = true;
+      }
      mgop({
        api: "mgop.kykj.houseexpropriat.getprjlist",
        host: "https://mapi.zjzwfw.gov.cn/",
        dataType: "JSON",
        type: "POST",
        data: {
-          ticket: this.$route.query.ticket || this.ticket
+          ticket: this.$route.query.ticket
        },
        appKey: "es4b8zmz+2001833218+dehllx",
        onSuccess: data => {
          console.log("首页数据", data);
+          window.sessionStorage.setItem("homeData", JSON.stringify(data));
          if (data.data && data.data.success == true) {
            this.loading = false;
            this.data = data.data.data;
@@ -390,7 +366,7 @@ export default {
    setIdCard(id) {
      return id == "加载中..."
        ? id
-        : id.substr(0, 6) + "XXXXXXXX" + id.substr(14, 4);
+        : id.substr(0, 6) + "********" + id.substr(14, 4);
    },
    // 跳转项目详情
    gotoProject(type) {
@@ -491,3 +467,305 @@ export default {
  }
 };
 </script>
+<style lang="less" scoped>
+.page {
+  border-radius: 6px;
+  background: #f2fbfd;
+}
+
+.topBox {
+  overflow: hidden;
+  width: 100%;
+  height: 225px;
+  background: url(../assets/img/bg.png);
+  background-size: 100% 225px;
+  .titleBox {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 173px;
+    height: 36px;
+    margin: 15px 0 15px 0;
+    border-radius: 0 22px 22px 0;
+    background: rgba(6, 63, 142, 0.66);
+    font-family: PingFangSC-Semibold, PingFang SC;
+    font-size: 16px;
+    font-weight: 600;
+    color: #fff;
+  }
+}
+
+.baseInfo {
+  display: flex;
+  .van-image {
+    width: 22px;
+    height: 21px;
+    padding-right: 10px;
+    padding-left: 31px;
+  }
+  span {
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    line-height: 20px;
+    height: 20px;
+    color: #fff;
+  }
+}
+
+.baseFont {
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  line-height: 20px;
+  height: 20px;
+  color: #fff;
+}
+
+.centerMagin {
+  margin-top: 10px;
+  margin-right: 12px;
+  margin-left: 10px;
+}
+
+.gridBg {
+  display: flex;
+  overflow: hidden;
+  align-items: center;
+  justify-content: space-around;
+  height: 120px;
+  border-radius: 3px;
+  background: rgba(255, 255, 255, 0.28);
+}
+
+.gridImg {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  width: 90px;
+  height: 80px;
+  margin: 12px 6px;
+  padding-top: 5px;
+  border-radius: 10px;
+  .van-image {
+    width: 38px;
+    height: 35px;
+  }
+  span {
+    padding-top: 5px;
+  }
+}
+
+.bigImg {
+  width: 100%;
+}
+
+.project {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 41px;
+  margin-top: 10px;
+  margin-right: 12px;
+  margin-left: 10px;
+  padding-right: 0;
+  padding-left: 0;
+  background: url(../assets/img/project_bg.png);
+  background-size: 100% 41px;
+}
+
+.project > div:nth-child(1) {
+  display: flex;
+  align-items: center;
+  width: 50%;
+  height: 100%;
+  span {
+    white-space: nowrap;
+    overflow: hidden;
+  }
+}
+
+.projectIcon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 50px;
+  height: 100%;
+  margin-right: 10px;
+  border-radius: 5px 0 0;
+  background: #3284cd;
+}
+
+/* 项目名字 */
+
+.projectTitle {
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 20px;
+  height: 20px;
+  vertical-align: middle;
+  color: #fff;
+}
+
+.projectRight {
+  display: flex;
+  align-items: center;
+  height: 27px;
+  opacity: 0.82;
+  border-radius: 13px 0 0 17px;
+  background: #24bca3;
+}
+
+/* 项目名字旁边小字 */
+
+.projectRightFont {
+  font-family: PingFangSC-Semibold, PingFang SC;
+  font-size: 12px;
+  line-height: 14px;
+  padding-right: 5px;
+  color: #fff;
+}
+
+.projectRightIcon {
+  width: 17px;
+  height: 17px;
+  margin-right: 3px;
+  margin-left: 8px;
+}
+
+.projectCenter {
+  /* height: 440px; */
+  padding-bottom: 35px;
+  background: #fff;
+  box-shadow: 0 2px 6px 1px rgba(212, 212, 212, 0.5);
+}
+
+.projectCenterBox {
+  padding: 8px 0;
+}
+
+.projectCenterInfo {
+  display: flex;
+  align-items: center;
+  padding-top: 5px;
+  width: 100%;
+}
+
+/* 项目内容小图标 */
+
+.projectCenterImg {
+  width: 15px;
+  height: 15px;
+  padding: 0 10px;
+}
+
+/* 项目内容文字 */
+
+.projectCenterFont {
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  /* height: 12px; */
+  color: #2c2b2b;
+}
+
+.assess {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 25px;
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.assessIcon {
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  vertical-align: middle;
+  background: #2468f2;
+}
+
+/* 分户，协议标题 */
+
+.assessTitle {
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 20px;
+  height: 20px;
+  color: #2468f2;
+}
+
+.assessRightIcon {
+  width: 24px;
+  height: 24px;
+  background: #2468f2;
+}
+
+.assessBox {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 12px;
+}
+
+.assessBox > span:nth-child(1) {
+  white-space: nowrap;
+}
+
+.assessCenter1 {
+  margin: 15px 10px;
+  border-left: 2px solid #24bca3;
+}
+
+.assessCenter2 {
+  margin: 15px 10px;
+  border-left: 2px solid #ff5959;
+}
+
+.protocolTitle {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+/* 政策的发布时间和区域 */
+
+.font11 {
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 11px;
+  height: 11px;
+  color: #9da2a3;
+}
+
+.protocolBox {
+  border-radius: 4px;
+  background: #fff;
+  box-shadow: 0 2px 5px 0 rgba(168, 168, 168, 0.5);
+}
+
+/* .font14 {
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  height: 20px;
+  color: #202020;
+} */
+
+.protocolList {
+  padding: 20px 21px 0 20px;
+}
+
+.protocolLine {
+  padding-bottom: 10px;
+  border-bottom: 1px dashed rgba(168, 168, 168, 0.5);
+}
+</style>
--- a/FrontCode2/sunshine_levy/src/views/pdf/evaluateResultPdf.vue
+++ b/FrontCode2/sunshine_levy/src/views/pdf/evaluateResultPdf.vue
@@ -23,9 +23,6 @@
 </template>

 <script>
-// import pdf from "vue-pdf";
-import $ from "jquery";
-import { mgop } from "@aligov/jssdk-mgop";
 export default {
  components: {},
  data() {
@@ -40,33 +37,10 @@ export default {
  created() {
    this.onInit();
  },
-  mounted() {
-    if (
-      650 >=
-      $(".container")
-        .css("height")
-        .substr(0, 5)
-    ) {
-      $(".bottomContent").addClass("absolute");
-    } else {
-      $(".absolute").removeClass("absolute");
-    }
-  },
+  mounted() {},
  methods: {
    onInit() {
-      mgop({
-        api: "mgop.kykj.houseexpropriat.getHouseEstimateInfoJzlr",
-        host: "https://mapi.zjzwfw.gov.cn/",
-        dataType: "JSON",
-        type: "POST",
-        data: {
-          ticket: window.sessionStorage.getItem("ticket"),
-          id: window.sessionStorage.getItem("fhpgId"),
-          type: window.sessionStorage.getItem("fhpgType")
-        },
-        appKey: "es4b8zmz+2001833218+dehllx",
-        onSuccess: data => {
-          const result = data;
+      let result = JSON.parse(window.sessionStorage.getItem("evaluateData"));
      if (result.data && result.data.success == true) {
        this.apidata = result.data.data;
        this.pic_width = "100%";
@@ -74,11 +48,6 @@ export default {
        this.isloading = false;
      }
    },
-        onFail: err => {
-          console.log("请求失败", err);
-        }
-      });
-    },
    saveImages() {
      ZWJSBridge.onReady(() => {
        console.log("初始化完成后，执行bridge方法-saveImages");
@@ -141,6 +110,7 @@ export default {
  bottom: 0px;
 }
 .bottomContent {
+  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
--- a/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
+++ b/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
@@ -23,9 +23,7 @@
 </template>

 <script>
-// import pdf from "vue-pdf";
 import { mgop } from "@aligov/jssdk-mgop";
-import $ from "jquery";
 export default {
  components: {},
  data() {
@@ -40,18 +38,7 @@ export default {
  created() {
    this.onInit();
  },
-  mounted() {
-    if (
-      650 >=
-      $(".container")
-        .css("height")
-        .substr(0, 5)
-    ) {
-      $(".bottomContent").addClass("absolute");
-    } else {
-      $(".absolute").removeClass("absolute");
-    }
-  },
+  mounted() {},
  methods: {
    onInit() {
      if (this.$route.params.id) {
@@ -144,6 +131,7 @@ export default {
  bottom: 0px;
 }
 .bottomContent {
+  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
--- a/FrontCode2/sunshine_levy/src/views/project/index.vue
+++ b/FrontCode2/sunshine_levy/src/views/project/index.vue
@@ -1,10 +1,5 @@
 <template>
-  <div
-    class="container"
-    v-loading="loading"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-  >
+  <div class="container">
    <div :class="this.type == 'pg' ? 'proTopBoxpg' : 'proTopBoxxy'">
      <div class="proCenterBox">
        <div class="proCenterInfo">
@@ -74,11 +69,9 @@
 <script>
 import "./project.css";
 import $ from "jquery";
-import { mgop } from "@aligov/jssdk-mgop";
 export default {
  data() {
    return {
-      loading: true,
      type: "",
      data: new Object(),
      finished: true,
@@ -123,30 +116,15 @@ export default {
      if (this.$route.params.type) {
        window.sessionStorage.setItem("type", this.$route.params.type);
      }
-      mgop({
-        api: "mgop.kykj.houseexpropriat.getprjlist",
-        host: "https://mapi.zjzwfw.gov.cn/",
-        dataType: "JSON",
-        type: "POST",
-        data: {
-          ticket: window.sessionStorage.getItem("ticket")
-        },
-        appKey: "es4b8zmz+2001833218+dehllx",
-        onSuccess: data => {
-          if (data.data.success == true) {
-            this.loading = false;
-            this.info = data.data.data;
+      let result = JSON.parse(window.sessionStorage.getItem("homeData"));
+      if (result.data.success == true) {
+        this.info = result.data.data;
      }
    },
-        onFail: err => {
-          console.log("用户无数据，不展示");
-        }
-      });
-    },
    setIdCard(id) {
      return id == "无数据"
        ? id
-        : id.substr(0, 6) + "XXXXXXXX" + id.substr(14, 4);
+        : id.substr(0, 6) + "********" + id.substr(14, 4);
    },
    // 页面跳转
    gotoDetail(id) {
--- a/FrontCode2/sunshine_levy/src/views/report/agreement.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/agreement.vue
@@ -1,10 +1,5 @@
 <template>
-  <div
-    class="container"
-    v-loading="loading"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-  >
+  <div class="container">
    <div class="image">
      <img alt src="@/assets/img/agreement.png" />
    </div>
@@ -60,12 +55,10 @@
 </template>
 <script>
 import { SetProjectId } from "@/common/util/tools";
-import { mgop } from "@aligov/jssdk-mgop";
 import $ from "jquery";
 export default {
  data() {
    return {
-      loading: true,
      info: {
        userName: "无数据",
        prjList: {
@@ -88,8 +81,7 @@ export default {
  },
  created() {
    this.onInit();
-  },
-  mounted() {
+    this.$nextTick(() => {
      if (
        650 >=
        $(".container")
@@ -100,24 +92,16 @@ export default {
      } else {
        $(".absolute").removeClass("absolute");
      }
+    });
  },
+  mounted() {},
  methods: {
    onInit() {
      if (!window.sessionStorage.getItem("projectId")) {
        SetProjectId(this.$route.params.prjId);
      }
-      mgop({
-        api: "mgop.kykj.houseexpropriat.getprjlist",
-        host: "https://mapi.zjzwfw.gov.cn/",
-        dataType: "JSON",
-        type: "POST",
-        data: {
-          ticket: window.sessionStorage.getItem("ticket")
-        },
-        appKey: "es4b8zmz+2001833218+dehllx",
-        onSuccess: data => {
+      let data = JSON.parse(window.sessionStorage.getItem("homeData"));
      if (data.data.success == true) {
-            this.loading = false;
        this.info = data.data.data;
        const prjList = data.data.data.prjList.find(item => {
          return item.prjId == window.sessionStorage.getItem("projectId");
@@ -126,11 +110,6 @@ export default {
        this.prjListLength = prjList.bcxyList.length;
      }
    },
-        onFail: err => {
-          console.log("用户无数据，不展示");
-        }
-      });
-    },
    showPdf(id) {
      this.$router.push({ name: "showPdf", params: { id } });
    }
--- a/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue
@@ -74,6 +74,7 @@ import $ from "jquery";
 export default {
  data() {
    return {
+      loading: true,
      info: {
        houseAddress: "地址",
        valuationMethodText: "价值录入",
@@ -125,9 +126,10 @@ export default {
        },
        appKey: "es4b8zmz+2001833218+dehllx",
        onSuccess: data => {
-          this.$store.dispatch("GET_DATA", data);
          console.log("分户评估", data);
+          window.sessionStorage.setItem("evaluateData", JSON.stringify(data));
          if (data.data.success) {
+            this.loading = false;
            const { data: res } = data.data;
            this.info = res;
          } else {
--- a/FrontCode2/sunshine_levy/src/views/report/evalute.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/evalute.vue
@@ -1,10 +1,5 @@
 <template>
-  <div
-    class="container"
-    v-loading="loading"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-  >
+  <div class="container">
    <div class="image">
      <img alt src="@/assets/img/evaluate.png" />
    </div>
@@ -124,7 +119,6 @@ import { mgop } from "@aligov/jssdk-mgop";
 export default {
  data() {
    return {
-      loading: true,
      info: {
        userName: "无数据",
        prjList: {
@@ -164,18 +158,8 @@ export default {
      if (this.$route.params.prjId) {
        SetProjectId(this.$route.params.prjId);
      }
-      mgop({
-        api: "mgop.kykj.houseexpropriat.getprjlist",
-        host: "https://mapi.zjzwfw.gov.cn/",
-        dataType: "JSON",
-        type: "POST",
-        data: {
-          ticket: window.sessionStorage.getItem("ticket")
-        },
-        appKey: "es4b8zmz+2001833218+dehllx",
-        onSuccess: data => {
+      let data = JSON.parse(window.sessionStorage.getItem("homeData"));
      if (data.data.success == true) {
-            this.loading = false;
        this.info = data.data.data;
        const prjList = data.data.data.prjList.find(item => {
          return item.prjId == window.sessionStorage.getItem("projectId");
@@ -184,11 +168,6 @@ export default {
        this.prjListLength = prjList.fhpgList.length;
      }
    },
-        onFail: err => {
-          console.log("用户无数据，不展示");
-        }
-      });
-    },
    // 跳转评估结果二级页面
    pageJump(id, type) {
      this.$router.push({