| | |
| | | <span v-if="item.status ==1" class="orange">{{item.receiveType==1?'待自提':'待发货'}}</span> |
| | | <span v-if="item.status ==2" class="orange">待收货</span> |
| | | <span v-if="item.status ==3" class="grey">交易完成</span> |
| | | <span v-if="item.status ==4" class="grey">已关闭</span> |
| | | <span v-if="item.status ==4" class="grey">已取消</span> |
| | | <span v-if="item.status ==6" class="grey">已退款</span> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="mark" v-if="item.sysInfo&& item.sysInfo.length" >备注:{{item.sysInfo}}</div> |
| | | </div> |
| | | <div class="member-message right-border"> |
| | | <div class="el-icon-user" style="padding: 5px 5px;">{{ item.linkname }}</div> |
| | | <div class="el-icon-phone-outline" style="padding: 10px 5px;color: #777;font-size: 13px;">{{ item.linkphone }}</div> |
| | | <div class="el-icon-user" style="padding: 5px 5px;width: 100%;">{{ item.linkname }}</div> |
| | | <div class="el-icon-phone-outline" style="padding: 10px 5px;width: 100%;color: #777;font-size: 13px;">{{ item.linkphone }}</div> |
| | | </div> |
| | | <div class="address-message right-border right-border" style="padding-top: 15px;" > |
| | | <div class="underway el-icon-sell" >{{item.receiveType==1?'到店自提':'快递配送'}} </div> |
| | |
| | | </div> |
| | | <div class="price-message right-border"> |
| | | <div class="underway" >订单总价:¥{{ (item.totalPrice||0).toFixed(2) }}</div> |
| | | <div class="price-info">商品总价:¥{{ ((item.totalPrice||0)-(item.price || 0)).toFixed(2)}}</div> |
| | | <div class="price-info">商品总价:¥{{ ((item.totalPrice||0)-(item.mailPrice || 0)).toFixed(2)}}</div> |
| | | <div class="price-info">物流运费:¥{{ (item.mailPrice || 0).toFixed(2)}}</div> |
| | | <div class="price-info">积分抵扣:-¥{{ (item.integral || 0 ).toFixed(2)}}</div> |
| | | <div class="price-info">优惠金额:-¥{{ (item.couponPrice).toFixed(2) }}</div> |
| | |
| | | <div class="action"> |
| | | <el-button v-if="item.status==1 && item.receiveType!=1" style=" width: 80%;" type="primary" @click="$refs.operaShipmentsWindow.open('发货', item)">发货</el-button> |
| | | <div></div> |
| | | <el-button v-if="item.status == 0" style="color: red; " type="text" @click="cancelOrder(item)">取消订单</el-button> |
| | | <el-button v-if="item.status == 0 || item.status==1" style="color: red; " type="text" @click="$refs.OperaOrderCancelWindow.open('取消订单', item)">取消订单</el-button> |
| | | <div></div> |
| | | <el-button v-if="item.status == 3" style="color: red " type="text" @click="cancelOrder(item)">订单退款</el-button> |
| | | <el-button v-if="item.status == 3" style="color: red " type="text" @click="$refs.OperaOrderRefundWindow.open('订单退款', item)">订单退款</el-button> |
| | | <div></div> |
| | | <el-button v-if="item.status==2 && item.receiveType!=1" style="color: #666; " type="text" @click="$refs.operaShipmentsWindow.open('快递信息变更', item)">快递变更</el-button> |
| | | <div></div> |
| | |
| | | <!-- 新建/修改 --> |
| | | <OperaShipmentsWindow ref="operaShipmentsWindow" @success="search"/> |
| | | <OperaOrderMarkWindow ref="operaOrderMarkWindow" @success="handlePageChange"/> |
| | | <OperaGoodsOrderDetail ref="operaGoodsOrderDetail"/> |
| | | <OperaOrderRefundWindow ref="OperaOrderRefundWindow" @success="handlePageChange"/> |
| | | <OperaOrderCancelWindow ref="OperaOrderCancelWindow" @success="handlePageChange"/> |
| | | <OperaGoodsOrderDetail ref="operaGoodsOrderDetail" @success="handlePageChange"/> |
| | | </TableLayout> |
| | | </template> |
| | | |
| | |
| | | import Pagination from '@/components/common/Pagination' |
| | | import OperaShipmentsWindow from '@/components/business/OperaShipmentsWindow' |
| | | import OperaOrderMarkWindow from '@/components/business/OperaOrderMarkWindow' |
| | | import OperaOrderCancelWindow from '@/components/business/OperaOrderCancelWindow' |
| | | import OperaGoodsOrderDetail from '@/components/business/OperaGoodsOrderDetail' |
| | | import OperaOrderRefundWindow from '@/components/business/OperaOrderRefundWindow' |
| | | export default { |
| | | name: 'Goodsorder', |
| | | extends: BaseTable, |
| | | components: { TableLayout, Pagination, OperaShipmentsWindow, OperaOrderMarkWindow, OperaGoodsOrderDetail }, |
| | | components: { OperaOrderRefundWindow, TableLayout, Pagination, OperaShipmentsWindow, OperaOrderMarkWindow, OperaGoodsOrderDetail, OperaOrderCancelWindow }, |
| | | data () { |
| | | return { |
| | | status: '10', |
| | |
| | | { name: '2', label: '待收货', count: 0 }, |
| | | { name: '3', label: '交易完成', count: 0 }, |
| | | { name: '6', label: '已退款', count: 0 }, |
| | | { name: '4', label: '交易关闭', count: 0 }], |
| | | { name: '4', label: '已取消', count: 0 }], |
| | | // 搜索 |
| | | searchForm: { |
| | | id: '', |
| | |
| | | nickName: '', |
| | | starttime: null, |
| | | enttime: null |
| | | }, |
| | | } |
| | | } |
| | | }, |
| | | created () { |
| | |
| | | this.search() |
| | | }, |
| | | cancelOrder (item) { |
| | | this.$dialog.cancelOrder(`确定取消订单:${item.code}?`) |
| | | this.$dialog.messageWaring(`确定取消订单:${item.code}?`) |
| | | .then(() => { |
| | | |
| | | }) |
| | |
| | | flex: 0.4; |
| | | } |
| | | .address-message { |
| | | flex: 0.6; |
| | | flex: 0.7; |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | overflow: hidden; |
| | |
| | | } |
| | | } |
| | | .action { |
| | | flex: 0.5; |
| | | flex: 0.4; |
| | | box-sizing: border-box; |
| | | padding: 10px; |
| | | text-align: center; |