update:更新适老化
This commit is contained in:
@@ -1,16 +1,11 @@
|
||||
<template>
|
||||
<div
|
||||
class="page"
|
||||
v-loading="loading"
|
||||
element-loading-text="拼命加载中"
|
||||
element-loading-spinner="el-icon-loading"
|
||||
element-loading-background=" rgba(118,118,118)"
|
||||
>
|
||||
<div class="container">
|
||||
<div class="topBox">
|
||||
<div style="padding:15px 0">
|
||||
<div class="olderVersion">
|
||||
<div class="titleBox">
|
||||
被征收人信息查询
|
||||
</div>
|
||||
<div @click="toOlderMode()" class="mode">进入老年模式</div>
|
||||
</div>
|
||||
<div class="baseInfo">
|
||||
<img src="@/assets/img/renyuanliebiao.png" />
|
||||
@@ -55,7 +50,9 @@
|
||||
</div>
|
||||
<!-- 补偿协议图标 -->
|
||||
<div class="projectRight">
|
||||
<van-image :src="require('@/assets/img/menu_yhxy.png')" />
|
||||
<div>
|
||||
<img src="@/assets/img/menu_yhxy.png" />
|
||||
</div>
|
||||
<span>{{ item.currentState }}</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -200,12 +197,12 @@
|
||||
import { apis } from "@/common/apis";
|
||||
import { mgop } from "@aligov/jssdk-mgop";
|
||||
import { SetTicket } from "@/common/util//tools";
|
||||
import { changeStyle } from "@/olderMode/1.js";
|
||||
import $ from "jquery";
|
||||
export default {
|
||||
name: "home",
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
data: {
|
||||
idCard: "加载中...",
|
||||
userName: "加载中...",
|
||||
@@ -284,16 +281,19 @@ export default {
|
||||
console.log("this", this);
|
||||
this.setLocationAplus();
|
||||
SetTicket(this.$route.query.ticket);
|
||||
$(".bottomContent").addClass("display");
|
||||
$("#app").addClass("padding");
|
||||
$(".logout").css("display", "none");
|
||||
if (sessionStorage.getItem("mode") == "older") {
|
||||
changeStyle();
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
if (sessionStorage.getItem("mode") == "older") {
|
||||
$(".container").addClass("old_container");
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 获取数据
|
||||
onInit() {
|
||||
if (!this.$route.query.ticket == "") {
|
||||
this.loading = true;
|
||||
}
|
||||
mgop({
|
||||
api: "mgop.kykj.houseexpropriat.getprjlist",
|
||||
host: "https://mapi.zjzwfw.gov.cn/",
|
||||
@@ -305,7 +305,7 @@ export default {
|
||||
appKey: "es4b8zmz+2001833218+dehllx",
|
||||
onSuccess: data => {
|
||||
console.log("首页数据", data);
|
||||
this.loading = false;
|
||||
|
||||
window.sessionStorage.setItem("homeData", JSON.stringify(data));
|
||||
if (data.data.success) {
|
||||
this.data = data.data.data;
|
||||
@@ -337,7 +337,6 @@ export default {
|
||||
}
|
||||
},
|
||||
onFail: err => {
|
||||
this.loading = false;
|
||||
this.$notify({
|
||||
title: "错误",
|
||||
message: "请求失败",
|
||||
@@ -347,15 +346,28 @@ export default {
|
||||
}
|
||||
});
|
||||
},
|
||||
toOlderMode() {
|
||||
if (sessionStorage.getItem("mode") == "older") {
|
||||
sessionStorage.setItem("mode", "normal");
|
||||
$(".mode").text("进入老年模式");
|
||||
$(".container").removeClass("old_container");
|
||||
$(".bottomContent").removeClass("old_bottomContent");
|
||||
$("#app").removeClass("old_app");
|
||||
} else {
|
||||
sessionStorage.setItem("mode", "older");
|
||||
changeStyle();
|
||||
$(".mode").text("退出老年模式");
|
||||
$(".container").addClass("old_container");
|
||||
}
|
||||
},
|
||||
setIdCard(id) {
|
||||
return id == "加载中..."
|
||||
? id
|
||||
: id.substr(0, 6) + "********" + id.substr(14, 4);
|
||||
},
|
||||
// 跳转项目详情
|
||||
// 跳转选择项目
|
||||
gotoProject(type) {
|
||||
$(".bottomContent").removeClass("display");
|
||||
$("#app").removeClass("padding");
|
||||
$(".logout").css("display", "block");
|
||||
this.$router.push({
|
||||
name: "projectSelect",
|
||||
params: {
|
||||
@@ -367,6 +379,7 @@ export default {
|
||||
toEvaluate(id, type) {
|
||||
$(".bottomContent").removeClass("display");
|
||||
$("#app").removeClass("padding");
|
||||
$(".logout").css("display", "block");
|
||||
this.$router.push({
|
||||
name: "evaluatePage",
|
||||
params: {
|
||||
@@ -379,6 +392,7 @@ export default {
|
||||
toAgreement(id) {
|
||||
$(".bottomContent").removeClass("display");
|
||||
$("#app").removeClass("padding");
|
||||
$(".logout").css("display", "block");
|
||||
this.$router.push({
|
||||
name: "showPdf",
|
||||
params: {
|
||||
@@ -396,6 +410,7 @@ export default {
|
||||
pageJump(id) {
|
||||
$(".bottomContent").removeClass("display");
|
||||
$("#app").removeClass("padding");
|
||||
$(".logout").css("display", "block");
|
||||
this.$router.push({
|
||||
name: "policyInfo",
|
||||
params: { id }
|
||||
@@ -462,8 +477,9 @@ export default {
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.page {
|
||||
.container {
|
||||
border-radius: 6px;
|
||||
background: #f6f7f8;
|
||||
padding-bottom: 20px;
|
||||
@@ -476,6 +492,24 @@ export default {
|
||||
background: url(../assets/img/bg.png);
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
.olderVersion {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 15px 0;
|
||||
:nth-child(2) {
|
||||
background: #f82b36;
|
||||
width: 124px;
|
||||
height: 33px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 33px;
|
||||
border-radius: 2px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
.titleBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -562,7 +596,6 @@ export default {
|
||||
border-radius: 5px 0 0;
|
||||
background: #3284cd;
|
||||
}
|
||||
|
||||
span {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
@@ -574,20 +607,29 @@ export default {
|
||||
align-items: center;
|
||||
height: 27px;
|
||||
opacity: 0.82;
|
||||
border-radius: 13px 0 0 17px;
|
||||
background: #24bca3;
|
||||
.van-image {
|
||||
|
||||
// background: #24bca3;
|
||||
> div {
|
||||
background: #24bca3;
|
||||
height: 27px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 13px 0 0 17px;
|
||||
}
|
||||
img {
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
margin-right: 3px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
span {
|
||||
font-family: PingFangSC-Semibold, PingFang SC;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
padding-right: 5px;
|
||||
padding-right: 10px;
|
||||
color: #fff;
|
||||
background: #24bca3;
|
||||
height: 27px;
|
||||
line-height: 27px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -610,7 +652,7 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img {
|
||||
height: 15px;
|
||||
height: 22px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
:nth-child(2) {
|
||||
@@ -764,4 +806,119 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
// 老年化
|
||||
.old_container {
|
||||
.titleBox {
|
||||
font-size: 24px;
|
||||
width: 228px;
|
||||
height: 41px;
|
||||
}
|
||||
.baseInfo {
|
||||
font-size: 22px;
|
||||
img {
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
.gridBg {
|
||||
font-size: 20px;
|
||||
> div {
|
||||
width: 110px;
|
||||
height: 100px;
|
||||
img {
|
||||
height: 55px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.project {
|
||||
display: unset;
|
||||
.projectTitle {
|
||||
font-size: 24px;
|
||||
}
|
||||
> div:nth-child(1) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 41px;
|
||||
padding: unset 0;
|
||||
width: 100%;
|
||||
background: url(../assets/img/project_bg.png);
|
||||
|
||||
background-position: 0 -2px;
|
||||
background-size: 100% 120%;
|
||||
}
|
||||
> div:nth-child(2) {
|
||||
margin-top: 10px;
|
||||
> :nth-child(1) {
|
||||
border-radius: unset !important;
|
||||
}
|
||||
> span {
|
||||
font-size: 20px;
|
||||
border-radius: 0px 13px 13px 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.projectCenterBox {
|
||||
font-size: 20px;
|
||||
> div {
|
||||
> :nth-child(1) {
|
||||
:nth-child(2) {
|
||||
width: unset !important;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
> :last-child {
|
||||
width: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
.assess {
|
||||
span {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
.assessCenter1 {
|
||||
font-size: 20px;
|
||||
.projectTitle {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.assess2 {
|
||||
span {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
.assessCenter2 {
|
||||
font-size: 20px;
|
||||
.projectTitle {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.zszc {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
> :nth-child(1) {
|
||||
font-size: 20px;
|
||||
}
|
||||
> :nth-child(2) {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.protocolList {
|
||||
> div {
|
||||
> :nth-child(1) {
|
||||
font-size: 20px !important;
|
||||
}
|
||||
> :nth-child(2) {
|
||||
display: block !important;
|
||||
padding-top: 10px !important;
|
||||
span {
|
||||
font-size: 18px !important;
|
||||
display: block;
|
||||
height: unset !important;
|
||||
line-height: 25px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user