update:更新路由跳转传参
This commit is contained in:
24
FrontCode1/vue/config/webpack.config.js
Normal file
24
FrontCode1/vue/config/webpack.config.js
Normal 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()],
|
||||||
|
}
|
||||||
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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 }
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user