From 38a00f5c9a20ae330fcc3999e777ee412f2bc5fc Mon Sep 17 00:00:00 2001
From: lisl <1223762861@qq.com>
Date: Fri, 10 Sep 2021 16:52:34 +0800
Subject: [PATCH] =?UTF-8?q?update:=E6=9B=B4=E6=96=B0=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/report/agreement.vue            | 69 ++++++++++---------
 .../src/views/report/compensate.vue           | 15 ++--
 2 files changed, 43 insertions(+), 41 deletions(-)

diff --git a/FrontCode2/sunshine_levy/src/views/report/agreement.vue b/FrontCode2/sunshine_levy/src/views/report/agreement.vue
index 855f792..2cef328 100644
--- a/FrontCode2/sunshine_levy/src/views/report/agreement.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/agreement.vue
@@ -5,7 +5,7 @@
     </div>
     <div class="text">为您查询到{{ this.result }}条结果</div>
     <div :key="index" v-for="(item, index) in info">
-      <el-card>
+      <el-card body-style="padding:10px 10px 0">
         <div>
           <img alt src="@/assets/img/bianhao.png" />
           评估报告编号：
@@ -34,7 +34,7 @@
         <div>
           <img alt src="@/assets/img/hengxian.png" />
         </div>
-        <div class="date">
+        <div class="flex">
           <div class="flex backgroundColor">
             <img alt src="@/assets/img/shijian.png" />
             签订日期：{{ item.time }}
@@ -48,25 +48,25 @@
 export default {
   data() {
     return {
-      result: '2',
+      result: "2",
       info: [
         {
-          number: '044',
-          name: '胡守钧',
-          address: '宁波市江北区四洲街16号404',
-          money: '180234元',
-          person: '王勇',
-          time: '2021-9-1',
+          number: "044",
+          name: "胡守钧",
+          address: "宁波市江北区四洲街16号404",
+          money: "180234元",
+          person: "王勇",
+          time: "2021-9-1"
         },
         {
-          number: '044',
-          name: '胡守钧',
-          address: '宁波市江北区四洲街16号404',
-          money: '180234元',
-          person: '王勇',
-          time: '2021-9-1',
-        },
-      ],
+          number: "044",
+          name: "胡守钧",
+          address: "宁波市江北区四洲街16号404",
+          money: "180234元",
+          person: "王勇",
+          time: "2021-9-1"
+        }
+      ]
     };
   },
   created() {
@@ -80,8 +80,8 @@ export default {
     onLoadData() {
       console.log(this.$route.params);
       this.type = this.$route.params.type;
-    },
-  },
+    }
+  }
 };
 </script>
 
@@ -89,37 +89,38 @@ export default {
 .container {
   .image {
     margin-top: 20px;
-
     text-align: center;
   }
   .text {
     font-weight: bolder;
-
     margin: 10px 0;
-
     text-align: center;
-
     color: #2d6df2;
   }
   .el-card {
     margin: 0 10px 10px;
-    ::v-deep.el-card__body {
+    .el-card__body {
       padding: 0 10px;
-      >div {
+      > div {
         margin: 10px 0;
-      }
-      .date {
         display: flex;
-        justify-content: center;
-        .backgroundColor {
-          background-color: #e3ebfd;
-          img {
-            margin-right: 10px;
-          }
+        align-items: center;
+        img {
+          margin-right: 10px;
         }
       }
+      .flex {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        img {
+          margin-right: 10px;
+        }
+      }
+      .backgroundColor {
+        background-color: #e3ebfd;
+      }
     }
   }
 }
-
 </style>
diff --git a/FrontCode2/sunshine_levy/src/views/report/compensate.vue b/FrontCode2/sunshine_levy/src/views/report/compensate.vue
index 2c6190e..61b7910 100644
--- a/FrontCode2/sunshine_levy/src/views/report/compensate.vue
+++ b/FrontCode2/sunshine_levy/src/views/report/compensate.vue
@@ -5,7 +5,7 @@
     </div>
     <div class="text">为您查询到{{ this.result }}条结果</div>
     <div :key="index" v-for="(item, index) in info">
-      <el-card>
+      <el-card body-style="padding:10px">
         <div>
           <img alt src="@/assets/img/bianhao.png" />
           评估报告编号：
@@ -85,28 +85,29 @@ export default {
 .container {
   .image {
     margin-top: 20px;
-
     text-align: center;
   }
   .text {
     font-weight: bolder;
-
     margin: 10px 0;
-
     text-align: center;
-
     color: #2d6df2;
   }
+
   .el-card {
     margin: 0 10px 10px;
     .el-card__body {
-      padding: 0;
       > div {
         margin: 10px 0;
+        display: flex;
+        align-items: center;
+        img {
+          margin-right: 10px;
+        }
       }
       .content {
         display: flex;
-        background-color: #2d6df2;
+        justify-content: space-between;
         > div {
           display: flex;
           align-items: center;