bug修改

src/components/ProjectDetailModal.vue

@@ -16,7 +16,7 @@
         </a-col>
         <a-col :span="12" class="detail-item">
           <label>应收金额：</label>
-          <span><j-ellipsis :value="basicInfo.receivableAmount" :length="20"></j-ellipsis></span>
+          <span><j-ellipsis :value="`${basicInfo.receivableAmount}元`" :length="20"></j-ellipsis></span>
         </a-col>
       </a-row>
       <a-row :gutter="24">
@@ -25,12 +25,6 @@
           <span><j-ellipsis :value="basicInfo.remarks" :length="20"></j-ellipsis></span>
         </a-col>
       </a-row>
-      <a-row :gutter="24" v-if="basicInfo.files">
-        <a-col>
-          <label>资料：</label>
-          <span><preview-file :file-id="basicInfo.files"></preview-file></span>
-        </a-col>
-      </a-row>
       <!--      来款方式为合同的显示-->
       <a-row :gutter="24" v-if="!!basicInfo.contractNum">
         <a-col :span="12" class="detail-item">
@@ -52,6 +46,12 @@
           <span><preview-file :file-id="basicInfo.chargeNoticeId"></preview-file></span>
         </a-col>
       </a-row>
+      <a-row :gutter="24" v-if="basicInfo.files">
+        <a-col class="detail-item">
+          <label>资料：</label>
+          <span><preview-file :file-id="basicInfo.files"></preview-file></span>
+        </a-col>
+      </a-row>
     </section>
     <!-- 基本信息end-->
     <!-- 企业信息begin-->
@@ -122,9 +122,14 @@
     <!--到账信息begin-->
     <section class="payment-info">
       <h3 class="title">到账信息</h3>
-      <section class="payment-info-title">到账信息</section>
-      <div class="payment-info-content" v-for="item of paymentInfoList" :key="item.id">
-        {{ item.paymentDate }}到账{{ item.amountReceived }}元
+      <div class="payment-info-box">
+        <section class="payment-info-title">到账信息</section>
+        <template v-if="paymentInfoList && paymentInfoList.length > 0">
+          <div class="payment-info-content" v-for="item of paymentInfoList" :key="item.id">
+            {{ item.paymentDate }}到账{{ item.amountReceived }}元
+          </div>
+        </template>
+        <a-list v-else :data-source="[]"/>
       </div>
     </section>
     <!--到账信息end-->
@@ -403,6 +408,10 @@ h3.title::before {
 .payment-info {
   margin-bottom: 14px;
 
+  &-box {
+    border: 1px solid #ccc;
+  }
+
   &-title {
     text-align: center;
     font-size: 14px;
@@ -414,11 +423,12 @@ h3.title::before {
   }
 
   &-content {
+    border: 1px solid #ccc;
     color: #424242;
     //background: #efefef;
     padding: 5px;
     padding-left: 10px;
-    border: 1px solid #ccc;
+    //border: 1px solid #ccc;
     border-top: none;
   }
 

src/components/tools/StatusSlot.vue

@@ -156,7 +156,7 @@ export default {
       // 来款
       if (this.statusKey === 'paymentRecord') {
         if (item.paymentDate || item.amountReceived) {
-          result = `${ item.paymentDate }到账${ item.amountReceived }`
+          result = `${ item.paymentDate }到账${ item.amountReceived }元`
         }
       } else if (this.statusKey === 'bill') {
         if (item.billDate || item.billNo) {
@@ -179,7 +179,10 @@ export default {
 <style>
 /* 自定义tooltip下样式问题*/
 .status-tooltip .ant-tooltip-inner {
-  width: 16rem;
   white-space: pre-wrap !important;
 }
+
+.ant-tooltip {
+  max-width: 16rem;
+}
 </style>