优化预览页面样式

src/pages/my/application/preview.vue

@@ -76,7 +76,7 @@
                   <a class="inner" :href="item.oss_sign_url" target="_blank">
                     <div class="pic"><img :src="item.oss_sign_url" /></div>
                     <div class="name">{{ item.file_type_label }}</div>
-                    <div style="margin-right: 40px">
+                    <div style="margin-right: 40px" v-if="item.status_desc">
                       <el-tag size="mini">{{ item.status_desc }}</el-tag>
                     </div>
                   </a>
@@ -98,10 +98,10 @@
           </div>
           <div class="preview-item-bd">
             <template v-if="material.payment_records">
-              <el-table :data="material.payment_records" border>
-                <el-table-column prop="payment_method_desc" label="支付方式"> </el-table-column>
-                <el-table-column prop="bill_amount" label="支付金额"> </el-table-column>
-                <el-table-column prop="payment_status_desc" label="支付状态"> </el-table-column>
+              <el-table :data="material.payment_records">
+                <el-table-column align="left" prop="payment_method_desc" label="支付方式"> </el-table-column>
+                <el-table-column align="center" prop="bill_amount" label="支付金额"> </el-table-column>
+                <el-table-column align="right" prop="payment_status_desc" label="支付状态"> </el-table-column>
               </el-table>
             </template>
           </div>
@@ -467,7 +467,7 @@ export default {
     align-items: center;
     padding: 0 10px;
     &:hover {
-      background-color: #f7f7f7;
+      background-color: #f5f7fa;
     }
     .inner {
       flex: 1;
@@ -495,7 +495,7 @@ export default {
     }
   }
   .attachments-item + .attachments-item {
-    border-top: 1px solid #dadce0;
+    border-top: 1px solid #ebeef5;
   }
 }
 </style>