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

2021-09-14 14:19:21 +08:00
parent c2835a0d3c 65128318a6
commit fd3731dbbc
13 changed files with 9997 additions and 859 deletions
--- a/FrontCode2/sunshine_levy/.gitignore
+++ b/FrontCode2/sunshine_levy/.gitignore
@@ -12,3 +12,4 @@ yarn-error.log*
 *.ntvs*
 *.njsproj
 *.sln
+*.zip
--- a/FrontCode2/sunshine_levy/gbc.json
+++ b/FrontCode2/sunshine_levy/gbc.json
@@ -0,0 +1,8 @@
+{
+    "type":"gov-build-config",
+    
+    "version":"1",
+    
+    "outputPath":"dist"
+   
+}
--- a/FrontCode2/sunshine_levy/index.html
+++ b/FrontCode2/sunshine_levy/index.html
@@ -5,7 +5,7 @@
  <meta charset="utf-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-  <title>sunshine_levy</title>
+  <title>房屋征收</title>
 </head>

 <body>
--- a/FrontCode2/sunshine_levy/package-lock.json
+++ b/FrontCode2/sunshine_levy/package-lock.json
--- a/FrontCode2/sunshine_levy/package.json
+++ b/FrontCode2/sunshine_levy/package.json
@@ -10,6 +10,7 @@
    "build": "node build/build.js"
  },
  "dependencies": {
+    "@aligov/jssdk-mgop": "^3.1.7",
    "axios": "^0.21.4",
    "element-ui": "^2.15.6",
    "js-md5": "^0.7.3",
@@ -19,6 +20,7 @@
    "px2rem-loader": "^0.1.9",
    "vant": "^2.12.27",
    "vue": "^2.5.2",
+    "vue-pdf": "^4.3.0",
    "vue-router": "^3.0.1"
  },
  "devDependencies": {
--- a/FrontCode2/sunshine_levy/src/assets/img/compensation.png
+++ b/FrontCode2/sunshine_levy/src/assets/img/compensation.png
--- a/FrontCode2/sunshine_levy/src/assets/img/evaluation
+++ b/FrontCode2/sunshine_levy/src/assets/img/evaluation
--- a/FrontCode2/sunshine_levy/src/assets/img/scan.png
+++ b/FrontCode2/sunshine_levy/src/assets/img/scan.png
--- a/FrontCode2/sunshine_levy/src/router/index.js
+++ b/FrontCode2/sunshine_levy/src/router/index.js
@@ -6,6 +6,11 @@ Vue.use(Router)
 export default new Router({
  mode:'hash',
  routes: [
+    {
+      path: '/index',
+      name: 'index',
+      component: () => import('../views')
+    },
    {
      path: '/',
      name: 'index',
@@ -29,5 +34,11 @@ export default new Router({
      name: 'reportAgreement',
      component: () => import('../views/report/agreement')
    },
+    // 查看pdf页面
+    {
+      path: '/showPdf',
+      name: 'showPdf',
+      component: () => import('../views/pdf/pdf')
+    },
  ]
 })
--- a/FrontCode2/sunshine_levy/src/views/home.css
+++ b/FrontCode2/sunshine_levy/src/views/home.css
@@ -65,9 +65,10 @@
 .gridBg {
  display: flex;
  overflow: hidden;
+  align-items: center;
  justify-content: space-around;

-  height: 114px;
+  height: 120px;

  border-radius: 3px;
  background: rgba(255, 255, 255, .28);
@@ -154,6 +155,9 @@
  background: #fff;
  box-shadow: 0 2px 6px 1px rgba(212, 212, 212, .5);
 }
+.projectCenterBox {
+  padding: 8px 0;
+}
 .projectCenterInfo {
  display: flex;
  align-items: center;
--- a/FrontCode2/sunshine_levy/src/views/index.vue
+++ b/FrontCode2/sunshine_levy/src/views/index.vue
@@ -51,38 +51,46 @@
            </div>
          </div>
          <div class="projectCenter centerMagin">
-            <div class="projectCenterInfo">
+            <div class="projectCenterBox">
              <div class="projectCenterInfo">
-                <van-image
-                  :src="require('@/assets/img/project_area.png')"
-                  class="projectCenterImg"
-                />
-                <span class="projectCenterFont">项目所在区域：</span>
-                <span class="projectCenterFont">{{ item.area }}</span>
+                <div class="projectCenterInfo">
+                  <van-image
+                    :src="require('@/assets/img/project_area.png')"
+                    class="projectCenterImg"
+                  />
+                  <span class="projectCenterFont">项目所在区域：</span>
+                  <span class="projectCenterFont">{{ item.area }}</span>
+                </div>
              </div>
-            </div>
-            <div class="projectCenterInfo">
              <div class="projectCenterInfo">
-                <van-image :src="require('@/assets/img/project_dep.png')" class="projectCenterImg" />
-                <span class="projectCenterFont">征收部门：</span>
-                <span class="projectCenterFont">{{ item.zsbm }}</span>
+                <div class="projectCenterInfo">
+                  <van-image
+                    :src="require('@/assets/img/project_dep.png')"
+                    class="projectCenterImg"
+                  />
+                  <span class="projectCenterFont">征收部门：</span>
+                  <span class="projectCenterFont">{{ item.zsbm }}</span>
+                </div>
              </div>
-            </div>
-            <div class="projectCenterInfo">
              <div class="projectCenterInfo">
-                <van-image
-                  :src="require('@/assets/img/project_year.png')"
-                  class="projectCenterImg"
-                />
-                <span class="projectCenterFont">所属年份：</span>
-                <span class="projectCenterFont">{{ item.year }}</span>
+                <div class="projectCenterInfo">
+                  <van-image
+                    :src="require('@/assets/img/project_year.png')"
+                    class="projectCenterImg"
+                  />
+                  <span class="projectCenterFont">所属年份：</span>
+                  <span class="projectCenterFont">{{ item.year }}</span>
+                </div>
              </div>
-            </div>
-            <div class="projectCenterInfo">
              <div class="projectCenterInfo">
-                <van-image :src="require('@/assets/img/project_no.png')" class="projectCenterImg" />
-                <span class="projectCenterFont">征收决定号：</span>
-                <span class="projectCenterFont" style="color: #3883f1">{{ item.zsjdh }}</span>
+                <div class="projectCenterInfo">
+                  <van-image
+                    :src="require('@/assets/img/project_no.png')"
+                    class="projectCenterImg"
+                  />
+                  <span class="projectCenterFont">征收决定号：</span>
+                  <span class="projectCenterFont" style="color: #3883f1">{{ item.zsjdh }}</span>
+                </div>
              </div>
            </div>
            <div class="centerMagin">
@@ -207,6 +215,8 @@ 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',
  data() {
@@ -302,6 +312,19 @@ export default {
  methods: {
    onLoad() {},
    onInit() {
+      mgop({
+        api: 'mgop.kykj.houseexpropriat.getprjlist', // 必须
+        host: 'https://mapi.zjzwfw.gov.cn/',
+        dataType: 'JSON',
+        type: 'GET',
+        appKey: 'es4b8zmz+2001833218+dehllx', // 必须
+        onSuccess: (data) => {
+          console.log('data', data);
+        },
+        onFail: (err) => {
+          console.log(err, 'err');
+        },
+      });
      let apidata = {
        success: true,
        code: 200,
--- a/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
+++ b/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <pdf :src="url"></pdf>
+  </div>
+</template>
+
+<script>
+import pdf from 'vue-pdf';
+export default {
+  components: {
+    pdf,
+  },
+  data() {
+    return {
+      url: '',
+    };
+  },
+  created() {
+    this.onInit();
+    console.log('pdf');
+  },
+  methods: {
+    onInit() {
+      this.onLoadData();
+    },
+    onLoadData() {
+      console.log(this.$route.params);
+      this.url = this.$route.params.url;
+    },
+  },
+};
+</script>
--- a/FrontCode2/sunshine_levy/src/views/report/agreement.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/agreement.vue
@@ -4,7 +4,7 @@
      <img alt src="@/assets/img/agreement.png" />
    </div>
    <div class="text">为您查询到{{ this.result }}条结果</div>
-    <div :key="index" v-for="(item, index) in info">
+    <div :key="index" @click="showPdf(item.url)" v-for="(item, index) in info">
      <el-card body-style="padding:10px 10px 0">
        <div>
          <img alt src="@/assets/img/bianhao.png" />
@@ -37,7 +37,7 @@
        <div class="flex">
          <div class="flex backgroundColor">
            <img alt src="@/assets/img/shijian.png" />
-            <span> 签订日期：{{ item.time }}</span>
+            <span>签订日期：{{ item.time }}</span>
          </div>
        </div>
      </el-card>
@@ -48,25 +48,27 @@
 export default {
  data() {
    return {
-      result: "2",
+      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',
+          url: '',
        },
        {
-          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',
+          url: '',
+        },
+      ],
    };
  },
  created() {
@@ -80,8 +82,12 @@ export default {
    onLoadData() {
      console.log(this.$route.params);
      this.type = this.$route.params.type;
-    }
-  }
+    },
+    showPdf(url) {
+      url = '';
+      this.$router.push({ name: 'showPdf', params: { url: url } });
+    },
+  },
 };
 </script>
 <style>