update :查找ios端问题

This commit is contained in:
路 范
2021-12-21 14:21:09 +08:00
parent 9fc6339d6f
commit ed07172d7c
21 changed files with 24257 additions and 2714 deletions

View File

@@ -7,28 +7,28 @@
content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" />
<title>宁波房屋征收</title>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
console.log('1201-当前页面路径:' + location.href)
var sp = getQueryString('sp');
var ticket = getQueryString('ticket');
if (sp)
location.href = (sp + '&ticket=' + ticket)
//debugger
console.log('1201-url中ticket' + ticket)
if (ticket)
window.sessionStorage.setItem('ticket', ticket)
else {
if (!window.sessionStorage.getItem('ticket')) {
setTimeout(function () { window.close() }, 10);
//window.open('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')
}
console.log('有ticket正常进入,' + window.sessionStorage.getItem('ticket'))
}
// function getQueryString(name) {
// var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
// var r = window.location.search.substr(1).match(reg);
// if (r != null) return unescape(r[2]); return null;
// }
// console.log('1201-当前页面路径:' + location.href)
// var sp = getQueryString('sp');
// var ticket = getQueryString('ticket');
// if (sp)
// location.href = (sp + '&ticket=' + ticket)
// //debugger
// console.log('1201-url中ticket' + ticket)
// if (ticket)
// window.sessionStorage.setItem('ticket', ticket)
// else {
// if (!window.sessionStorage.getItem('ticket')) {
// // setTimeout(function () { window.close() }, 10);
// // location.replace('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&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'))
// }
</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>

View 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"
]
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -11,14 +11,9 @@
},
"dependencies": {
"@aligov/jssdk-mgop": "^3.0.0",
"axios": "^0.21.4",
"element-ui": "^2.15.6",
"html2canvas": "^1.3.2",
"jquery": "^3.6.0",
"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",

View File

@@ -26,7 +26,7 @@
>
<router-view />
</van-pull-refresh>
<div :class="mode?'old_bottomContent':'bottomContent'">
<div :class="mode ? 'old_bottomContent' : 'bottomContent'">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>
服务咨询热线<b>
@@ -49,55 +49,65 @@
<script>
/* import { recoverStyle2, changeStyle1 } from "@/olderMode/1.js";
*/export default {
*/ export default {
name: "App",
data() {
return {
mode: '',
mode: "",
isLoading: true,
show: true
show: true,
};
},
created() {
/* this.$root.mode = true //修改mode中的数据
*/
this.mode = this.$root.mode //调用全局变量mode中的数据。
console.log("得到的身份判断条件",this.mode)
/* if (sessionStorage.getItem("mode") == "older") {
this.mode = true;
} else {
this.mode = false;
}
*/
this.mode = this.$root.mode; //调用全局变量mode中的数据
// ZWJSBridge.getUiStyle({})
// .then((result) => {
// switch (result.uiStyle) {
// case "normal":
// setUiStyle("标准模式");
// this.mode = this.$root.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")) {
this.show = false;
}
},
mounted() {
mounted() {},
computed: {
watchMode() {
return this.$root.mode;
},
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
console.log('成功测试',val)
this.mode = val
}
console.log("成功测试", val);
this.mode = val;
},
},
methods: {
logout() {
/* sessionStorage.setItem("mode", "normal");
this.mode = false; */
/* recoverStyle2(); */
this.mode = !this.mode
if(this.mode){
sessionStorage.setItem("mode", "normal")
}else{
sessionStorage.setItem("mode", "older")
this.mode = !this.mode;
if (this.mode) {
sessionStorage.setItem("mode", "older");
} else {
sessionStorage.setItem("mode", "normal");
}
this.$root.mode = this.mode
this.$root.mode = this.mode;
},
onRefresh() {
this.$children[0].$children[0].onInit();
@@ -110,16 +120,16 @@ sessionStorage.setItem("mode", "older")
},
callphone(phonenumber) {
ZWJSBridge.phoneCall({
corpId: phonenumber
corpId: phonenumber,
})
.then(result => {
.then((result) => {
console.log(result);
})
.catch(error => {
.catch((error) => {
console.log(error);
});
}
}
},
},
};
</script>
<style lang="less" scoped>
@@ -251,7 +261,6 @@ sessionStorage.setItem("mode", "older")
padding: 0 10px;
}
}
}
/* .old_app {
padding-bottom: 100px !important;
@@ -265,6 +274,4 @@ sessionStorage.setItem("mode", "older")
.old_app3 {
padding-bottom: 48px !important;
} */
</style>

View File

