| | |
| | | <div class="info-item"> |
| | | <span class="label">订单类型:</span> |
| | | <span class="value"> |
| | | <span v-if="detailInfo.order.type === 0">就地存取</span> |
| | | <span v-if="detailInfo.order.type === 0">就地寄存</span> |
| | | <span v-else-if="detailInfo.order.type === 1">同城寄送</span> |
| | | <span v-else>-</span> |
| | | </span> |
| | |
| | | |
| | | <div class="section"> |
| | | <div class="section-header"> |
| | | <span class="section-title">配送信息</span> |
| | | <span class="section-title">存取信息</span> |
| | | </div> |
| | | <div class="info-grid"> |
| | | <div class="info-item"> |
| | |
| | | <span class="value">{{ detailInfo.order.takePhone || '-' }}</span> |
| | | </div> |
| | | <div class="info-item"> |
| | | <span class="label">寄件门店:</span> |
| | | <span class="value">{{ detailInfo.depositShopName || '-' }}</span> |
| | | </div> |
| | | <div class="info-item"> |
| | | <span class="label">寄件地址:</span> |
| | | <span class="value">{{ detailInfo.order.depositLocationRemark || '' }}</span> |
| | | </div> |
| | | <div class="info-item"> |
| | | <div class="info-item" v-if="detailInfo.order.type === 1 && detailInfo.takeShopId"> |
| | | <span class="label">收件门店:</span> |
| | | <span class="value">{{ detailInfo.takeShopName || '-' }}</span> |
| | | </div> |
| | | <div class="info-item" v-if="detailInfo.order.type === 1"> |
| | | <span class="label">收件地址:</span> |
| | | <span class="value">{{ detailInfo.order.takeLocationRemark || '' }}</span> |
| | | </div> |
| | | <div class="info-item"> |
| | | <span class="label">是否收件服务点:</span> |
| | | <span class="value">{{ detailInfo.order.takeShopId ? '是' : '否' }}</span> |
| | | </div> |
| | | <div class="info-item"> |
| | | <div class="info-item" v-if="detailInfo.order.type === 1"> |
| | | <span class="label">配送司机:</span> |
| | | <span class="value">{{ detailInfo.driverName || '-' }}</span> |
| | | </div> |
| | | <div class="info-item full-width"> |
| | | <span class="label">门店收件拍照:</span> |
| | | <span class="label">门店收件拍照:<br/>{{ detailInfo.order.depositTime || '-' }}</span> |
| | | <div v-if="detailInfo.depositImages && detailInfo.depositImages.length" class="image-list"> |
| | | <el-image |
| | | v-for="(img, index) in detailInfo.depositImages" |
| | |
| | | <span v-else>-</span> |
| | | </div> |
| | | <div class="info-item full-width" v-if="detailInfo.order && detailInfo.order.type===1"> |
| | | <span class="label">司机取件拍照:</span> |
| | | <span class="label">司机取件拍照:<br/>{{ detailInfo.order.driverTakeTime || '-' }}</span> |
| | | <div v-if="detailInfo.driverTakeImages && detailInfo.driverTakeImages.length" class="image-list"> |
| | | <el-image |
| | | v-for="(img, index) in detailInfo.driverTakeImages" |
| | |
| | | <span v-else>-</span> |
| | | </div> |
| | | <div class="info-item full-width" v-if="detailInfo.order && detailInfo.order.type===1 && detailInfo.order.takeShopId"> |
| | | <span class="label">门店入库拍照:</span> |
| | | <span class="label">门店入库拍照:<br/>{{ detailInfo.order.arriveTime || '-' }}</span> |
| | | <div v-if="detailInfo.storeInImages && detailInfo.storeInImages.length" class="image-list"> |
| | | <el-image |
| | | v-for="(img, index) in detailInfo.storeInImages" |
| | |
| | | <span v-else>-</span> |
| | | </div> |
| | | <div class="info-item full-width" v-if="detailInfo.order && detailInfo.order.type===1 && !detailInfo.order.takeShopId"> |
| | | <span class="label">司机送达拍照:</span> |
| | | <span class="label">司机送达拍照:<br/>{{ detailInfo.order.arriveTime || '-' }}</span> |
| | | <div v-if="detailInfo.driverDoneImages && detailInfo.driverDoneImages.length" class="image-list"> |
| | | <el-image |
| | | v-for="(img, index) in detailInfo.driverDoneImages" |
| | |
| | | <span v-else>-</span> |
| | | </div> |
| | | <div class="info-item full-width" v-if="detailInfo.order && detailInfo.order.takeShopId"> |
| | | <span class="label">门店出库拍照:</span> |
| | | <span class="label">门店出库拍照:<br/>{{ detailInfo.order.finishTime || '' }}</span> |
| | | <div v-if="detailInfo.storeOutImages && detailInfo.storeOutImages.length" class="image-list"> |
| | | <el-image |
| | | v-for="(img, index) in detailInfo.storeOutImages" |
| | |
| | | style="width: 80px; height: 80px; margin-right: 10px" |
| | | :src="img" |
| | | :preview-src-list="detailInfo.storeOutImages" |
| | | fit="cover" |
| | | ></el-image> |
| | | </div> |
| | | <span v-else>-</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="section" v-if="detailInfo.order.commentStatus === 1"> |
| | | <div class="section-header"> |
| | | <span class="section-title">评价信息</span> |
| | | </div> |
| | | <div class="info-grid"> |
| | | <div class="info-item" v-if="detailInfo.order.commentDepositLevel"> |
| | | <span class="label">寄件门店:</span> |
| | | <span class="value">{{ detailInfo.order.commentDepositLevel + '星' || '-' }}</span> |
| | | </div> |
| | | <div class="info-item" v-if="detailInfo.order.commentDriverLevel"> |
| | | <span class="label">配送司机:</span> |
| | | <span class="value">{{ detailInfo.order.commentDriverLevel + '星' || '-' }}</span> |
| | | </div> |
| | | <div class="info-item" v-if="detailInfo.order.commentTakeLevel"> |
| | | <span class="label">收件门店:</span> |
| | | <span class="value">{{ detailInfo.order.commentTakeLevel + '星' || '-' }}</span> |
| | | </div> |
| | | <div class="info-item"> |
| | | <span class="label">评价内容:</span> |
| | | <span class="value">{{ detailInfo.order.commentInfo || '-' }}</span> |
| | | </div> |
| | | <div class="info-item full-width"> |
| | | <span class="label">评价拍照:</span> |
| | | <div v-if="detailInfo.commentImages && detailInfo.commentImages.length" class="image-list"> |
| | | <el-image |
| | | v-for="(img, index) in detailInfo.commentImages" |
| | | :key="index" |
| | | style="width: 80px; height: 80px; margin-right: 10px" |
| | | :src="img" |
| | | :preview-src-list="detailInfo.commentImages" |
| | | fit="cover" |
| | | ></el-image> |
| | | </div> |
| | |
| | | |
| | | <div class="info-item"> |
| | | <span class="label">退款金额:</span> |
| | | <span class="value">{{ detailInfo.ordersRefund.createTime || '-' }}</span> |
| | | <span class="value">¥{{ (detailInfo.ordersRefund.refundAmount / 100).toFixed(2) || '-' }}</span> |
| | | </div> |
| | | <div class="info-item"> |
| | | <span class="label">退款处理时间:</span> |
| | |
| | | <span class="price-span">实际支付:¥{{ ((detailInfo.order.payAmount||0) / 100).toFixed(2) }}</span> |
| | | <span class="price-span">退款金额:¥{{ ((detailInfo.order.refundAmount ||0)/ 100).toFixed(2) }}</span> |
| | | <span class="price-span">超时金额:¥{{ ((detailInfo.order.overdueAmount ||0)/ 100).toFixed(2) }}</span> |
| | | <span class="price-span">异常金额:¥{{ ((detailInfo.order.exceptionAmount ||0)/ 100).toFixed(2) }}</span> |
| | | <span class="price-span">异常金额:¥{{ ((detailInfo.order.exceptionFee ||0)/ 100).toFixed(2) }}</span> |
| | | <span class="price-span">优惠卷抵扣金额:¥{{ ((detailInfo.order.deductionAmount ||0)/ 100).toFixed(2) }}</span> |
| | | <span class="price-span">门店保管补贴:¥{{ ((detailInfo.order.shopCompensationAmount ||0)/ 100).toFixed(2) }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | headerRowStyle({ rowIndex }) { |
| | | headerRowStyle ({ rowIndex }) { |
| | | return { |
| | | background: '#007bff' , |
| | | color : '#333', |
| | | background: '#007bff', |
| | | color: '#333', |
| | | height: '50px' |
| | | } |
| | | }, |
| | | open (row) { |
| | | this.title = '订单详情' |
| | | getById(row.id).then(res => { |
| | | console.log(res) |
| | | getById(row).then(res => { |
| | | this.detailInfo = res |
| | | this.visible = true |
| | | }).catch(e => { |