From bee04f2c04d8771b4dd21bf288dc5044e9abde8e Mon Sep 17 00:00:00 2001
From: lisl <1223762861@qq.com>
Date: Thu, 14 Oct 2021 16:22:21 +0800
Subject: [PATCH] =?UTF-8?q?update:=E6=9B=B4=E6=96=B0=E9=80=82=E8=80=81?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FrontCode2/sunshine_levy/build/utils.js       | 111 ++++-----
 FrontCode2/sunshine_levy/index.html           |   5 +-
 FrontCode2/sunshine_levy/src/App.vue          |  40 +++-
 FrontCode2/sunshine_levy/src/assets/rem.js    |  30 ++-
 FrontCode2/sunshine_levy/src/main.js          |   1 +
 FrontCode2/sunshine_levy/src/olderMode/1.js   |  15 ++
 FrontCode2/sunshine_levy/src/views/index.vue  | 215 +++++++++++++++---
 .../src/views/pdf/evaluateResultPdf.vue       |  75 +++---
 .../sunshine_levy/src/views/pdf/pdf.vue       |  16 +-
 .../src/views/policyInfo/policyInfo.vue       |  17 +-
 .../sunshine_levy/src/views/project/index.vue | 184 ++++++++++++++-
 .../src/views/report/agreement.vue            |  27 ++-
 .../src/views/report/evaluatePage.vue         |  38 +++-
 .../src/views/report/evalute.vue              |  31 ++-
 14 files changed, 652 insertions(+), 153 deletions(-)
 create mode 100644 FrontCode2/sunshine_levy/src/olderMode/1.js

diff --git a/FrontCode2/sunshine_levy/build/utils.js b/FrontCode2/sunshine_levy/build/utils.js
index 540c5ec..c99fe8d 100644
--- a/FrontCode2/sunshine_levy/build/utils.js
+++ b/FrontCode2/sunshine_levy/build/utils.js
@@ -1,53 +1,56 @@
-'use strict'
-const path = require('path')
-const config = require('../config')
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
-const packageConfig = require('../package.json')
+"use strict";
+const path = require("path");
+const config = require("../config");
+const ExtractTextPlugin = require("extract-text-webpack-plugin");
+const packageConfig = require("../package.json");
 
-exports.assetsPath = function (_path) {
-  const assetsSubDirectory = process.env.NODE_ENV === 'production'
-    ? config.build.assetsSubDirectory
-    : config.dev.assetsSubDirectory
+exports.assetsPath = function(_path) {
+  const assetsSubDirectory =
+    process.env.NODE_ENV === "production" ?
+    config.build.assetsSubDirectory :
+    config.dev.assetsSubDirectory;
 
-  return path.posix.join(assetsSubDirectory, _path)
-}
+  return path.posix.join(assetsSubDirectory, _path);
+};
 
-exports.cssLoaders = function (options) {
-  options = options || {}
+exports.cssLoaders = function(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
-      remUnit: 35
+      //设计稿的宽度的1/10
+      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',
-        publicPath:'../../',
-      })
+        fallback: "vue-style-loader",
+        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'),
-    sass: generateLoaders('sass', { indentedSyntax: true }),
-    scss: generateLoaders('sass'),
-    stylus: generateLoaders('stylus'),
-    styl: generateLoaders('stylus')
-  }
-}
+    less: generateLoaders("less"),
+    sass: generateLoaders("sass", { indentedSyntax: true }),
+    scss: generateLoaders("sass"),
+    stylus: generateLoaders("stylus"),
+    styl: generateLoaders("stylus")
+  };
+};
 
 // Generate loaders for standalone style files (outside of .vue)
-exports.styleLoaders = function (options) {
-  const output = []
-  const loaders = exports.cssLoaders(options)
+exports.styleLoaders = function(options) {
+  const output = [];
+  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 filename = error.file && error.file.split('!').pop()
+    const error = errors[0];
+    const filename = error.file && error.file.split("!").pop();
 
     notifier.notify({
       title: packageConfig.name,
-      message: severity + ': ' + error.name,
-      subtitle: filename || '',
-      icon: path.join(__dirname, 'logo.png')
-    })
-  }
-}
+      message: severity + ": " + error.name,
+      subtitle: filename || "",
+      icon: path.join(__dirname, "logo.png")
+    });
+  };
+};
\ No newline at end of file
diff --git a/FrontCode2/sunshine_levy/index.html b/FrontCode2/sunshine_levy/index.html
index ea7ea3b..7a41c59 100644
--- a/FrontCode2/sunshine_levy/index.html
+++ b/FrontCode2/sunshine_levy/index.html
@@ -3,8 +3,7 @@
 
 <head>
   <meta charset="utf-8" />
