update:更新路由跳转传参

2021-09-15 16:59:23 +08:00
parent 3cd792432c
commit d06096f5a4
4 changed files with 149 additions and 75 deletions
--- a/FrontCode1/vue/config/webpack.config.js
+++ b/FrontCode1/vue/config/webpack.config.js
@@ -0,0 +1,24 @@
+const path = require('path') //调用node.js中的路径
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+module.exports = {
+  entry: {
+    index: './src/main.js', //需要打包的文件
+  },
+  output: {
+    filename: '[name].js', //输入的文件名是什么，生成的文件名也是什么
+    path: path.resolve(__dirname, '../dist'), //指定生成的文件目录
+  },
+  mode: 'development', //开发模式，没有对js等文件压缩，默认生成的是压缩文件
+  module: {
+    rules: [
+      // postcss-loader解决一些浏览器不兼容css代码的问题
+      { test: /\.css$/, use: ['style-loader', 'css-loader', 'postcss-loader'] },
+      // 配置less加载器
+      { test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader'] },
+      //exclude为排除项，意思是不要处理node_modules中的js文件
+      { test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ },
+      { test: /\.vue$/, loader: 'vue-loader' },
+    ],
+  },
+  plugins: [new VueLoaderPlugin()],
+}
--- a/FrontCode2/sunshine_levy/src/views/index.vue
+++ b/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 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>
@@ -90,9 +108,7 @@
                  />
                  <span class="projectCenterFont">征收决定号：</span>
                  <span class="projectCenterFont" style="color: #3883f1">
-                    {{
-                    item.zsjdh
-                    }}
+                    {{ item.zsjdh }}
                  </span>
                </div>
              </div>
@@ -100,7 +116,10 @@
            <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>
@@ -108,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 }}</span>
+                    <span class="projectCenterFont">{{
+                      assess.assessmentNo
+                    }}</span>
                  </div>
                  <div class="assessBox">
-                    <span class="projectCenterFont" style="width: 40%">被征收房屋地址：</span>
+                    <span class="projectCenterFont" style="width: 40%"
+                      >被征收房屋地址：</span
+                    >
                    <span class="projectCenterFont protocolTitle">
-                      {{
-                      assess.houseAddress
-                      }}
+                      {{ 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>
@@ -137,33 +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
+                    >
                    <span class="projectCenterFont protocolTitle">
-                      {{
-                      protocol.houseAddress
-                      }}
+                      {{ protocol.houseAddress }}
                    </span>
                  </div>
                  <div class="assessBox">
                    <span class="projectCenterFont">补偿方式：</span>
                    <span class="projectCenterFont">
-                      {{
-                      protocol.switchProductionWay
-                      }}
+                      {{ 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>
@@ -172,15 +203,17 @@
        </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>
        <div class="assessBox" style="padding-left: 5px; padding-right: 5px">
-          <span
-            class="font11"
-            style="color: #2c2b2b"
-          >共{{ data.policiesRegulationsLists.totalCount }}条</span>
+          <span class="font11" style="color: #2c2b2b"
+            >共{{ data.policiesRegulationsLists.totalCount }}条</span
+          >
          <!-- <div>
            <span class="font11">查看全部</span>
            <van-icon color="#1989fa" name="arrow" />
@@ -197,7 +230,10 @@
            >
              <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.publicTime }}</span>
@@ -210,7 +246,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.publicTime }}</span>
@@ -230,26 +269,27 @@
 </template>

 <script>
