update:更新适老化

FrontCode2/sunshine_levy/build/utils.js

@@ -1,53 +1,56 @@
-'use strict'
+"use strict";
-const path = require('path')
+const path = require("path");
-const config = require('../config')
+const config = require("../config");
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const ExtractTextPlugin = require("extract-text-webpack-plugin");
-const packageConfig = require('../package.json')
+const packageConfig = require("../package.json");
 
-exports.assetsPath = function (_path) {
+exports.assetsPath = function(_path) {
-  const assetsSubDirectory = process.env.NODE_ENV === 'production'
+  const assetsSubDirectory =
-    ? config.build.assetsSubDirectory
+    process.env.NODE_ENV === "production" ?
-    : config.dev.assetsSubDirectory
+    config.build.assetsSubDirectory :
+    config.dev.assetsSubDirectory;
 
-  return path.posix.join(assetsSubDirectory, _path)
+  return path.posix.join(assetsSubDirectory, _path);
-}
+};
 
-exports.cssLoaders = function (options) {
+exports.cssLoaders = function(options) {
-  options = options || {}
+  options = options || {};
 
   const cssLoader = {
-    loader: 'css-loader',
+    loader: "css-loader",
     options: {
-      minimize: process.env.NODE_ENV === 'production',
+      minimize: process.env.NODE_ENV === "production",
       sourceMap: options.sourceMap
     }
-  }
+  };
   const px2remLoader = {
-    loader: 'px2rem-loader',
+    loader: "px2rem-loader",
     options: {
-      //一般设置75
+      //设计稿的宽度的1/10
-      remUnit: 35
+      remUnit: 37
     }
-  }
+  };
 
   const postcssLoader = {
-    loader: 'postcss-loader',
+    loader: "postcss-loader",
     options: {
       sourceMap: options.sourceMap
     }
-  }
+  };
 
   // generate loader string to be used with extract text plugin
   function generateLoaders(loader, loaderOptions) {
-    const loaders = options.usePostCSS ? [cssLoader, postcssLoader, px2remLoader] : [cssLoader, px2remLoader]
+    const loaders = options.usePostCSS ?
+      [cssLoader, postcssLoader, px2remLoader] :
+      [cssLoader, px2remLoader];
 
     if (loader) {
       loaders.push({
-        loader: loader + '-loader',
+        loader: loader + "-loader",
         options: Object.assign({}, loaderOptions, {
           sourceMap: options.sourceMap
         })
-      })
+      });
     }
 
     // Extract CSS when that option is specified
@@ -55,11 +58,11 @@ exports.cssLoaders = function (options) {
     if (options.extract) {
       return ExtractTextPlugin.extract({
         use: loaders,
-        fallback: 'vue-style-loader',
+        fallback: "vue-style-loader",
-        publicPath:'../../',
+        publicPath: "../../"
-      })
+      });
     } else {
-      return ['vue-style-loader'].concat(loaders)
+      return ["vue-style-loader"].concat(loaders);
     }
   }
 
@@ -67,44 +70,44 @@ exports.cssLoaders = function (options) {
   return {
     css: generateLoaders(),
     postcss: generateLoaders(),
-    less: generateLoaders('less'),
+    less: generateLoaders("less"),
-    sass: generateLoaders('sass', { indentedSyntax: true }),
+    sass: generateLoaders("sass", { indentedSyntax: true }),
-    scss: generateLoaders('sass'),
+    scss: generateLoaders("sass"),
-    stylus: generateLoaders('stylus'),
+    stylus: generateLoaders("stylus"),
-    styl: generateLoaders('stylus')
+    styl: generateLoaders("stylus")
-  }
+  };
-}
+};
 
 // Generate loaders for standalone style files (outside of .vue)
-exports.styleLoaders = function (options) {
+exports.styleLoaders = function(options) {
-  const output = []
+  const output = [];
-  const loaders = exports.cssLoaders(options)
+  const loaders = exports.cssLoaders(options);
 
   for (const extension in loaders) {
-    const loader = loaders[extension]
+    const loader = loaders[extension];
     output.push({
-      test: new RegExp('\\.' + extension + '$'),
+      test: new RegExp("\\." + extension + "$"),
       use: loader
-    })
+    });
   }
 
-  return output
+  return output;
-}
+};
 
 exports.createNotifierCallback = () => {
-  const notifier = require('node-notifier')
+  const notifier = require("node-notifier");
 
   return (severity, errors) => {
-    if (severity !== 'error') return
+    if (severity !== "error") return;
 
-    const error = errors[0]
+    const error = errors[0];
-    const filename = error.file && error.file.split('!').pop()
+    const filename = error.file && error.file.split("!").pop();
 
     notifier.notify({
       title: packageConfig.name,
-      message: severity + ': ' + error.name,
+      message: severity + ": " + error.name,
-      subtitle: filename || '',
+      subtitle: filename || "",
-      icon: path.join(__dirname, 'logo.png')
+      icon: path.join(__dirname, "logo.png")
-    })
+    });
-  }
+  };
-}
+};

FrontCode2/sunshine_levy/index.html

@@ -3,8 +3,7 @@
 
 <head>
   <meta charset="utf-8" />
-  <meta name="viewport"
+  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" />
-    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
   <title>房屋征收</title>
   <script type="text/javascript" src="https://d.alicdn.com/alilog/mlog/aplus.js?id=202951085"></script>
   <script type="text/javascript" src="//jssdk.yyhj.zjzwfw.gov.cn/jsbridge/v2.0.0/bridge.min.js"></script>
