update ：查找ios端问题
This commit is contained in:
路 范
@@ -7,28 +7,28 @@
|
|||||||
content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" />
|
content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" />
|
||||||
<title>宁波房屋征收</title>
|
<title>宁波房屋征收</title>
|
||||||
<script>
|
<script>
|
||||||
function getQueryString(name) {
|
// function getQueryString(name) {
|
||||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
// var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
||||||
var r = window.location.search.substr(1).match(reg);
|
// var r = window.location.search.substr(1).match(reg);
|
||||||
if (r != null) return unescape(r[2]); return null;
|
// if (r != null) return unescape(r[2]); return null;
|
||||||
}
|
// }
|
||||||
console.log('1201-当前页面路径：' + location.href)
|
// console.log('1201-当前页面路径：' + location.href)
|
||||||
var sp = getQueryString('sp');
|
// var sp = getQueryString('sp');
|
||||||
var ticket = getQueryString('ticket');
|
// var ticket = getQueryString('ticket');
|
||||||
if (sp)
|
// if (sp)
|
||||||
location.href = (sp + '&ticket=' + ticket)
|
// location.href = (sp + '&ticket=' + ticket)
|
||||||
//debugger
|
// //debugger
|
||||||
console.log('1201-url中ticket：' + ticket)
|
// console.log('1201-url中ticket：' + ticket)
|
||||||
if (ticket)
|
// if (ticket)
|
||||||
window.sessionStorage.setItem('ticket', ticket)
|
// window.sessionStorage.setItem('ticket', ticket)
|
||||||
else {
|
// else {
|
||||||
if (!window.sessionStorage.getItem('ticket')) {
|
// if (!window.sessionStorage.getItem('ticket')) {
|
||||||
setTimeout(function () { window.close() }, 10);
|
// // setTimeout(function () { window.close() }, 10);
|
||||||
//window.open('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs')
|
// // location.replace('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs')
|
||||||
location.href = ('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs&goto=https://mapi.zjzwfw.gov.cn/web/mgop/gov-open/zj/2001833218/0.9971/index.html?debug=true')
|
// location.replace('https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=fwzs&goto=https://mapi.zjzwfw.gov.cn/web/mgop/gov-open/zj/2001833218/0.99997/index.html?debug=true')
|
||||||
}
|
// }
|
||||||
console.log('有ticket正常进入,' + window.sessionStorage.getItem('ticket'))
|
// console.log('有ticket正常进入,' + window.sessionStorage.getItem('ticket'))
|
||||||
}
|
// }
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript" src="https://d.alicdn.com/alilog/mlog/aplus.js?id=202951085"></script>
|
<script type="text/javascript" src="https://d.alicdn.com/alilog/mlog/aplus.js?id=202951085"></script>
|
||||||
<script type="text/javascript" src="//jssdk.yyhj.zjzwfw.gov.cn/jsbridge/v2.0.0/bridge.min.js"></script>
|
<script type="text/javascript" src="//jssdk.yyhj.zjzwfw.gov.cn/jsbridge/v2.0.0/bridge.min.js"></script>
|
||||||
|
|||||||
77
FrontCode2/sunshine_levy/package - 副本.json.bak
Normal file
77
FrontCode2/sunshine_levy/package - 副本.json.bak
Normal file
@@ -0,0 +1,77 @@
|
|||||||
|
{
|
||||||
|
"name": "sunshine_levy",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "A Vue.js project",
|
||||||
|
"author": "",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
|
||||||
|
"start": "npm run dev",
|
||||||
|
"build": "node build/build.js"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@aligov/jssdk-mgop": "^3.0.0",
|
||||||
|
"axios": "^0.21.4",
|
||||||
|
"element-ui": "^2.15.6",
|
||||||
|
"es6-promise": "^4.2.8",
|
||||||
|
"html2canvas": "^1.3.2",
|
||||||
|
"js-md5": "^0.7.3",
|
||||||
|
"less": "^4.1.1",
|
||||||
|
"less-loader": "^4.1.0",
|
||||||
|
"lib-flexible": "^0.3.2",
|
||||||
|
"px2rem-loader": "^0.1.9",
|
||||||
|
"vant": "^2.12.27",
|
||||||
|
"vue": "^2.5.2",
|
||||||
|
"vue-pdf": "^4.3.0",
|
||||||
|
"vue-router": "^3.0.1",
|
||||||
|
"vuex": "^3.6.2"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"autoprefixer": "^7.1.2",
|
||||||
|
"babel-core": "^6.22.1",
|
||||||
|
"babel-helper-vue-jsx-merge-props": "^2.0.3",
|
||||||
|
"babel-loader": "^7.1.1",
|
||||||
|
"babel-plugin-import": "^1.13.3",
|
||||||
|
"babel-plugin-syntax-jsx": "^6.18.0",
|
||||||
|
"babel-plugin-transform-runtime": "^6.22.0",
|
||||||
|
"babel-plugin-transform-vue-jsx": "^3.5.0",
|
||||||
|
"babel-preset-env": "^1.3.2",
|
||||||
|
"babel-preset-stage-2": "^6.22.0",
|
||||||
|
"chalk": "^2.0.1",
|
||||||
|
"copy-webpack-plugin": "^4.0.1",
|
||||||
|
"css-loader": "^0.28.0",
|
||||||
|
"extract-text-webpack-plugin": "^3.0.0",
|
||||||
|
"file-loader": "^1.1.4",
|
||||||
|
"friendly-errors-webpack-plugin": "^1.6.1",
|
||||||
|
"html-webpack-plugin": "^2.30.1",
|
||||||
|
"node-notifier": "^5.1.2",
|
||||||
|
"optimize-css-assets-webpack-plugin": "^3.2.0",
|
||||||
|
"ora": "^1.2.0",
|
||||||
|
"portfinder": "^1.0.13",
|
||||||
|
"postcss-import": "^11.0.0",
|
||||||
|
"postcss-loader": "^2.0.8",
|
||||||
|
"postcss-pxtorem": "^6.0.0",
|
||||||
|
"postcss-url": "^7.2.1",
|
||||||
|
"rimraf": "^2.6.0",
|
||||||
|
"semver": "^5.3.0",
|
||||||
|
"shelljs": "^0.7.6",
|
||||||
|
"uglifyjs-webpack-plugin": "^1.1.1",
|
||||||
|
"url-loader": "^0.5.8",
|
||||||
|
"vue-loader": "^13.3.0",
|
||||||
|
"vue-style-loader": "^3.0.1",
|
||||||
|
"vue-template-compiler": "^2.5.2",
|
||||||
|
"webpack": "^3.6.0",
|
||||||
|
"webpack-bundle-analyzer": "^2.9.0",
|
||||||
|
"webpack-dev-server": "^2.9.1",
|
||||||
|
"webpack-merge": "^4.1.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 6.0.0",
|
||||||
|
"npm": ">= 3.0.0"
|
||||||
|
},
|
||||||
|
"browserslist": [
|
||||||
|
"> 1%",
|
||||||
|
"last 2 versions",
|
||||||
|
"not ie <= 8"
|
||||||
|
]
|
||||||
|
}
|
||||||
21299
FrontCode2/sunshine_levy/package-lock - 副本.json.bak
Normal file
21299
FrontCode2/sunshine_levy/package-lock - 副本.json.bak
Normal file
File diff suppressed because it is too large
Load Diff
3622
FrontCode2/sunshine_levy/package-lock.json
generated
3622
FrontCode2/sunshine_levy/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -11,14 +11,9 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@aligov/jssdk-mgop": "^3.0.0",
|
"@aligov/jssdk-mgop": "^3.0.0",
|
||||||
"axios": "^0.21.4",
|
|
||||||
"element-ui": "^2.15.6",
|
"element-ui": "^2.15.6",
|
||||||
"html2canvas": "^1.3.2",
|
|
||||||
"jquery": "^3.6.0",
|
|
||||||
"js-md5": "^0.7.3",
|
|
||||||
"less": "^4.1.1",
|
"less": "^4.1.1",
|
||||||
"less-loader": "^4.1.0",
|
"less-loader": "^4.1.0",
|
||||||
"lib-flexible": "^0.3.2",
|
|
||||||
"px2rem-loader": "^0.1.9",
|
"px2rem-loader": "^0.1.9",
|
||||||
"vant": "^2.12.27",
|
"vant": "^2.12.27",
|
||||||
"vue": "^2.5.2",
|
"vue": "^2.5.2",
|
||||||
|
|||||||
@@ -26,7 +26,7 @@
|
|||||||
>
|
>
|
||||||
<router-view />
|
<router-view />
|
||||||
</van-pull-refresh>
|
</van-pull-refresh>
|
||||||
<div :class="mode?'old_bottomContent':'bottomContent'">
|
<div :class="mode ? 'old_bottomContent' : 'bottomContent'">
|
||||||
<p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
|
<p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
|
||||||
<p>
|
<p>
|
||||||
服务咨询热线：<b>
|
服务咨询热线：<b>
|
||||||
@@ -36,12 +36,12 @@
|
|||||||
>
|
>
|
||||||
</p>
|
</p>
|
||||||
<div>
|
<div>
|
||||||
<div v-if="mode" class="old_logout" @click="logout">
|
<div v-if="mode" class="old_logout" @click="logout">
|
||||||
<span>退出老年模式</span>
|
<span>退出老年模式</span>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="logout" @click="logout">
|
<div v-else class="logout" @click="logout">
|
||||||
<span>进入老年模式</span>
|
<span>进入老年模式</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -49,55 +49,65 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
/* import { recoverStyle2, changeStyle1 } from "@/olderMode/1.js";
|
/* import { recoverStyle2, changeStyle1 } from "@/olderMode/1.js";
|
||||||
*/export default {
|
*/ export default {
|
||||||
name: "App",
|
name: "App",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
mode: '',
|
mode: "",
|
||||||
isLoading: true,
|
isLoading: true,
|
||||||
show: true
|
show: true,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
/* this.$root.mode = true //修改mode中的数据
|
this.mode = this.$root.mode; //调用全局变量mode中的数据。
|
||||||
*/
|
// ZWJSBridge.getUiStyle({})
|
||||||
this.mode = this.$root.mode //调用全局变量mode中的数据。
|
// .then((result) => {
|
||||||
console.log("得到的身份判断条件",this.mode)
|
// switch (result.uiStyle) {
|
||||||
/* if (sessionStorage.getItem("mode") == "older") {
|
// case "normal":
|
||||||
this.mode = true;
|
// setUiStyle("标准模式");
|
||||||
} else {
|
// this.mode = this.$root.mode = false;
|
||||||
this.mode = false;
|
// break;
|
||||||
}
|
// case "elder":
|
||||||
*/
|
// setUiStyle("适老模式");
|
||||||
|
// this.mode = this.$root.mode = true;
|
||||||
|
// break;
|
||||||
|
// default:
|
||||||
|
// setUiStyle("default");
|
||||||
|
// }
|
||||||
|
// console.log(result);
|
||||||
|
// })
|
||||||
|
// //浙里办APP 6.11.0 版本以下版本标准模式兼容
|
||||||
|
// .catch((error) => {
|
||||||
|
// setUiStyle("catch 标准模式兼容");
|
||||||
|
// console.log(error);
|
||||||
|
// });
|
||||||
|
|
||||||
|
console.log("得到的身份判断条件", this.mode);
|
||||||
if (localStorage.getItem("overlay")) {
|
if (localStorage.getItem("overlay")) {
|
||||||
this.show = false;
|
this.show = false;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {},
|
||||||
},
|
computed: {
|
||||||
computed:{
|
watchMode() {
|
||||||
watchMode(){
|
return this.$root.mode;
|
||||||
return this.$root.mode
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
watchMode(val, oldVal) {
|
|
||||||
console.log('成功测试',val)
|
|
||||||
this.mode = val
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
watchMode(val, oldVal) {
|
||||||
|
console.log("成功测试", val);
|
||||||
|
this.mode = val;
|
||||||
|
},
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
logout() {
|
logout() {
|
||||||
/* sessionStorage.setItem("mode", "normal");
|
this.mode = !this.mode;
|
||||||
this.mode = false; */
|
if (this.mode) {
|
||||||
/* recoverStyle2(); */
|
sessionStorage.setItem("mode", "older");
|
||||||
this.mode = !this.mode
|
} else {
|
||||||
if(this.mode){
|
sessionStorage.setItem("mode", "normal");
|
||||||
sessionStorage.setItem("mode", "normal")
|
}
|
||||||
}else{
|
this.$root.mode = this.mode;
|
||||||
sessionStorage.setItem("mode", "older")
|
|
||||||
}
|
|
||||||
this.$root.mode = this.mode
|
|
||||||
},
|
},
|
||||||
onRefresh() {
|
onRefresh() {
|
||||||
this.$children[0].$children[0].onInit();
|
this.$children[0].$children[0].onInit();
|
||||||
@@ -110,16 +120,16 @@ sessionStorage.setItem("mode", "older")
|
|||||||
},
|
},
|
||||||
callphone(phonenumber) {
|
callphone(phonenumber) {
|
||||||
ZWJSBridge.phoneCall({
|
ZWJSBridge.phoneCall({
|
||||||
corpId: phonenumber
|
corpId: phonenumber,
|
||||||
})
|
})
|
||||||
.then(result => {
|
.then((result) => {
|
||||||
console.log(result);
|
console.log(result);
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch((error) => {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
@@ -196,9 +206,9 @@ sessionStorage.setItem("mode", "older")
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.bottomContent {
|
.bottomContent {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
/* position: absolute;
|
/* position: absolute;
|
||||||
bottom: 10px; */
|
bottom: 10px; */
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -225,33 +235,32 @@ sessionStorage.setItem("mode", "older")
|
|||||||
|
|
||||||
// 老年化
|
// 老年化
|
||||||
.old_bottomContent {
|
.old_bottomContent {
|
||||||
/* position: absolute;
|
/* position: absolute;
|
||||||
bottom: 10px; */
|
bottom: 10px; */
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
p {
|
p {
|
||||||
/* margin: 0;
|
/* margin: 0;
|
||||||
line-height: 14px; */
|
line-height: 14px; */
|
||||||
line-height: 25px !important;
|
line-height: 25px !important;
|
||||||
margin: 10px 0 0 !important;
|
margin: 10px 0 0 !important;
|
||||||
|
}
|
||||||
|
b {
|
||||||
|
color: #5d8cbc;
|
||||||
|
}
|
||||||
|
.old_logout {
|
||||||
|
padding: 20px 0 10px;
|
||||||
|
span {
|
||||||
|
font-size: 20px;
|
||||||
|
height: 19px;
|
||||||
|
color: #fefefe;
|
||||||
|
background: red;
|
||||||
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
b {
|
}
|
||||||
color: #5d8cbc;
|
|
||||||
}
|
|
||||||
.old_logout {
|
|
||||||
padding: 20px 0 10px;
|
|
||||||
span {
|
|
||||||
font-size: 20px;
|
|
||||||
height: 19px;
|
|
||||||
color: #fefefe;
|
|
||||||
background: red;
|
|
||||||
padding: 0 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
/* .old_app {
|
/* .old_app {
|
||||||
padding-bottom: 100px !important;
|
padding-bottom: 100px !important;
|
||||||
@@ -265,6 +274,4 @@ sessionStorage.setItem("mode", "older")
|
|||||||
.old_app3 {
|
.old_app3 {
|
||||||
padding-bottom: 48px !important;
|
padding-bottom: 48px !important;
|
||||||
} */
|
} */
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import axios from 'axios';
|
// import axios from 'axios';
|
||||||
import { token } from '@/common/token';
|
// import { token } from '@/common/token';
|
||||||
import vm from '@/main';
|
// import vm from '@/main';
|
||||||
|
|
||||||
const code = {
|
const code = {
|
||||||
authorization: '00',
|
authorization: '00',
|
||||||
@@ -8,7 +8,7 @@ const code = {
|
|||||||
success: '01',
|
success: '01',
|
||||||
}
|
}
|
||||||
|
|
||||||
axios.defaults.baseURL = process.env.BASE_URL;
|
// axios.defaults.baseURL = process.env.BASE_URL;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 最终直接根据url名称调用接口方法
|
* 最终直接根据url名称调用接口方法
|
||||||
@@ -16,57 +16,57 @@ axios.defaults.baseURL = process.env.BASE_URL;
|
|||||||
* import { apis } from '@/api'
|
* import { apis } from '@/api'
|
||||||
* apis.getItemGroupType(parmas).then(...)
|
* apis.getItemGroupType(parmas).then(...)
|
||||||
*/
|
*/
|
||||||
import urls from './requests';
|
// import urls from './requests';
|
||||||
|
|
||||||
const apis = {}
|
// const apis = {}
|
||||||
|
|
||||||
for (let key in urls) {
|
// for (let key in urls) {
|
||||||
apis[key] = (params = {}) => {
|
// apis[key] = (params = {}) => {
|
||||||
return new Promise((reslove, reject) => {
|
// return new Promise((reslove, reject) => {
|
||||||
let instance = axios
|
// let instance = axios
|
||||||
.create({
|
// .create({
|
||||||
headers: {
|
// headers: {
|
||||||
Authorization: 'Bearer ' + token.value
|
// Authorization: 'Bearer ' + token.value
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
|
|
||||||
instance.interceptors.response.use((res) => {
|
// instance.interceptors.response.use((res) => {
|
||||||
if (res.data.code === code.authorization) {
|
// if (res.data.code === code.authorization) {
|
||||||
token.value = '';
|
// token.value = '';
|
||||||
// vm.$router.replace({
|
// // vm.$router.replace({
|
||||||
// path: '/login'
|
// // path: '/login'
|
||||||
// }).catch(err => { });
|
// // }).catch(err => { });
|
||||||
}
|
// }
|
||||||
return res;
|
// return res;
|
||||||
}, (err) => {
|
// }, (err) => {
|
||||||
return Promise.reject(err);
|
// return Promise.reject(err);
|
||||||
});
|
// });
|
||||||
|
|
||||||
instance
|
// instance
|
||||||
.post(urls[key], params)
|
// .post(urls[key], params)
|
||||||
.then(({ data }) => {
|
// .then(({ data }) => {
|
||||||
if (data.code === code.success) {
|
// if (data.code === code.success) {
|
||||||
reslove(data);
|
// reslove(data);
|
||||||
} else {
|
// } else {
|
||||||
if (vm.version.beta) {
|
// if (vm.version.beta) {
|
||||||
alert(data.message);
|
// alert(data.message);
|
||||||
}
|
// }
|
||||||
reject(data);
|
// reject(data);
|
||||||
}
|
// }
|
||||||
})
|
// })
|
||||||
.catch(err => {
|
// .catch(err => {
|
||||||
if (process.env.PROD) {
|
// if (process.env.PROD) {
|
||||||
vm.$dialog.alert({ message: '发生错误，请联系管理员' });
|
// vm.$dialog.alert({ message: '发生错误，请联系管理员' });
|
||||||
} else {
|
// } else {
|
||||||
console.warn(err, urls[key]);
|
// console.warn(err, urls[key]);
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
export {
|
export {
|
||||||
axios,
|
// axios,
|
||||||
apis,
|
// apis,
|
||||||
code
|
code
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,32 +1,32 @@
|
|||||||
import axios from "axios";
|
// import axios from "axios";
|
||||||
|
|
||||||
const instance = axios.create({
|
// const instance = axios.create({
|
||||||
baseURL: "http://183.136.157.9:7099/api",
|
// baseURL: "http://183.136.157.9:7099/api",
|
||||||
timeout: 5000
|
// timeout: 5000
|
||||||
});
|
// });
|
||||||
|
|
||||||
// 添加请求拦截器
|
// // 添加请求拦截器
|
||||||
axios.interceptors.request.use(
|
// axios.interceptors.request.use(
|
||||||
function(config) {
|
// function(config) {
|
||||||
// 在发送请求之前做些什么
|
// // 在发送请求之前做些什么
|
||||||
return config;
|
// return config;
|
||||||
},
|
// },
|
||||||
function(error) {
|
// function(error) {
|
||||||
// 对请求错误做些什么
|
// // 对请求错误做些什么
|
||||||
return Promise.reject(error);
|
// return Promise.reject(error);
|
||||||
}
|
// }
|
||||||
);
|
// );
|
||||||
|
|
||||||
// 添加响应拦截器
|
// // 添加响应拦截器
|
||||||
axios.interceptors.response.use(
|
// axios.interceptors.response.use(
|
||||||
function(response) {
|
// function(response) {
|
||||||
// 对响应数据做点什么
|
// // 对响应数据做点什么
|
||||||
return response;
|
// return response;
|
||||||
},
|
// },
|
||||||
function(error) {
|
// function(error) {
|
||||||
// 对响应错误做点什么
|
// // 对响应错误做点什么
|
||||||
return Promise.reject(error);
|
// return Promise.reject(error);
|
||||||
}
|
// }
|
||||||
);
|
// );
|
||||||
|
|
||||||
export default instance;
|
// export default instance;
|
||||||
109
FrontCode2/sunshine_levy/src/common/util/test.js
Normal file
109
FrontCode2/sunshine_levy/src/common/util/test.js
Normal file
@@ -0,0 +1,109 @@
|
|||||||
|
export const settestdata = function () {
|
||||||
|
let tempdata = {
|
||||||
|
data: {
|
||||||
|
success: true,
|
||||||
|
code: 200,
|
||||||
|
bizCode: null,
|
||||||
|
message: "请求成功",
|
||||||
|
data: {
|
||||||
|
userName: "周子俊",
|
||||||
|
idCard: "330226198811175590",
|
||||||
|
prjList: [
|
||||||
|
{
|
||||||
|
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
|
||||||
|
area: "海曙区",
|
||||||
|
name: "测试项目1",
|
||||||
|
areaID: "90517084-d213-412d-9cbf-f82c7034aeed",
|
||||||
|
zsbm: "宁波市海曙区人民政府房屋征收办公室",
|
||||||
|
year: 2020.0,
|
||||||
|
zsjdh: "海政[2020]1号",
|
||||||
|
currentState: "补偿协议签订阶段",
|
||||||
|
createRecordTime: "2019/12/25 0:00:00",
|
||||||
|
fhpgList: [
|
||||||
|
{
|
||||||
|
id: "b5d9b892-f476-489d-8156-47d06b2dd9b6",
|
||||||
|
dcbId: "26f64339-1b43-4155-b442-872642ca3ed6",
|
||||||
|
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
|
||||||
|
assessmentNo: "0005",
|
||||||
|
houseAddress: "测试房屋坐落地址2",
|
||||||
|
countValue: "1001300.00",
|
||||||
|
createTime: "2021/12/2 13:55:35",
|
||||||
|
createUserName: "周子俊",
|
||||||
|
type: "1",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
bcxyList: [
|
||||||
|
{
|
||||||
|
id: "b02f32b4-fa82-44c2-b407-614612c65534",
|
||||||
|
dcbId: "26f64339-1b43-4155-b442-872642ca3ed6",
|
||||||
|
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
|
||||||
|
xyNo: "海政20201-0005-1",
|
||||||
|
houseAddress: "测试房屋坐落地址2",
|
||||||
|
summationShouldCompensateMoney: "11.00",
|
||||||
|
switchProductionWay: "货币补偿",
|
||||||
|
countValue: "1001300.00",
|
||||||
|
signTime: "2021/11/30 13:56:26",
|
||||||
|
type: "1",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
status: 2,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc7",
|
||||||
|
area: "海曙区",
|
||||||
|
name: "测试项目1",
|
||||||
|
areaID: "90517084-d213-412d-9cbf-f82c7034aeed",
|
||||||
|
zsbm: "宁波市海曙区人民政府房屋征收办公室",
|
||||||
|
year: 2020.0,
|
||||||
|
zsjdh: "海政[2020]1号",
|
||||||
|
currentState: "补偿协议签订阶段",
|
||||||
|
createRecordTime: "2019/12/25 0:00:00",
|
||||||
|
fhpgList: [
|
||||||
|
{
|
||||||
|
id: "b5d9b892-f476-489d-8156-47d06b2dd9b7",
|
||||||
|
dcbId: "26f64339-1b43-4155-b442-872642ca3ed7",
|
||||||
|
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc7",
|
||||||
|
assessmentNo: "0005",
|
||||||
|
houseAddress: "测试房屋坐落地址2",
|
||||||
|
countValue: "1001300.00",
|
||||||
|
createTime: "2021/12/2 13:55:35",
|
||||||
|
createUserName: "周子俊",
|
||||||
|
type: "1",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
bcxyList: [
|
||||||
|
{
|
||||||
|
id: "b02f32b4-fa82-44c2-b407-614612c65534",
|
||||||
|
dcbId: "26f64339-1b43-4155-b442-872642ca3ed7",
|
||||||
|
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc7",
|
||||||
|
xyNo: "海政20201-0005-1",
|
||||||
|
houseAddress: "测试房屋坐落地址2",
|
||||||
|
summationShouldCompensateMoney: "11.00",
|
||||||
|
switchProductionWay: "货币补偿",
|
||||||
|
countValue: "1001300.00",
|
||||||
|
signTime: "2021/11/30 13:56:26",
|
||||||
|
type: "1",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
status: 2,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
policiesRegulationsLists: {
|
||||||
|
totalCount: 1,
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
id: "eeb58add-13f8-4c5b-a905-3a242faae4bd",
|
||||||
|
title: "宁波市国有土地上房屋征收补偿、补助、奖励规定",
|
||||||
|
contents: "testcontents",
|
||||||
|
publicTime: "2021-06-25",
|
||||||
|
area: "全大市",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
extras: null,
|
||||||
|
timestamp: 1638429929492,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
window.sessionStorage.setItem("homeData", JSON.stringify(tempdata));
|
||||||
|
}
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
// The Vue build version to load with the `import` command
|
// The Vue build version to load with the `import` command
|
||||||
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
|
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
|
||||||
// import "./assets/reset.css";
|
// import "./assets/reset.css";
|
||||||
import "lib-flexible/flexible";
|
// import "lib-flexible/flexible";
|
||||||
// import "@/assets/rem.js";
|
// import "@/assets/rem.js";
|
||||||
|
|
||||||
import "@/elementui";
|
import "@/elementui";
|
||||||
@@ -67,30 +67,25 @@ import { Divider } from "vant";
|
|||||||
Vue.use(Divider);
|
Vue.use(Divider);
|
||||||
|
|
||||||
Vue.config.productionTip = false;
|
Vue.config.productionTip = false;
|
||||||
import md5 from "js-md5";
|
debugger
|
||||||
Vue.prototype.$md5 = md5;
|
let mode;
|
||||||
|
if (sessionStorage.getItem("mode") == "older") {
|
||||||
|
mode = true;
|
||||||
|
} else {
|
||||||
|
// 老年化模式
|
||||||
|
mode = false;
|
||||||
|
}
|
||||||
|
|
||||||
Vue.prototype.$bus = new Vue();
|
// import Promise from 'es6-promise'
|
||||||
/* eslint-disable no-new */
|
// Promise.polyfill()
|
||||||
let mode = ""
|
|
||||||
if (sessionStorage.getItem("mode") == "older") {
|
|
||||||
/* sessionStorage.setItem("mode", "normal");
|
|
||||||
this.$parent.$parent.mode = false; */
|
|
||||||
mode = false;
|
|
||||||
} else {
|
|
||||||
// 老年化模式
|
|
||||||
/* sessionStorage.setItem("mode", "older");
|
|
||||||
this.$parent.$parent.mode = true; */
|
|
||||||
mode = true;
|
|
||||||
}
|
|
||||||
const vm = new Vue({
|
const vm = new Vue({
|
||||||
el: "#app",
|
el: "#app",
|
||||||
router,
|
router,
|
||||||
data: function(){
|
data: function () {
|
||||||
return {
|
return {
|
||||||
mode: mode, //false 代表青年年模式 ; true 代表老年年模式
|
mode: mode, //false 代表青年年模式 ; true 代表老年年模式
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: { App },
|
components: { App },
|
||||||
template: "<App/>"
|
template: "<App/>"
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container">
|
<div :class="mode ? 'old_container' : 'container'">
|
||||||
<div class="topBox">
|
<div class="topBox">
|
||||||
<div class="olderVersion">
|
<div class="olderVersion">
|
||||||
<div class="titleBox">被征收人信息查询</div>
|
<div class="titleBox">被征收人信息查询</div>
|
||||||
@@ -38,27 +38,39 @@
|
|||||||
<img src="@/assets/img/government.png" />
|
<img src="@/assets/img/government.png" />
|
||||||
</div> -->
|
</div> -->
|
||||||
<!-- 项目内容 -->
|
<!-- 项目内容 -->
|
||||||
<div :key="item.prjId" v-for="item in data.prjList">
|
<div :key="item.prjId" v-for="(item, index) in data.prjList">
|
||||||
<div class="project">
|
<div class="project">
|
||||||
<!-- window图标 -->
|
<!-- window图标 -->
|
||||||
<div>
|
<div>
|
||||||
<div class="projectIcon">
|
<div class="projectIcon">
|
||||||
<img src="@/assets/img/project.png" />
|
<img src="@/assets/img/project.png" />
|
||||||
</div>
|
</div>
|
||||||
<span class="projectTitle">{{ item.name }}<i> </i></span>
|
<span class="projectTitle">{{ item.name }}</span>
|
||||||
|
<span>
|
||||||
<div class="absolute0" v-on:click="absolute0_click($event)"></div>
|
<van-icon
|
||||||
|
color="white"
|
||||||
|
:name="item.show ? 'arrow-down' : 'arrow'"
|
||||||
|
/>
|
||||||
|
</span>
|
||||||
|
<div class="absolute0"></div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 补偿协议图标 -->
|
<!-- 补偿协议图标 -->
|
||||||
<div class="projectRight">
|
<div
|
||||||
|
class="projectRight"
|
||||||
|
v-on:click="absolute0_click($event, index, item)"
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<img src="@/assets/img/yhxy.png" />
|
<img src="@/assets/img/yhxy.png" />
|
||||||
</div>
|
</div>
|
||||||
<span>{{ item.currentState }}</span>
|
<span>{{ item.currentState }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="absolute" v-on:click="absolute_click($event)"></div>
|
<div
|
||||||
|
class="absolute"
|
||||||
|
v-on:click="absolute_click($event, index, item)"
|
||||||
|
></div>
|
||||||
|
<!-- <div class="absolute" v-on:click="aaa"></div> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="projectCenter">
|
<div class="projectCenter" v-show="item.show">
|
||||||
<!-- 项目内容 -->
|
<!-- 项目内容 -->
|
||||||
<div class="projectCenterBox">
|
<div class="projectCenterBox">
|
||||||
<div>
|
<div>
|
||||||
@@ -94,78 +106,100 @@
|
|||||||
<div class="assess">
|
<div class="assess">
|
||||||
<van-image :src="require('@/assets/img/assess_1.png')" />
|
<van-image :src="require('@/assets/img/assess_1.png')" />
|
||||||
<span>分户评估报告</span>
|
<span>分户评估报告</span>
|
||||||
<i></i>
|
|
||||||
<div class="absolute1" v-on:click="absolute1_click($event)"></div>
|
<van-icon
|
||||||
|
color="#2468f2"
|
||||||
|
:name="activeIndexSon === index + 0 ? 'arrow-down' : 'arrow'"
|
||||||
|
/>
|
||||||
|
<!-- <i></i>
|
||||||
|
-->
|
||||||
|
<div
|
||||||
|
class="absolute1"
|
||||||
|
v-on:click="absolute1_click($event, index, 0)"
|
||||||
|
></div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="activeIndexSon === index + 0">
|
||||||
:key="assess.id"
|
<div
|
||||||
@click="toEvaluate(assess.id, assess.type)"
|
:key="assess.id"
|
||||||
class="assessCenter1"
|
@click="toEvaluate(assess.id, assess.type)"
|
||||||
v-for="assess in item.fhpgList"
|
class="assessCenter1"
|
||||||
>
|
v-for="assess in item.fhpgList"
|
||||||
<div>
|
>
|
||||||
<span>评估报告编号：</span>
|
<div>
|
||||||
<span>{{ assess.assessmentNo }}</span>
|
<span>评估报告编号：</span>
|
||||||
</div>
|
<span>{{ assess.assessmentNo }}</span>
|
||||||
<div>
|
</div>
|
||||||
<span>被征收房屋地址：</span>
|
<div>
|
||||||
<span>
|
<span>被征收房屋地址：</span>
|
||||||
{{ assess.houseAddress }}
|
<span>
|
||||||
</span>
|
{{ assess.houseAddress }}
|
||||||
</div>
|
</span>
|
||||||
<div>
|
</div>
|
||||||
<span>评估总金额：</span>
|
<div>
|
||||||
<span class="projectTitle" style="color: red"
|
<span>评估总金额：</span>
|
||||||
>¥{{ assess.countValue }}</span
|
<span class="projectTitle" style="color: red"
|
||||||
>
|
>¥{{ assess.countValue }}</span
|
||||||
</div>
|
>
|
||||||
<div>
|
</div>
|
||||||
<span>评估公司：</span>
|
<div>
|
||||||
<span>{{ assess.EvaluationCompany }}</span>
|
<span>评估公司：</span>
|
||||||
|
<span>{{ assess.EvaluationCompany }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 补偿协议部分 -->
|
<!-- 补偿协议部分 -->
|
||||||
<div class="assess2">
|
<div class="assess2">
|
||||||
<van-image :src="require('@/assets/img/assess_2.png')" />
|
<van-image :src="require('@/assets/img/assess_2.png')" />
|
||||||
<span>补偿结果</span>
|
<span>补偿结果</span>
|
||||||
<i></i>
|
<van-icon
|
||||||
<div class="absolute2" v-on:click="absolute2_click($event)"></div>
|
color="#2468f2"
|
||||||
|
:name="activeIndexSonTwo === index + 1 ? 'arrow-down' : 'arrow'"
|
||||||
|
/>
|
||||||
|
<!-- <i></i>
|
||||||
|
-->
|
||||||
|
<div
|
||||||
|
class="absolute2"
|
||||||
|
v-on:click="absolute2_click($event, index, 1)"
|
||||||
|
></div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="activeIndexSonTwo === index + 1">
|
||||||
:key="protocol.id"
|
<div
|
||||||
@click="toAgreement(item.prjId)"
|
:key="protocol.id"
|
||||||
class="assessCenter2"
|
@click="toAgreement(item.prjId)"
|
||||||
v-for="protocol in item.bcxyList"
|
class="assessCenter2"
|
||||||
>
|
v-for="protocol in item.bcxyList"
|
||||||
<div>
|
>
|
||||||
<span>协议编号：</span>
|
<div>
|
||||||
<span>{{ protocol.xyNo }}</span>
|
<span>协议编号：</span>
|
||||||
</div>
|
<span>{{ protocol.xyNo }}</span>
|
||||||
<div>
|
</div>
|
||||||
<span>被征收房屋地址：</span>
|
<div>
|
||||||
<span>
|
<span>被征收房屋地址：</span>
|
||||||
{{ protocol.houseAddress }}
|
<span>
|
||||||
</span>
|
{{ protocol.houseAddress }}
|
||||||
</div>
|
</span>
|
||||||
<div>
|
</div>
|
||||||
<span>补偿方式：</span>
|
<div>
|
||||||
<span>
|
<span>补偿方式：</span>
|
||||||
{{ protocol.switchProductionWay }}
|
<span>
|
||||||
</span>
|
{{ protocol.switchProductionWay }}
|
||||||
</div>
|
</span>
|
||||||
<div>
|
</div>
|
||||||
<span>合计补偿资金：</span>
|
<div>
|
||||||
<span class="projectTitle" style="color: red"
|
<span>合计补偿资金：</span>
|
||||||
>¥{{ protocol.summationShouldCompensateMoney }}</span
|
<span class="projectTitle" style="color: red"
|
||||||
>
|
>¥{{ protocol.summationShouldCompensateMoney }}</span
|
||||||
</div>
|
>
|
||||||
<div>
|
</div>
|
||||||
<span>合计安置面积：</span>
|
<div>
|
||||||
<span>{{ protocol.TotalAllocationArea }}</span>
|
<span>合计安置面积：</span>
|
||||||
|
<span>{{ protocol.TotalAllocationArea }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 征收政策背景图 -->
|
<!-- 征收政策背景图 -->
|
||||||
<!-- <div>
|
<!-- <div>
|
||||||
<van-image :src="require('@/assets/img/expropriationPolicy.png')" />
|
<van-image :src="require('@/assets/img/expropriationPolicy.png')" />
|
||||||
@@ -205,18 +239,19 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { apis } from "@/common/apis";
|
// import { apis } from "@/common/apis";
|
||||||
import { mgop } from "@aligov/jssdk-mgop";
|
import { mgop } from "@aligov/jssdk-mgop";
|
||||||
import { SetTicket } from "@/common/util//tools";
|
import { SetTicket } from "@/common/util//tools";
|
||||||
import { changeStyle, recoverStyle } from "@/olderMode/1.js";
|
/*import { settestdata } from "@/common/util/test.js";*/
|
||||||
import $ from "jquery";
|
|
||||||
export default {
|
export default {
|
||||||
name: "home",
|
name: "home",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
mode: false,
|
mode: "", //false 代表青年年模式 ; true 代表老年年模式
|
||||||
|
activeIndex: -1,
|
||||||
|
activeIndexSon: -1,
|
||||||
|
activeIndexSonTwo: -1,
|
||||||
loading: true,
|
loading: true,
|
||||||
data: {
|
data: {
|
||||||
idCard: "加载中...",
|
idCard: "加载中...",
|
||||||
@@ -230,6 +265,8 @@ export default {
|
|||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
console.log("1201-我是index的created的1");
|
console.log("1201-我是index的created的1");
|
||||||
|
// settestdata();
|
||||||
|
// debugger
|
||||||
if (!sessionStorage.getItem("homeData")) {
|
if (!sessionStorage.getItem("homeData")) {
|
||||||
this.onInit();
|
this.onInit();
|
||||||
} else {
|
} else {
|
||||||
@@ -237,15 +274,7 @@ export default {
|
|||||||
this.data = d.data.data;
|
this.data = d.data.data;
|
||||||
}
|
}
|
||||||
this.setLocationAplus();
|
this.setLocationAplus();
|
||||||
// SetTicket(this.$route.query.ticket);
|
this.mode = this.$root.mode; //调用全局变量mode中的数据。
|
||||||
$(".logout").css("display", "none");
|
|
||||||
if (sessionStorage.getItem("mode") == "older") {
|
|
||||||
changeStyle();
|
|
||||||
this.mode = true;
|
|
||||||
} else {
|
|
||||||
$("#app").addClass("old_app3");
|
|
||||||
}
|
|
||||||
console.log("1201-我是index的created的2");
|
|
||||||
},
|
},
|
||||||
beforeRouteLeave(to, from, next) {
|
beforeRouteLeave(to, from, next) {
|
||||||
//debugger;
|
//debugger;
|
||||||
@@ -268,15 +297,17 @@ export default {
|
|||||||
});
|
});
|
||||||
} else next();
|
} else next();
|
||||||
},
|
},
|
||||||
mounted() {
|
computed: {
|
||||||
console.log("1201-我是index的mounted的3");
|
watchMode() {
|
||||||
if (sessionStorage.getItem("mode") == "older") {
|
return this.$root.mode;
|
||||||
$(".container").addClass("old_container");
|
},
|
||||||
}
|
|
||||||
|
|
||||||
//this.setDisplay();
|
|
||||||
console.log("1201-我是index的mounted的4");
|
|
||||||
},
|
},
|
||||||
|
watch: {
|
||||||
|
watchMode(val, oldVal) {
|
||||||
|
this.mode = val;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
methods: {
|
methods: {
|
||||||
// 获取数据
|
// 获取数据
|
||||||
onInit() {
|
onInit() {
|
||||||
@@ -338,18 +369,13 @@ export default {
|
|||||||
},
|
},
|
||||||
toOlderMode() {
|
toOlderMode() {
|
||||||
// 正常页面
|
// 正常页面
|
||||||
if (sessionStorage.getItem("mode") == "older") {
|
this.mode = !this.mode;
|
||||||
sessionStorage.setItem("mode", "normal");
|
if (this.mode) {
|
||||||
this.$parent.$parent.mode = false;
|
|
||||||
this.mode = false;
|
|
||||||
recoverStyle();
|
|
||||||
} else {
|
|
||||||
// 老年化模式
|
|
||||||
sessionStorage.setItem("mode", "older");
|
sessionStorage.setItem("mode", "older");
|
||||||
this.$parent.$parent.mode = true;
|
} else {
|
||||||
this.mode = true;
|
sessionStorage.setItem("mode", "normal");
|
||||||
changeStyle();
|
|
||||||
}
|
}
|
||||||
|
this.$root.mode = this.mode;
|
||||||
},
|
},
|
||||||
setIdCard(id) {
|
setIdCard(id) {
|
||||||
return id == "加载中..."
|
return id == "加载中..."
|
||||||
@@ -358,8 +384,6 @@ export default {
|
|||||||
},
|
},
|
||||||
// 跳转选择项目
|
// 跳转选择项目
|
||||||
gotoProject(type) {
|
gotoProject(type) {
|
||||||
$(".logout").css("display", "block");
|
|
||||||
$("#app").removeClass("old_app3");
|
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name: "projectSelect",
|
name: "projectSelect",
|
||||||
params: {
|
params: {
|
||||||
@@ -369,8 +393,6 @@ export default {
|
|||||||
},
|
},
|
||||||
// 直接跳转分户评估结果页面
|
// 直接跳转分户评估结果页面
|
||||||
toEvaluate(id, type) {
|
toEvaluate(id, type) {
|
||||||
$(".logout").css("display", "block");
|
|
||||||
$("#app").removeClass("old_app3");
|
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name: "evaluatePage",
|
name: "evaluatePage",
|
||||||
params: {
|
params: {
|
||||||
@@ -381,8 +403,7 @@ export default {
|
|||||||
},
|
},
|
||||||
// 直接跳转协议结果pdf
|
// 直接跳转协议结果pdf
|
||||||
toAgreement(id) {
|
toAgreement(id) {
|
||||||
$(".logout").css("display", "block");
|
/* */
|
||||||
$("#app").removeClass("old_app3");
|
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name: "reportAgreement",
|
name: "reportAgreement",
|
||||||
params: {
|
params: {
|
||||||
@@ -390,16 +411,8 @@ export default {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 加载项目数统计信息
|
|
||||||
onLoadStatistic() {
|
|
||||||
apis.projectStatistics().then(({ result }) => {
|
|
||||||
this.statistics = result;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 政策信息页面跳转
|
// 政策信息页面跳转
|
||||||
pageJump(id) {
|
pageJump(id) {
|
||||||
$(".logout").css("display", "block");
|
|
||||||
$("#app").removeClass("old_app3");
|
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name: "policyInfo",
|
name: "policyInfo",
|
||||||
params: { id },
|
params: { id },
|
||||||
@@ -484,97 +497,33 @@ export default {
|
|||||||
console.log(error);
|
console.log(error);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
absolute_click(e) {
|
absolute_click(e, index, item) {
|
||||||
if (
|
if (!item.show) {
|
||||||
$(e.currentTarget.parentNode.parentNode)
|
this.$set(item, "show", false);
|
||||||
.find(".projectCenter")
|
item.show = !item.show;
|
||||||
.css("display") == "none"
|
|
||||||
) {
|
|
||||||
$(e.currentTarget.parentNode.parentNode)
|
|
||||||
.find(".projectCenter")
|
|
||||||
.css("display", "block");
|
|
||||||
|
|
||||||
$(e.currentTarget.parentNode)
|
|
||||||
.find("i")
|
|
||||||
.css("transform", "rotate(45deg)");
|
|
||||||
} else {
|
} else {
|
||||||
$(e.currentTarget.parentNode.parentNode)
|
item.show = !item.show;
|
||||||
.find(".projectCenter")
|
}
|
||||||
.css("display", "none");
|
/* this.activeIndex = index;
|
||||||
|
*/
|
||||||
$(e.currentTarget.parentNode)
|
/* this.activeIndex = this.activeIndex === index ? !index : index;
|
||||||
.find("i")
|
*/
|
||||||
.css("transform", "rotate(-45deg)");
|
},
|
||||||
|
absolute0_click(e, index, item) {
|
||||||
|
if (!item.show) {
|
||||||
|
this.$set(item, "show", false);
|
||||||
|
item.show = !item.show;
|
||||||
|
} else {
|
||||||
|
item.show = !item.show;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
absolute0_click(e) {
|
absolute1_click(e, index, i) {
|
||||||
if (
|
let son = index + i;
|
||||||
$(e.currentTarget.parentNode.parentNode.parentNode)
|
this.activeIndexSon = this.activeIndexSon === son ? !son : son;
|
||||||
.find(".projectCenter")
|
|
||||||
.css("display") == "none"
|
|
||||||
) {
|
|
||||||
$(e.currentTarget.parentNode.parentNode.parentNode)
|
|
||||||
.find(".projectCenter")
|
|
||||||
.css("display", "block");
|
|
||||||
|
|
||||||
$(e.currentTarget.parentNode)
|
|
||||||
.find("i")
|
|
||||||
.css("transform", "rotate(45deg)");
|
|
||||||
} else {
|
|
||||||
$(e.currentTarget.parentNode.parentNode.parentNode)
|
|
||||||
.find(".projectCenter")
|
|
||||||
.css("display", "none");
|
|
||||||
|
|
||||||
$(e.currentTarget.parentNode)
|
|
||||||
.find("i")
|
|
||||||
.css("transform", "rotate(-45deg)");
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
absolute1_click(e) {
|
absolute2_click(e, index, i) {
|
||||||
if (
|
let son = index + i;
|
||||||
$(e.currentTarget.parentNode.parentNode)
|
this.activeIndexSonTwo = this.activeIndexSonTwo === son ? !son : son;
|
||||||
.find(".assessCenter1")
|
|
||||||
.css("display") == "none"
|
|
||||||
) {
|
|
||||||
$(e.currentTarget.parentNode.parentNode)
|
|
||||||
.find(".assessCenter1")
|
|
||||||
.css("display", "block");
|
|
||||||
|
|
||||||
$(e.currentTarget.parentNode)
|
|
||||||
.find("i")
|
|
||||||
.css("transform", "rotate(45deg)");
|
|
||||||
} else {
|
|
||||||
$(e.currentTarget.parentNode.parentNode)
|
|
||||||
.find(".assessCenter1")
|
|
||||||
.css("display", "none");
|
|
||||||
|
|
||||||
$(e.currentTarget.parentNode)
|
|
||||||
.find("i")
|
|
||||||
.css("transform", "rotate(-45deg)");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
absolute2_click(e) {
|
|
||||||
if (
|
|
||||||
$(e.currentTarget.parentNode.parentNode)
|
|
||||||
.find(".assessCenter2")
|
|
||||||
.css("display") == "none"
|
|
||||||
) {
|
|
||||||
$(e.currentTarget.parentNode.parentNode)
|
|
||||||
.find(".assessCenter2")
|
|
||||||
.css("display", "block");
|
|
||||||
|
|
||||||
$(e.currentTarget.parentNode)
|
|
||||||
.find("i")
|
|
||||||
.css("transform", "rotate(45deg)");
|
|
||||||
} else {
|
|
||||||
$(e.currentTarget.parentNode.parentNode)
|
|
||||||
.find(".assessCenter2")
|
|
||||||
.css("display", "none");
|
|
||||||
|
|
||||||
$(e.currentTarget.parentNode)
|
|
||||||
.find("i")
|
|
||||||
.css("transform", "rotate(-45deg)");
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
@@ -705,7 +654,7 @@ export default {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
i {
|
/* i {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
height: 9px;
|
height: 9px;
|
||||||
@@ -714,7 +663,7 @@ export default {
|
|||||||
border-bottom: 2px solid white;
|
border-bottom: 2px solid white;
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
margin-left: 7px;
|
margin-left: 7px;
|
||||||
}
|
} */
|
||||||
}
|
}
|
||||||
|
|
||||||
> :last-child {
|
> :last-child {
|
||||||
@@ -816,7 +765,7 @@ export default {
|
|||||||
color: #2468f2;
|
color: #2468f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
i {
|
/* i {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
height: 8px;
|
height: 8px;
|
||||||
@@ -825,7 +774,7 @@ export default {
|
|||||||
border-bottom: 2px solid #2468f2;
|
border-bottom: 2px solid #2468f2;
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
margin-left: 7px;
|
margin-left: 7px;
|
||||||
}
|
} */
|
||||||
|
|
||||||
> :last-child {
|
> :last-child {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -877,7 +826,7 @@ export default {
|
|||||||
color: #2468f2;
|
color: #2468f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
i {
|
/* i {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
height: 8px;
|
height: 8px;
|
||||||
@@ -886,7 +835,7 @@ export default {
|
|||||||
border-bottom: 2px solid #2468f2;
|
border-bottom: 2px solid #2468f2;
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
margin-left: 7px;
|
margin-left: 7px;
|
||||||
}
|
} */
|
||||||
|
|
||||||
> :last-child {
|
> :last-child {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -1016,7 +965,8 @@ export default {
|
|||||||
background-size: 100% 120%;
|
background-size: 100% 120%;
|
||||||
}
|
}
|
||||||
.projectRight {
|
.projectRight {
|
||||||
margin-top: 10px;
|
/* */
|
||||||
|
/* margin-top: 10px;
|
||||||
height: 27px;
|
height: 27px;
|
||||||
> :nth-child(1) {
|
> :nth-child(1) {
|
||||||
border-radius: unset !important;
|
border-radius: unset !important;
|
||||||
@@ -1025,6 +975,34 @@ export default {
|
|||||||
> span {
|
> span {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
border-radius: 0px 13px 13px 0px;
|
border-radius: 0px 13px 13px 0px;
|
||||||
|
} */
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: right;
|
||||||
|
margin-top: -33px;
|
||||||
|
position: relative;
|
||||||
|
height: 27px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
> div {
|
||||||
|
background: #24bca3;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 13px 0 0 13px;
|
||||||
|
img {
|
||||||
|
width: 17px;
|
||||||
|
margin-right: 3px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-right: 10px;
|
||||||
|
color: #fff;
|
||||||
|
background: #24bca3;
|
||||||
|
height: 27px;
|
||||||
|
line-height: 27px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div style="margin: 0 auto" :class="'container'+(mode?' old_container':'')">
|
<div
|
||||||
|
style="margin: 0 auto"
|
||||||
|
:class="'container' + (mode ? ' old_container' : '')"
|
||||||
|
>
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="testdownload4()"
|
@click="testdownload4()"
|
||||||
@@ -19,40 +22,33 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
/* import { changeBottomStyle } from "@/olderMode/1.js";
|
|
||||||
import $ from "jquery"; */
|
|
||||||
export default {
|
export default {
|
||||||
components: {},
|
components: {},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
mode:"",
|
mode: "",
|
||||||
url: "",
|
url: "",
|
||||||
apidata: {},
|
apidata: {},
|
||||||
pic_width: "100%",
|
pic_width: "100%",
|
||||||
pic_height: "100%",
|
pic_height: "100%",
|
||||||
isloading: true
|
isloading: true,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
/* if (sessionStorage.getItem("mode") == "older") {
|
this.mode = this.$root.mode;
|
||||||
changeBottomStyle();
|
|
||||||
} */
|
|
||||||
this.mode = this.$root.mode
|
|
||||||
this.onInit();
|
this.onInit();
|
||||||
},
|
},
|
||||||
computed:{
|
computed: {
|
||||||
watchMode(){
|
watchMode() {
|
||||||
return this.$root.mode
|
return this.$root.mode;
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
watchMode(val, oldVal) {
|
|
||||||
this.mode = val
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
mounted() {
|
|
||||||
|
|
||||||
},
|
},
|
||||||
|
watch: {
|
||||||
|
watchMode(val, oldVal) {
|
||||||
|
this.mode = val;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
methods: {
|
methods: {
|
||||||
onInit() {
|
onInit() {
|
||||||
let result = JSON.parse(window.sessionStorage.getItem("evaluateData"));
|
let result = JSON.parse(window.sessionStorage.getItem("evaluateData"));
|
||||||
@@ -69,7 +65,7 @@ export default {
|
|||||||
message: "登录超时，请重新登录",
|
message: "登录超时，请重新登录",
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
type: "info",
|
type: "info",
|
||||||
center: true
|
center: true,
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.replace(
|
window.location.replace(
|
||||||
@@ -81,7 +77,7 @@ export default {
|
|||||||
message: result.data.message,
|
message: result.data.message,
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
type: "error",
|
type: "error",
|
||||||
center: true
|
center: true,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -90,12 +86,12 @@ export default {
|
|||||||
ZWJSBridge.onReady(() => {
|
ZWJSBridge.onReady(() => {
|
||||||
// console.log("初始化完成后，执行bridge方法-saveImages");
|
// console.log("初始化完成后，执行bridge方法-saveImages");
|
||||||
ZWJSBridge.saveImage({
|
ZWJSBridge.saveImage({
|
||||||
url: this.apidata.pdf
|
url: this.apidata.pdf,
|
||||||
})
|
})
|
||||||
.then(result => {
|
.then((result) => {
|
||||||
// console.log("saveImage()成功:" + JSON.stringify(result));
|
// console.log("saveImage()成功:" + JSON.stringify(result));
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch((error) => {
|
||||||
// console.log("saveImage()失败:" + JSON.stringify(result));
|
// console.log("saveImage()失败:" + JSON.stringify(result));
|
||||||
// console.log(error);
|
// console.log(error);
|
||||||
});
|
});
|
||||||
@@ -105,17 +101,17 @@ export default {
|
|||||||
ZWJSBridge.onReady(() => {
|
ZWJSBridge.onReady(() => {
|
||||||
// console.log("初始化完成后，执行bridge方法-testdownload4");
|
// console.log("初始化完成后，执行bridge方法-testdownload4");
|
||||||
ZWJSBridge.openLink({
|
ZWJSBridge.openLink({
|
||||||
url: this.apidata.pdf
|
url: this.apidata.pdf,
|
||||||
})
|
})
|
||||||
.then(result => {
|
.then((result) => {
|
||||||
// console.log("测试新开窗口():" + result);
|
// console.log("测试新开窗口():" + result);
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch((error) => {
|
||||||
// console.log(error);
|
// console.log(error);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div style="margin: 0 auto" :class="mode?'old_container':'container'">
|
<div style="margin: 0 auto" :class="mode ? 'old_container' : 'container'">
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
@click="testdownload4()"
|
@click="testdownload4()"
|
||||||
@@ -20,41 +20,34 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { mgop } from "@aligov/jssdk-mgop";
|
import { mgop } from "@aligov/jssdk-mgop";
|
||||||
/* import { changeBottomStyle } from "@/olderMode/1.js";
|
|
||||||
import $ from "jquery"; */
|
|
||||||
export default {
|
export default {
|
||||||
components: {},
|
components: {},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
mode:"",
|
mode: "",
|
||||||
url: "",
|
url: "",
|
||||||
apidata: {},
|
apidata: {},
|
||||||
pic_width: "100%",
|
pic_width: "100%",
|
||||||
pic_height: "100%",
|
pic_height: "100%",
|
||||||
isloading: true
|
isloading: true,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.mode = this.$root.mode
|
this.mode = this.$root.mode;
|
||||||
/* if (sessionStorage.getItem("mode") == "older") {
|
|
||||||
changeBottomStyle();
|
|
||||||
} */
|
|
||||||
this.onInit();
|
this.onInit();
|
||||||
},
|
},
|
||||||
mounted(){},
|
mounted() {},
|
||||||
|
|
||||||
computed:{
|
computed: {
|
||||||
watchMode(){
|
watchMode() {
|
||||||
return this.$root.mode
|
return this.$root.mode;
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
watchMode(val, oldVal) {
|
|
||||||
this.mode = val
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
watchMode(val, oldVal) {
|
||||||
|
this.mode = val;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
onInit() {
|
onInit() {
|
||||||
@@ -69,10 +62,10 @@ export default {
|
|||||||
data: {
|
data: {
|
||||||
ticket:
|
ticket:
|
||||||
this.$route.query.ticket || window.sessionStorage.getItem("ticket"),
|
this.$route.query.ticket || window.sessionStorage.getItem("ticket"),
|
||||||
id: window.sessionStorage.getItem("bcxyId")
|
id: window.sessionStorage.getItem("bcxyId"),
|
||||||
},
|
},
|
||||||
appKey: "es4b8zmz+2001833218+dehllx",
|
appKey: "es4b8zmz+2001833218+dehllx",
|
||||||
onSuccess: result => {
|
onSuccess: (result) => {
|
||||||
if (result.data.success) {
|
if (result.data.success) {
|
||||||
this.apidata = result.data.data;
|
this.apidata = result.data.data;
|
||||||
this.pic_width = "100%";
|
this.pic_width = "100%";
|
||||||
@@ -86,7 +79,7 @@ export default {
|
|||||||
message: "登录超时，请重新登录",
|
message: "登录超时，请重新登录",
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
type: "info",
|
type: "info",
|
||||||
center: true
|
center: true,
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.replace(
|
window.location.replace(
|
||||||
@@ -98,26 +91,26 @@ export default {
|
|||||||
message: result.data.message,
|
message: result.data.message,
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
type: "error",
|
type: "error",
|
||||||
center: true
|
center: true,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onFail: err => {
|
onFail: (err) => {
|
||||||
console.log("用户无数据，不展示");
|
console.log("用户无数据，不展示");
|
||||||
}
|
},
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
saveImages() {
|
saveImages() {
|
||||||
ZWJSBridge.onReady(() => {
|
ZWJSBridge.onReady(() => {
|
||||||
// console.log("初始化完成后，执行bridge方法-saveImages");
|
// console.log("初始化完成后，执行bridge方法-saveImages");
|
||||||
ZWJSBridge.saveImage({
|
ZWJSBridge.saveImage({
|
||||||
url: this.apidata.pdf
|
url: this.apidata.pdf,
|
||||||
})
|
})
|
||||||
.then(result => {
|
.then((result) => {
|
||||||
// console.log("saveImage()成功:" + JSON.stringify(result));
|
// console.log("saveImage()成功:" + JSON.stringify(result));
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch((error) => {
|
||||||
// console.log("saveImage()失败:" + JSON.stringify(result));
|
// console.log("saveImage()失败:" + JSON.stringify(result));
|
||||||
// console.log(error);
|
// console.log(error);
|
||||||
});
|
});
|
||||||
@@ -127,17 +120,17 @@ export default {
|
|||||||
ZWJSBridge.onReady(() => {
|
ZWJSBridge.onReady(() => {
|
||||||
// console.log("初始化完成后，执行bridge方法-testdownload4");
|
// console.log("初始化完成后，执行bridge方法-testdownload4");
|
||||||
ZWJSBridge.openLink({
|
ZWJSBridge.openLink({
|
||||||
url: this.apidata.pdf
|
url: this.apidata.pdf,
|
||||||
})
|
})
|
||||||
.then(result => {
|
.then((result) => {
|
||||||
// console.log("测试新开窗口():" + result);
|
// console.log("测试新开窗口():" + result);
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch((error) => {
|
||||||
// console.log(error);
|
// console.log(error);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
:class="'container'+(mode?' old_container':'')"
|
:class="'container' + (mode ? ' old_container' : '')"
|
||||||
v-loading="loading"
|
v-loading="loading"
|
||||||
element-loading-text="页面加载中"
|
element-loading-text="页面加载中"
|
||||||
element-loading-spinner="el-icon-loading"
|
element-loading-spinner="el-icon-loading"
|
||||||
@@ -14,36 +14,31 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { mgop } from "@aligov/jssdk-mgop";
|
import { mgop } from "@aligov/jssdk-mgop";
|
||||||
/* import { changeBottomStyle } from "@/olderMode/1.js";
|
|
||||||
import $ from "jquery"; */
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
loading: true,
|
loading: true,
|
||||||
info: {
|
info: {
|
||||||
title: "加载中...",
|
title: "加载中...",
|
||||||
publicTime: "加载中..."
|
publicTime: "加载中...",
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.mode = this.$root.mode
|
this.mode = this.$root.mode;
|
||||||
/* if (sessionStorage.getItem("mode") == "older") {
|
|
||||||
changeBottomStyle();
|
|
||||||
} */
|
|
||||||
this.onInit();
|
this.onInit();
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() {},
|
||||||
computed:{
|
computed: {
|
||||||
watchMode(){
|
watchMode() {
|
||||||
return this.$root.mode
|
return this.$root.mode;
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
watchMode(val, oldVal) {
|
|
||||||
this.mode = val
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
watchMode(val, oldVal) {
|
||||||
|
this.mode = val;
|
||||||
|
},
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 获取数据
|
// 获取数据
|
||||||
onInit() {
|
onInit() {
|
||||||
@@ -57,10 +52,10 @@ export default {
|
|||||||
type: "POST",
|
type: "POST",
|
||||||
data: {
|
data: {
|
||||||
ticket: window.sessionStorage.getItem("ticket"),
|
ticket: window.sessionStorage.getItem("ticket"),
|
||||||
id: window.sessionStorage.getItem("zszcId")
|
id: window.sessionStorage.getItem("zszcId"),
|
||||||
},
|
},
|
||||||
appKey: "es4b8zmz+2001833218+dehllx",
|
appKey: "es4b8zmz+2001833218+dehllx",
|
||||||
onSuccess: data => {
|
onSuccess: (data) => {
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
if (data.data.success) {
|
if (data.data.success) {
|
||||||
const { data: res } = data;
|
const { data: res } = data;
|
||||||
@@ -74,7 +69,7 @@ export default {
|
|||||||
message: "请求超时，请重新登录",
|
message: "请求超时，请重新登录",
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
type: "info",
|
type: "info",
|
||||||
center: true
|
center: true,
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.replace(
|
window.location.replace(
|
||||||
@@ -86,26 +81,26 @@ export default {
|
|||||||
message: "请求出错",
|
message: "请求出错",
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
type: "error",
|
type: "error",
|
||||||
center: true
|
center: true,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onFail: function(err) {
|
onFail: function (err) {
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
this.$notify({
|
this.$notify({
|
||||||
title: "错误",
|
title: "错误",
|
||||||
message: "请求失败",
|
message: "请求失败",
|
||||||
type: "error",
|
type: "error",
|
||||||
duration: 3000
|
duration: 3000,
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
modifyDate(date) {
|
modifyDate(date) {
|
||||||
return (date + "").substr(0, 10);
|
return (date + "").substr(0, 10);
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
|||||||
@@ -53,8 +53,6 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
/* import { changeBottomStyle } from "@/olderMode/1.js";
|
|
||||||
import $ from "jquery"; */
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div :class="'container'+(mode?' old_container':'')">
|
<div :class="'container' + (mode ? ' old_container' : '')">
|
||||||
<div class="image">
|
<div class="image">
|
||||||
<img alt src="@/assets/img/agreement.png" />
|
<img alt src="@/assets/img/agreement.png" />
|
||||||
</div>
|
</div>
|
||||||
@@ -56,13 +56,11 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { SetProjectId } from "@/common/util/tools";
|
import { SetProjectId } from "@/common/util/tools";
|
||||||
/* import { changeBottomStyle } from "@/olderMode/1.js";
|
|
||||||
import $ from "jquery"; */
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
info: {
|
info: {
|
||||||
mode:"",
|
mode: "",
|
||||||
userName: "无数据",
|
userName: "无数据",
|
||||||
prjList: {
|
prjList: {
|
||||||
bcxyList: [
|
bcxyList: [
|
||||||
@@ -73,36 +71,31 @@ export default {
|
|||||||
xyNo: "无数据",
|
xyNo: "无数据",
|
||||||
switchProductionWay: "无数据",
|
switchProductionWay: "无数据",
|
||||||
countValue: "无数据",
|
countValue: "无数据",
|
||||||
signTime: "无数据"
|
signTime: "无数据",
|
||||||
}
|
},
|
||||||
],
|
],
|
||||||
fhpgList: [{ countValue: "无数据", assessmentNo: "无数据" }]
|
fhpgList: [{ countValue: "无数据", assessmentNo: "无数据" }],
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
prjListLength: "0"
|
prjListLength: "0",
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.mode = this.$root.mode
|
this.mode = this.$root.mode;
|
||||||
/* if (sessionStorage.getItem("mode") == "older") {
|
|
||||||
changeBottomStyle();
|
|
||||||
} */
|
|
||||||
this.onInit();
|
this.onInit();
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() {},
|
||||||
|
|
||||||
computed:{
|
computed: {
|
||||||
watchMode(){
|
watchMode() {
|
||||||
return this.$root.mode
|
return this.$root.mode;
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
watchMode(val, oldVal) {
|
|
||||||
this.mode = val
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
watchMode(val, oldVal) {
|
||||||
|
this.mode = val;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
onInit() {
|
onInit() {
|
||||||
@@ -112,7 +105,7 @@ export default {
|
|||||||
let data = JSON.parse(window.sessionStorage.getItem("homeData"));
|
let data = JSON.parse(window.sessionStorage.getItem("homeData"));
|
||||||
if (data.data.success == true) {
|
if (data.data.success == true) {
|
||||||
this.info = data.data.data;
|
this.info = data.data.data;
|
||||||
const prjList = data.data.data.prjList.find(item => {
|
const prjList = data.data.data.prjList.find((item) => {
|
||||||
return item.prjId == window.sessionStorage.getItem("projectId");
|
return item.prjId == window.sessionStorage.getItem("projectId");
|
||||||
});
|
});
|
||||||
this.info.prjList = prjList;
|
this.info.prjList = prjList;
|
||||||
@@ -124,7 +117,7 @@ export default {
|
|||||||
message: "登录超时，请重新登录",
|
message: "登录超时，请重新登录",
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
type: "info",
|
type: "info",
|
||||||
center: true
|
center: true,
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.replace(
|
window.location.replace(
|
||||||
@@ -136,8 +129,8 @@ export default {
|
|||||||
},
|
},
|
||||||
showPdf(id) {
|
showPdf(id) {
|
||||||
this.$router.push({ name: "showPdf", params: { id } });
|
this.$router.push({ name: "showPdf", params: { id } });
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
:class="'container'+(mode?' old_container':'')"
|
:class="'container' + (mode ? ' old_container' : '')"
|
||||||
v-loading="loading"
|
v-loading="loading"
|
||||||
element-loading-text="页面加载中"
|
element-loading-text="页面加载中"
|
||||||
element-loading-spinner="el-icon-loading"
|
element-loading-spinner="el-icon-loading"
|
||||||
@@ -73,12 +73,10 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { mgop } from "@aligov/jssdk-mgop";
|
import { mgop } from "@aligov/jssdk-mgop";
|
||||||
import { changeBottomStyle } from "@/olderMode/1.js";
|
|
||||||
import $ from "jquery";
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
mode:'',
|
mode: "",
|
||||||
isLoading: true,
|
isLoading: true,
|
||||||
loading: true,
|
loading: true,
|
||||||
info: {
|
info: {
|
||||||
@@ -93,29 +91,25 @@ export default {
|
|||||||
exceedLandMoney: "无数据",
|
exceedLandMoney: "无数据",
|
||||||
atticAssessedValue: "无数据",
|
atticAssessedValue: "无数据",
|
||||||
remark: "无数据",
|
remark: "无数据",
|
||||||
isExistPdf: true
|
isExistPdf: true,
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.mode = this.$root.mode
|
this.mode = this.$root.mode;
|
||||||
/* if (sessionStorage.getItem("mode") == "older") {
|
|
||||||
changeBottomStyle();
|
|
||||||
} */
|
|
||||||
this.onInit();
|
this.onInit();
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {},
|
||||||
},
|
computed: {
|
||||||
computed:{
|
watchMode() {
|
||||||
watchMode(){
|
return this.$root.mode;
|
||||||
return this.$root.mode
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
watchMode(val, oldVal) {
|
|
||||||
this.mode = val
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
watchMode(val, oldVal) {
|
||||||
|
this.mode = val;
|
||||||
|
},
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 获取数据
|
// 获取数据
|
||||||
onInit() {
|
onInit() {
|
||||||
@@ -131,10 +125,10 @@ export default {
|
|||||||
data: {
|
data: {
|
||||||
ticket: window.sessionStorage.getItem("ticket"),
|
ticket: window.sessionStorage.getItem("ticket"),
|
||||||
id: window.sessionStorage.getItem("fhpgId"),
|
id: window.sessionStorage.getItem("fhpgId"),
|
||||||
type: window.sessionStorage.getItem("fhpgType")
|
type: window.sessionStorage.getItem("fhpgType"),
|
||||||
},
|
},
|
||||||
appKey: "es4b8zmz+2001833218+dehllx",
|
appKey: "es4b8zmz+2001833218+dehllx",
|
||||||
onSuccess: data => {
|
onSuccess: (data) => {
|
||||||
this.isLoading = false;
|
this.isLoading = false;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
window.sessionStorage.setItem("evaluateData", JSON.stringify(data));
|
window.sessionStorage.setItem("evaluateData", JSON.stringify(data));
|
||||||
@@ -148,7 +142,7 @@ export default {
|
|||||||
message: "登录超时，请重新登录",
|
message: "登录超时，请重新登录",
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
type: "info",
|
type: "info",
|
||||||
center: true
|
center: true,
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.replace(
|
window.location.replace(
|
||||||
@@ -160,38 +154,38 @@ export default {
|
|||||||
message: "请求出错",
|
message: "请求出错",
|
||||||
type: "error",
|
type: "error",
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
center: true
|
center: true,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onFail: err => {
|
onFail: (err) => {
|
||||||
this.isLoading = false;
|
this.isLoading = false;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
this.$notify({
|
this.$notify({
|
||||||
title: "错误",
|
title: "错误",
|
||||||
message: "请求失败",
|
message: "请求失败",
|
||||||
type: "info",
|
type: "info",
|
||||||
duration: 3000
|
duration: 3000,
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 跳转评估结果pdf
|
// 跳转评估结果pdf
|
||||||
pageJump() {
|
pageJump() {
|
||||||
if (this.info.isExistPdf) {
|
if (this.info.isExistPdf) {
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name: "evaluateResultPdf"
|
name: "evaluateResultPdf",
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
this.$notify({
|
this.$notify({
|
||||||
message: "无报告",
|
message: "无报告",
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
type: "waring"
|
type: "waring",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div :class="'container'+(mode?' old_container':'')">
|
<div :class="'container' + (mode ? ' old_container' : '')">
|
||||||
<div class="image">
|
<div class="image">
|
||||||
<img src="@/assets/img/evaluate.png" />
|
<img src="@/assets/img/evaluate.png" />
|
||||||
</div>
|
</div>
|
||||||
@@ -60,7 +60,7 @@
|
|||||||
>
|
>
|
||||||
<div v-if="item.type == '2'">
|
<div v-if="item.type == '2'">
|
||||||
<el-card body-style="padding:4px">
|
<el-card body-style="padding:4px">
|
||||||
<div class="absolute" style="background:#268FF2">
|
<div class="absolute" style="background: #268ff2">
|
||||||
<span>商业</span>
|
<span>商业</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
@@ -96,13 +96,11 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { SetProjectId } from "@/common/util/tools";
|
import { SetProjectId } from "@/common/util/tools";
|
||||||
/* import { changeBottomStyle } from "@/olderMode/1.js";
|
|
||||||
import $ from "jquery"; */
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
info: {
|
info: {
|
||||||
mode:"",
|
mode: "",
|
||||||
userName: "无数据",
|
userName: "无数据",
|
||||||
prjList: {
|
prjList: {
|
||||||
fhpgList: [
|
fhpgList: [
|
||||||
@@ -112,7 +110,7 @@ export default {
|
|||||||
countValue: "无数据",
|
countValue: "无数据",
|
||||||
type: "1",
|
type: "1",
|
||||||
createUserName: "无数据",
|
createUserName: "无数据",
|
||||||
createTime: "无数据"
|
createTime: "无数据",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
assessmentNo: "无数据",
|
assessmentNo: "无数据",
|
||||||
@@ -120,32 +118,29 @@ export default {
|
|||||||
countValue: "无数据",
|
countValue: "无数据",
|
||||||
type: "2",
|
type: "2",
|
||||||
createUserName: "无数据",
|
createUserName: "无数据",
|
||||||
createTime: "无数据"
|
createTime: "无数据",
|
||||||
}
|
},
|
||||||
]
|
],
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
prjListLength: "0"
|
prjListLength: "0",
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.mode = this.$root.mode
|
this.mode = this.$root.mode;
|
||||||
/* if (sessionStorage.getItem("mode") == "older") {
|
|
||||||
changeBottomStyle();
|
|
||||||
} */
|
|
||||||
this.onInit();
|
this.onInit();
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() {},
|
||||||
computed:{
|
computed: {
|
||||||
watchMode(){
|
watchMode() {
|
||||||
return this.$root.mode
|
return this.$root.mode;
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
watchMode(val, oldVal) {
|
|
||||||
this.mode = val
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
watchMode(val, oldVal) {
|
||||||
|
this.mode = val;
|
||||||
|
},
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 获取数据
|
// 获取数据
|
||||||
onInit() {
|
onInit() {
|
||||||
@@ -155,7 +150,7 @@ export default {
|
|||||||
let data = JSON.parse(window.sessionStorage.getItem("homeData"));
|
let data = JSON.parse(window.sessionStorage.getItem("homeData"));
|
||||||
if (data.data.success) {
|
if (data.data.success) {
|
||||||
this.info = data.data.data;
|
this.info = data.data.data;
|
||||||
const prjList = data.data.data.prjList.find(item => {
|
const prjList = data.data.data.prjList.find((item) => {
|
||||||
return item.prjId == window.sessionStorage.getItem("projectId");
|
return item.prjId == window.sessionStorage.getItem("projectId");
|
||||||
});
|
});
|
||||||
this.info.prjList = prjList;
|
this.info.prjList = prjList;
|
||||||
@@ -167,7 +162,7 @@ export default {
|
|||||||
message: "登录超时，请重新登录",
|
message: "登录超时，请重新登录",
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
type: "info",
|
type: "info",
|
||||||
center: true
|
center: true,
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location.replace(
|
window.location.replace(
|
||||||
@@ -183,11 +178,11 @@ export default {
|
|||||||
name: "evaluatePage",
|
name: "evaluatePage",
|
||||||
params: {
|
params: {
|
||||||
fhpgId: id,
|
fhpgId: id,
|
||||||
type
|
type,
|
||||||
}
|
},
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -47,18 +47,27 @@
|
|||||||
</div>
|
</div>
|
||||||
<span class="projectTitle">{{ item.name }}</span>
|
<span class="projectTitle">{{ item.name }}</span>
|
||||||
<span>
|
<span>
|
||||||
<van-icon color="white" :name="item.show ? 'arrow-down' : 'arrow'" />
|
<van-icon
|
||||||
|
color="white"
|
||||||
|
:name="item.show ? 'arrow-down' : 'arrow'"
|
||||||
|
/>
|
||||||
</span>
|
</span>
|
||||||
<div class="absolute0" ></div>
|
<div class="absolute0"></div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 补偿协议图标 -->
|
<!-- 补偿协议图标 -->
|
||||||
<div class="projectRight" v-on:click="absolute0_click($event, index,item)">
|
<div
|
||||||
|
class="projectRight"
|
||||||
|
v-on:click="absolute0_click($event, index, item)"
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<img src="@/assets/img/yhxy.png" />
|
<img src="@/assets/img/yhxy.png" />
|
||||||
</div>
|
</div>
|
||||||
<span>{{ item.currentState }}</span>
|
<span>{{ item.currentState }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="absolute" v-on:click="absolute_click($event, index,item)"></div>
|
<div
|
||||||
|
class="absolute"
|
||||||
|
v-on:click="absolute_click($event, index, item)"
|
||||||
|
></div>
|
||||||
<!-- <div class="absolute" v-on:click="aaa"></div> -->
|
<!-- <div class="absolute" v-on:click="aaa"></div> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="projectCenter" v-show="item.show">
|
<div class="projectCenter" v-show="item.show">
|
||||||
@@ -98,81 +107,95 @@
|
|||||||
<van-image :src="require('@/assets/img/assess_1.png')" />
|
<van-image :src="require('@/assets/img/assess_1.png')" />
|
||||||
<span>分户评估报告</span>
|
<span>分户评估报告</span>
|
||||||
|
|
||||||
<van-icon color="#2468f2" :name="activeIndexSon === index + 0 ? 'arrow-down' : 'arrow'" />
|
<van-icon
|
||||||
<!-- <i></i>
|
color="#2468f2"
|
||||||
--> <div class="absolute1" v-on:click="absolute1_click($event,index,0)"></div>
|
:name="activeIndexSon === index + 0 ? 'arrow-down' : 'arrow'"
|
||||||
|
/>
|
||||||
|
<!-- <i></i>
|
||||||
|
-->
|
||||||
|
<div
|
||||||
|
class="absolute1"
|
||||||
|
v-on:click="absolute1_click($event, index, 0)"
|
||||||
|
></div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="activeIndexSon === index + 0">
|
<div v-if="activeIndexSon === index + 0">
|
||||||
<div
|
<div
|
||||||
:key="assess.id"
|
:key="assess.id"
|
||||||
@click="toEvaluate(assess.id, assess.type)"
|
@click="toEvaluate(assess.id, assess.type)"
|
||||||
class="assessCenter1"
|
class="assessCenter1"
|
||||||
v-for="assess in item.fhpgList"
|
v-for="assess in item.fhpgList"
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<span>评估报告编号：</span>
|
<span>评估报告编号：</span>
|
||||||
<span>{{ assess.assessmentNo }}</span>
|
<span>{{ assess.assessmentNo }}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>被征收房屋地址：</span>
|
||||||
|
<span>
|
||||||
|
{{ assess.houseAddress }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>评估总金额：</span>
|
||||||
|
<span class="projectTitle" style="color: red"
|
||||||
|
>¥{{ assess.countValue }}</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>评估公司：</span>
|
||||||
|
<span>{{ assess.EvaluationCompany }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<span>被征收房屋地址：</span>
|
|
||||||
<span>
|
|
||||||
{{ assess.houseAddress }}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span>评估总金额：</span>
|
|
||||||
<span class="projectTitle" style="color: red"
|
|
||||||
>¥{{ assess.countValue }}</span
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span>评估公司：</span>
|
|
||||||
<span>{{ assess.EvaluationCompany }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 补偿协议部分 -->
|
<!-- 补偿协议部分 -->
|
||||||
<div class="assess2">
|
<div class="assess2">
|
||||||
<van-image :src="require('@/assets/img/assess_2.png')" />
|
<van-image :src="require('@/assets/img/assess_2.png')" />
|
||||||
<span>补偿结果</span>
|
<span>补偿结果</span>
|
||||||
<van-icon color="#2468f2" :name="activeIndexSonTwo === index + 1 ? 'arrow-down' : 'arrow'" />
|
<van-icon
|
||||||
<!-- <i></i>
|
color="#2468f2"
|
||||||
--> <div class="absolute2" v-on:click="absolute2_click($event,index,1)"></div>
|
:name="activeIndexSonTwo === index + 1 ? 'arrow-down' : 'arrow'"
|
||||||
|
/>
|
||||||
|
<!-- <i></i>
|
||||||
|
-->
|
||||||
|
<div
|
||||||
|
class="absolute2"
|
||||||
|
v-on:click="absolute2_click($event, index, 1)"
|
||||||
|
></div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="activeIndexSonTwo === index + 1">
|
<div v-if="activeIndexSonTwo === index + 1">
|
||||||
<div
|
<div
|
||||||
:key="protocol.id"
|
:key="protocol.id"
|
||||||
@click="toAgreement(item.prjId)"
|
@click="toAgreement(item.prjId)"
|
||||||
class="assessCenter2"
|
class="assessCenter2"
|
||||||
v-for="protocol in item.bcxyList"
|
v-for="protocol in item.bcxyList"
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<span>协议编号：</span>
|
<span>协议编号：</span>
|
||||||
<span>{{ protocol.xyNo }}</span>
|
<span>{{ protocol.xyNo }}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>被征收房屋地址：</span>
|
||||||
|
<span>
|
||||||
|
{{ protocol.houseAddress }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>补偿方式：</span>
|
||||||
|
<span>
|
||||||
|
{{ protocol.switchProductionWay }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>合计补偿资金：</span>
|
||||||
|
<span class="projectTitle" style="color: red"
|
||||||
|
>¥{{ protocol.summationShouldCompensateMoney }}</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>合计安置面积：</span>
|
||||||
|
<span>{{ protocol.TotalAllocationArea }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<span>被征收房屋地址：</span>
|
|
||||||
<span>
|
|
||||||
{{ protocol.houseAddress }}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span>补偿方式：</span>
|
|
||||||
<span>
|
|
||||||
{{ protocol.switchProductionWay }}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span>合计补偿资金：</span>
|
|
||||||
<span class="projectTitle" style="color: red"
|
|
||||||
>¥{{ protocol.summationShouldCompensateMoney }}</span
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span>合计安置面积：</span>
|
|
||||||
<span>{{ protocol.TotalAllocationArea }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -217,18 +240,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { apis } from "@/common/apis";
|
// import { apis } from "@/common/apis";
|
||||||
import { mgop } from "@aligov/jssdk-mgop";
|
import { mgop } from "@aligov/jssdk-mgop";
|
||||||
import { SetTicket } from "@/common/util//tools";
|
import { SetTicket } from "@/common/util//tools";
|
||||||
/* import { changeStyle, recoverStyle } from "@/olderMode/1.js";
|
import { settestdata } from "@/common/util/test.js";
|
||||||
*/ import $ from "jquery";
|
|
||||||
export default {
|
export default {
|
||||||
name: "home",
|
name: "home",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
mode: "", //false 代表青年年模式 ; true 代表老年年模式
|
mode: "", //false 代表青年年模式 ; true 代表老年年模式
|
||||||
activeIndex: -1,
|
activeIndex: -1,
|
||||||
activeIndexSon:-1,
|
activeIndexSon: -1,
|
||||||
activeIndexSonTwo: -1,
|
activeIndexSonTwo: -1,
|
||||||
loading: true,
|
loading: true,
|
||||||
data: {
|
data: {
|
||||||
@@ -243,113 +265,7 @@ export default {
|
|||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
console.log("1201-我是index的created的1");
|
console.log("1201-我是index的created的1");
|
||||||
let tempdata = {
|
settestdata();
|
||||||
data: {
|
|
||||||
success: true,
|
|
||||||
code: 200,
|
|
||||||
bizCode: null,
|
|
||||||
message: "请求成功",
|
|
||||||
data: {
|
|
||||||
userName: "周子俊",
|
|
||||||
idCard: "330226198811175590",
|
|
||||||
prjList: [
|
|
||||||
{
|
|
||||||
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
|
|
||||||
area: "海曙区",
|
|
||||||
name: "测试项目1",
|
|
||||||
areaID: "90517084-d213-412d-9cbf-f82c7034aeed",
|
|
||||||
zsbm: "宁波市海曙区人民政府房屋征收办公室",
|
|
||||||
year: 2020.0,
|
|
||||||
zsjdh: "海政[2020]1号",
|
|
||||||
currentState: "补偿协议签订阶段",
|
|
||||||
createRecordTime: "2019/12/25 0:00:00",
|
|
||||||
fhpgList: [
|
|
||||||
{
|
|
||||||
id: "b5d9b892-f476-489d-8156-47d06b2dd9b6",
|
|
||||||
dcbId: "26f64339-1b43-4155-b442-872642ca3ed6",
|
|
||||||
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
|
|
||||||
assessmentNo: "0005",
|
|
||||||
houseAddress: "测试房屋坐落地址2",
|
|
||||||
countValue: "1001300.00",
|
|
||||||
createTime: "2021/12/2 13:55:35",
|
|
||||||
createUserName: "周子俊",
|
|
||||||
type: "1",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
bcxyList: [
|
|
||||||
{
|
|
||||||
id: "b02f32b4-fa82-44c2-b407-614612c65534",
|
|
||||||
dcbId: "26f64339-1b43-4155-b442-872642ca3ed6",
|
|
||||||
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
|
|
||||||
xyNo: "海政20201-0005-1",
|
|
||||||
houseAddress: "测试房屋坐落地址2",
|
|
||||||
summationShouldCompensateMoney: "11.00",
|
|
||||||
switchProductionWay: "货币补偿",
|
|
||||||
countValue: "1001300.00",
|
|
||||||
signTime: "2021/11/30 13:56:26",
|
|
||||||
type: "1",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
status: 2,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
|
|
||||||
area: "海曙区",
|
|
||||||
name: "测试项目1",
|
|
||||||
areaID: "90517084-d213-412d-9cbf-f82c7034aeed",
|
|
||||||
zsbm: "宁波市海曙区人民政府房屋征收办公室",
|
|
||||||
year: 2020.0,
|
|
||||||
zsjdh: "海政[2020]1号",
|
|
||||||
currentState: "补偿协议签订阶段",
|
|
||||||
createRecordTime: "2019/12/25 0:00:00",
|
|
||||||
fhpgList: [
|
|
||||||
{
|
|
||||||
id: "b5d9b892-f476-489d-8156-47d06b2dd9b6",
|
|
||||||
dcbId: "26f64339-1b43-4155-b442-872642ca3ed6",
|
|
||||||
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
|
|
||||||
assessmentNo: "0005",
|
|
||||||
houseAddress: "测试房屋坐落地址2",
|
|
||||||
countValue: "1001300.00",
|
|
||||||
createTime: "2021/12/2 13:55:35",
|
|
||||||
createUserName: "周子俊",
|
|
||||||
type: "1",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
bcxyList: [
|
|
||||||
{
|
|
||||||
id: "b02f32b4-fa82-44c2-b407-614612c65534",
|
|
||||||
dcbId: "26f64339-1b43-4155-b442-872642ca3ed6",
|
|
||||||
prjId: "e85a13ef-431c-46a5-85cd-9dd1b4f50fc6",
|
|
||||||
xyNo: "海政20201-0005-1",
|
|
||||||
houseAddress: "测试房屋坐落地址2",
|
|
||||||
summationShouldCompensateMoney: "11.00",
|
|
||||||
switchProductionWay: "货币补偿",
|
|
||||||
countValue: "1001300.00",
|
|
||||||
signTime: "2021/11/30 13:56:26",
|
|
||||||
type: "1",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
status: 2,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
policiesRegulationsLists: {
|
|
||||||
totalCount: 1,
|
|
||||||
list: [
|
|
||||||
{
|
|
||||||
id: "eeb58add-13f8-4c5b-a905-3a242faae4bd",
|
|
||||||
title: "宁波市国有土地上房屋征收补偿、补助、奖励规定",
|
|
||||||
contents: "testcontents",
|
|
||||||
publicTime: "2021-06-25",
|
|
||||||
area: "全大市",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
extras: null,
|
|
||||||
timestamp: 1638429929492,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
window.sessionStorage.setItem("homeData", JSON.stringify(tempdata));
|
|
||||||
// debugger
|
// debugger
|
||||||
if (!sessionStorage.getItem("homeData")) {
|
if (!sessionStorage.getItem("homeData")) {
|
||||||
this.onInit();
|
this.onInit();
|
||||||
@@ -358,12 +274,6 @@ export default {
|
|||||||
this.data = d.data.data;
|
this.data = d.data.data;
|
||||||
}
|
}
|
||||||
this.setLocationAplus();
|
this.setLocationAplus();
|
||||||
// SetTicket(this.$route.query.ticket);
|
|
||||||
/* if (sessionStorage.getItem("mode") == "older") {
|
|
||||||
this.mode = true;
|
|
||||||
} else {
|
|
||||||
this.mode = false;
|
|
||||||
} */
|
|
||||||
this.mode = this.$root.mode; //调用全局变量mode中的数据。
|
this.mode = this.$root.mode; //调用全局变量mode中的数据。
|
||||||
},
|
},
|
||||||
beforeRouteLeave(to, from, next) {
|
beforeRouteLeave(to, from, next) {
|
||||||
@@ -397,15 +307,8 @@ export default {
|
|||||||
this.mode = val;
|
this.mode = val;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {},
|
||||||
/* console.log("1201-我是index的mounted的3");
|
|
||||||
if (sessionStorage.getItem("mode") == "older") {
|
|
||||||
$(".container").addClass("old_container");
|
|
||||||
} */
|
|
||||||
//this.setDisplay();
|
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
// 获取数据
|
// 获取数据
|
||||||
onInit() {
|
onInit() {
|
||||||
console.log("1201-我是index的onInit的5");
|
console.log("1201-我是index的onInit的5");
|
||||||
@@ -468,21 +371,11 @@ export default {
|
|||||||
// 正常页面
|
// 正常页面
|
||||||
this.mode = !this.mode;
|
this.mode = !this.mode;
|
||||||
if (this.mode) {
|
if (this.mode) {
|
||||||
sessionStorage.setItem("mode", "normal");
|
|
||||||
} else {
|
|
||||||
sessionStorage.setItem("mode", "older");
|
sessionStorage.setItem("mode", "older");
|
||||||
|
} else {
|
||||||
|
sessionStorage.setItem("mode", "normal");
|
||||||
}
|
}
|
||||||
this.$root.mode = this.mode;
|
this.$root.mode = this.mode;
|
||||||
/* if (sessionStorage.getItem("mode") == "older") {
|
|
||||||
sessionStorage.setItem("mode", "normal");
|
|
||||||
this.$parent.$parent.mode = false;
|
|
||||||
this.mode = false;
|
|
||||||
} else {
|
|
||||||
// 老年化模式
|
|
||||||
sessionStorage.setItem("mode", "older");
|
|
||||||
this.$parent.$parent.mode = true;
|
|
||||||
this.mode = true;
|
|
||||||
} */
|
|
||||||
},
|
},
|
||||||
setIdCard(id) {
|
setIdCard(id) {
|
||||||
return id == "加载中..."
|
return id == "加载中..."
|
||||||
@@ -491,8 +384,6 @@ export default {
|
|||||||
},
|
},
|
||||||
// 跳转选择项目
|
// 跳转选择项目
|
||||||
gotoProject(type) {
|
gotoProject(type) {
|
||||||
/* $(".logout").css("display", "block");
|
|
||||||
$("#app").removeClass("old_app3"); */
|
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name: "projectSelect",
|
name: "projectSelect",
|
||||||
params: {
|
params: {
|
||||||
@@ -502,8 +393,6 @@ export default {
|
|||||||
},
|
},
|
||||||
// 直接跳转分户评估结果页面
|
// 直接跳转分户评估结果页面
|
||||||
toEvaluate(id, type) {
|
toEvaluate(id, type) {
|
||||||
$(".logout").css("display", "block");
|
|
||||||
$("#app").removeClass("old_app3");
|
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
name: "evaluatePage",
|
name: "evaluatePage",
|
||||||
params: {
|
params: {
|
||||||
@@ -522,12 +411,7 @@ export default {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// 加载项目数统计信息
|
|
||||||
onLoadStatistic() {
|
|
||||||
apis.projectStatistics().then(({ result }) => {
|
|
||||||
this.statistics = result;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 政策信息页面跳转
|
// 政策信息页面跳转
|
||||||
pageJump(id) {
|
pageJump(id) {
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
@@ -614,35 +498,34 @@ export default {
|
|||||||
console.log(error);
|
console.log(error);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
absolute_click(e, index,item) {
|
absolute_click(e, index, item) {
|
||||||
if(!item.show){
|
if (!item.show) {
|
||||||
this.$set(item,'show',false)
|
this.$set(item, "show", false);
|
||||||
item.show = !item.show
|
item.show = !item.show;
|
||||||
|
} else {
|
||||||
}else{
|
item.show = !item.show;
|
||||||
item.show = !item.show
|
}
|
||||||
}
|
|
||||||
/* this.activeIndex = index;
|
/* this.activeIndex = index;
|
||||||
*/
|
*/
|
||||||
/* this.activeIndex = this.activeIndex === index ? !index : index;
|
/* this.activeIndex = this.activeIndex === index ? !index : index;
|
||||||
*/ },
|
*/
|
||||||
absolute0_click(e,index,item) {
|
|
||||||
if(!item.show){
|
|
||||||
this.$set(item,'show',false)
|
|
||||||
item.show = !item.show
|
|
||||||
|
|
||||||
}else{
|
|
||||||
item.show = !item.show
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
absolute1_click(e,index,i) {
|
absolute0_click(e, index, item) {
|
||||||
let son = index + i
|
if (!item.show) {
|
||||||
this.activeIndexSon = this.activeIndexSon === son ? !son : son;
|
this.$set(item, "show", false);
|
||||||
|
item.show = !item.show;
|
||||||
|
} else {
|
||||||
|
item.show = !item.show;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
absolute1_click(e, index, i) {
|
||||||
|
let son = index + i;
|
||||||
|
this.activeIndexSon = this.activeIndexSon === son ? !son : son;
|
||||||
|
},
|
||||||
|
absolute2_click(e, index, i) {
|
||||||
|
let son = index + i;
|
||||||
|
this.activeIndexSonTwo = this.activeIndexSonTwo === son ? !son : son;
|
||||||
},
|
},
|
||||||
absolute2_click(e,index,i) {
|
|
||||||
let son = index + i
|
|
||||||
this.activeIndexSonTwo = this.activeIndexSonTwo === son ? !son : son;
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@@ -772,7 +655,7 @@ export default {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
/* i {
|
/* i {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
height: 9px;
|
height: 9px;
|
||||||
@@ -883,7 +766,7 @@ export default {
|
|||||||
color: #2468f2;
|
color: #2468f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* i {
|
/* i {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
height: 8px;
|
height: 8px;
|
||||||
@@ -944,7 +827,7 @@ export default {
|
|||||||
color: #2468f2;
|
color: #2468f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* i {
|
/* i {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
height: 8px;
|
height: 8px;
|
||||||
@@ -1082,8 +965,9 @@ export default {
|
|||||||
background-position: 0 -2px;
|
background-position: 0 -2px;
|
||||||
background-size: 100% 120%;
|
background-size: 100% 120%;
|
||||||
}
|
}
|
||||||
.projectRight {/* */
|
.projectRight {
|
||||||
/* margin-top: 10px;
|
/* */
|
||||||
|
/* margin-top: 10px;
|
||||||
height: 27px;
|
height: 27px;
|
||||||
> :nth-child(1) {
|
> :nth-child(1) {
|
||||||
border-radius: unset !important;
|
border-radius: unset !important;
|
||||||
@@ -1093,37 +977,34 @@ export default {
|
|||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
border-radius: 0px 13px 13px 0px;
|
border-radius: 0px 13px 13px 0px;
|
||||||
} */
|
} */
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: right;
|
|
||||||
margin-top: -33px;
|
|
||||||
position: relative;
|
|
||||||
height: 27px;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
> div {
|
|
||||||
background: #24bca3;
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 13px 0 0 13px;
|
justify-content: right;
|
||||||
img {
|
margin-top: -33px;
|
||||||
width: 17px;
|
position: relative;
|
||||||
margin-right: 3px;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 600;
|
|
||||||
padding-right: 10px;
|
|
||||||
color: #fff;
|
|
||||||
background: #24bca3;
|
|
||||||
height: 27px;
|
height: 27px;
|
||||||
line-height: 27px;
|
margin-bottom: 15px;
|
||||||
}
|
> div {
|
||||||
|
background: #24bca3;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 13px 0 0 13px;
|
||||||
|
img {
|
||||||
|
width: 17px;
|
||||||
|
margin-right: 3px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-right: 10px;
|
||||||
|
color: #fff;
|
||||||
|
background: #24bca3;
|
||||||
|
height: 27px;
|
||||||
|
line-height: 27px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.projectCenterBox {
|
.projectCenterBox {
|
||||||
|
|||||||
@@ -1,10 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<div :class="'container'+(mode?' old_container':'')">
|
<div :class="mode ? 'old_container' : 'container'">
|
||||||
<div class="topBox">
|
<div class="topBox">
|
||||||
<div class="olderVersion">
|
<div class="olderVersion">
|
||||||
<div class="titleBox">被征收人信息查询</div>
|
<div class="titleBox">被征收人信息查询</div>
|
||||||
<div v-if="mode == false" class="mode">进入老年模式</div>
|
<div v-if="mode == false" @click="toOlderMode()" class="mode">
|
||||||
<div v-else class="mode">退出老年模式</div>
|
进入老年模式
|
||||||
|
</div>
|
||||||
|
<div v-else @click="toOlderMode()" class="mode">退出老年模式</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="baseInfo">
|
<div class="baseInfo">
|
||||||
<img src="@/assets/img/renyuanliebiao.png" />
|
<img src="@/assets/img/renyuanliebiao.png" />
|
||||||
@@ -13,7 +15,7 @@
|
|||||||
<div class="baseInfo">
|
<div class="baseInfo">
|
||||||
<img src="@/assets/img/credentials_icon.png" />
|
<img src="@/assets/img/credentials_icon.png" />
|
||||||
<span>身份证号码：</span>
|
<span>身份证号码：</span>
|
||||||
<div>{{ data.idCard }}</div>
|
<div>{{ setIdCard(data.idCard) }}</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 三张背景图 -->
|
<!-- 三张背景图 -->
|
||||||
<div class="gridBg">
|
<div class="gridBg">
|
||||||
@@ -36,27 +38,39 @@
|
|||||||
<img src="@/assets/img/government.png" />
|
<img src="@/assets/img/government.png" />
|
||||||
</div> -->
|
</div> -->
|
||||||
<!-- 项目内容 -->
|
<!-- 项目内容 -->
|
||||||
<div :key="item.prjId" v-for="item in data.prjList">
|
<div :key="item.prjId" v-for="(item, index) in data.prjList">
|
||||||
<div class="project">
|
<div class="project">
|
||||||
<!-- window图标 -->
|
<!-- window图标 -->
|
||||||
<div>
|
<div>
|
||||||
<div class="projectIcon">
|
<div class="projectIcon">
|
||||||
<img src="@/assets/img/project.png" />
|
<img src="@/assets/img/project.png" />
|
||||||
</div>
|
</div>
|
||||||
<span class="projectTitle">{{ item.name }}<i> </i></span>
|
<span class="projectTitle">{{ item.name }}</span>
|
||||||
|
<span>
|
||||||
<div class="absolute0" v-on:click="absolute0_click($event)"></div>
|
<van-icon
|
||||||
|
color="white"
|
||||||
|
:name="item.show ? 'arrow-down' : 'arrow'"
|
||||||
|
/>
|
||||||
|
</span>
|
||||||
|
<div class="absolute0"></div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 补偿协议图标 -->
|
<!-- 补偿协议图标 -->
|
||||||
<div class="projectRight">
|
<div
|
||||||
|
class="projectRight"
|
||||||
|
v-on:click="absolute0_click($event, index, item)"
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<img src="@/assets/img/yhxy.png" />
|
<img src="@/assets/img/yhxy.png" />
|
||||||
</div>
|
</div>
|
||||||
<span>{{ item.currentState }}</span>
|
<span>{{ item.currentState }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="absolute" v-on:click="absolute_click($event)"></div>
|
<div
|
||||||
|
class="absolute"
|
||||||
|
v-on:click="absolute_click($event, index, item)"
|
||||||
|
></div>
|
||||||
|
<!-- <div class="absolute" v-on:click="aaa"></div> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="projectCenter">
|
<div class="projectCenter" v-show="item.show">
|
||||||
<!-- 项目内容 -->
|
<!-- 项目内容 -->
|
||||||
<div class="projectCenterBox">
|
<div class="projectCenterBox">
|
||||||
<div>
|
<div>
|
||||||
@@ -92,78 +106,100 @@
|
|||||||
<div class="assess">
|
<div class="assess">
|
||||||
<van-image :src="require('@/assets/img/assess_1.png')" />
|
<van-image :src="require('@/assets/img/assess_1.png')" />
|
||||||
<span>分户评估报告</span>
|
<span>分户评估报告</span>
|
||||||
<i></i>
|
|
||||||
<div class="absolute1" v-on:click="absolute1_click($event)"></div>
|
<van-icon
|
||||||
|
color="#2468f2"
|
||||||
|
:name="activeIndexSon === index + 0 ? 'arrow-down' : 'arrow'"
|
||||||
|
/>
|
||||||
|
<!-- <i></i>
|
||||||
|
-->
|
||||||
|
<div
|
||||||
|
class="absolute1"
|
||||||
|
v-on:click="absolute1_click($event, index, 0)"
|
||||||
|
></div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="activeIndexSon === index + 0">
|
||||||
:key="assess.id"
|
<div
|
||||||
@click="toEvaluate(assess.id, assess.type)"
|
:key="assess.id"
|
||||||
class="assessCenter1"
|
@click="toEvaluate(assess.id, assess.type)"
|
||||||
v-for="assess in item.fhpgList"
|
class="assessCenter1"
|
||||||
>
|
v-for="assess in item.fhpgList"
|
||||||
<div>
|
>
|
||||||
<span>评估报告编号：</span>
|
<div>
|
||||||
<span>{{ assess.assessmentNo }}</span>
|
<span>评估报告编号：</span>
|
||||||
</div>
|
<span>{{ assess.assessmentNo }}</span>
|
||||||
<div>
|
</div>
|
||||||
<span>被征收房屋地址：</span>
|
<div>
|
||||||
<span>
|
<span>被征收房屋地址：</span>
|
||||||
{{ assess.houseAddress }}
|
<span>
|
||||||
</span>
|
{{ assess.houseAddress }}
|
||||||
</div>
|
</span>
|
||||||
<div>
|
</div>
|
||||||
<span>评估总金额：</span>
|
<div>
|
||||||
<span class="projectTitle" style="color: red"
|
<span>评估总金额：</span>
|
||||||
>¥{{ assess.countValue }}</span
|
<span class="projectTitle" style="color: red"
|
||||||
>
|
>¥{{ assess.countValue }}</span
|
||||||
</div>
|
>
|
||||||
<div>
|
</div>
|
||||||
<span>评估公司：</span>
|
<div>
|
||||||
<span>{{ assess.EvaluationCompany }}</span>
|
<span>评估公司：</span>
|
||||||
|
<span>{{ assess.EvaluationCompany }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 补偿协议部分 -->
|
<!-- 补偿协议部分 -->
|
||||||
<div class="assess2">
|
<div class="assess2">
|
||||||
<van-image :src="require('@/assets/img/assess_2.png')" />
|
<van-image :src="require('@/assets/img/assess_2.png')" />
|
||||||
<span>补偿结果</span>
|
<span>补偿结果</span>
|
||||||
<i></i>
|
<van-icon
|
||||||
<div class="absolute2" v-on:click="absolute2_click($event)"></div>
|
color="#2468f2"
|
||||||
|
:name="activeIndexSonTwo === index + 1 ? 'arrow-down' : 'arrow'"
|
||||||
|
/>
|
||||||
|
<!-- <i></i>
|
||||||
|
-->
|
||||||
|
<div
|
||||||
|
class="absolute2"
|
||||||
|
v-on:click="absolute2_click($event, index, 1)"
|
||||||
|
></div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="activeIndexSonTwo === index + 1">
|
||||||
:key="protocol.id"
|
<div
|
||||||
@click="toAgreement(item.prjId)"
|
:key="protocol.id"
|
||||||
class="assessCenter2"
|
@click="toAgreement(item.prjId)"
|
||||||
v-for="protocol in item.bcxyList"
|
class="assessCenter2"
|
||||||
>
|
v-for="protocol in item.bcxyList"
|
||||||
<div>
|
>
|
||||||
<span>协议编号：</span>
|
<div>
|
||||||
<span>{{ protocol.xyNo }}</span>
|
<span>协议编号：</span>
|
||||||
</div>
|
<span>{{ protocol.xyNo }}</span>
|
||||||
<div>
|
</div>
|
||||||
<span>被征收房屋地址：</span>
|
<div>
|
||||||
<span>
|
<span>被征收房屋地址：</span>
|
||||||
{{ protocol.houseAddress }}
|
<span>
|
||||||
</span>
|
{{ protocol.houseAddress }}
|
||||||
</div>
|
</span>
|
||||||
<div>
|
</div>
|
||||||
<span>补偿方式：</span>
|
<div>
|
||||||
<span>
|
<span>补偿方式：</span>
|
||||||
{{ protocol.switchProductionWay }}
|
<span>
|
||||||
</span>
|
{{ protocol.switchProductionWay }}
|
||||||
</div>
|
</span>
|
||||||
<div>
|
</div>
|
||||||
<span>合计补偿资金：</span>
|
<div>
|
||||||
<span class="projectTitle" style="color: red"
|
<span>合计补偿资金：</span>
|
||||||
>¥{{ protocol.summationShouldCompensateMoney }}</span
|
<span class="projectTitle" style="color: red"
|
||||||
>
|
>¥{{ protocol.summationShouldCompensateMoney }}</span
|
||||||
</div>
|
>
|
||||||
<div>
|
</div>
|
||||||
<span>合计安置面积：</span>
|
<div>
|
||||||
<span>{{ protocol.TotalAllocationArea }}</span>
|
<span>合计安置面积：</span>
|
||||||
|
<span>{{ protocol.TotalAllocationArea }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 征收政策背景图 -->
|
<!-- 征收政策背景图 -->
|
||||||
<!-- <div>
|
<!-- <div>
|
||||||
<van-image :src="require('@/assets/img/expropriationPolicy.png')" />
|
<van-image :src="require('@/assets/img/expropriationPolicy.png')" />
|
||||||
@@ -203,14 +239,16 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
/* import $ from "jquery";
|
import { mgop } from "@aligov/jssdk-mgop";
|
||||||
*/export default {
|
export default {
|
||||||
name: "home",
|
name: "home",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
mode: "",
|
mode: "", //false 代表青年年模式 ; true 代表老年年模式
|
||||||
|
activeIndex: -1,
|
||||||
|
activeIndexSon: -1,
|
||||||
|
activeIndexSonTwo: -1,
|
||||||
loading: true,
|
loading: true,
|
||||||
data: {
|
data: {
|
||||||
idCard: "加载中...",
|
idCard: "加载中...",
|
||||||
@@ -224,41 +262,54 @@
|
|||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
console.log("1201-我是final2的created的1");
|
console.log("1201-我是final2的created的1");
|
||||||
if (!sessionStorage.getItem("homeData")) {
|
console.log("1201-我是final2的created的3");
|
||||||
console.log("1201-我是final2的created的1.1");
|
|
||||||
this.onInit();
|
|
||||||
} else {
|
|
||||||
console.log("1201-我是final2的created的1.2");
|
|
||||||
let d = JSON.parse(sessionStorage.getItem("homeData"));
|
|
||||||
this.data = d.data.data;
|
|
||||||
}
|
|
||||||
console.log("1201-我是final2的created的2");
|
|
||||||
this.setLocationAplus();
|
|
||||||
this.mode = this.$root.mode
|
|
||||||
/* if (sessionStorage.getItem("mode") == "older") {
|
|
||||||
console.log("1201-我是final2的created的3.1");
|
|
||||||
changeStyle();
|
|
||||||
this.mode = true;
|
|
||||||
} else {
|
|
||||||
console.log("1201-我是final2的created的3.2");
|
|
||||||
$("#app").addClass("old_app3");
|
|
||||||
} */
|
|
||||||
},
|
},
|
||||||
mounted() {
|
computed: {
|
||||||
},
|
watchMode() {
|
||||||
computed:{
|
return this.$root.mode;
|
||||||
watchMode(){
|
|
||||||
return this.$root.mode
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
watchMode(val, oldVal) {
|
|
||||||
this.mode = val
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
watchMode(val, oldVal) {
|
||||||
|
this.mode = val;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
methods: {
|
methods: {
|
||||||
onInit() {},
|
// 获取数据
|
||||||
|
onInit() {
|
||||||
|
console.log("1201-我是final2的onInit的11");
|
||||||
|
},
|
||||||
|
toOlderMode() {
|
||||||
|
console.log("1201-我是final2的toOlderMode的21");
|
||||||
|
// 正常页面
|
||||||
|
this.mode = !this.mode;
|
||||||
|
if (this.mode) {
|
||||||
|
sessionStorage.setItem("mode", "older");
|
||||||
|
} else {
|
||||||
|
sessionStorage.setItem("mode", "normal");
|
||||||
|
}
|
||||||
|
this.$root.mode = this.mode;
|
||||||
|
console.log("1201-我是final2的toOlderMode的22");
|
||||||
|
},
|
||||||
|
setIdCard(id) {},
|
||||||
|
// 跳转选择项目
|
||||||
|
gotoProject(type) {},
|
||||||
|
// 直接跳转分户评估结果页面
|
||||||
|
toEvaluate(id, type) {},
|
||||||
|
// 直接跳转协议结果pdf
|
||||||
|
toAgreement(id) {},
|
||||||
|
// 加载项目数统计信息
|
||||||
|
onLoadStatistic() {},
|
||||||
|
// 政策信息页面跳转
|
||||||
|
pageJump(id) {},
|
||||||
|
setZwUserAplus(Userid, userName) {},
|
||||||
setLocationAplus() {},
|
setLocationAplus() {},
|
||||||
|
scan() {},
|
||||||
|
absolute_click(e, index, item) {},
|
||||||
|
absolute0_click(e, index, item) {},
|
||||||
|
absolute1_click(e, index, i) {},
|
||||||
|
absolute2_click(e, index, i) {},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@@ -388,7 +439,7 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
i {
|
/* i {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
height: 9px;
|
height: 9px;
|
||||||
@@ -397,7 +448,7 @@
|
|||||||
border-bottom: 2px solid white;
|
border-bottom: 2px solid white;
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
margin-left: 7px;
|
margin-left: 7px;
|
||||||
}
|
} */
|
||||||
}
|
}
|
||||||
|
|
||||||
> :last-child {
|
> :last-child {
|
||||||
@@ -499,7 +550,7 @@
|
|||||||
color: #2468f2;
|
color: #2468f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
i {
|
/* i {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
height: 8px;
|
height: 8px;
|
||||||
@@ -508,7 +559,7 @@
|
|||||||
border-bottom: 2px solid #2468f2;
|
border-bottom: 2px solid #2468f2;
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
margin-left: 7px;
|
margin-left: 7px;
|
||||||
}
|
} */
|
||||||
|
|
||||||
> :last-child {
|
> :last-child {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -560,7 +611,7 @@
|
|||||||
color: #2468f2;
|
color: #2468f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
i {
|
/* i {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
height: 8px;
|
height: 8px;
|
||||||
@@ -569,7 +620,7 @@
|
|||||||
border-bottom: 2px solid #2468f2;
|
border-bottom: 2px solid #2468f2;
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
margin-left: 7px;
|
margin-left: 7px;
|
||||||
}
|
} */
|
||||||
|
|
||||||
> :last-child {
|
> :last-child {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -699,7 +750,8 @@
|
|||||||
background-size: 100% 120%;
|
background-size: 100% 120%;
|
||||||
}
|
}
|
||||||
.projectRight {
|
.projectRight {
|
||||||
margin-top: 10px;
|
/* */
|
||||||
|
/* margin-top: 10px;
|
||||||
height: 27px;
|
height: 27px;
|
||||||
> :nth-child(1) {
|
> :nth-child(1) {
|
||||||
border-radius: unset !important;
|
border-radius: unset !important;
|
||||||
@@ -708,6 +760,34 @@
|
|||||||
> span {
|
> span {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
border-radius: 0px 13px 13px 0px;
|
border-radius: 0px 13px 13px 0px;
|
||||||
|
} */
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: right;
|
||||||
|
margin-top: -33px;
|
||||||
|
position: relative;
|
||||||
|
height: 27px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
> div {
|
||||||
|
background: #24bca3;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 13px 0 0 13px;
|
||||||
|
img {
|
||||||
|
width: 17px;
|
||||||
|
margin-right: 3px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-right: 10px;
|
||||||
|
color: #fff;
|
||||||
|
background: #24bca3;
|
||||||
|
height: 27px;
|
||||||
|
line-height: 27px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,11 +8,11 @@ export default {
|
|||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
console.log("1201-我是中专页面的1");
|
console.log("1201-我是中转页面的1");
|
||||||
console.log("1201-中专页面的路径：" + location.href);
|
console.log("1201-中专页面的路径：" + location.href);
|
||||||
//debugger;
|
//debugger;
|
||||||
this.$router.push("final2");
|
this.$router.push("final2");
|
||||||
console.log("1201-我是中专页面的2");
|
console.log("1201-我是中转页面的2");
|
||||||
},
|
},
|
||||||
methods: {},
|
methods: {},
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user