update:更新路由跳转传参

This commit is contained in:
2021-09-15 16:59:23 +08:00
parent 3cd792432c
commit d06096f5a4
4 changed files with 149 additions and 75 deletions

View File

@@ -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()],
}

View File

@@ -7,19 +7,28 @@
</div> </div>
<div> <div>
<div class="baseInfo"> <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">被征收人姓名</span>
<span class="baseFont">{{ data.userName }}</span> <span class="baseFont">{{ data.userName }}</span>
</div> </div>
<div class="baseInfo"> <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">身份证号码</span>
<span class="baseFont">{{ data.idCard }}</span> <span class="baseFont">{{ data.idCard }}</span>
</div> </div>
</div> </div>
<div> <div>
<div class="gridBg centerMagin"> <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 <van-image
:src="require('@/assets/img/evaluation .png')" :src="require('@/assets/img/evaluation .png')"
@click="gotoProject('pg')" @click="gotoProject('pg')"
@@ -34,18 +43,27 @@
</div> </div>
</div> </div>
<div class="centerMagin"> <div class="centerMagin">
<van-image :src="require('@/assets/img/government.png')" class="bigImg" /> <van-image
:src="require('@/assets/img/government.png')"
class="bigImg"
/>
</div> </div>
<van-list> <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="centerMagin">
<div class="project"> <div class="project">
<div> <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> <span class="projectTitle">{{ item.name }}</span>
</div> </div>
<div class="projectRight"> <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> <span class="projectRightFont">{{ item.currentState }}</span>
</div> </div>
</div> </div>
@@ -90,9 +108,7 @@
/> />
<span class="projectCenterFont">征收决定号</span> <span class="projectCenterFont">征收决定号</span>
<span class="projectCenterFont" style="color: #3883f1"> <span class="projectCenterFont" style="color: #3883f1">
{{ {{ item.zsjdh }}
item.zsjdh
}}
</span> </span>
</div> </div>
</div> </div>
@@ -100,7 +116,10 @@
<div class="centerMagin"> <div class="centerMagin">
<div class="assess"> <div class="assess">
<div> <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> <span class="assessTitle">分户评估结果</span>
</div> </div>
<!-- <div> <!-- <div>
@@ -108,28 +127,39 @@
</div>--> </div>-->
</div> </div>
<van-list> <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"> <div class="assessBox">
<span class="projectCenterFont">评估报告编号</span> <span class="projectCenterFont">评估报告编号</span>
<span class="projectCenterFont">{{ assess.assessmentNo }}</span> <span class="projectCenterFont">{{
assess.assessmentNo
}}</span>
</div> </div>
<div class="assessBox"> <div class="assessBox">
<span class="projectCenterFont" style="width: 40%">被征收房屋地址</span> <span class="projectCenterFont" style="width: 40%"
>被征收房屋地址</span
>
<span class="projectCenterFont protocolTitle"> <span class="projectCenterFont protocolTitle">
{{ {{ assess.houseAddress }}
assess.houseAddress
}}
</span> </span>
</div> </div>
<div class="assessBox"> <div class="assessBox">
<span class="projectCenterFont">评估总金额</span> <span class="projectCenterFont">评估总金额</span>
<span class="projectTitle" style="color: red">¥{{ assess.countValue }}</span> <span class="projectTitle" style="color: red"
>¥{{ assess.countValue }}</span
>
</div> </div>
</div> </div>
</van-list> </van-list>
<div class="assess"> <div class="assess">
<div> <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> <span class="assessTitle">补偿协议</span>
</div> </div>
<!-- <div> <!-- <div>
@@ -137,33 +167,34 @@
</div>--> </div>-->
</div> </div>
<van-list> <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"> <div class="assessBox">
<span class="projectCenterFont">协议编号</span> <span class="projectCenterFont">协议编号</span>
<span class="projectCenterFont">{{ protocol.xyNo }}</span> <span class="projectCenterFont">{{ protocol.xyNo }}</span>
</div> </div>
<div class="assessBox"> <div class="assessBox">
<span class="projectCenterFont" style="width: 40%">被征收房屋地址</span> <span class="projectCenterFont" style="width: 40%"
>被征收房屋地址</span
>
<span class="projectCenterFont protocolTitle"> <span class="projectCenterFont protocolTitle">
{{ {{ protocol.houseAddress }}
protocol.houseAddress
}}
</span> </span>
</div> </div>
<div class="assessBox"> <div class="assessBox">
<span class="projectCenterFont">补偿方式</span> <span class="projectCenterFont">补偿方式</span>
<span class="projectCenterFont"> <span class="projectCenterFont">
{{ {{ protocol.switchProductionWay }}
protocol.switchProductionWay
}}
</span> </span>
</div> </div>
<div class="assessBox"> <div class="assessBox">
<span class="projectCenterFont">合计补偿资金</span> <span class="projectCenterFont">合计补偿资金</span>
<span <span class="projectTitle" style="color: red"
class="projectTitle" >¥{{ protocol.summationShouldCompensateMoney }}</span
style="color: red" >
>¥{{ protocol.summationShouldCompensateMoney }}</span>
</div> </div>
</div> </div>
</van-list> </van-list>
@@ -172,15 +203,17 @@
</div> </div>
</van-list> </van-list>
<div class="centerMagin"> <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>
<div class="centerMagin"> <div class="centerMagin">
<span class="projectTitle" style="color: #202020">征收政策</span> <span class="projectTitle" style="color: #202020">征收政策</span>
<div class="assessBox" style="padding-left: 5px; padding-right: 5px"> <div class="assessBox" style="padding-left: 5px; padding-right: 5px">
<span <span class="font11" style="color: #2c2b2b"
class="font11" >{{ data.policiesRegulationsLists.totalCount }}</span
style="color: #2c2b2b" >
>{{ data.policiesRegulationsLists.totalCount }}</span>
<!-- <div> <!-- <div>
<span class="font11">查看全部</span> <span class="font11">查看全部</span>
<van-icon color="#1989fa" name="arrow" /> <van-icon color="#1989fa" name="arrow" />
@@ -197,7 +230,10 @@
> >
<div class="protocolLine" v-if="i != list.length - 1"> <div class="protocolLine" v-if="i != list.length - 1">
<div class="font14 protocolTitle">{{ item.title }}</div> <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> <div>
<span class="font11">发布时间</span> <span class="font11">发布时间</span>
<span class="font11">{{ item.publicTime }}</span> <span class="font11">{{ item.publicTime }}</span>
@@ -210,7 +246,10 @@
</div> </div>
<div style="padding-bottom: 10px" v-else> <div style="padding-bottom: 10px" v-else>
<div class="font14 protocolTitle">{{ item.title }}</div> <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> <div>
<span class="font11">发布时间</span> <span class="font11">发布时间</span>
<span class="font11">{{ item.publicTime }}</span> <span class="font11">{{ item.publicTime }}</span>
@@ -230,26 +269,27 @@
</template> </template>
<script> <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 { export default {
name: 'home', name: "home",
data() { data() {
return { return {
data: { data: {
policiesRegulationsLists: { policiesRegulationsLists: {
totalCount: 0, totalCount: 0
}, }
}, }
// userInfoData: {} // 用户个人信息 // userInfoData: {} // 用户个人信息
}; };
}, },
created() { created() {
this.onInit(); this.onInit();
console.log("this", this);
}, },
mounted() { mounted() {
this.setZwaplus(); // 埋点 this.setZwaplus(); // 埋点
@@ -258,30 +298,30 @@ export default {
onLoad() {}, onLoad() {},
onInit() { onInit() {
mgop({ 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: 'POST', type: "POST",
data: { data: {
ticket: this.$route.query.ticket, ticket: this.$route.query.ticket
}, },
appKey: 'es4b8zmz+2001833218+dehllx', // 必须 appKey: "es4b8zmz+2001833218+dehllx", // 必须
onSuccess: (data) => { onSuccess: data => {
console.log('data', data); console.log("data", data);
if (data.data && data.data.success == true) { if (data.data && data.data.success == true) {
debugger; debugger;
this.data = data.data.data; this.data = data.data.data;
this.setZwUserAplus(this.data.idCard, this.data.userName); this.setZwUserAplus(this.data.idCard, this.data.userName);
} else { } else {
console.log('用户无数据,不展示'); console.log("用户无数据,不展示");
} }
}, },
onFail: (err) => { onFail: err => {
console.log(err, '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) => { // apis.getprjdata({ ticket: this.$route.query.ticket }).then((prjdata) => {
@@ -292,7 +332,10 @@ export default {
// }); // });
}, },
gotoProject(type) { 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() { onLoadStatistic() {
apis.projectStatistics().then(({ result }) => { apis.projectStatistics().then(({ result }) => {
@@ -300,30 +343,33 @@ export default {
}); });
}, },
// 页面跳转 // 页面跳转
pageJump() { pageJump(type) {
this.$router.push('/policyInfo'); this.$router.push({
name: "policyInfo",
params: { type: type, ticket: this.$route.query.ticket }
});
}, },
setZwUserAplus(Userid, userName) { setZwUserAplus(Userid, userName) {
// 设置用户信息埋点 // 设置用户信息埋点
aplus_queue.push({ aplus_queue.push({
action: 'aplus.setMetaInfo', action: "aplus.setMetaInfo",
arguments: ['_hold', 'BLOCK'], arguments: ["_hold", "BLOCK"]
}); });
aplus_queue.push({ aplus_queue.push({
action: 'aplus.setMetaInfo', action: "aplus.setMetaInfo",
arguments: ['_user_nick', userName], // this.userInfoData.username], arguments: ["_user_nick", userName] // this.userInfoData.username],
}); });
aplus_queue.push({ aplus_queue.push({
action: 'aplus.setMetaInfo', action: "aplus.setMetaInfo",
arguments: ['_user_id', Userid], arguments: ["_user_id", Userid]
}); });
aplus_queue.push({ aplus_queue.push({
action: 'aplus.setMetaInfo', action: "aplus.setMetaInfo",
arguments: ['_hold', 'START'], arguments: ["_hold", "START"]
}); });
}, },
// 基础信息埋点配置 // 基础信息埋点配置
setZwaplus() {}, setZwaplus() {}
}, }
}; };
</script> </script>

View File

@@ -52,6 +52,7 @@ export default {
text-align: center; text-align: center;
height: 200px; height: 200px;
line-height: 200px; line-height: 200px;
font-size: 30px;
} }
.bottom { .bottom {
text-align: center; text-align: center;

View File

@@ -80,8 +80,11 @@ export default {
console.log(this.$route.params); console.log(this.$route.params);
this.type = this.$route.params.type; this.type = this.$route.params.type;
}, },
pageJump() { pageJump(type) {
this.$router.push("/evaluteResult"); this.$router.push({
name: "evaluteResult",
params: { type: type, ticket: this.$route.query.ticket }
});
} }
} }
}; };