This commit is contained in:
路 范
2021-12-16 11:33:15 +08:00
11 changed files with 433 additions and 237 deletions

View File

@@ -26,9 +26,8 @@
>
<router-view />
</van-pull-refresh>
<div class="bottomContent">
<div :class="mode?'old_bottomContent':'bottomContent'">
<p>本服务由浙江政务服务网宁波市住房保障和房屋征收管理中心提供</p>
<p>
服务咨询热线<b>
<a href="javascript:;" @click="callphone('0574-89180948')"
@@ -36,49 +35,69 @@
></b
>
</p>
<div v-if="mode === true" class="logout" @click="logout">
<div>
<div v-if="mode" class="old_logout" @click="logout">
<span>退出老年模式</span>
</div>
<div v-else class="logout" @click="toOlderMode">
<div v-else class="logout" @click="logout">
<span>进入老年模式</span>
</div>
</div>
</div>
</div>
</template>
<script>
import { recoverStyle2, changeStyle1 } from "@/olderMode/1.js";
export default {
/* import { recoverStyle2, changeStyle1 } from "@/olderMode/1.js";
*/export default {
name: "App",
data() {
return {
mode: false,
mode: '',
isLoading: true,
show: true
};
},
created() {
if (sessionStorage.getItem("mode") == "older") {
/* 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;
}
*/
if (localStorage.getItem("overlay")) {
this.show = false;
}
},
mounted() {},
mounted() {
},
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
console.log('成功测试',val)
this.mode = val
}
},
methods: {
logout() {
sessionStorage.setItem("mode", "normal");
this.mode = false;
recoverStyle2();
},
toOlderMode() {
sessionStorage.setItem("mode", "older");
this.mode = true;
changeStyle1();
/* 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.$root.mode = this.mode
},
onRefresh() {
this.$children[0].$children[0].onInit();
@@ -108,7 +127,7 @@ export default {
font-family: pingfang, SF UI Text, Roboto;
font-size: 14px;
min-height: 100%;
padding-bottom: 128px;
padding-bottom: 50px;
position: relative;
box-sizing: border-box;
background: #f6f7f8;
@@ -177,8 +196,10 @@ export default {
}
}
.bottomContent {
position: absolute;
bottom: 10px;
display: flex;
flex-direction: column;
/* position: absolute;
bottom: 10px; */
text-align: center;
width: 100%;
font-size: 10px;
@@ -201,15 +222,38 @@ export default {
}
}
}
// 老年化
.old_bottomContent {
font-size: 18px !important;
/* position: absolute;
bottom: 10px; */
display: flex;
flex-direction: column;
text-align: center;
width: 100%;
font-size: 18px;
p {
/* margin: 0;
line-height: 14px; */
line-height: 25px !important;
margin: 10px 0 0 !important;
}
b {
color: #5d8cbc;
}
.old_app {
.old_logout {
padding: 20px 0 10px;
span {
font-size: 20px;
height: 19px;
color: #fefefe;
background: red;
padding: 0 10px;
}
}
}
/* .old_app {
padding-bottom: 100px !important;
}
.old_app2 {
@@ -220,5 +264,7 @@ export default {
}
.old_app3 {
padding-bottom: 48px !important;
}
} */
</style>

View File

@@ -20,9 +20,14 @@ import {
Notify,
PullRefresh,
Toast,
Overlay
Overlay,
Collapse,
CollapseItem
} from "vant";
Vue.use(Collapse);
Vue.use(CollapseItem);
Vue.use(Button)
.use(NavBar)
.use(Cell)
@@ -67,10 +72,25 @@ 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; */
mode = true;
}
const vm = new Vue({
el: "#app",
router,
data: function(){
return {
mode: mode, //false 代表青年年模式 ; true 代表老年年模式
}
},
components: { App },
template: "<App/>"
});

View File

@@ -1,5 +1,5 @@
<template>
<div style="margin: 0 auto" class="container">
<div style="margin: 0 auto" :class="'container'+(mode?' old_container':'')">
<el-button
type="primary"
@click="testdownload4()"
@@ -19,12 +19,13 @@
</template>
<script>
import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery";
/* import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery"; */
export default {
components: {},
data() {
return {
mode:"",
url: "",
apidata: {},
pic_width: "100%",
@@ -33,16 +34,25 @@ export default {
};
},
created() {
if (sessionStorage.getItem("mode") == "older") {
/* if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
}
} */
this.mode = this.$root.mode
this.onInit();
},
mounted() {
if (sessionStorage.getItem("mode") == "older") {
$(".container").addClass("old_container");
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
},
mounted() {
},
methods: {
onInit() {
let result = JSON.parse(window.sessionStorage.getItem("evaluateData"));

View File

@@ -1,5 +1,5 @@
<template>
<div style="margin: 0 auto" class="container">
<div style="margin: 0 auto" :class="mode?'old_container':'container'">
<el-button
type="primary"
@click="testdownload4()"
@@ -20,12 +20,13 @@
<script>
import { mgop } from "@aligov/jssdk-mgop";
import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery";
/* import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery"; */
export default {
components: {},
data() {
return {
mode:"",
url: "",
apidata: {},
pic_width: "100%",
@@ -34,16 +35,27 @@ export default {
};
},
created() {
if (sessionStorage.getItem("mode") == "older") {
this.mode = this.$root.mode
/* if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
}
} */
this.onInit();
},
mounted() {
if (sessionStorage.getItem("mode") == "older") {
$(".container").addClass("old_container");
mounted(){},
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
},
methods: {
onInit() {
if (this.$route.params.id) {

View File

@@ -1,6 +1,6 @@
<template>
<div
class="container"
:class="'container'+(mode?' old_container':'')"
v-loading="loading"
element-loading-text="页面加载中"
element-loading-spinner="el-icon-loading"
@@ -14,8 +14,8 @@
</template>
<script>
import { mgop } from "@aligov/jssdk-mgop";
import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery";
/* import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery"; */
export default {
data() {
return {
@@ -27,14 +27,21 @@ export default {
};
},
created() {
if (sessionStorage.getItem("mode") == "older") {
this.mode = this.$root.mode
/* if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
}
} */
this.onInit();
},
mounted() {
if (sessionStorage.getItem("mode") == "older") {
$(".container").addClass("old_container");
mounted() {},
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
},
methods: {

View File

@@ -1,5 +1,5 @@
<template>
<div class="container">
<div :class="'container'+(mode?' old_container':'')" >
<div style="padding:10px">
<div :class="this.type == 'pg' ? 'proTopBoxpg' : 'proTopBoxxy'">
<div class="proCenterBox">
@@ -53,11 +53,12 @@
</template>
<script>
import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery";
/* import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery"; */
export default {
data() {
return {
mode:'',
type:"",
none: false,
// 初始数据
@@ -78,14 +79,22 @@ export default {
};
},
created() {
if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
}
this.mode = this.$root.mode
this.onInit();
console.log("projects",this.mode)
},
mounted() {
if (sessionStorage.getItem("mode") == "older") {
$(".container").addClass("old_container");
console.log("asdasdas",this.mode)
},
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
},
methods: {

View File

@@ -1,5 +1,5 @@
<template>
<div class="container">
<div :class="'container'+(mode?' old_container':'')">
<div class="image">
<img alt src="@/assets/img/agreement.png" />
</div>
@@ -56,12 +56,13 @@
</template>
<script>
import { SetProjectId } from "@/common/util/tools";
import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery";
/* import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery"; */
export default {
data() {
return {
info: {
mode:"",
userName: "无数据",
prjList: {
bcxyList: [
@@ -82,16 +83,27 @@ export default {
};
},
created() {
if (sessionStorage.getItem("mode") == "older") {
this.mode = this.$root.mode
/* if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
}
} */
this.onInit();
},
mounted() {
if (sessionStorage.getItem("mode") == "older") {
$(".container").addClass("old_container");
mounted() {},
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
},
methods: {
onInit() {
if (this.$route.params.prjId) {

View File

@@ -1,6 +1,6 @@
<template>
<div
class="container"
:class="'container'+(mode?' old_container':'')"
v-loading="loading"
element-loading-text="页面加载中"
element-loading-spinner="el-icon-loading"
@@ -78,6 +78,7 @@ import $ from "jquery";
export default {
data() {
return {
mode:'',
isLoading: true,
loading: true,
info: {
@@ -97,14 +98,22 @@ export default {
};
},
created() {
if (sessionStorage.getItem("mode") == "older") {
this.mode = this.$root.mode
/* if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
}
} */
this.onInit();
},
mounted() {
if (sessionStorage.getItem("mode") == "older") {
$(".container").addClass("old_container");
},
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
},
methods: {

View File

@@ -1,5 +1,5 @@
<template>
<div class="container">
<div :class="'container'+(mode?' old_container':'')">
<div class="image">
<img src="@/assets/img/evaluate.png" />
</div>
@@ -96,12 +96,13 @@
</template>
<script>
import { SetProjectId } from "@/common/util/tools";
import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery";
/* import { changeBottomStyle } from "@/olderMode/1.js";
import $ from "jquery"; */
export default {
data() {
return {
info: {
mode:"",
userName: "无数据",
prjList: {
fhpgList: [
@@ -128,14 +129,21 @@ export default {
};
},
created() {
if (sessionStorage.getItem("mode") == "older") {
this.mode = this.$root.mode
/* if (sessionStorage.getItem("mode") == "older") {
changeBottomStyle();
}
} */
this.onInit();
},
mounted() {
if (sessionStorage.getItem("mode") == "older") {
$(".container").addClass("old_container");
mounted() {},
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
},
methods: {

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,16 +38,18 @@
<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" v-on:click="absolute_click0($event, index)"></div>
</div>
<!-- 补偿协议图标 -->
<div class="projectRight">
@@ -56,9 +58,10 @@
</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 +97,12 @@
<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 +130,16 @@
<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 +175,8 @@
</div>
</div>
</div>
</div>
<!-- 征收政策背景图 -->
<!-- <div>
<van-image :src="require('@/assets/img/expropriationPolicy.png')" />
@@ -205,18 +216,20 @@
</div>
</div>
</template>
<script>
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 { changeStyle, recoverStyle } from "@/olderMode/1.js";
*/ import $ from "jquery";
export default {
name: "home",
data() {
return {
mode: false,
mode: "", //false 代表青年年模式 ; true 代表老年年模式
activeIndex: -1,
activeIndexSon:-1,
activeIndexSonTwo: -1,
loading: true,
data: {
idCard: "加载中...",
@@ -230,8 +243,112 @@ 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}],"policiesRegulationsLists": {"totalCount": 1,"list": [{"id": "eeb58add-13f8-4c5b-a905-3a242faae4bd","title": "宁波市国有土地上房屋征收补偿、补助、奖励规定","contents": "testcontents","publicTime": "2021-06-25","area": "全大市"}]}},"extras": null,"timestamp": 1638429929492}}
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));
// debugger
if (!sessionStorage.getItem("homeData")) {
@@ -242,14 +359,12 @@ export default {
}
this.setLocationAplus();
// SetTicket(this.$route.query.ticket);
$(".logout").css("display", "none");
if (sessionStorage.getItem("mode") == "older") {
changeStyle();
/* if (sessionStorage.getItem("mode") == "older") {
this.mode = true;
} else {
$("#app").addClass("old_app3");
}
console.log("1201-我是index的created的2");
this.mode = false;
} */
this.mode = this.$root.mode; //调用全局变量mode中的数据。
},
beforeRouteLeave(to, from, next) {
//debugger;
@@ -272,16 +387,25 @@ export default {
});
} else next();
},
computed: {
watchMode() {
return this.$root.mode;
},
},
watch: {
watchMode(val, oldVal) {
this.mode = val;
},
},
mounted() {
console.log("1201-我是index的mounted的3");
/* console.log("1201-我是index的mounted的3");
if (sessionStorage.getItem("mode") == "older") {
$(".container").addClass("old_container");
}
} */
//this.setDisplay();
console.log("1201-我是index的mounted的4");
},
methods: {
// 获取数据
onInit() {
console.log("1201-我是index的onInit的5");
@@ -342,18 +466,23 @@ export default {
},
toOlderMode() {
// 正常页面
if (sessionStorage.getItem("mode") == "older") {
this.mode = !this.mode;
if (this.mode) {
sessionStorage.setItem("mode", "normal");
} else {
sessionStorage.setItem("mode", "older");
}
this.$root.mode = this.mode;
/* if (sessionStorage.getItem("mode") == "older") {
sessionStorage.setItem("mode", "normal");
this.$parent.$parent.mode = false;
this.mode = false;
recoverStyle();
} else {
// 老年化模式
sessionStorage.setItem("mode", "older");
this.$parent.$parent.mode = true;
this.mode = true;
changeStyle();
}
} */
},
setIdCard(id) {
return id == "加载中..."
@@ -362,8 +491,8 @@ export default {
},
// 跳转选择项目
gotoProject(type) {
$(".logout").css("display", "block");
$("#app").removeClass("old_app3");
/* $(".logout").css("display", "block");
$("#app").removeClass("old_app3"); */
this.$router.push({
name: "projectSelect",
params: {
@@ -385,8 +514,7 @@ export default {
},
// 直接跳转协议结果pdf
toAgreement(id) {
$(".logout").css("display", "block");
$("#app").removeClass("old_app3");
/* */
this.$router.push({
name: "reportAgreement",
params: {
@@ -402,8 +530,6 @@ export default {
},
// 政策信息页面跳转
pageJump(id) {
$(".logout").css("display", "block");
$("#app").removeClass("old_app3");
this.$router.push({
name: "policyInfo",
params: { id },
@@ -488,99 +614,30 @@ 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");
absolute_click(e, index,item) {
if(!item.show){
this.$set(item,'show',false)
item.show = !item.show
$(e.currentTarget.parentNode)
.find("i")
.css("transform", "rotate(45deg)");
}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) {
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)");
}
console.log("e", e);
},
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)");
}
absolute1_click(e,index,i) {
let son = index + i
this.activeIndexSon = this.activeIndexSon === son ? !son : son;
},
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;
}
},
},
};
</script>
@@ -709,7 +766,7 @@ export default {
overflow: hidden;
text-overflow: ellipsis;
padding-right: 2px;
i {
/* i {
display: inline-block;
height: 9px;
@@ -718,7 +775,7 @@ export default {
border-bottom: 2px solid white;
transform: rotate(45deg);
margin-left: 7px;
}
} */
}
> :last-child {
@@ -820,7 +877,7 @@ export default {
color: #2468f2;
}
i {
/* i {
display: inline-block;
height: 8px;
@@ -829,7 +886,7 @@ export default {
border-bottom: 2px solid #2468f2;
transform: rotate(45deg);
margin-left: 7px;
}
} */
> :last-child {
position: absolute;
@@ -881,7 +938,7 @@ export default {
color: #2468f2;
}
i {
/* i {
display: inline-block;
height: 8px;
@@ -890,7 +947,7 @@ export default {
border-bottom: 2px solid #2468f2;
transform: rotate(45deg);
margin-left: 7px;
}
} */
> :last-child {
position: absolute;

View File

@@ -1,5 +1,5 @@
<template>
<div class="container">
<div :class="'container'+(mode?' old_container':'')">
<div class="topBox">
<div class="olderVersion">
<div class="titleBox">被征收人信息查询</div>
@@ -205,12 +205,12 @@
</template>
<script>
import $ from "jquery";
export default {
/* import $ from "jquery";
*/export default {
name: "home",
data() {
return {
mode: false,
mode: "",
loading: true,
data: {
idCard: "加载中...",
@@ -234,25 +234,31 @@ export default {
}
console.log("1201-我是final2的created的2");
this.setLocationAplus();
console.log("1201-我是final2的created的3");
if (sessionStorage.getItem("mode") == "older") {
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的4");
} */
},
mounted() {
console.log("1201-我是final2的mounted的13");
console.log("1201-我是final2的mounted的14");
},
computed:{
watchMode(){
return this.$root.mode
}
},
watch: {
watchMode(val, oldVal) {
this.mode = val
}
},
methods: {
onInit() {},
setLocationAplus() {},
changeStyle() {},
},
};
</script>