@@ -17,7 +16,7 @@
   <!-- built files will be auto injected -->
   <script>
     // console.log("初始页面");
-    (function (w, d, s, q, i) {
+    (function(w, d, s, q, i) {
       w[q] = w[q] || [];
       var f = d.getElementsByTagName(s)[0];
       var j = d.createElement(s);

FrontCode2/sunshine_levy/src/App.vue

@@ -4,11 +4,13 @@
     <div class="bottomContent">
       <p>本服务由浙江政务服务网、宁波市住房保障和房屋征收管理中心提供</p>
       <p>服务咨询热线：<b>0574-88086606</b></p>
+      <div class="logout" @click="logout"><span>退出老年模式</span></div>
     </div>
   </div>
 </template>
 
 <script>
+import $ from "jquery";
 export default {
   name: "App",
   data() {
@@ -30,6 +32,16 @@ export default {
         window.location.reload();
       }
     };
+  },
+  methods: {
+    logout() {
+      window.sessionStorage.setItem("mode", "normal");
+      $(".container").removeClass("old_container");
+      $(".logout").css("display", "none");
+      $(".bottomContent").removeClass("old_bottomContent");
+      $("#app").removeClass("old_app2");
+      $("#app").removeClass("old_app");
+    }
   }
 };
 </script>
@@ -55,12 +67,32 @@ export default {
     b {
       color: #5d8cbc;
     }
+    // 退出老年模式
+    .logout {
+      padding: 30px 0 10px;
+      span {
+        height: 19px;
+        font-size: 20px;
+        color: #fefefe;
+        background: red;
+        padding: 0 10px;
+      }
+    }
   }
 }
-.display {
+
-  display: none;
+// 老年化
+.old_bottomContent {
+  font-size: 18px !important;
+  p {
+    line-height: 25px !important;
+    margin: 10px 0 0 !important;
+  }
 }
-.padding {
+.old_app {
-  padding-bottom: 0 !important;
+  padding-bottom: 100px !important;
+}
+.old_app2 {
+  padding-bottom: 190px !important;
 }
 </style>

FrontCode2/sunshine_levy/src/assets/rem.js

@@ -1,28 +1,26 @@
 /**
-   * 设置根元素font-size
+ * 设置根元素font-size
-   * 当设备宽度为375(iPhone6)时，根元素font-size=16px;
+ * 当设备宽度为375(iPhone6)时，根元素font-size=16px;
-   */
+ */
-(function (doc, win) {
+(function(doc, win) {
   var docEl = win.document.documentElement;
-  var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+  var resizeEvt =
-
+    "orientationchange" in window ? "orientationchange" : "resize";
-  var refreshRem = function () {
+  console.log("执行了");
-    var clientWidth = win.innerWidth
+  var refreshRem = function() {
-      || doc.documentElement.clientWidth
+    var clientWidth =
-      || doc.body.clientWidth;
+      win.innerWidth || doc.documentElement.clientWidth || doc.body.clientWidth;
 
     // console.log(clientWidth)
     if (!clientWidth) return;
     var fz;
     var width = clientWidth;
-    fz = 16 * width / 375;  // 可以根据项目需要，自行修改
+    fz = (16 * width) / 375; // 可以根据项目需要，自行修改
-    docEl.style.fontSize = fz + 'px';  //这样每一份也是16px,即1rem=16px
+    docEl.style.fontSize = fz + "px"; //这样每一份也是16px,即1rem=16px
   };
 
   if (!doc.addEventListener) return;
   win.addEventListener(resizeEvt, refreshRem, false);
-  doc.addEventListener('DOMContentLoaded', refreshRem, false);
+  doc.addEventListener("DOMContentLoaded", refreshRem, false);
   refreshRem();
-
+})(document, window);
-})(document, window);
-

FrontCode2/sunshine_levy/src/main.js

@@ -2,6 +2,7 @@
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 // import "./assets/reset.css";
 import "lib-flexible/flexible";
+// import "@/assets/rem.js";
 
 import "@/elementui";
 import ElementUI from "element-ui";

FrontCode2/sunshine_levy/src/olderMode/1.js

@@ -0,0 +1,15 @@
+import $ from "jquery";
+
+export const changeStyle = function() {
+  $(".bottomContent").addClass("old_bottomContent");
+  $("#app").addClass("old_app");
+};
+
+export const changeBottomStyle = function() {
+  $(".bottomContent").addClass("old_bottomContent");
+  $("#app").addClass("old_app2");
+};
+
+export const projectSelectChangeStyle = function() {
+  changeBottomStyle();
+};

FrontCode2/sunshine_levy/src/views/index.vue

@@ -1,16 +1,11 @@
 <template>
-  <div
+  <div class="container">
-    class="page"
-    v-loading="loading"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background=" rgba(118,118,118)"
-  >
     <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");
+    $(".logout").css("display", "none");
-    $("#app").addClass("padding");
+    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");
+      $(".logout").css("display", "block");
-      $("#app").removeClass("padding");
       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;
+    // background: #24bca3;
-    .van-image {
+    > 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 {
+.container {
-  height: 48px;
+  .el-button {
-  border-radius: 4px;
+    height: 48px;
-  font-size: 18px;
+    border-radius: 4px;
-  color: #ffffff;
+    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;
+.old_container {
-  line-height: 200px;
+  .el-button {
-  font-size: 30px;
+    font-size: 20px;
-  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;
 }
 </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
+  <div class="container">
-    class="container"
-    v-loading="loading"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background=" rgba(118,118,118)"
-  >
     <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>