|
@@ -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;
|