lilei 2 years ago
parent
commit
463089208c
1 changed files with 10 additions and 6 deletions
  1. 10 6
      src/views/salesManagement/pushOrderManagement/explainInfoModal.vue

+ 10 - 6
src/views/salesManagement/pushOrderManagement/explainInfoModal.vue

@@ -9,11 +9,13 @@
     @cancel="handleCancel"
     :width="600">
     <a-spin :spinning="spinning" tip="Loading...">
-      <div style="min-height:100px;">
+      <div>
         <div v-if="infoList.length">
-          <div class="infoList-item" v-for="item in infoList" :key="item.id">
-            <div><strong>{{ item.createDate }}</strong></div>
-            <div>{{ item.explainInfo }}</div>
+          <div style="min-height:100px;max-height:400px;overflow:auto;">
+            <div class="infoList-item" v-for="item in infoList" :key="item.id">
+              <div><strong>{{ item.createDate }}</strong></div>
+              <div>{{ item.explainInfo }}</div>
+            </div>
           </div>
           <div class="info-new" v-if="!showInput && mode=='edit'">
             <a-button type="primary" @click="showInput=true" size="small" ghost block>+新增发货说明</a-button>
@@ -32,7 +34,7 @@
           暂无发货说明
         </div>
       </div>
-      <div class="btn-cont" v-if="mode=='edit'">
+      <div class="btn-cont" v-if="mode=='edit'&&showInput">
         <a-button @click="handleCancel">取消</a-button>
         <a-button
           type="primary"
@@ -100,6 +102,7 @@ export default {
       this.spinning = true
       queryExplainList({ dispatchBillSn: this.rowData.dispatchBillSn }).then(res => {
         this.infoList = res.data || []
+        this.showInput = !this.infoList.length
         this.spinning = false
       })
     },
@@ -108,6 +111,7 @@ export default {
       this.isShow = false
       this.explainInfo = ''
       this.infoList = []
+      this.showInput = false
     }
   },
   watch: {
@@ -131,7 +135,7 @@ export default {
   .pushOrderManagement-explainInfo-modal{
     .btn-cont {
       text-align: center;
-      margin: 35px 0 10px;
+      margin: 25px 0 10px;
     }
     .infoList-item{
       padding: 10px 0;