From bace5b529b28815c639518b886d19cc241410e29 Mon Sep 17 00:00:00 2001
From: lisl <1223762861@qq.com>
Date: Mon, 18 Oct 2021 00:19:18 +0800
Subject: [PATCH] =?UTF-8?q?update:=E5=8D=8F=E8=AE=AE=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FrontCode2/sunshine_levy/src/App.vue          |  26 +-
 .../src/assets/img/menu_yhxy.png              | Bin 207 -> 0 bytes
 .../sunshine_levy/src/assets/img/yhxy.png     | Bin 0 -> 894 bytes
 FrontCode2/sunshine_levy/src/views/index.vue  | 141 +++++-----
 .../sunshine_levy/src/views/project/index.vue | 260 ++++++++----------
 .../src/views/report/agreement.vue            |  14 +-
 .../src/views/report/evaluatePage.vue         |  12 +
 .../src/views/report/evalute.vue              |  29 +-
 8 files changed, 234 insertions(+), 248 deletions(-)
 delete mode 100644 FrontCode2/sunshine_levy/src/assets/img/menu_yhxy.png
 create mode 100644 FrontCode2/sunshine_levy/src/assets/img/yhxy.png

diff --git a/FrontCode2/sunshine_levy/src/App.vue b/FrontCode2/sunshine_levy/src/App.vue
index f58ebfc..afd0362 100644
--- a/FrontCode2/sunshine_levy/src/App.vue
+++ b/FrontCode2/sunshine_levy/src/App.vue
@@ -2,6 +2,7 @@
   <div id="app">
     <van-pull-refresh
       v-model="isLoading"
+      loosing-text="释放完成刷新"
       loading-text="正在刷新"
       @refresh="onRefresh"
     >
@@ -26,10 +27,7 @@ export default {
   name: "App",
   data() {
     return {
-      startValue: "",
-      endValue: "",
       mode: false,
-      count: 0,
       isLoading: true
     };
   },
@@ -40,24 +38,11 @@ export default {
       this.mode = false;
     }
   },
-  mounted() {
-    document.body.ontouchstart = e => {
-      this.startValue = e.changedTouches[0].pageY;
-    };
-    document.body.ontouchend = e => {
-      this.endValue = e.changedTouches[0].pageY;
-      if (
-        this.endValue - this.startValue > 50 &&
-        e.changedTouches[0].pageY === e.changedTouches[0].clientY
-      ) {
-      }
-    };
-  },
+  mounted() {},
   methods: {
     logout() {
       sessionStorage.setItem("mode", "normal");
       $(".container").removeClass("old_container");
-      // $(".logout").css("display", "none");
       this.mode = false;
       $(".bottomContent").removeClass("old_bottomContent");
       $("#app").removeClass("old_app2");
@@ -66,18 +51,15 @@ export default {
     toOlderMode() {
       sessionStorage.setItem("mode", "older");
       $(".container").addClass("old_container");
-      // $(".logout").css("display", "none");
       this.mode = true;
       $(".bottomContent").addClass("old_bottomContent");
       $("#app").addClass("old_app2");
-      // $("#app").removeClass("old_app");
     },
     onRefresh() {
+      this.$children[0].$children[0].onInit();
       setTimeout(() => {
-        this.$toast("刷新成功");
         this.isLoading = false;
-        this.$children[0].$children[0].onInit();
-      }, 2000);
+      }, 1000);
     }
   }
 };