-  <meta name="viewport"
-    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
+  <meta name="viewport" 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);
diff --git a/FrontCode2/sunshine_levy/src/App.vue b/FrontCode2/sunshine_levy/src/App.vue
index cc72a93..fc43252 100644
--- a/FrontCode2/sunshine_levy/src/App.vue
+++ b/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 {
-  padding-bottom: 0 !important;
+.old_app {
+  padding-bottom: 100px !important;
+}
+.old_app2 {
+  padding-bottom: 190px !important;
 }
 </style>
diff --git a/FrontCode2/sunshine_levy/src/assets/rem.js b/FrontCode2/sunshine_levy/src/assets/rem.js
index b72ffc9..1afc8c9 100644
--- a/FrontCode2/sunshine_levy/src/assets/rem.js
+++ b/FrontCode2/sunshine_levy/src/assets/rem.js
@@ -1,28 +1,26 @@
 /**
-   * 设置根元素font-size
-   * 当设备宽度为375(iPhone6)时，根元素font-size=16px;
-   */
-(function (doc, win) {
+ * 设置根元素font-size
+ * 当设备宽度为375(iPhone6)时，根元素font-size=16px;
+ */
+(function(doc, win) {
   var docEl = win.document.documentElement;
-  var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
-
-  var refreshRem = function () {
-    var clientWidth = win.innerWidth
-      || doc.documentElement.clientWidth
-      || doc.body.clientWidth;
+  var resizeEvt =
+    "orientationchange" in window ? "orientationchange" : "resize";
+  console.log("执行了");
+  var refreshRem = function() {
+    var clientWidth =
+      win.innerWidth || doc.documentElement.clientWidth || doc.body.clientWidth;
 
     // console.log(clientWidth)
     if (!clientWidth) return;
     var fz;
     var width = clientWidth;
-    fz = 16 * width / 375;  // 可以根据项目需要，自行修改
-    docEl.style.fontSize = fz + 'px';  //这样每一份也是16px,即1rem=16px
+    fz = (16 * width) / 375; // 可以根据项目需要，自行修改
+    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);
\ No newline at end of file
diff --git a/FrontCode2/sunshine_levy/src/main.js b/FrontCode2/sunshine_levy/src/main.js
index 3a27527..e289b25 100644
--- a/FrontCode2/sunshine_levy/src/main.js
+++ b/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";
diff --git a/FrontCode2/sunshine_levy/src/olderMode/1.js b/FrontCode2/sunshine_levy/src/olderMode/1.js
new file mode 100644
index 0000000..b85175b
--- /dev/null
+++ b/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();
+};
\ No newline at end of file
diff --git a/FrontCode2/sunshine_levy/src/views/index.vue b/FrontCode2/sunshine_levy/src/views/index.vue
index 3f1341f..3ac2e5c 100644
--- a/FrontCode2/sunshine_levy/src/views/index.vue
+++ b/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>
diff --git a/FrontCode2/sunshine_levy/src/views/pdf/evaluateResultPdf.vue b/FrontCode2/sunshine_levy/src/views/pdf/evaluateResultPdf.vue
index 2eaed71..f06bc00 100644
--- a/FrontCode2/sunshine_levy/src/views/pdf/evaluateResultPdf.vue
+++ b/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>
diff --git a/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue b/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
index dcb8bb3..3e1cfd1 100644
--- a/FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
+++ b/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>
diff --git a/FrontCode2/sunshine_levy/src/views/policyInfo/policyInfo.vue b/FrontCode2/sunshine_levy/src/views/policyInfo/policyInfo.vue
index 35b41a2..7bd7d59 100644
--- a/FrontCode2/sunshine_levy/src/views/policyInfo/policyInfo.vue
+++ b/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>
diff --git a/FrontCode2/sunshine_levy/src/views/project/index.vue b/FrontCode2/sunshine_levy/src/views/project/index.vue
index 41cdd95..4dcbc21 100644
--- a/FrontCode2/sunshine_levy/src/views/project/index.vue
+++ b/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>
diff --git a/FrontCode2/sunshine_levy/src/views/report/agreement.vue b/FrontCode2/sunshine_levy/src/views/report/agreement.vue
index c861530..4a2c31d 100644
--- a/FrontCode2/sunshine_levy/src/views/report/agreement.vue
+++ b/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>
diff --git a/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue b/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue
index a3ac640..013b44d 100644
--- a/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue
+++ b/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>
diff --git a/FrontCode2/sunshine_levy/src/views/report/evalute.vue b/FrontCode2/sunshine_levy/src/views/report/evalute.vue
index 3cce8c3..5fa9399 100644
--- a/FrontCode2/sunshine_levy/src/views/report/evalute.vue
+++ b/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>