|
@@ -12,33 +12,27 @@
|
|
|
<p class="item-label">单号:</p>
|
|
|
<p class="item-main">{{ pageInfo.orderReserveNo ? pageInfo.orderReserveNo : '--' }}</p>
|
|
|
</a-col>
|
|
|
-
|
|
|
<a-col :span="8" class="item-cont">
|
|
|
<p class="item-label">状态:</p>
|
|
|
<p class="item-main">{{ pageInfo.orderStatusDictValue ? pageInfo.orderStatusDictValue : '--' }}</p>
|
|
|
</a-col>
|
|
|
- <a-col :span="8" class="item-cont">
|
|
|
+ <a-col :span="8" class="item-cont" v-if="pageInfo.orderStatus=='FINISH'">
|
|
|
<p class="item-label">支付方式:</p>
|
|
|
<p class="item-main">{{ pageInfo.payTypeDictValue ? pageInfo.payTypeDictValue : '--' }}</p>
|
|
|
</a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="48" >
|
|
|
<a-col :span="8" class="item-cont">
|
|
|
<p class="item-label">下单时间:</p>
|
|
|
<p class="item-main">{{ pageInfo.createDate ? pageInfo.createDate : '--' }}</p>
|
|
|
</a-col>
|
|
|
-
|
|
|
<a-col :span="8" class="item-cont">
|
|
|
<p class="item-label">预约时间:</p>
|
|
|
- <p class="item-main">{{pageInfo.reserveDateBegin ? pageInfo.reserveDateBegin.substring(0,10) :''}} {{pageInfo.reserveTimeTypeDictValue}}</p>
|
|
|
+ <p class="item-main">{{ pageInfo.reserveDateBegin ? pageInfo.reserveDateBegin.substring(0,10) :'' }} {{ pageInfo.reserveTimeTypeDictValue }}</p>
|
|
|
<p v-if="!pageInfo.reserveDateBegin && !pageInfo.reserveTimeTypeDictValue">--</p>
|
|
|
</a-col>
|
|
|
<a-col :span="8" class="item-cont" v-if="pageInfo.orderStatus=='FINISH'">
|
|
|
<p class="item-label">服务时间:</p>
|
|
|
<p class="item-main">{{ pageInfo.finishDate ? pageInfo.finishDate : '--' }}</p>
|
|
|
</a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="48" >
|
|
|
<a-col :span="8" class="item-cont">
|
|
|
<p class="item-label">服务骑手:</p>
|
|
|
<p class="item-main">{{ pageInfo.name ? pageInfo.name+'-' : '' }}{{ pageInfo.phone? pageInfo.phone :'' }}</p>
|
|
@@ -52,8 +46,6 @@
|
|
|
<p class="item-label">支付金额(元):</p>
|
|
|
<p class="item-main">{{ pageInfo.originalAmount ? pageInfo.originalAmount : '0' }}</p>
|
|
|
</a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="48" >
|
|
|
<a-col :span="8" class="item-cont">
|
|
|
<p class="item-label">联系人信息:</p>
|
|
|
<p class="item-main">{{ pageInfo.contactName ? pageInfo.contactName+'-' : '' }} {{ pageInfo.contactMobile ? pageInfo.contactMobile : '' }}</p>
|
|
@@ -61,16 +53,14 @@
|
|
|
</a-col>
|
|
|
<a-col :span="8" class="item-cont">
|
|
|
<p class="item-label">地址:</p>
|
|
|
- <p class="item-main">{{ pageInfo.contactAddress ? pageInfo.contactAddress : '' }}{{pageInfo.houseAddress ? pageInfo.houseAddress : ''}}</p>
|
|
|
+ <p class="item-main">{{ pageInfo.contactAddress ? pageInfo.contactAddress : '' }}{{ pageInfo.houseAddress ? pageInfo.houseAddress : '' }}</p>
|
|
|
</a-col>
|
|
|
<a-col :span="8" class="item-cont">
|
|
|
<p class="item-label">门头照:</p>
|
|
|
- <viewer :image="pageInfo.imageHeader ? pageInfo.imageHeader :[]" class="viewer" ref="viewer" @inited="inited" rebuild>
|
|
|
+ <viewer :images="pageInfo.imageHeader ? pageInfo.imageHeader :[]" class="viewer" ref="viewer" @inited="inited" rebuild>
|
|
|
<img v-for="src in pageInfo.imageHeader" :src="src" :key="src" class="image1">
|
|
|
</viewer>
|
|
|
</a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="48" >
|
|
|
<a-col :span="8" class="item-cont">
|
|
|
<p class="item-label">类型:</p>
|
|
|
<p class="item-main">{{ pageInfo.addressTypeDictValue ? pageInfo.addressTypeDictValue : '--' }}</p>
|
|
@@ -85,10 +75,7 @@
|
|
|
<img v-for="src in pageInfo.imageList" :src="src" :key="src" class="image">
|
|
|
</viewer>
|
|
|
<P style="margin-bottom: 0;">{{ pageInfo.imageList ? pageInfo.imageList.length+' 张' :'0 张' }}</P>
|
|
|
- <!-- <img :src="item" alt="" v-for="item in pageInfo.imageList" style="width: 40px;height: 40px;"/> -->
|
|
|
</a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="48" >
|
|
|
<a-col :span="8" class="item-cont">
|
|
|
<p class="item-label">下单账号:</p>
|
|
|
<p class="item-main">{{ pageInfo.mobile ? pageInfo.mobile : '--' }}</p>
|
|
@@ -132,8 +119,8 @@ export default {
|
|
|
return {
|
|
|
isshow: this.visible,
|
|
|
tableData: [], // 列表数据
|
|
|
- image:[],
|
|
|
- images:[],
|
|
|
+ image: [],
|
|
|
+ images: [],
|
|
|
pageInfo: {},
|
|
|
columns: [{ title: '序号', dataIndex: 'no', width: 60, align: 'center' },
|
|
|
{ title: '回收类别', dataIndex: 'rubbishTypeDictValue', width: 200, align: 'center', customRender: (text) => { return text || '--' } },
|
|
@@ -149,13 +136,13 @@ export default {
|
|
|
orderDetails({ orderReserveNo: this.itemOrderNo }).then(res => {
|
|
|
if (res.status == 200) {
|
|
|
this.pageInfo = res.data
|
|
|
- if(res.data.imageHeader){
|
|
|
- this.pageInfo.imageHeader=this.pageInfo.imageHeader.split()
|
|
|
+ if (res.data.imageHeader) {
|
|
|
+ this.pageInfo.imageHeader = this.pageInfo.imageHeader.split()
|
|
|
}
|
|
|
- console.log( this.pageInfo.imageHeader,'---------------v')
|
|
|
+ console.log(this.pageInfo.imageHeader, '---------------v')
|
|
|
this.tableData = res.data.orderReserveItemEntityList || []
|
|
|
- this.tableData.forEach((item,index)=>{
|
|
|
- item.no=index+1
|
|
|
+ this.tableData.forEach((item, index) => {
|
|
|
+ item.no = index + 1
|
|
|
})
|
|
|
}
|
|
|
})
|