diff --git a/FrontCode2/sunshine_levy/src/assets/img/menu_yhxy.png b/FrontCode2/sunshine_levy/src/assets/img/menu_yhxy.png
deleted file mode 100644
index 10b8de82e1badfe29ee642ec6fae1a72853505cf..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 207
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=ffJX`U{QArbCx!=kww9609ejGU`u
z6?ylJ#)|%?2>B;M@3t>~yyCFX$^MgHFY+@APSn4uP-#-H`9NWVR0n?|%Q=^|DlRFE
z0W6P17$)pyUb}h!aocGZW}WDMeX2t(-(1S(q~)m&lhXA!43wD+v?Skn9iN+MnfQxi
z%IEsnLwAg~ls!6H`n2V%s<CE(+mv+<wI}~2yWI0z^Mg0qr%rKa=iW;|7czLd`njxg
HN@xNA0Xb6b

diff --git a/FrontCode2/sunshine_levy/src/assets/img/yhxy.png b/FrontCode2/sunshine_levy/src/assets/img/yhxy.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ea45cf2a20424940deb988f6c7db62fb675f2cc
GIT binary patch
literal 894
zcmV-^1A+XBP)<h;3K|Lk000e1NJLTq001oj001)x1^@s61IB@I00001b5ch_0Itp)
z=>Px&I7vi7RA@u(n$1rWK^VrLZ7FSO3kapu5<WzYCKy0dF@O=3n;zs3(Eq@A!y`tI
z5@SM4OuP}}StV+WF~oyHj2dZ011L!ON((IlU1&>pJ7yM2G*H+n-LMTi$98u6>yzhw
z=bd+kJN@=4L6!|J30-E+L%G=s9mlEeFC+-TWQ50bWJO|=plb_?(0;5APLqj#q&jGT
zz#omGbJzp#;yk!>y*=dS@j6^`mV;BF%1H$YA$aAV#N8nexYl<s$ekKD8ttX3)OZ6L
zKz}fRj_;q>p-;HcSeymWp#VAt8KB3P!x&fyAp!ZxM$d7$=qQ6N$FS=-p}*SC3f(i~
z!@UtNVq!uzfLX6ccf)y9<XL4ulWJnx(4E6x#1f)x01ExM;erOu<Y{UTO=;OCTbrnP
zdON|iKukAJYk{Z*VhRPcJk4kgEl=+xm}>Jh-BHrISs<J1Y*j*2*cSUiv^req_Wi^N
zzxbc{s)DBK78r7It@0?^Tvf0c3<$-dcr-SIH-RZEi-H8N8fbweaH`NQ0lN>_k)zXX
zs2h&Q(K|bhClkNmTj62a>rKG3>2cg28N_8*Ij&Y5fzy<?Wn)Jq35@Y!JRJRjFAKrF
z+quvX`!qj`h#;WF;o2!_NZ&8TSMl0Eg=Tvx%FGs7&ulj-t$Lcarl^-$8anhDIx^8}
zOAC6}Qtk2u`vZDeh{LlmFSQSpXiriVjXFK*3X5P#(b!>Dns%4ky&t7qtQ2*z(S*+0
zGpMrIwloqm^ccT{8v}iqrO*luhtY(t`X*Fc^Y=0ID8Gd3Uq2wU8dFGTpg7lv2Pd0x
zI8#bfFF&90fd-^frltXS#Z?LF?X3p0r)d{nOqQNXrH}OzH`U_B46T?a7+%Z_9T5eo
z2#Pbbc^P=5sRo@M)m9tK`kc(zV=d+NV=fk9WsyC<#ArrWed9h)d0Dx*{N}^bia4j>
zideF~A|A44Xc?yk{rjLFQBhPXO-oy|vvw!)4Y`>KMA^}#;KWTS?{<wFO<8ba+ZPPr
z7Co`ernB*v$+PinxP?HZTL=;97Q(m1KWkSfs1?<I-(zBh$4vB}`yL9$k0P)B3rQJZ
U27O48LjV8(07*qoM6N<$g3X_l^#A|>

literal 0
HcmV?d00001

diff --git a/FrontCode2/sunshine_levy/src/views/index.vue b/FrontCode2/sunshine_levy/src/views/index.vue
index 722e8cb..e7a9c45 100644
--- a/FrontCode2/sunshine_levy/src/views/index.vue
+++ b/FrontCode2/sunshine_levy/src/views/index.vue
@@ -45,17 +45,14 @@
         <!-- window图标 -->
         <div>
           <div class="projectIcon">
-            <img
-              src="@/assets/img/project.png"
-              style="width: 25px;height: 25px;"
-            />
+            <img src="@/assets/img/project.png" />
           </div>
           <span class="projectTitle">{{ item.name }}</span>
         </div>
         <!-- 补偿协议图标 -->
         <div class="projectRight">
           <div>
-            <img src="@/assets/img/menu_yhxy.png" />
+            <img src="@/assets/img/yhxy.png" />
           </div>
           <span>{{ item.currentState }}</span>
         </div>
@@ -89,7 +86,6 @@
               <img src="@/assets/img/project_no.png" />
               <span>征收决定号：</span>
             </div>
-
             <div class="blue">{{ item.zsjdh }}</div>
           </div>
         </div>
@@ -185,7 +181,7 @@
           </div>
         </div>
         <!-- 最后一行无边框 -->
-        <div style="padding-bottom: 10px" v-else>
+        <div v-else style="padding-bottom: 10px">
           <div>{{ item.title }}</div>
           <div>
             <span>发布时间：{{ item.publicTime }}</span>
@@ -209,7 +205,7 @@ export default {
     return {
       mode: false,
       data: {
-        idCard: "52212112345678910",
+        idCard: "522121123456789102223",
         userName: "加载中...",
         policiesRegulationsLists: {
           totalCount: 0,
@@ -226,8 +222,8 @@ export default {
         prjList: [
           {
             name: "请求出错暂时没有可用数据",
-            currentState: "无数据",
-            area: "宁波市房屋建设管理办公室九号楼",
+            currentState: "处于什么阶段",
+            area: "宁波市房屋建设管理办公室九号楼项目办公室",
             zsbm: "无数据",
             year: "无数据",
             zsjdh: "无数据",
@@ -505,40 +501,37 @@ export default {
 }
 // 最上面盒子
 .topBox {
-  background: url(../assets/img/bg.png);
-  background-size: 100% auto;
-  background-repeat: no-repeat;
+  background: url(../assets/img/bg.png) no-repeat;
+  background-size: 100% 96%;
   .olderVersion {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 15px 0;
+    .titleBox {
+      width: 173px;
+      height: 36px;
+      line-height: 36px;
+      text-align: center;
+      border-radius: 0 22px 22px 0;
+      background: #2576ca;
+      font-size: 16px;
+      font-weight: 600;
+      color: #ffffff;
+    }
     :nth-child(2) {
+      margin-right: 5px;
       background: #f82b36;
       width: 124px;
-      height: 33px;
+      height: 25px;
       text-align: center;
-      vertical-align: middle;
-      line-height: 33px;
+      line-height: 25px;
       border-radius: 2px;
       font-size: 18px;
       font-weight: 600;
       color: #ffffff;
     }
   }
-  .titleBox {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 173px;
-    height: 36px;
-
-    border-radius: 0 22px 22px 0;
-    background: rgba(6, 63, 142, 0.66);
-    font-size: 16px;
-    font-weight: 600;
-    color: #ffffff;
-  }
   .baseInfo {
     display: flex;
     margin: 5px 0;
@@ -549,17 +542,15 @@ export default {
       padding-right: 10px;
       padding-left: 31px;
     }
-    > span:nth-child(2) {
+    span:nth-child(2) {
       white-space: nowrap;
     }
   }
   .gridBg {
     display: flex;
-
     align-items: center;
     justify-content: space-around;
     margin: 10px 12px 0 10px;
-
     border-radius: 3px;
     background: rgba(255, 255, 255, 0.28);
     > div {
@@ -594,11 +585,8 @@ export default {
   align-items: center;
   justify-content: space-between;
   height: 41px;
-  padding: unset 0;
-  background: url(../assets/img/project_bg.png) no-repeat;
-  background-position: 0 -2px;
-  background-size: 100% 120%;
-  > div:nth-child(1) {
+  background: url(../assets/img/project_bg.png) no-repeat 0 -2px/101% 120%;
+  > :nth-child(1) {
     display: flex;
     align-items: center;
     width: 50%;
@@ -612,6 +600,10 @@ export default {
       margin-right: 10px;
       border-radius: 5px 0 0;
       background: #3284cd;
+      img {
+        width: 25px;
+        height: 25px;
+      }
     }
     span {
       white-space: nowrap;
@@ -628,13 +620,12 @@ export default {
       height: 27px;
       display: flex;
       align-items: center;
-      border-radius: 13px 0 0 17px;
-    }
-    img {
-      width: 17px;
-      height: 17px;
-      margin-right: 3px;
-      margin-left: 8px;
+      border-radius: 13px 0 0 13px;
+      img {
+        width: 17px;
+        margin-right: 3px;
+        margin-left: 10px;
+      }
     }
     span {
       font-size: 12px;
@@ -662,6 +653,7 @@ export default {
       display: flex;
       align-items: flex-start;
       padding-top: 15px;
+      line-height: 20px;
       > :nth-child(1) {
         display: flex;
         align-items: center;
@@ -677,7 +669,7 @@ export default {
       }
       > :last-child {
         color: #363a44;
-        width: 55%;
+        // width: 55%;
       }
       .blue {
         color: #3883f1;
@@ -711,6 +703,7 @@ export default {
       align-items: flex-start;
       justify-content: space-between;
       padding-left: 12px;
+      line-height: 20px;
       :nth-child(1) {
         white-space: nowrap;
         color: #b3b5b9;
@@ -727,7 +720,7 @@ export default {
     display: flex;
     align-items: center;
     height: 25px;
-    padding: 0px 10px 0px;
+    padding: 0 10px;
     .van-image {
       width: 24px;
       height: 24px;
@@ -749,6 +742,7 @@ export default {
       align-items: flex-start;
       justify-content: space-between;
       padding-left: 12px;
+      line-height: 20px;
       :nth-child(1) {
         white-space: nowrap;
         color: #b3b5b9;
@@ -771,7 +765,7 @@ export default {
     color: #202020;
     display: block;
   }
-  > span:nth-child(2) {
+  :nth-child(2) {
     margin: 10px 0;
     color: #2c2b2b;
     font-size: 12px;
@@ -785,29 +779,24 @@ export default {
   .protocolList {
     padding: 0 20px;
     > div {
-      > div:nth-child(1) {
+      > :nth-child(1) {
         font-size: 14px;
         font-weight: 400;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
-        // width: 294px;
-        font-family: PingFangSC-Regular, PingFang SC;
         color: #202020;
         padding-top: 20px;
       }
-      > div:nth-child(2) {
-        padding: unset 5px;
+      > :nth-child(2) {
         display: flex;
         justify-content: space-between;
         align-items: center;
-        padding: 20px 0;
+        padding: 18px 0;
         span {
           font-size: 12px;
           color: #9da2a3;
           font-weight: 400;
-          line-height: 11px;
-          height: 11px;
         }
       }
     }
@@ -815,23 +804,28 @@ export default {
 }
 // 老年化
 .old_container {
-  .titleBox {
-    font-size: 24px;
-    width: 228px;
-    height: 41px;
+  .olderVersion {
+    .titleBox {
+      font-size: 24px;
+      width: 228px;
+      height: 41px;
+      line-height: 41px;
+    }
   }
   .baseInfo {
+    align-items: flex-start;
     font-size: 22px;
     img {
       height: 30px;
       padding-left: 15px;
     }
     > div:nth-child(3) {
-      overflow: hidden;
-      text-overflow: ellipsis;
+      word-break: break-all;
     }
   }
   .gridBg {
+    margin-left: 4px;
+    margin-right: 4px;
     font-size: 20px;
     > div {
       width: 110px;
@@ -846,21 +840,21 @@ export default {
     .projectTitle {
       font-size: 24px;
     }
-    > div:nth-child(1) {
+    > :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) {
+    > :nth-child(2) {
       margin-top: 10px;
       > :nth-child(1) {
         border-radius: unset !important;
+        padding-right: 5px;
       }
       > span {
         font-size: 20px;
@@ -871,6 +865,7 @@ export default {
   .projectCenterBox {
     font-size: 20px;
     > div {
+      line-height: 28px;
       > :nth-child(1) {
         :nth-child(2) {
           width: unset !important;
@@ -882,24 +877,18 @@ export default {
       }
     }
   }
-  .assess {
-    span {
-      font-size: 22px;
-    }
-  }
-  .assessCenter1 {
-    font-size: 20px;
-    .projectTitle {
-      font-size: 20px;
-    }
-  }
+  .assess,
   .assess2 {
     span {
       font-size: 22px;
     }
   }
+  .assessCenter1,
   .assessCenter2 {
     font-size: 20px;
+    > div {
+      line-height: 28px;
+    }
     .projectTitle {
       font-size: 20px;
     }
@@ -919,6 +908,7 @@ export default {
     > div {
       > :nth-child(1) {
         font-size: 20px !important;
+        line-height: 28px;
         padding-top: 15px !important;
         white-space: unset !important;
       }
@@ -929,7 +919,6 @@ export default {
           font-size: 18px !important;
           display: block;
           height: unset !important;
-          line-height: 25px !important;
         }
         > span:nth-child(2) {
           padding-top: 5px;
diff --git a/FrontCode2/sunshine_levy/src/views/project/index.vue b/FrontCode2/sunshine_levy/src/views/project/index.vue
index 58bea03..5ff4a4b 100644
--- a/FrontCode2/sunshine_levy/src/views/project/index.vue
+++ b/FrontCode2/sunshine_levy/src/views/project/index.vue
@@ -10,20 +10,16 @@
             />
             <div>
               <div>
-                <span class="proCenterFont">被征收人姓名：</span>
-                <span class="proCenterFont" style="color:#626262;">{{
-                  info.userName
-                }}</span>
+                <span>被征收人姓名：</span>
+                <span style="color:#626262;">{{ info.userName }}</span>
               </div>
               <div>
-                <span class="proCenterFont">身份证号：</span>
-                <span class="proCenterFont" style="color:#626262;">{{
-                  setIdCard(info.idCard)
-                }}</span>
+                <span>身份证号：</span>
+                <span style="color:#626262;">{{ setIdCard(info.idCard) }}</span>
               </div>
             </div>
           </div>
-          <div class="proCenterFlex" style="margin-bottom: 15px;">
+          <div class="proCenterFlex">
             <div class="proCenterFlexFont">请选择您的征收项目</div>
             <van-icon color="#9da2a3" name="arrow-down" />
           </div>
@@ -41,15 +37,10 @@
         >
           <div class="proAreaBox">
             <div class="proArea">{{ item.area }}</div>
-            <div
-              class="proCenterFont"
-              v-if="item.currentState == '补偿协议签订阶段'"
-            >
-              · {{ item.currentState }}
-            </div>
-            <div class="proCenterFont" style="color:#179D5C" v-else>
+            <div v-if="item.currentState == '补偿协议签订阶段'">
               · {{ item.currentState }}
             </div>
+            <div style="color:#179D5C" v-else>· {{ item.currentState }}</div>
           </div>
           <div class="proAreaBox">
             <div class="proTitleBox">{{ item.name }}</div>
@@ -76,7 +67,7 @@ export default {
       // 初始数据
       info: {
         userName: "无数据",
-        idCard: "无数据",
+        idCard: "522121123456789102223",
         prjList: [
           {
             area: "无数据",
@@ -168,25 +159,19 @@ export default {
 <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%;
@@ -194,6 +179,43 @@ export default {
     border-radius: 6px;
     background: rgba(248, 253, 255, 1);
     box-shadow: 1px 1px 3px rgb(202, 201, 201);
+    .proCenterInfo {
+      display: flex;
+      padding-top: 20px;
+      // align-items: center;
+      > :nth-child(2) {
+        > div:nth-child(2) {
+          margin-top: 10px;
+        }
+      }
+      .proCenterImg {
+        width: 45px;
+        height: 45px;
+        padding-right: 10px;
+        padding-left: 15px;
+      }
+      span {
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-size: 14px;
+        font-weight: 500;
+        color: #09a4fa;
+      }
+    }
+    .proCenterFlex {
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      padding-top: 15px;
+      margin-bottom: 15px;
+      div {
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-size: 12px;
+        font-weight: 400;
+        line-height: 25px;
+        height: 25px;
+        color: #9da2a3;
+      }
+    }
   }
 
   .proList {
@@ -202,140 +224,102 @@ export default {
     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 {
-    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;
+    .proListBox {
+      margin: 15px 20px;
+      border-radius: 3px;
+      background-color: #fff;
+      .proAreaBox {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 10px;
+        font-size: 16px;
+        > :nth-child(n + 2) {
+          font-size: 14px;
+          font-weight: 500;
+          line-height: 25px;
+          height: 25px;
+          color: #09a4fa;
+        }
+        .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;
+      }
+    }
+    .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;
+    }
   }
 }
 .old_container {
-  .proCenterFont {
-    font-size: 20px !important;
+  .proCenterInfo {
+    .proCenterImg {
+      margin-top: 10px;
+    }
+    span {
+      font-size: 20px !important;
+    }
+    > div:nth-child(2) {
+      > :nth-child(2) {
+        display: flex;
+        span:nth-child(1) {
+          white-space: nowrap;
+        }
+        span:nth-child(2) {
+          word-break: break-all;
+        }
+      }
+    }
   }
   .proCenterFlexFont {
     font-size: 18px !important;
   }
+
   .proArea,
   .proTitleBox {
     font-size: 22px !important;
   }
   .proTitleBox {
     height: unset !important;
-    line-height: unset;
+    line-height: unset !important;
   }
   .proAreaBox {
-    > :nth-child(2) {
-      font-size: 18px !important;
-    }
-    > :nth-child(3) {
+    > :nth-child(n + 2) {
       font-size: 18px !important;
     }
   }
   .proDateBox {
-    font-size: 18px;
+    font-size: 18px !important;
   }
 }
 </style>
diff --git a/FrontCode2/sunshine_levy/src/views/report/agreement.vue b/FrontCode2/sunshine_levy/src/views/report/agreement.vue
index 3b3b7df..12f857c 100644
--- a/FrontCode2/sunshine_levy/src/views/report/agreement.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/agreement.vue
@@ -13,28 +13,28 @@
       <el-card body-style="padding:0 4px 0">
         <div>
           <img alt src="@/assets/img/bianhao.png" />
-          <span>协议编号：</span>
+          <span>协议编号</span>
           <b>{{ item.xyNo }}</b>
         </div>
         <div>
           <img alt src="@/assets/img/name.png" />
-          <span> 被征收人姓名：</span>
+          <span> 被征收人姓名</span>
           <b>{{ info.userName }}</b>
         </div>
         <div>
           <img alt src="@/assets/img/address.png" />
-          <span> 协议类型：</span>
+          <span> 协议类型</span>
           <b>{{ item.switchProductionWay }}</b>
         </div>
         <div>
           <img alt src="@/assets/img/money.png" />
-          <span> 评估总金额：</span>
+          <span> 评估总金额</span>
           <b class="blue">{{ item.countValue }}</b>
           <b>元</b>
         </div>
         <div>
           <img alt src="@/assets/img/money.png" />
-          <span>合计补偿金额：</span>
+          <span>合计补偿金额</span>
           <b class="red">{{ item.summationShouldCompensateMoney }}</b>
           <b>元</b>
         </div>
@@ -139,7 +139,6 @@ export default {
   .image {
     padding-top: 10px;
     text-align: center;
-    // height: 500px;
     img {
       width: 95%;
     }
@@ -221,7 +220,8 @@ export default {
     }
     > div {
       > span {
-        width: unset !important;
+        width: 109px !important;
+        margin-right: 20px;
       }
     }
   }
diff --git a/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue b/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue
index aa57481..bc4d412 100644
--- a/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/evaluatePage.vue
@@ -240,8 +240,20 @@ export default {
 }
 .old_container {
   font-size: 20px;
+  .top {
+    padding: 10px 15px 10px 10px;
+    > div {
+      line-height: 34px;
+      > div {
+        img {
+          margin-right: 5px;
+        }
+      }
+    }
+  }
   .el-card__body {
     > div {
+      line-height: 34px;
       > span:nth-child(2) {
         font-size: 20px !important;
       }
diff --git a/FrontCode2/sunshine_levy/src/views/report/evalute.vue b/FrontCode2/sunshine_levy/src/views/report/evalute.vue
index e1c8320..82e2bdb 100644
--- a/FrontCode2/sunshine_levy/src/views/report/evalute.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/evalute.vue
@@ -31,13 +31,13 @@
           </div>
           <div>
             <img alt src="@/assets/img/address.png" />
-            <span>被征收人房屋地址</span>
+            <span>被征收房屋坐落</span>
             <b>{{ item.houseAddress }}</b>
           </div>
           <div>
             <img alt src="@/assets/img/money.png" />
             <span> 评估总金额</span>
-            <b style="color: red;font-size:18px">{{ item.countValue }}</b
+            <b class="red">{{ item.countValue }}</b
             ><b>元</b>
           </div>
           <div class="line">
@@ -83,13 +83,13 @@
           </div>
           <div>
             <img alt src="@/assets/img/address.png" />
-            <span>被征收人房屋地址</span>
+            <span>被征收房屋坐落</span>
             <b>{{ item.houseAddress }}</b>
           </div>
           <div>
             <img alt src="@/assets/img/money.png" />
             <span> 评估总金额</span>
-            <b style="color: red;font-size:18px">{{ item.countValue }}</b
+            <b class="red">{{ item.countValue }}</b
             ><b>元</b>
           </div>
           <div class="line">
@@ -257,8 +257,11 @@ export default {
           color: #363a44;
           max-width: 57%;
         }
+        .red {
+          color: red;
+          font-size: 18px;
+        }
       }
-
       .absolute {
         background-color: #f7be24;
         position: absolute;
@@ -304,9 +307,25 @@ export default {
 }
 .old_container {
   font-size: 18px;
+  .title {
+    span {
+      font-size: 20px;
+    }
+  }
   .el-card__body {
     > div {
       font-size: 18px !important;
+      line-height: 25px !important;
+      > img:nth-child(1) {
+        padding-top: 3px;
+      }
+      > span:nth-child(2) {
+        width: unset !important;
+        white-space: nowrap;
+      }
+      > :nth-child(3) {
+        max-width: unset !important;
+      }
     }
     .content {
       display: block !important;