@@ -1,6 +1,6 @@
import axios from 'axios';
import { token } from '@/common/token';
import vm from '@/main';
// import axios from 'axios';
// import { token } from '@/common/token';
// import vm from '@/main';
const code = {
authorization: '00',
@@ -8,7 +8,7 @@ const code = {
success: '01',
}
axios.defaults.baseURL = process.env.BASE_URL;
// axios.defaults.baseURL = process.env.BASE_URL;
/**
* 最终直接根据url名称调用接口方法
@@ -16,57 +16,57 @@ axios.defaults.baseURL = process.env.BASE_URL;
* import { apis } from '@/api'
* apis.getItemGroupType(parmas).then(...)
*/
import urls from './requests';
// import urls from './requests';
const apis = {}
// const apis = {}
for (let key in urls) {
apis[key] = (params = {}) => {
return new Promise((reslove, reject) => {
let instance = axios
.create({
headers: {
Authorization: 'Bearer ' + token.value
}
});
// for (let key in urls) {
// apis[key] = (params = {}) => {
// return new Promise((reslove, reject) => {
// let instance = axios
// .create({
// headers: {
// Authorization: 'Bearer ' + token.value
// }
// });
instance.interceptors.response.use((res) => {
if (res.data.code === code.authorization) {
token.value = '';
// vm.$router.replace({
// path: '/login'
// }).catch(err => { });
}
return res;
}, (err) => {
return Promise.reject(err);
});
// instance.interceptors.response.use((res) => {
// if (res.data.code === code.authorization) {
// token.value = '';
// // vm.$router.replace({
// // path: '/login'
// // }).catch(err => { });
// }
// return res;
// }, (err) => {
// return Promise.reject(err);
// });
instance
.post(urls[key], params)
.then(({ data }) => {
if (data.code === code.success) {
reslove(data);
} else {
if (vm.version.beta) {
alert(data.message);
}
reject(data);
}
})
.catch(err => {
if (process.env.PROD) {
vm.$dialog.alert({ message: '发生错误,请联系管理员' });
} else {
console.warn(err, urls[key]);
}
});
})
}
}
// instance
// .post(urls[key], params)
// .then(({ data }) => {
// if (data.code === code.success) {
// reslove(data);
// } else {
// if (vm.version.beta) {
// alert(data.message);
// }
// reject(data);
// }
// })
// .catch(err => {
// if (process.env.PROD) {
// vm.$dialog.alert({ message: '发生错误,请联系管理员' });
// } else {
// console.warn(err, urls[key]);
// }
// });
// })
// }
// }
export {
axios,
apis,
// axios,
// apis,
code
};

View File

@@ -1,32 +1,32 @@
import axios from "axios";
// import axios from "axios";
const instance = axios.create({
baseURL: "http://183.136.157.9:7099/api",
timeout: 5000
});
// const instance = axios.create({
// baseURL: "http://183.136.157.9:7099/api",
// timeout: 5000
// });
// 添加请求拦截器
axios.interceptors.request.use(
function(config) {
// 在发送请求之前做些什么
return config;
},
function(error) {
// 对请求错误做些什么
return Promise.reject(error);
}
);
// // 添加请求拦截器
// axios.interceptors.request.use(
// function(config) {
// // 在发送请求之前做些什么
// return config;
// },
// function(error) {
// // 对请求错误做些什么
// return Promise.reject(error);
// }
// );
// 添加响应拦截器
axios.interceptors.response.use(
function(response) {
// 对响应数据做点什么
return response;
},
function(error) {
// 对响应错误做点什么
return Promise.reject(error);
}
);
// // 添加响应拦截器
// axios.interceptors.response.use(
// function(response) {
// // 对响应数据做点什么
// return response;
// },
// function(error) {
// // 对响应错误做点什么
// return Promise.reject(error);
// }
// );
export default instance;
// export default instance;

View 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));
}

View File

@@ -1,7 +1,7 @@
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
// import "./assets/reset.css";
import "lib-flexible/flexible";
// import "lib-flexible/flexible";
// import "@/assets/rem.js";
import "@/elementui";
@@ -67,30 +67,25 @@ import { Divider } from "vant";
Vue.use(Divider);
Vue.config.productionTip = false;
import md5 from "js-md5";
Vue.prototype.$md5 = md5;
Vue.prototype.$bus = new Vue();
/* eslint-disable no-new */
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; */
debugger
let mode;
if (sessionStorage.getItem("mode") == "older") {
mode = true;
}
} else {
// 老年化模式
mode = false;
}
// import Promise from 'es6-promise'
// Promise.polyfill()
const vm = new Vue({
el: "#app",
router,
data: function(){
data: function () {
return {
mode: mode, //false 代表青年年模式 ; true 代表老年年模式
}
},
},
components: { App },
template: "<App/>"
});

View File

