update:更新适老化

FrontCode2/sunshine_levy/src/views/index.vue

@@ -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>

FrontCode2/sunshine_levy/src/views/pdf/evaluateResultPdf.vue

@@ -19,6 +19,8 @@
 </template>
 
 <script>
+import { projectSelectChangeStyle } from "@/olderMode/1.js";
+import $ from "jquery";
 export default {
   components: {},
   data() {
@@ -31,9 +33,16 @@ export default {
     };
   },
   created() {
+    if (sessionStorage.getItem("mode") == "older") {
+      projectSelectChangeStyle();
+    }
     this.onInit();
   },
-  mounted() {},
+  mounted() {
+    if (sessionStorage.getItem("mode") == "older") {
+      $(".container").addClass("old_container");
+    }
+  },
   methods: {
     onInit() {
       let result = JSON.parse(window.sessionStorage.getItem("evaluateData"));
@@ -107,34 +116,42 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-.el-button {
-  height: 48px;
-  border-radius: 4px;
-  font-size: 18px;
-  color: #ffffff;
+.container {
+  .el-button {
+    height: 48px;
+    border-radius: 4px;
+    font-size: 18px;
+    color: #ffffff;
+  }
+  .content {
+    text-align: center;
+    line-height: 200px;
+    font-size: 30px;
+    margin-bottom: 20px;
+    height: 200px;
+  }
+  .bottom {
+    text-align: center;
+    margin-bottom: 20px;
+  }
+  .divbaseImg {
+    display: block;
+    margin: 0 auto;
+  }
+  .baseImg {
+    display: block;
+    margin: 0 auto;
+    padding: 0;
+  }
+  .absolute {
+    position: absolute;
+    bottom: 0px;
+  }
 }
-.content {
-  text-align: center;
-  line-height: 200px;
-  font-size: 30px;
-  margin-bottom: 20px;
-  height: 200px;
-}
-.bottom {
-  text-align: center;
-  margin-bottom: 20px;
-}
-.divbaseImg {
-  display: block;
-  margin: 0 auto;
-}
-.baseImg {
-  display: block;
-  margin: 0 auto;
-  padding: 0;
-}
-.absolute {
-  position: absolute;
-  bottom: 0px;
+
+.old_container {
+  .el-button {
+    font-size: 20px;
+  }
 }
 </style>

FrontCode2/sunshine_levy/src/views/pdf/pdf.vue

@@ -20,6 +20,8 @@
 
 <script>
 import { mgop } from "@aligov/jssdk-mgop";
+import { projectSelectChangeStyle } from "@/olderMode/1.js";
+import $ from "jquery";
 export default {
   components: {},
   data() {
@@ -32,9 +34,16 @@ export default {
     };
   },
   created() {
+    if (sessionStorage.getItem("mode") == "older") {
+      projectSelectChangeStyle();
+    }
     this.onInit();
   },
-  mounted() {},
+  mounted() {
+    if (sessionStorage.getItem("mode") == "older") {
+      $(".container").addClass("old_container");
+    }
+  },
   methods: {
     onInit() {
       if (this.$route.params.id) {
@@ -151,4 +160,9 @@ export default {
   position: absolute;
   bottom: 0px;
 }
+.old_container {
+  .el-button {
+    font-size: 18px;
+  }
+}
 </style>

FrontCode2/sunshine_levy/src/views/policyInfo/policyInfo.vue

@@ -8,15 +8,24 @@
 </template>
 <script>
 import { mgop } from "@aligov/jssdk-mgop";
+import { projectSelectChangeStyle } from "@/olderMode/1.js";
+import $ from "jquery";
 export default {
   data() {
     return {
-      info: {}
+      info: {
+        title: "无数据",
+        publicTime: "2020-1-1"
+      }
     };
   },
   created() {
+    projectSelectChangeStyle();
     this.onInit();
   },
+  mounted() {
+    $(".container").addClass("old_container");
+  },
   methods: {
     // 获取数据
     onInit() {
@@ -94,4 +103,10 @@ export default {
     font-size: 16px;
   }
 }
+.old_container {
+  .title,
+  .date {
+    font-size: 22px;
+  }
+}
 </style>

FrontCode2/sunshine_levy/src/views/project/index.vue

@@ -65,7 +65,8 @@
 </template>
 
 <script>
-import "./project.css";
+import { projectSelectChangeStyle } from "@/olderMode/1.js";
+import $ from "jquery";
 export default {
   data() {
     return {
@@ -90,9 +91,16 @@ export default {
     };
   },
   created() {
+    if (sessionStorage.getItem("mode") == "older") {
+      projectSelectChangeStyle();
+    }
     this.onInit();
   },
-  mounted() {},
+  mounted() {
+    if (sessionStorage.getItem("mode") == "older") {
+      $(".container").addClass("old_container");
+    }
+  },
   methods: {
     // 获取数据
     onInit() {
@@ -156,3 +164,175 @@ export default {
   }
 };
 </script>
+
+<style lang="less" scoped>
+.container {
+  .proTopBoxpg {
+    /* position: absolute; */
+    display: flex;
+    justify-content: space-around;
+    height: 220px;
+    background: url(../../assets/img/zspg.png);
+    background-repeat: no-repeat;
+    background-size: 100% 90px;
+  }
+
+  .proTopBoxxy {
+    /* position: absolute; */
+    display: flex;
+    justify-content: space-around;
+    height: 220px;
+    background: url(../../assets/img/zsxy.png);
+    background-repeat: no-repeat;
+    background-size: 100% 90px;
+  }
+
+  .proCenterBox {
+    overflow: hidden;
+    width: 95%;
+    margin-top: 78px;
+    border-radius: 6px;
+    background: rgba(248, 253, 255, 1);
+    box-shadow: 1px 1px 3px rgb(202, 201, 201);
+  }
+
+  .proList {
+    /* position: absolute; */
+    /* top: 230px; */
+    bottom: 0;
+    overflow-y: scroll;
+    width: 100%;
+  }
+
+  .proCenterInfo {
+    display: flex;
+    padding-top: 20px;
+  }
+
+  .proCenterImg {
+    width: 45px;
+    height: 45px;
+    padding-right: 10px;
+    padding-left: 15px;
+  }
+
+  /* 协议签订阶段 */
+
+  .proCenterFont {
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 25px;
+    height: 25px;
+    color: #09a4fa;
+  }
+
+  .proCenterFlex {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    padding-top: 15px;
+  }
+
+  .proCenterFlexImg {
+    width: 20px;
+    height: 12px;
+    padding-top: 3px;
+    padding-right: 10px;
+    padding-left: 15px;
+  }
+
+  .proCenterFlexFont {
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 25px;
+    height: 25px;
+    color: #9da2a3;
+  }
+
+  .shadow {
+    -webkit-box-shadow: rgb(189, 189, 189) 0 0 3px;
+    -moz-box-shadow: rgb(189, 189, 189) 0 0 3px;
+    box-shadow: rgb(189, 189, 189) 0 0 3px;
+  }
+
+  .proListBox {
+    height: 127px;
+    margin: 15px 20px;
+    border-radius: 3px;
+    background-color: #fff;
+  }
+
+  /* 项目名字 */
+
+  .proAreaBox {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px;
+    font-size: 16px;
+  }
+
+  /* 项目地区 */
+
+  .proArea {
+    font-family: PingFangSC-Regular;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 25px;
+    height: 25px;
+    padding: 3px 17px;
+    color: #fff;
+    border-radius: 4px;
+    background: #09a4fa;
+  }
+
+  .proTitleBox {
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-size: 15px;
+    font-weight: 600;
+    line-height: 20px;
+    overflow: hidden;
+    height: 20px;
+    margin-left: 10px;
+    padding-left: 7px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    color: #252525;
+    border-left: 3px solid #09a4fa;
+  }
+
+  /* 底部日期 */
+
+  .proDateBox {
+    display: flex;
+    flex-direction: row-reverse;
+    padding-right: 10px;
+    font-size: 12px;
+  }
+}
+.old_container {
+  .proCenterFont {
+    font-size: 20px !important;
+  }
+  .proCenterFlexFont {
+    font-size: 18px !important;
+  }
+  .proArea,
+  .proTitleBox {
+    font-size: 22px !important;
+  }
+  .proAreaBox {
+    > :nth-child(2) {
+      font-size: 18px !important;
+    }
+    > :nth-child(3) {
+      font-size: 18px !important;
+    }
+  }
+  .proDateBox {
+    font-size: 18px;
+  }
+}
+</style>

FrontCode2/sunshine_levy/src/views/report/agreement.vue

@@ -53,6 +53,8 @@
 </template>
 <script>
 import { SetProjectId } from "@/common/util/tools";
+import { projectSelectChangeStyle } from "@/olderMode/1.js";
+import $ from "jquery";
 export default {
   data() {
     return {
@@ -77,9 +79,16 @@ export default {
     };
   },
   created() {
+    if (sessionStorage.getItem("mode") == "older") {
+      projectSelectChangeStyle();
+    }
     this.onInit();
   },
-  mounted() {},
+  mounted() {
+    if (sessionStorage.getItem("mode") == "older") {
+      $(".container").addClass("old_container");
+    }
+  },
   methods: {
     onInit() {
       if (this.$route.params.prjId) {
@@ -201,4 +210,20 @@ export default {
     }
   }
 }
+.old_container {
+  font-size: 18px;
+  .el-card__body {
+    .blue {
+      font-size: 18px !important;
+    }
+    .red {
+      font-size: 18px !important;
+    }
+    > div {
+      > span {
+        width: unset !important;
+      }
+    }
+  }
+}
 </style>

FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue

@@ -1,11 +1,5 @@
 <template>
-  <div
-    class="container"
-    v-loading="loading"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background=" rgba(118,118,118)"
-  >
+  <div class="container">
     <div class="top">
       <div>
         <div>
@@ -69,10 +63,11 @@
 </template>
 <script>
 import { mgop } from "@aligov/jssdk-mgop";
+import { projectSelectChangeStyle } from "@/olderMode/1.js";
+import $ from "jquery";
 export default {
   data() {
     return {
-      loading: true,
       isLoading: true,
       info: {
         houseAddress: "宁波市档案管理和数据中心百丈东路口",
@@ -91,9 +86,16 @@ export default {
     };
   },
   created() {
+    if (sessionStorage.getItem("mode") == "older") {
+      projectSelectChangeStyle();
+    }
     this.onInit();
   },
-  mounted() {},
+  mounted() {
+    if (sessionStorage.getItem("mode") == "older") {
+      $(".container").addClass("old_container");
+    }
+  },
   methods: {
     // 获取数据
     onInit() {
@@ -115,7 +117,7 @@ export default {
         onSuccess: data => {
           console.log("分户评估", data);
           this.isLoading = false;
-          this.loading = false;
+
           window.sessionStorage.setItem("evaluateData", JSON.stringify(data));
           if (data.data.success) {
             const { data: res } = data.data;
@@ -145,7 +147,6 @@ export default {
           }
         },
         onFail: err => {
-          this.loading = false;
           this.isLoading = false;
           this.$notify({
             title: "错误",
@@ -178,7 +179,7 @@ export default {
   font-size: 14px;
   .top {
     background-color: #eff2fa;
-    padding: 10px 26px 10px 16px;
+    padding: 10px 15px 10px 16px;
     .evaluateNumber {
       > span {
         color: #3da4fc;
@@ -238,4 +239,17 @@ export default {
     }
   }
 }
+.old_container {
+  font-size: 20px;
+  .el-card__body {
+    > div {
+      > span:nth-child(2) {
+        font-size: 20px !important;
+      }
+    }
+  }
+  .el-button {
+    font-size: 20px !important;
+  }
+}
 </style>

FrontCode2/sunshine_levy/src/views/report/evalute.vue

@@ -112,6 +112,8 @@
 </template>
 <script>
 import { SetProjectId } from "@/common/util/tools";
+import { projectSelectChangeStyle } from "@/olderMode/1.js";
+import $ from "jquery";
 export default {
   data() {
     return {
@@ -142,9 +144,16 @@ export default {
     };
   },
   created() {
+    if (sessionStorage.getItem("mode") == "older") {
+      projectSelectChangeStyle();
+    }
     this.onInit();
   },
-  mounted() {},
+  mounted() {
+    if (sessionStorage.getItem("mode") == "older") {
+      $(".container").addClass("old_container");
+    }
+  },
   methods: {
     // 获取数据
     onInit() {
@@ -293,4 +302,24 @@ export default {
     }
   }
 }
+.old_container {
+  .el-card__body {
+    > div {
+      font-size: 18px !important;
+    }
+    .content {
+      display: block !important;
+      > :nth-child(2) {
+        margin-top: 10px;
+      }
+      .backgroundColor {
+        background-color: unset !important;
+        span {
+          font-size: 18px !important;
+          background: #e3ebfd;
+        }
+      }
+    }
+  }
+}
 </style>