ewide/zsxt_nbzs_h5
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update ：查找ios端问题

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

394
FrontCode2/sunshine_levy/src/views/index.vue
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,78 +106,100 @@
<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
:key="assess.id"
@click="toEvaluate(assess.id, assess.type)"
class="assessCenter1"
v-for="assess in item.fhpgList"
>
<div>
<span>评估报告编号：</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 v-if="activeIndexSon === index + 0">
<div
:key="assess.id"
@click="toEvaluate(assess.id, assess.type)"
class="assessCenter1"
v-for="assess in item.fhpgList"
>
<div>
<span>评估报告编号：</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 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
:key="protocol.id"
@click="toAgreement(item.prjId)"
class="assessCenter2"
v-for="protocol in item.bcxyList"
>
<div>
<span>协议编号：</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 v-if="activeIndexSonTwo === index + 1">
<div
:key="protocol.id"
@click="toAgreement(item.prjId)"
class="assessCenter2"
v-for="protocol in item.bcxyList"
>
<div>
<span>协议编号：</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>
</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;
}
}
}

56
FrontCode2/sunshine_levy/src/views/pdf/evaluateResultPdf.vue
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
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
computed: {
watchMode() {
return this.$root.mode;
},
mounted() {
},
watch: {
watchMode(val, oldVal) {
this.mode = val;
},
},
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>

63
FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
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,42 +20,35 @@
<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
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
this.mode = val;
},
},
methods: {
onInit() {
if (this.$route.params.id) {
@@ -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>

49
FrontCode2/sunshine_levy/src/views/policyInfo/policyInfo.vue
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,36 +14,31 @@
</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
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
this.mode = val;
},
},
methods: {
// 获取数据
onInit() {
@@ -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>

2
FrontCode2/sunshine_levy/src/views/project/index.vue
View File

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

51
FrontCode2/sunshine_levy/src/views/report/agreement.vue
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: "无数据"
}
signTime: "无数据",
},
],
fhpgList: [{ countValue: "无数据", assessmentNo: "无数据" }]
}
fhpgList: [{ countValue: "无数据", assessmentNo: "无数据" }],
},
},
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
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
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>

58
FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue
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,29 +91,25 @@ 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() {
},
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
mounted() {},
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
this.mode = val;
},
},
methods: {
// 获取数据
onInit() {
@@ -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>

55
FrontCode2/sunshine_levy/src/views/report/evalute.vue
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,32 +118,29 @@ 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
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
this.mode = val;
},
},
methods: {
// 获取数据
onInit() {
@@ -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>

431
FrontCode2/sunshine_levy/src/views/test.vue
View File

@@ -47,18 +47,27 @@
</div>
<span class="projectTitle">{{ item.name }}</span>
<span>
<van-icon color="white" :name="item.show ? 'arrow-down' : 'arrow'" />
</span>
<div class="absolute0" ></div>
<van-icon
color="white"
:name="item.show ? 'arrow-down' : 'arrow'"
/>
</span>
<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">
@@ -97,82 +106,96 @@
<div class="assess">
<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
:key="assess.id"
@click="toEvaluate(assess.id, assess.type)"
class="assessCenter1"
v-for="assess in item.fhpgList"
>
<div>
<span>评估报告编号：</span>
<span>{{ assess.assessmentNo }}</span>
<div
:key="assess.id"
@click="toEvaluate(assess.id, assess.type)"
class="assessCenter1"
v-for="assess in item.fhpgList"
>
<div>
<span>评估报告编号：</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>
<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 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
:key="protocol.id"
@click="toAgreement(item.prjId)"
class="assessCenter2"
v-for="protocol in item.bcxyList"
>
<div>
<span>协议编号：</span>
<span>{{ protocol.xyNo }}</span>
<div
:key="protocol.id"
@click="toAgreement(item.prjId)"
class="assessCenter2"
v-for="protocol in item.bcxyList"
>
<div>
<span>协议编号：</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>
<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>
@@ -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;
*/
},
absolute1_click(e,index,i) {
let son = index + i
this.activeIndexSon = this.activeIndexSon === son ? !son : son;
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;
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>
@@ -772,7 +655,7 @@ export default {
overflow: hidden;
text-overflow: ellipsis;
padding-right: 2px;
/* i {
/* i {
display: inline-block;
height: 9px;
@@ -883,7 +766,7 @@ export default {
color: #2468f2;
}
/* i {
/* i {
display: inline-block;
height: 8px;
@@ -944,7 +827,7 @@ export default {
color: #2468f2;
}
/* i {
/* i {
display: inline-block;
height: 8px;
@@ -1082,8 +965,9 @@ export default {
background-position: 0 -2px;
background-size: 100% 120%;
}
.projectRight {/* */
/* margin-top: 10px;
.projectRight {
/* */
/* margin-top: 10px;
height: 27px;
> :nth-child(1) {
border-radius: unset !important;
@@ -1093,37 +977,34 @@ export default {
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;
justify-content: right;
margin-top: -33px;
position: relative;
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 {

306
FrontCode2/sunshine_levy/src/views/transit/final2.vue
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,78 +106,100 @@
<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
:key="assess.id"
@click="toEvaluate(assess.id, assess.type)"
class="assessCenter1"
v-for="assess in item.fhpgList"
>
<div>
<span>评估报告编号：</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 v-if="activeIndexSon === index + 0">
<div
:key="assess.id"
@click="toEvaluate(assess.id, assess.type)"
class="assessCenter1"
v-for="assess in item.fhpgList"
>
<div>
<span>评估报告编号：</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 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
:key="protocol.id"
@click="toAgreement(item.prjId)"
class="assessCenter2"
v-for="protocol in item.bcxyList"
>
<div>
<span>协议编号：</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 v-if="activeIndexSonTwo === index + 1">
<div
:key="protocol.id"
@click="toAgreement(item.prjId)"
class="assessCenter2"
v-for="protocol in item.bcxyList"
>
<div>
<span>协议编号：</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>
</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
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
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;
}
}
}

4
FrontCode2/sunshine_levy/src/views/transit/index.vue
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: {},
};