@@ -1,5 +1,5 @@
<template>
<div class="container">
<div :class="mode ? 'old_container' : 'container'">
<div class="topBox">
<div class="olderVersion">
<div class="titleBox">被征收人信息查询</div>
@@ -38,27 +38,39 @@
<img src="@/assets/img/government.png" />
</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">
<!-- window图标 -->
<div>
<div class="projectIcon">
<img src="@/assets/img/project.png" />
</div>
<span class="projectTitle">{{ item.name }}<i> </i></span>
<div class="absolute0" v-on:click="absolute0_click($event)"></div>
<span class="projectTitle">{{ item.name }}</span>
<span>
<van-icon
color="white"
:name="item.show ? 'arrow-down' : 'arrow'"
/>
</span>
<div class="absolute0"></div>
</div>
<!-- 补偿协议图标 -->
<div class="projectRight">
<div
class="projectRight"
v-on:click="absolute0_click($event, index, item)"
>
<div>
<img src="@/assets/img/yhxy.png" />
</div>
<span>{{ item.currentState }}</span>
</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 class="projectCenter">
<div class="projectCenter" v-show="item.show">
<!-- 项目内容 -->
<div class="projectCenterBox">
<div>
@@ -94,9 +106,19 @@
<div class="assess">
<van-image :src="require('@/assets/img/assess_1.png')" />
<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 v-if="activeIndexSon === index + 0">
<div
:key="assess.id"
@click="toEvaluate(assess.id, assess.type)"
@@ -124,13 +146,23 @@
<span>{{ assess.EvaluationCompany }}</span>
</div>
</div>
</div>
<!-- 补偿协议部分 -->
<div class="assess2">
<van-image :src="require('@/assets/img/assess_2.png')" />
<span>补偿结果</span>
<i></i>
<div class="absolute2" v-on:click="absolute2_click($event)"></div>
<van-icon
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 v-if="activeIndexSonTwo === index + 1">
<div
:key="protocol.id"
@click="toAgreement(item.prjId)"
@@ -166,6 +198,8 @@
</div>
</div>
</div>
</div>
<!-- 征收政策背景图 -->
<!-- <div>
<van-image :src="require('@/assets/img/expropriationPolicy.png')" />
@@ -205,18 +239,19 @@
</div>
</div>
</template>
<script>
import { apis } from "@/common/apis";
// import { apis } from "@/common/apis";
import { mgop } from "@aligov/jssdk-mgop";
import { SetTicket } from "@/common/util//tools";
import { changeStyle, recoverStyle } from "@/olderMode/1.js";
import $ from "jquery";
/*import { settestdata } from "@/common/util/test.js";*/
export default {
name: "home",
data() {
return {
mode: false,
mode: "", //false 代表青年年模式 ; true 代表老年年模式
activeIndex: -1,
activeIndexSon: -1,
activeIndexSonTwo: -1,
loading: true,
data: {
idCard: "加载中...",
@@ -230,6 +265,8 @@ export default {
},
created() {
console.log("1201-我是index的created的1");
// settestdata();
// debugger
if (!sessionStorage.getItem("homeData")) {
this.onInit();
} else {
@@ -237,15 +274,7 @@ export default {
this.data = d.data.data;
}
this.setLocationAplus();
// SetTicket(this.$route.query.ticket);
$(".logout").css("display", "none");
if (sessionStorage.getItem("mode") == "older") {
changeStyle();
this.mode = true;
} else {
$("#app").addClass("old_app3");
}
console.log("1201-我是index的created的2");
this.mode = this.$root.mode; //调用全局变量mode中的数据。
},
beforeRouteLeave(to, from, next) {
//debugger;
@@ -268,15 +297,17 @@ export default {
});
} else next();
},
mounted() {
console.log("1201-我是index的mounted的3");
if (sessionStorage.getItem("mode") == "older") {
$(".container").addClass("old_container");
}
//this.setDisplay();
console.log("1201-我是index的mounted的4");
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
this.mode = val;
},
},
mounted() {},
methods: {
// 获取数据
onInit() {
@@ -338,18 +369,13 @@ export default {
},
toOlderMode() {
// 正常页面
if (sessionStorage.getItem("mode") == "older") {
sessionStorage.setItem("mode", "normal");
this.$parent.$parent.mode = false;
this.mode = false;
recoverStyle();
} else {
// 老年化模式
this.mode = !this.mode;
if (this.mode) {
sessionStorage.setItem("mode", "older");
this.$parent.$parent.mode = true;
this.mode = true;
changeStyle();
} else {
sessionStorage.setItem("mode", "normal");
}
this.$root.mode = this.mode;
},
setIdCard(id) {
return id == "加载中..."
@@ -358,8 +384,6 @@ export default {
},
// 跳转选择项目
gotoProject(type) {
$(".logout").css("display", "block");
$("#app").removeClass("old_app3");
this.$router.push({
name: "projectSelect",
params: {
@@ -369,8 +393,6 @@ export default {
},
// 直接跳转分户评估结果页面
toEvaluate(id, type) {
$(".logout").css("display", "block");
$("#app").removeClass("old_app3");
this.$router.push({
name: "evaluatePage",
params: {
@@ -381,8 +403,7 @@ export default {
},
// 直接跳转协议结果pdf
toAgreement(id) {
$(".logout").css("display", "block");
$("#app").removeClass("old_app3");
/* */
this.$router.push({
name: "reportAgreement",
params: {
@@ -390,16 +411,8 @@ export default {
},
});
},
// 加载项目数统计信息
onLoadStatistic() {
apis.projectStatistics().then(({ result }) => {
this.statistics = result;
});
},
// 政策信息页面跳转
pageJump(id) {
$(".logout").css("display", "block");
$("#app").removeClass("old_app3");
this.$router.push({
name: "policyInfo",
params: { id },
@@ -484,97 +497,33 @@ export default {
console.log(error);
});
},
absolute_click(e) {
if (
$(e.currentTarget.parentNode.parentNode)
.find(".projectCenter")
.css("display") == "none"
) {
$(e.currentTarget.parentNode.parentNode)
.find(".projectCenter")
.css("display", "block");
$(e.currentTarget.parentNode)
.find("i")
.css("transform", "rotate(45deg)");
absolute_click(e, index, item) {
if (!item.show) {
this.$set(item, "show", false);
item.show = !item.show;
} else {
$(e.currentTarget.parentNode.parentNode)
.find(".projectCenter")
.css("display", "none");
$(e.currentTarget.parentNode)
.find("i")
.css("transform", "rotate(-45deg)");
item.show = !item.show;
}
/* this.activeIndex = 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;
}
},
absolute0_click(e) {
if (
$(e.currentTarget.parentNode.parentNode.parentNode)
.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, index, i) {
let son = index + i;
this.activeIndexSon = this.activeIndexSon === son ? !son : son;
},
absolute1_click(e) {
if (
$(e.currentTarget.parentNode.parentNode)
.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)");
}
absolute2_click(e, index, i) {
let son = index + i;
this.activeIndexSonTwo = this.activeIndexSonTwo === son ? !son : son;
},
},
};
@@ -705,7 +654,7 @@ export default {
overflow: hidden;
text-overflow: ellipsis;
padding-right: 2px;
i {
/* i {
display: inline-block;
height: 9px;
@@ -714,7 +663,7 @@ export default {
border-bottom: 2px solid white;
transform: rotate(45deg);
margin-left: 7px;
}
} */
}
> :last-child {
@@ -816,7 +765,7 @@ export default {
color: #2468f2;
}
i {
/* i {
display: inline-block;
height: 8px;
@@ -825,7 +774,7 @@ export default {
border-bottom: 2px solid #2468f2;
transform: rotate(45deg);
margin-left: 7px;
}
} */
> :last-child {
position: absolute;
@@ -877,7 +826,7 @@ export default {
color: #2468f2;
}
i {
/* i {
display: inline-block;
height: 8px;
@@ -886,7 +835,7 @@ export default {
border-bottom: 2px solid #2468f2;
transform: rotate(45deg);
margin-left: 7px;
}
} */
> :last-child {
position: absolute;
@@ -1016,7 +965,8 @@ export default {
background-size: 100% 120%;
}
.projectRight {
margin-top: 10px;
/* */
/* margin-top: 10px;
height: 27px;
> :nth-child(1) {
border-radius: unset !important;
@@ -1025,6 +975,34 @@ export default {
> span {
font-size: 20px;
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;
}
}
}

View File

@@ -1,5 +1,8 @@
<template>
<div style="margin: 0 auto" :class="'container'+(mode?' old_container':'')">
<div
style="margin: 0 auto"
:class="'container' + (mode ? ' old_container' : '')"
>
<el-button
type="primary"
@click="testdownload4()"
@@ -19,40 +22,33 @@
</template>
<script>
/* import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery"; */
export default {
components: {},
data() {
return {
mode:"",
mode: "",
url: "",
apidata: {},
pic_width: "100%",
pic_height: "100%",
isloading: true
isloading: true,
};
},
created() {
/* if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
} */
this.mode = this.$root.mode
this.mode = this.$root.mode;
this.onInit();
},
computed:{
watchMode(){
return this.$root.mode
}
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
this.mode = val;
},
mounted() {
},
mounted() {},
methods: {
onInit() {
let result = JSON.parse(window.sessionStorage.getItem("evaluateData"));
@@ -69,7 +65,7 @@ export default {
message: "登录超时,请重新登录",
duration: 3000,
type: "info",
center: true
center: true,
});
setTimeout(() => {
window.location.replace(
@@ -81,7 +77,7 @@ export default {
message: result.data.message,
duration: 3000,
type: "error",
center: true
center: true,
});
}
}
@@ -90,12 +86,12 @@ export default {
ZWJSBridge.onReady(() => {
// console.log("初始化完成后执行bridge方法-saveImages");
ZWJSBridge.saveImage({
url: this.apidata.pdf
url: this.apidata.pdf,
})
.then(result => {
.then((result) => {
// console.log("saveImage()成功:" + JSON.stringify(result));
})
.catch(error => {
.catch((error) => {
// console.log("saveImage()失败:" + JSON.stringify(result));
// console.log(error);
});
@@ -105,17 +101,17 @@ export default {
ZWJSBridge.onReady(() => {
// console.log("初始化完成后执行bridge方法-testdownload4");
ZWJSBridge.openLink({
url: this.apidata.pdf
url: this.apidata.pdf,
})
.then(result => {
.then((result) => {
// console.log("测试新开窗口():" + result);
})
.catch(error => {
.catch((error) => {
// console.log(error);
});
});
}
}
},
},
};
</script>
<style lang="less" scoped>

View File

@@ -1,5 +1,5 @@
<template>
<div style="margin: 0 auto" :class="mode?'old_container':'container'">
<div style="margin: 0 auto" :class="mode ? 'old_container' : 'container'">
<el-button
type="primary"
@click="testdownload4()"
@@ -20,41 +20,34 @@
<script>
import { mgop } from "@aligov/jssdk-mgop";
/* import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery"; */
export default {
components: {},
data() {
return {
mode:"",
mode: "",
url: "",
apidata: {},
pic_width: "100%",
pic_height: "100%",
isloading: true
isloading: true,
};
},
created() {
this.mode = this.$root.mode
/* if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
} */
this.mode = this.$root.mode;
this.onInit();
},
mounted(){},
mounted() {},
computed:{
watchMode(){
return this.$root.mode
}
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
this.mode = val;
},
},
methods: {
onInit() {
@@ -69,10 +62,10 @@ export default {
data: {
ticket:
this.$route.query.ticket || window.sessionStorage.getItem("ticket"),
id: window.sessionStorage.getItem("bcxyId")
id: window.sessionStorage.getItem("bcxyId"),
},
appKey: "es4b8zmz+2001833218+dehllx",
onSuccess: result => {
onSuccess: (result) => {
if (result.data.success) {
this.apidata = result.data.data;
this.pic_width = "100%";
@@ -86,7 +79,7 @@ export default {
message: "登录超时,请重新登录",
duration: 3000,
type: "info",
center: true
center: true,
});
setTimeout(() => {
window.location.replace(
@@ -98,26 +91,26 @@ export default {
message: result.data.message,
duration: 3000,
type: "error",
center: true
center: true,
});
}
}
},
onFail: err => {
onFail: (err) => {
console.log("用户无数据,不展示");
}
},
});
},
saveImages() {
ZWJSBridge.onReady(() => {
// console.log("初始化完成后执行bridge方法-saveImages");
ZWJSBridge.saveImage({
url: this.apidata.pdf
url: this.apidata.pdf,
})
.then(result => {
.then((result) => {
// console.log("saveImage()成功:" + JSON.stringify(result));
})
.catch(error => {
.catch((error) => {
// console.log("saveImage()失败:" + JSON.stringify(result));
// console.log(error);
});
@@ -127,17 +120,17 @@ export default {
ZWJSBridge.onReady(() => {
// console.log("初始化完成后执行bridge方法-testdownload4");
ZWJSBridge.openLink({
url: this.apidata.pdf
url: this.apidata.pdf,
})
.then(result => {
.then((result) => {
// console.log("测试新开窗口():" + result);
})
.catch(error => {
.catch((error) => {
// console.log(error);
});
});
}
}
},
},
};
</script>
<style lang="less" scoped>

View File

@@ -1,6 +1,6 @@
<template>
<div
:class="'container'+(mode?' old_container':'')"
:class="'container' + (mode ? ' old_container' : '')"
v-loading="loading"
element-loading-text="页面加载中"
element-loading-spinner="el-icon-loading"
@@ -14,35 +14,30 @@
</template>
<script>
import { mgop } from "@aligov/jssdk-mgop";
/* import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery"; */
export default {
data() {
return {
loading: true,
info: {
title: "加载中...",
publicTime: "加载中..."
}
publicTime: "加载中...",
},
};
},
created() {
this.mode = this.$root.mode
/* if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
} */
this.mode = this.$root.mode;
this.onInit();
},
mounted() {},
computed:{
watchMode(){
return this.$root.mode
}
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
this.mode = val;
},
},
methods: {
// 获取数据
@@ -57,10 +52,10 @@ export default {
type: "POST",
data: {
ticket: window.sessionStorage.getItem("ticket"),
id: window.sessionStorage.getItem("zszcId")
id: window.sessionStorage.getItem("zszcId"),
},
appKey: "es4b8zmz+2001833218+dehllx",
onSuccess: data => {
onSuccess: (data) => {
this.loading = false;
if (data.data.success) {
const { data: res } = data;
@@ -74,7 +69,7 @@ export default {
message: "请求超时,请重新登录",
duration: 3000,
type: "info",
center: true
center: true,
});
setTimeout(() => {
window.location.replace(
@@ -86,26 +81,26 @@ export default {
message: "请求出错",
duration: 3000,
type: "error",
center: true
center: true,
});
}
}
},
onFail: function(err) {
onFail: function (err) {
this.loading = false;
this.$notify({
title: "错误",
message: "请求失败",
type: "error",
duration: 3000
duration: 3000,
});
}
},
});
},
modifyDate(date) {
return (date + "").substr(0, 10);
}
}
},
},
};
</script>
<style lang="less" scoped>

View File

@@ -53,8 +53,6 @@
</template>
<script>
/* import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery"; */
export default {
data() {
return {

View File

@@ -1,5 +1,5 @@
<template>
<div :class="'container'+(mode?' old_container':'')">
<div :class="'container' + (mode ? ' old_container' : '')">
<div class="image">
<img alt src="@/assets/img/agreement.png" />
</div>
@@ -56,13 +56,11 @@
</template>
<script>
import { SetProjectId } from "@/common/util/tools";
/* import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery"; */
export default {
data() {
return {
info: {
mode:"",
mode: "",
userName: "无数据",
prjList: {
bcxyList: [
@@ -73,36 +71,31 @@ export default {
xyNo: "无数据",
switchProductionWay: "无数据",
countValue: "无数据",
signTime: "无数据"
}
],
fhpgList: [{ countValue: "无数据", assessmentNo: "无数据" }]
}
signTime: "无数据",
},
prjListLength: "0"
],
fhpgList: [{ countValue: "无数据", assessmentNo: "无数据" }],
},
},
prjListLength: "0",
};
},
created() {
this.mode = this.$root.mode
/* if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
} */
this.mode = this.$root.mode;
this.onInit();
},
mounted() {},
computed:{
watchMode(){
return this.$root.mode
}
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
this.mode = val;
},
},
methods: {
onInit() {
@@ -112,7 +105,7 @@ export default {
let data = JSON.parse(window.sessionStorage.getItem("homeData"));
if (data.data.success == true) {
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");
});
this.info.prjList = prjList;
@@ -124,7 +117,7 @@ export default {
message: "登录超时,请重新登录",
duration: 3000,
type: "info",
center: true
center: true,
});
setTimeout(() => {
window.location.replace(
@@ -136,8 +129,8 @@ export default {
},
showPdf(id) {
this.$router.push({ name: "showPdf", params: { id } });
}
}
},
},
};
</script>

View File

@@ -1,6 +1,6 @@
<template>
<div
:class="'container'+(mode?' old_container':'')"
:class="'container' + (mode ? ' old_container' : '')"
v-loading="loading"
element-loading-text="页面加载中"
element-loading-spinner="el-icon-loading"
@@ -73,12 +73,10 @@
</template>
<script>
import { mgop } from "@aligov/jssdk-mgop";
import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery";
export default {
data() {
return {
mode:'',
mode: "",
isLoading: true,
loading: true,
info: {
@@ -93,28 +91,24 @@ export default {
exceedLandMoney: "无数据",
atticAssessedValue: "无数据",
remark: "无数据",
isExistPdf: true
}
isExistPdf: true,
},
};
},
created() {
this.mode = this.$root.mode
/* if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
} */
this.mode = this.$root.mode;
this.onInit();
},
mounted() {
mounted() {},
computed: {
watchMode() {
return this.$root.mode;
},
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
this.mode = val;
},
},
methods: {
// 获取数据
@@ -131,10 +125,10 @@ export default {
data: {
ticket: window.sessionStorage.getItem("ticket"),
id: window.sessionStorage.getItem("fhpgId"),
type: window.sessionStorage.getItem("fhpgType")
type: window.sessionStorage.getItem("fhpgType"),
},
appKey: "es4b8zmz+2001833218+dehllx",
onSuccess: data => {
onSuccess: (data) => {
this.isLoading = false;
this.loading = false;
window.sessionStorage.setItem("evaluateData", JSON.stringify(data));
@@ -148,7 +142,7 @@ export default {
message: "登录超时,请重新登录",
duration: 3000,
type: "info",
center: true
center: true,
});
setTimeout(() => {
window.location.replace(
@@ -160,38 +154,38 @@ export default {
message: "请求出错",
type: "error",
duration: 3000,
center: true
center: true,
});
}
}
},
onFail: err => {
onFail: (err) => {
this.isLoading = false;
this.loading = false;
this.$notify({
title: "错误",
message: "请求失败",
type: "info",
duration: 3000
duration: 3000,
});
}
},
});
},
// 跳转评估结果pdf
pageJump() {
if (this.info.isExistPdf) {
this.$router.push({
name: "evaluateResultPdf"
name: "evaluateResultPdf",
});
} else {
this.$notify({
message: "无报告",
duration: 3000,
type: "waring"
type: "waring",
});
}
}
}
},
},
};
</script>
<style lang="less" scoped>

View File

@@ -1,5 +1,5 @@
<template>
<div :class="'container'+(mode?' old_container':'')">
<div :class="'container' + (mode ? ' old_container' : '')">
<div class="image">
<img src="@/assets/img/evaluate.png" />
</div>
@@ -60,7 +60,7 @@
>
<div v-if="item.type == '2'">
<el-card body-style="padding:4px">
<div class="absolute" style="background:#268FF2">
<div class="absolute" style="background: #268ff2">
<span>商业</span>
</div>
<div>
@@ -96,13 +96,11 @@
</template>
<script>
import { SetProjectId } from "@/common/util/tools";
/* import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery"; */
export default {
data() {
return {
info: {
mode:"",
mode: "",
userName: "无数据",
prjList: {
fhpgList: [
@@ -112,7 +110,7 @@ export default {
countValue: "无数据",
type: "1",
createUserName: "无数据",
createTime: "无数据"
createTime: "无数据",
},
{
assessmentNo: "无数据",
@@ -120,31 +118,28 @@ export default {
countValue: "无数据",
type: "2",
createUserName: "无数据",
createTime: "无数据"
}
]
}
createTime: "无数据",
},
prjListLength: "0"
],
},
},
prjListLength: "0",
};
},
created() {
this.mode = this.$root.mode
/* if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
} */
this.mode = this.$root.mode;
this.onInit();
},
mounted() {},
computed:{
watchMode(){
return this.$root.mode
}
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
this.mode = val;
},
},
methods: {
// 获取数据
@@ -155,7 +150,7 @@ export default {
let data = JSON.parse(window.sessionStorage.getItem("homeData"));
if (data.data.success) {
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");
});
this.info.prjList = prjList;
@@ -167,7 +162,7 @@ export default {
message: "登录超时,请重新登录",
duration: 3000,
type: "info",
center: true
center: true,
});
setTimeout(() => {
window.location.replace(
@@ -183,11 +178,11 @@ export default {
name: "evaluatePage",
params: {
fhpgId: id,
type
}
type,
},
});
}
}
},
},
};
</script>

View File

@@ -47,18 +47,27 @@
</div>
<span class="projectTitle">{{ item.name }}</span>
<span>
<van-icon color="white" :name="item.show ? 'arrow-down' : 'arrow'" />
<van-icon
color="white"
:name="item.show ? 'arrow-down' : 'arrow'"
/>
</span>
<div class="absolute0" ></div>
<div class="absolute0"></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>
<img src="@/assets/img/yhxy.png" />
</div>
<span>{{ item.currentState }}</span>
</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>
<div class="projectCenter" v-show="item.show">
@@ -98,9 +107,16 @@
<van-image :src="require('@/assets/img/assess_1.png')" />
<span>分户评估报告</span>
<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>
<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 v-if="activeIndexSon === index + 0">
<div
@@ -135,9 +151,16 @@
<div class="assess2">
<van-image :src="require('@/assets/img/assess_2.png')" />
<span>补偿结果</span>
<van-icon color="#2468f2" :name="activeIndexSonTwo === index + 1 ? 'arrow-down' : 'arrow'" />
<!-- <i></i>
--> <div class="absolute2" v-on:click="absolute2_click($event,index,1)"></div>
<van-icon
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 v-if="activeIndexSonTwo === index + 1">
<div
@@ -217,18 +240,17 @@
</div>
</template>
<script>
import { apis } from "@/common/apis";
// import { apis } from "@/common/apis";
import { mgop } from "@aligov/jssdk-mgop";
import { SetTicket } from "@/common/util//tools";
/* import { changeStyle, recoverStyle } from "@/olderMode/1.js";
*/ import $ from "jquery";
import { settestdata } from "@/common/util/test.js";
export default {
name: "home",
data() {
return {
mode: "", //false 代表青年年模式 ; true 代表老年年模式
activeIndex: -1,
activeIndexSon:-1,
activeIndexSon: -1,
activeIndexSonTwo: -1,
loading: true,
data: {
@@ -243,113 +265,7 @@ export default {
},
created() {
console.log("1201-我是index的created的1");
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-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));
settestdata();
// debugger
if (!sessionStorage.getItem("homeData")) {
this.onInit();
@@ -358,12 +274,6 @@ export default {
this.data = d.data.data;
}
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中的数据。
},
beforeRouteLeave(to, from, next) {
@@ -397,15 +307,8 @@ export default {
this.mode = val;
},
},
mounted() {
/* console.log("1201-我是index的mounted的3");
if (sessionStorage.getItem("mode") == "older") {
$(".container").addClass("old_container");
} */
//this.setDisplay();
},
mounted() {},
methods: {
// 获取数据
onInit() {
console.log("1201-我是index的onInit的5");
@@ -468,21 +371,11 @@ export default {
// 正常页面
this.mode = !this.mode;
if (this.mode) {
sessionStorage.setItem("mode", "normal");
} else {
sessionStorage.setItem("mode", "older");
} else {
sessionStorage.setItem("mode", "normal");
}
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) {
return id == "加载中..."
@@ -491,8 +384,6 @@ export default {
},
// 跳转选择项目
gotoProject(type) {
/* $(".logout").css("display", "block");
$("#app").removeClass("old_app3"); */
this.$router.push({
name: "projectSelect",
params: {
@@ -502,8 +393,6 @@ export default {
},
// 直接跳转分户评估结果页面
toEvaluate(id, type) {
$(".logout").css("display", "block");
$("#app").removeClass("old_app3");
this.$router.push({
name: "evaluatePage",
params: {
@@ -522,12 +411,7 @@ export default {
},
});
},
// 加载项目数统计信息
onLoadStatistic() {
apis.projectStatistics().then(({ result }) => {
this.statistics = result;
});
},
// 政策信息页面跳转
pageJump(id) {
this.$router.push({
@@ -614,35 +498,34 @@ export default {
console.log(error);
});
},
absolute_click(e, index,item) {
if(!item.show){
this.$set(item,'show',false)
item.show = !item.show
}else{
item.show = !item.show
absolute_click(e, index, item) {
if (!item.show) {
this.$set(item, "show", false);
item.show = !item.show;
} else {
item.show = !item.show;
}
/* this.activeIndex = 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
/* 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) {
let son = index + i
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
absolute2_click(e, index, i) {
let son = index + i;
this.activeIndexSonTwo = this.activeIndexSonTwo === son ? !son : son;
}
},
},
};
</script>
@@ -1082,7 +965,8 @@ export default {
background-position: 0 -2px;
background-size: 100% 120%;
}
.projectRight {/* */
.projectRight {
/* */
/* margin-top: 10px;
height: 27px;
> :nth-child(1) {
@@ -1121,9 +1005,6 @@ export default {
height: 27px;
line-height: 27px;
}
}
}
.projectCenterBox {

View File

@@ -1,10 +1,12 @@
<template>
<div :class="'container'+(mode?' old_container':'')">
<div :class="mode ? 'old_container' : 'container'">
<div class="topBox">
<div class="olderVersion">
<div class="titleBox">被征收人信息查询</div>
<div v-if="mode == false" class="mode">进入老年模式</div>
<div v-else class="mode">退出老年模式</div>
<div v-if="mode == false" @click="toOlderMode()" class="mode">
进入老年模式
</div>
<div v-else @click="toOlderMode()" class="mode">退出老年模式</div>
</div>
<div class="baseInfo">
<img src="@/assets/img/renyuanliebiao.png" />
@@ -13,7 +15,7 @@
<div class="baseInfo">
<img src="@/assets/img/credentials_icon.png" />
<span>身份证号码</span>
<div>{{ data.idCard }}</div>
<div>{{ setIdCard(data.idCard) }}</div>
</div>
<!-- 三张背景图 -->
<div class="gridBg">
@@ -36,27 +38,39 @@
<img src="@/assets/img/government.png" />
</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">
<!-- window图标 -->
<div>
<div class="projectIcon">
<img src="@/assets/img/project.png" />
</div>
<span class="projectTitle">{{ item.name }}<i> </i></span>
<div class="absolute0" v-on:click="absolute0_click($event)"></div>
<span class="projectTitle">{{ item.name }}</span>
<span>
<van-icon
color="white"
:name="item.show ? 'arrow-down' : 'arrow'"
/>
</span>
<div class="absolute0"></div>
</div>
<!-- 补偿协议图标 -->
<div class="projectRight">
<div
class="projectRight"
v-on:click="absolute0_click($event, index, item)"
>
<div>
<img src="@/assets/img/yhxy.png" />
</div>
<span>{{ item.currentState }}</span>
</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 class="projectCenter">
<div class="projectCenter" v-show="item.show">
<!-- 项目内容 -->
<div class="projectCenterBox">
<div>
@@ -92,9 +106,19 @@
<div class="assess">
<van-image :src="require('@/assets/img/assess_1.png')" />
<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 v-if="activeIndexSon === index + 0">
<div
:key="assess.id"
@click="toEvaluate(assess.id, assess.type)"
@@ -122,13 +146,23 @@
<span>{{ assess.EvaluationCompany }}</span>
</div>
</div>
</div>
<!-- 补偿协议部分 -->
<div class="assess2">
<van-image :src="require('@/assets/img/assess_2.png')" />
<span>补偿结果</span>
<i></i>
<div class="absolute2" v-on:click="absolute2_click($event)"></div>
<van-icon
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 v-if="activeIndexSonTwo === index + 1">
<div
:key="protocol.id"
@click="toAgreement(item.prjId)"
@@ -164,6 +198,8 @@
</div>
</div>
</div>
</div>
<!-- 征收政策背景图 -->
<!-- <div>
<van-image :src="require('@/assets/img/expropriationPolicy.png')" />
@@ -203,14 +239,16 @@
</div>
</div>
</template>
<script>
/* import $ from "jquery";
*/export default {
import { mgop } from "@aligov/jssdk-mgop";
export default {
name: "home",
data() {
return {
mode: "",
mode: "", //false 代表青年年模式 ; true 代表老年年模式
activeIndex: -1,
activeIndexSon: -1,
activeIndexSonTwo: -1,
loading: true,
data: {
idCard: "加载中...",
@@ -224,41 +262,54 @@
},
created() {
console.log("1201-我是final2的created的1");
if (!sessionStorage.getItem("homeData")) {
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");
} */
console.log("1201-我是final2的created的3");
},
mounted() {
computed: {
watchMode() {
return this.$root.mode;
},
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
this.mode = val;
},
},
mounted() {},
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() {},
scan() {},
absolute_click(e, index, item) {},
absolute0_click(e, index, item) {},
absolute1_click(e, index, i) {},
absolute2_click(e, index, i) {},
},
};
</script>
@@ -388,7 +439,7 @@
overflow: hidden;
text-overflow: ellipsis;
padding-right: 2px;
i {
/* i {
display: inline-block;
height: 9px;
@@ -397,7 +448,7 @@
border-bottom: 2px solid white;
transform: rotate(45deg);
margin-left: 7px;
}
} */
}
> :last-child {
@@ -499,7 +550,7 @@
color: #2468f2;
}
i {
/* i {
display: inline-block;
height: 8px;
@@ -508,7 +559,7 @@
border-bottom: 2px solid #2468f2;
transform: rotate(45deg);
margin-left: 7px;
}
} */
> :last-child {
position: absolute;
@@ -560,7 +611,7 @@
color: #2468f2;
}
i {
/* i {
display: inline-block;
height: 8px;
@@ -569,7 +620,7 @@
border-bottom: 2px solid #2468f2;
transform: rotate(45deg);
margin-left: 7px;
}
} */
> :last-child {
position: absolute;
@@ -699,7 +750,8 @@
background-size: 100% 120%;
}
.projectRight {
margin-top: 10px;
/* */
/* margin-top: 10px;
height: 27px;
> :nth-child(1) {
border-radius: unset !important;
@@ -708,6 +760,34 @@
> span {
font-size: 20px;
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;
}
}
}

View File

@@ -8,11 +8,11 @@ export default {
return {};
},
created() {
console.log("1201-我是中页面的1");
console.log("1201-我是中页面的1");
console.log("1201-中专页面的路径:" + location.href);
//debugger;
this.$router.push("final2");
console.log("1201-我是中页面的2");
console.log("1201-我是中页面的2");
},
methods: {},
};