Merge branch 'master' of http://118.178.224.202:3000/ewide/zsxt_nbzs_h5

update:更新适老化
2021-10-14 16:22:49 +08:00 · 2021-10-14 16:22:21 +08:00
14 changed files with 652 additions and 153 deletions
--- 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")
+    });
+  };
+};
--- 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);
--- 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>
--- 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);
--- 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";
--- a/FrontCode2/sunshine_levy/src/olderMode/1.js
+++ 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();
+};
--- 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>
--- 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>
--- 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>
--- 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>
--- 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>
--- 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>
--- 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>
--- 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>
Author	SHA1	Message	Date
lisl	e74505e322	Merge branch 'master' of http://118.178.224.202:3000/ewide/zsxt_nbzs_h5	2021-10-14 16:22:49 +08:00
lisl	bee04f2c04	update:更新适老化	2021-10-14 16:22:21 +08:00