yanghao
/
yunshengtai-admin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改订单详情

master
xuwenbo 4 years ago
parent
5b3ad3d96d
commit
366a8dbc95
1 changed files with 82 additions and 62 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 144
      src/views/shop/order/detail.vue

144
src/views/shop/order/detail.vue
Unescape View File

@ -17,22 +17,20 @@
<el-button size="mini" @click="showUpdateReceiverDialog">修改收货人信息</el-button> <el-button size="mini" @click="showUpdateReceiverDialog">修改收货人信息</el-button>
<el-button size="mini">修改商品信息</el-button> <el-button size="mini">修改商品信息</el-button>
<el-button size="mini" @click="showUpdateMoneyDialog">修改费用信息</el-button> <el-button size="mini" @click="showUpdateMoneyDialog">修改费用信息</el-button>
<el-button size="mini" @click="showMessageDialog">发送站内信</el-button>
<el-button size="mini" @click="showCloseOrderDialog">关闭订单</el-button> <el-button size="mini" @click="showCloseOrderDialog">关闭订单</el-button>
<el-button size="mini" @click="showMarkOrderDialog">备注订单</el-button> <el-button size="mini" @click="showMarkOrderDialog">备注订单</el-button>
</div> </div>
<div class="operate-button-container" v-show="order._status===2"> <div class="operate-button-container" v-show="order._status===2">
<el-button size="mini" @click="showUpdateReceiverDialog">修改收货人信息</el-button> <el-button size="mini" @click="showUpdateReceiverDialog">修改收货人信息</el-button>
<el-button size="mini" @click="showMessageDialog">发送站内信</el-button>
<el-button size="mini">取消订单</el-button> <el-button size="mini">取消订单</el-button>
<el-button size="mini" @click="showMarkOrderDialog">备注订单</el-button> <el-button size="mini" @click="showMarkOrderDialog">备注订单</el-button>
</div> </div>
<div class="operate-button-container" v-show="order._status===4"> <div class="operate-button-container" v-show="order._status===4">
<el-button size="mini" @click="showLogisticsDialog">订单跟踪</el-button> <el-button size="mini" @click="showLogisticsDialog">订单跟踪</el-button>
<el-button size="mini" @click="showMessageDialog">发送站内信</el-button>
<el-button size="mini" @click="showMarkOrderDialog">备注订单</el-button> <el-button size="mini" @click="showMarkOrderDialog">备注订单</el-button>
</div> </div>
<div class="operate-button-container" v-show="order._status===6||order._status===7 "> <div class="operate-button-container" v-show="order._status===6||order._status===7 ">
<el-button size="mini" @click="showLogisticsDialog">订单跟踪</el-button>
<el-button size="mini" @click="handleDeleteOrder">删除订单</el-button> <el-button size="mini" @click="handleDeleteOrder">删除订单</el-button>
<el-button size="mini" @click="showMarkOrderDialog">备注订单</el-button> <el-button size="mini" @click="showMarkOrderDialog">备注订单</el-button>
</div> </div>
@ -56,18 +54,18 @@
<el-col :span="4" class="table-cell">{{order.userDTO.nickname}}</el-col> <el-col :span="4" class="table-cell">{{order.userDTO.nickname}}</el-col>
<el-col :span="4" class="table-cell">{{order.payTypeName }}</el-col> <el-col :span="4" class="table-cell">{{order.payTypeName }}</el-col>
<el-col :span="4" class="table-cell">{{order.isChannel | formatSourceType}}</el-col> <el-col :span="4" class="table-cell">{{order.isChannel | formatSourceType}}</el-col>
<el-col :span="4" class="table-cell">{{order.shippingType | formatOrderType}}</el-col> <el-col :span="4" class="table-cell">{{order.pinkName }}</el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="table-cell-title">配送方式</el-col> <el-col :span="4" class="table-cell-title">配送方式</el-col>
<el-col :span="4" class="table-cell-title">物流单号</el-col> <el-col :span="4" class="table-cell-title">物流单号</el-col>
<el-col :span="4" class="table-cell-title">自动确认收货时间</el-col> <el-col :span="4" class="table-cell-title">自动确认收货时间</el-col>
<el-col :span="4" class="table-cell-title">订单可得积分</el-col> <el-col :span="4" class="table-cell-title">订单可得积分</el-col>
<el-col :span="4" class="table-cell-title">订单可得成长值</el-col> <el-col :span="4" class="table-cell-title">填空待补充。。</el-col>
<el-col :span="4" class="table-cell-title">活动信息</el-col> <el-col :span="4" class="table-cell-title">活动信息</el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="table-cell">{{order.shippingType | formatNull}}</el-col> <el-col :span="4" class="table-cell">{{order.shippingType | formatShippingType}}</el-col>
<el-col :span="4" class="table-cell">{{order.deliverySn | formatNull}}</el-col> <el-col :span="4" class="table-cell">{{order.deliverySn | formatNull}}</el-col>
<el-col :span="4" class="table-cell">7天</el-col> <el-col :span="4" class="table-cell">7天</el-col>
<el-col :span="4" class="table-cell">{{order.gainIntegral}}</el-col> <el-col :span="4" class="table-cell">{{order.gainIntegral}}</el-col>
@ -90,16 +88,47 @@
</div> </div>
<div class="table-layout"> <div class="table-layout">
<el-row> <el-row>
<el-col :span="6" class="table-cell-title">用户昵称</el-col> <el-col :span="4" class="table-cell-title">用户昵称</el-col>
<el-col :span="6" class="table-cell-title">收货人</el-col> <el-col :span="4" class="table-cell-title">收货人</el-col>
<el-col :span="6" class="table-cell-title">手机号码</el-col> <el-col :span="4" class="table-cell-title">手机号码</el-col>
<el-col :span="6" class="table-cell-title">收货地址</el-col> <el-col :span="4" class="table-cell-title">收货地址</el-col>
<el-col :span="4" class="table-cell-title">用户备注</el-col>
<el-col :span="4" class="table-cell-title">管理员备注</el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="6" class="table-cell">{{ order.userDTO.nickname}}</el-col> <el-col :span="4" class="table-cell">{{ order.userDTO.nickname}}</el-col>
<el-col :span="6" class="table-cell">{{order.realName}}</el-col> <el-col :span="4" class="table-cell">{{order.realName}}</el-col>
<el-col :span="6" class="table-cell">{{order.userPhone}}</el-col> <el-col :span="4" class="table-cell">{{order.userPhone}}</el-col>
<el-col :span="6" class="table-cell">{{order.userAddress }}</el-col> <el-col :span="4" class="table-cell">
<el-popover
placement="top-start"
title="收货地址"
width="300"
trigger="hover"
:content="order.userAddress">
<span slot="reference">{{order.userAddress | formatLongText}}</span>
</el-popover>
</el-col>
<el-col :span="4" class="table-cell">
<el-popover
placement="top-start"
title="用户备注"
width="300"
trigger="hover"
:content="order.mark">
<span slot="reference">{{order.mark | formatLongText}}</span>
</el-popover>
</el-col>
<el-col :span="4" class="table-cell">
<el-popover
placement="top-start"
title="管理员备注"
width="200"
trigger="hover"
:content="order.remark">
<span slot="reference">{{order.remark | formatLongText}}</span>
</el-popover>
</el-col>
</el-row> </el-row>
</div> </div>
<div style="margin-top: 20px"> <div style="margin-top: 20px">
@ -107,15 +136,15 @@
<span class="font-small">商品信息</span> <span class="font-small">商品信息</span>
</div> </div>
<el-table <el-table
ref="orderItemTable"
:data="order.cartInfoList" :data="order.cartInfoList"
style="width: 100%;margin-top: 20px" border> size="small"
<el-table-column label="商品图片" width="240" align="center"> style="width: 100%;margin-top: 20px" >
<el-table-column label="商品图片" width="150" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<img :src="scope.row.cartInfoMap.productInfo.attrInfo.image" style="height: 80px"> <img :src="scope.row.cartInfoMap.productInfo.attrInfo.image" style="height: 80px">
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="商品名称" width="240" align="center"> <el-table-column label="商品名称" width="300" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<p>{{scope.row.cartInfoMap.productInfo.storeName}}</p> <p>{{scope.row.cartInfoMap.productInfo.storeName}}</p>
</template> </template>
@ -131,7 +160,7 @@
{{scope.row.cartInfoMap.productInfo.attrInfo.sku}} {{scope.row.cartInfoMap.productInfo.attrInfo.sku}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="数量" width="240" align="center"> <el-table-column label="数量" width="180" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.cartInfoMap.cartNum}} {{scope.row.cartInfoMap.cartNum}}
</template> </template>
@ -186,31 +215,31 @@
<el-table style="margin-top: 20px;width: 100%" <el-table style="margin-top: 20px;width: 100%"
ref="orderHistoryTable" ref="orderHistoryTable"
:data="order.storeOrderStatusList" border> :data="order.storeOrderStatusList" border>
<el-table-column label="操作者" width="120" align="center"> <!-- <el-table-column label="操作者" width="120" align="center">-->
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
<!-- {{scope.row.operateMan}}--> <!-- &lt;!&ndash; {{scope.row.operateMan}}&ndash;&gt;-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="操作时间" width="160" align="center"> <el-table-column label="操作时间" width="160" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.changeTime}} {{scope.row.changeTime}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="订单状态" width="120" align="center"> <!-- <el-table-column label="订单状态" width="120" align="center">-->
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
{{scope.row.changeType | formatStatus}} <!-- {{scope.row.changeType | formatStatus}}-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="付款状态" width="120" align="center"> <!-- <el-table-column label="付款状态" width="120" align="center">-->
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
{{scope.row.changeType | formatPayStatus}} <!-- {{scope.row.changeType | formatPayStatus}}-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="发货状态" width="120" align="center"> <!-- <el-table-column label="发货状态" width="120" align="center">-->
<template slot-scope="scope"> <!-- <template slot-scope="scope">-->
{{scope.row.changeType | formatDeliverStatus}} <!-- {{scope.row.changeType | formatDeliverStatus}}-->
</template> <!-- </template>-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column label="备注" align="center"> <el-table-column label="备注" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.changeMessage}} {{scope.row.changeMessage}}
@ -293,25 +322,6 @@
<el-button type="primary" @click="handleUpdateMoneyInfo">确 定</el-button> <el-button type="primary" @click="handleUpdateMoneyInfo">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<!-- <el-dialog title="发送站内信"-->
<!-- :visible.sync="messageDialogVisible"-->
<!-- width="40%">-->
<!-- <el-form :model="message"-->
<!-- ref="receiverInfoForm"-->
<!-- label-width="150px">-->
<!-- <el-form-item label="标题：">-->
<!-- <el-input v-model="message.title" style="width: 200px"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="内容：">-->
<!-- <el-input v-model="message.content" type="textarea" rows="3">-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- <span slot="footer" class="dialog-footer">-->
<!-- <el-button @click="messageDialogVisible = false">取 消</el-button>-->
<!-- <el-button type="primary" @click="handleSendMessage">确 定</el-button>-->
<!-- </span>-->
<!-- </el-dialog>-->
<!-- <el-dialog title="关闭订单"--> <!-- <el-dialog title="关闭订单"-->
<!-- :visible.sync="closeDialogVisible"--> <!-- :visible.sync="closeDialogVisible"-->
<!-- width="40%">--> <!-- width="40%">-->
@ -343,12 +353,13 @@
</span> </span>
</el-dialog> </el-dialog>
<!--订单跟踪信息--> <!--订单跟踪信息-->
<!-- <logistics-dialog v-model="logisticsDialogVisible"></logistics-dialog>--> <eForm ref="form" v-if="logisticsDialogVisible" :is-add="isAdd"></eForm>
</div> </div>
</template> </template>
<script> <script>
import {getOrderDetail} from '@/api/yxStoreOrder'; import {getOrderDetail} from '@/api/yxStoreOrder';
import {formatTimeTwo} from '@/utils/index'; import {formatTimeTwo} from '@/utils/index';
import eForm from './form';
const defaultReceiverInfo = { const defaultReceiverInfo = {
orderId:null, orderId:null,
@ -362,8 +373,10 @@ import {formatTimeTwo} from '@/utils/index';
status:null status:null
}; };
export default { export default {
components: {eForm},
data() { data() {
return { return {
isAdd: false,
id: null, id: null,
order: { order: {
@ -424,6 +437,13 @@ import {formatTimeTwo} from '@/utils/index';
return '正常订单'; return '正常订单';
} }
}, },
formatShippingType(value){
if (value === 1) {
return '快递';
} else {
return '门店自提';
}
},
formatAddress(order) { formatAddress(order) {
let str = order.receiverProvince; let str = order.receiverProvince;
if (order.receiverCity != null) { if (order.receiverCity != null) {
@ -665,9 +685,9 @@ import {formatTimeTwo} from '@/utils/index';
// }); // });
}) })
}, },
// showLogisticsDialog(){ showLogisticsDialog(){
// this.logisticsDialogVisible=true; this.logisticsDialogVisible=true;
// } }
} }
} }
</script> </script>

Write Preview
Loading…
Cancel
Save