-import './home.css';
-import { apis } from '@/common/apis';
-import { token } from '@/common/token';
-import request from '@/common/util';
-import { mgop } from '@aligov/jssdk-mgop';
+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',
+  name: "home",
  data() {
    return {
      data: {
        policiesRegulationsLists: {
-          totalCount: 0,
-        },
-      },
+          totalCount: 0
+        }
+      }
      // userInfoData: {} // 用户个人信息
    };
  },
  created() {
    this.onInit();
+    console.log("this", this);
  },
  mounted() {
    this.setZwaplus(); // 埋点
@@ -258,30 +298,30 @@ export default {
    onLoad() {},
    onInit() {
      mgop({
-        api: 'mgop.kykj.houseexpropriat.getprjlist', // 必须
-        host: 'https://mapi.zjzwfw.gov.cn/',
-        dataType: 'JSON',
-        type: 'POST',
+        api: "mgop.kykj.houseexpropriat.getprjlist", // 必须
+        host: "https://mapi.zjzwfw.gov.cn/",
+        dataType: "JSON",
+        type: "POST",
        data: {
-          ticket: this.$route.query.ticket,
+          ticket: this.$route.query.ticket
        },
-        appKey: 'es4b8zmz+2001833218+dehllx', // 必须
-        onSuccess: (data) => {
-          console.log('data', data);
+        appKey: "es4b8zmz+2001833218+dehllx", // 必须
+        onSuccess: data => {
+          console.log("data", data);
          if (data.data && data.data.success == true) {
            debugger;
            this.data = data.data.data;
            this.setZwUserAplus(this.data.idCard, this.data.userName);
          } else {
-            console.log('用户无数据，不展示');
+            console.log("用户无数据，不展示");
          }
        },
-        onFail: (err) => {
-          console.log(err, 'err');
-        },
-        onFail: (err) => {
-          console.log(err, 'err');
+        onFail: err => {
+          console.log(err, "err");
        },
+        onFail: err => {
+          console.log(err, "err");
+        }
      });
      //获取当前数据
      // apis.getprjdata({ ticket: this.$route.query.ticket }).then((prjdata) => {
@@ -292,7 +332,10 @@ export default {
      // });
    },
    gotoProject(type) {
-      this.$router.push({ name: 'projectSelect', params: { type: type, ticket: this.$route.query.ticket } });
+      this.$router.push({
+        name: "projectSelect",
+        params: { type: type, ticket: this.$route.query.ticket }
+      });
    },
    onLoadStatistic() {
      apis.projectStatistics().then(({ result }) => {
@@ -300,30 +343,33 @@ export default {
      });
    },
    // 页面跳转
-    pageJump() {
-      this.$router.push('/policyInfo');
+    pageJump(type) {
+      this.$router.push({
+        name: "policyInfo",
+        params: { type: type, ticket: this.$route.query.ticket }
+      });
    },
    setZwUserAplus(Userid, userName) {
      // 设置用户信息埋点
      aplus_queue.push({
-        action: 'aplus.setMetaInfo',
-        arguments: ['_hold', 'BLOCK'],
+        action: "aplus.setMetaInfo",
+        arguments: ["_hold", "BLOCK"]
      });
      aplus_queue.push({
-        action: 'aplus.setMetaInfo',
-        arguments: ['_user_nick', userName], // this.userInfoData.username],
+        action: "aplus.setMetaInfo",
+        arguments: ["_user_nick", userName] // this.userInfoData.username],
      });
      aplus_queue.push({
-        action: 'aplus.setMetaInfo',
-        arguments: ['_user_id', Userid],
+        action: "aplus.setMetaInfo",
+        arguments: ["_user_id", Userid]
      });
      aplus_queue.push({
-        action: 'aplus.setMetaInfo',
-        arguments: ['_hold', 'START'],
+        action: "aplus.setMetaInfo",
+        arguments: ["_hold", "START"]
      });
    },
    // 基础信息埋点配置
-    setZwaplus() {},
-  },
+    setZwaplus() {}
+  }
 };
 </script>
--- a/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
+++ b/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
@@ -52,6 +52,7 @@ export default {
  text-align: center;
  height: 200px;
  line-height: 200px;
+  font-size: 30px;
 }
 .bottom {
  text-align: center;
--- a/FrontCode2/sunshine_levy/src/views/report/compensate.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/compensate.vue
@@ -80,8 +80,11 @@ export default {
      console.log(this.$route.params);
      this.type = this.$route.params.type;
    },
-    pageJump() {
-      this.$router.push("/evaluteResult");
+    pageJump(type) {
+      this.$router.push({
+        name: "evaluteResult",
+        params: { type: type, ticket: this.$route.query.ticket }
+      });
    }
  }
 };