8 changed files with 1129 additions and 95 deletions
@ -0,0 +1,857 @@ |
|||||
|
<template> |
||||
|
<div class="app-container" style="position: relative; height: calc(100vh - 117px);"> |
||||
|
<div class="container"> |
||||
|
<el-tabs v-model="status" type="card" @tab-click="handleOrder"> |
||||
|
<el-tab-pane name="0"> |
||||
|
<span slot="label"> |
||||
|
<i class="el-icon-s-order"></i> |
||||
|
全部订单 |
||||
|
</span> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane name="12"> |
||||
|
<span slot="label"> |
||||
|
<i class="el-icon-bank-card"></i> |
||||
|
待付款 |
||||
|
</span> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane name="2"> |
||||
|
<span slot="label"> |
||||
|
<i class="el-icon-refrigerator"></i> |
||||
|
待发货 |
||||
|
</span> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane name="3"> |
||||
|
<span slot="label"> |
||||
|
<i class="el-icon-truck"></i> |
||||
|
待收货 |
||||
|
</span> |
||||
|
</el-tab-pane> |
||||
|
<!-- <el-tab-pane name="4"> |
||||
|
<span slot="label"> |
||||
|
<i class="el-icon-document"></i> |
||||
|
待评价 |
||||
|
</span> |
||||
|
</el-tab-pane> --> |
||||
|
<el-tab-pane name="5"> |
||||
|
<span slot="label"> |
||||
|
<i class="el-icon-circle-check"></i> |
||||
|
交易完成 |
||||
|
</span> |
||||
|
</el-tab-pane> |
||||
|
<!-- <el-tab-pane name="13"> |
||||
|
<span slot="label"> |
||||
|
<i class="el-icon-back"></i> |
||||
|
申请退款 |
||||
|
</span> |
||||
|
</el-tab-pane> |
||||
|
<el-tab-pane name="14"> |
||||
|
<span slot="label"> |
||||
|
<i class="el-icon-finished"></i> |
||||
|
已退款 |
||||
|
</span> |
||||
|
</el-tab-pane> --> |
||||
|
<el-tab-pane name="15"> |
||||
|
<span slot="label"> |
||||
|
<i class="el-icon-circle-close"></i> |
||||
|
已关闭 |
||||
|
</span> |
||||
|
</el-tab-pane> |
||||
|
</el-tabs> |
||||
|
<!--工具栏--> |
||||
|
<el-card class="filter-container" shadow="never"> |
||||
|
<div> |
||||
|
<i class="el-icon-search"></i> |
||||
|
<span>筛选搜索</span> |
||||
|
<el-button style="float:right" type="primary" @click="handleSearchList()" size="small">查询搜索 |
||||
|
</el-button> |
||||
|
<el-button style="float:right;margin-right: 15px" @click="handleResetSearch()" size="small">重置 |
||||
|
</el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 15px"> |
||||
|
<el-form :inline="true" :model="listQuery" size="small" label-width="140px"> |
||||
|
<el-form-item label="所在地："> |
||||
|
<el-input v-model="listQuery.orderSn" class="input-width" placeholder="请选择所在地"></el-input> |
||||
|
</el-form-item> |
||||
|
<!-- <el-form-item label="订单分类："> |
||||
|
<el-select v-model="listQuery.orderType" class="input-width" placeholder="全部" clearable> |
||||
|
<el-option v-for="item in orderTypeOptions" :key="item.value" :label="item.label" |
||||
|
:value="item.value"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> --> |
||||
|
|
||||
|
<el-form-item label="取货点"> |
||||
|
<el-input v-model="listQuery.orderSn" class="input-width" placeholder="请选择取货点"></el-input> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="收货信息 ："> |
||||
|
<el-input v-model="listQuery.receiverPhone" class="input-width" placeholder="收货人电话"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<!-- <el-form-item label="订单来源："> |
||||
|
<el-select v-model="listQuery.sourceType" class="input-width" placeholder="全部" clearable> |
||||
|
<el-option v-for="item in sourceTypeOptions" :key="item.value" :label="item.label" |
||||
|
:value="item.value"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> --> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
|
||||
|
<!--订单数据统计--> |
||||
|
<div class="order-caculate"> |
||||
|
<a class="caculate-title"> |
||||
|
订单数 : |
||||
|
<span class="caculate-num">{{ caculateInfo.orderCount }}</span> |
||||
|
</a> |
||||
|
|
||||
|
<a class="caculate-title"> |
||||
|
订单金额 : |
||||
|
<span class="caculate-num">{{ caculateInfo.orderPay }}</span> |
||||
|
</a> |
||||
|
<a class="caculate-title"> |
||||
|
客户数 : |
||||
|
<span class="caculate-num">{{ caculateInfo.memberCount }}</span> |
||||
|
</a> |
||||
|
</div> |
||||
|
|
||||
|
<el-card class="operate-container" shadow="never"> |
||||
|
<i class="el-icon-tickets"></i> |
||||
|
<span>数据列表</span> |
||||
|
</el-card> |
||||
|
<!-- <div class="batch-operate-container"> |
||||
|
<el-checkbox v-model="printChecked" @change="batchSelection" |
||||
|
style="margin-left:23px; margin-right: 20px;"></el-checkbox> |
||||
|
<el-select v-model="batchHandle" @change="handlePrintOption" clearable placeholder="批量操作" |
||||
|
class="filter-item" style="width: 130px; margin-right: 8px;"> |
||||
|
<el-option v-for="item in handleOptions" :key="item.value" :label="item.label" |
||||
|
:value="item.value" /> |
||||
|
</el-select> |
||||
|
<el-select v-model="batchExport" @change="handleExportOption" clearable placeholder="批量导出" |
||||
|
class="filter-item" style="width: 130px"> |
||||
|
<el-option v-for="item in exportOptions" :key="item.value" :label="item.label" |
||||
|
:value="item.value" /> |
||||
|
</el-select> |
||||
|
</div> --> |
||||
|
<div class="table-container"> |
||||
|
<el-table ref="orderTable" :data="list" style="width: 100%;" @selection-change="handleSelectionChange" |
||||
|
v-loading="listLoading" border> |
||||
|
<el-table-column type="selection" width="60" align="center"></el-table-column> |
||||
|
<el-table-column label="编号" width="80" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.id }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="订单编号" width="200" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.orderSn }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="商品" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.goodsName }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="提交时间" width="180" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.createTime | formatCreateTime }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="用户账号" width="180" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.memberUsername }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="订单金额" width="120" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
￥{{ scope.row.totalAmount }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="支付金额" width="120" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
￥{{ scope.row.payAmount }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="支付方式" width="120" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.payType | formatPayType }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<!-- <el-table-column label="订单来源" width="120" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.sourceType | formatSourceType }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="订单类型" width="120" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.orderType | formatOrderType }} |
||||
|
</template> |
||||
|
</el-table-column> --> |
||||
|
|
||||
|
<el-table-column label="订单状态" width="120" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ scope.row.status | formatStatus }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="操作" width="200" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button size="mini" @click="handleViewOrder(scope.$index, scope.row)">查看订单</el-button> |
||||
|
<!-- <el-button size="mini" @click="handleCloseOrder(scope.$index, scope.row)" |
||||
|
v-show="scope.row.status === 14">关闭订单</el-button> --> |
||||
|
<!-- <el-button size="mini" @click="handleDeliveryOrder(scope.$index, scope.row)" |
||||
|
v-show="scope.row.status === 2">订单发货</el-button> --> |
||||
|
<!-- <el-button size="mini" @click="handleViewLogistics(scope.$index, scope.row)" |
||||
|
v-show="scope.row.status > 2 || scope.row.status < 9">订单跟踪</el-button> --> |
||||
|
<!-- <el-button size="mini" type="danger" @click="handleDeleteOrder(scope.$index, scope.row)" |
||||
|
v-show="scope.row.status === 15">删除订单</el-button> --> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
|
||||
|
<div class="pagination-container"> |
||||
|
<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" |
||||
|
layout="total, sizes,prev, pager, next,jumper" :current-page.sync="listQuery.pageNum" |
||||
|
:page-size="listQuery.pageSize" :page-sizes="[5, 10, 15]" :total="total"></el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import checkPermission from '@/utils/permission'; |
||||
|
import { |
||||
|
formatTime |
||||
|
} from '@/utils/index'; |
||||
|
import { |
||||
|
fetchList, |
||||
|
closeOrder, |
||||
|
deleteOrder, |
||||
|
orderData |
||||
|
} from '@/api/order'; |
||||
|
import { |
||||
|
formatDate |
||||
|
} from '@/utils/date'; |
||||
|
import LogisticsDialog from '@/views/oms/order/components/logisticsDialog'; |
||||
|
const defaultListQuery = { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
status: 0, |
||||
|
orderSn: null, |
||||
|
receiverPhone: null, |
||||
|
createTimeStart: null, |
||||
|
createTimeEnd: null |
||||
|
}; |
||||
|
|
||||
|
export default { |
||||
|
name: 'orderList', |
||||
|
components: { |
||||
|
LogisticsDialog |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
delLoading: false, |
||||
|
status: '0', |
||||
|
orderType: '0', |
||||
|
createTime: '', |
||||
|
checkList: [], |
||||
|
printChecked: false, |
||||
|
batchHandle: '', |
||||
|
batchExport: '', |
||||
|
listContent: [], |
||||
|
listQuery: Object.assign({}, defaultListQuery), |
||||
|
listLoading: true, |
||||
|
list: null, |
||||
|
total: null, |
||||
|
operateType: null, |
||||
|
multipleSelection: [], |
||||
|
closeOrder: { |
||||
|
dialogVisible: false, |
||||
|
content: null, |
||||
|
orderIds: [] |
||||
|
}, |
||||
|
statusOptions: [{ |
||||
|
label: '待付款', |
||||
|
value: 12 |
||||
|
}, |
||||
|
{ |
||||
|
label: '待发货', |
||||
|
value: 2 |
||||
|
}, |
||||
|
{ |
||||
|
label: '已发货', |
||||
|
value: 3 |
||||
|
}, |
||||
|
{ |
||||
|
label: '已完成', |
||||
|
value: 5 |
||||
|
}, |
||||
|
{ |
||||
|
label: '申请退款', |
||||
|
value: 13 |
||||
|
}, |
||||
|
{ |
||||
|
label: '已退款', |
||||
|
value: 14 |
||||
|
}, |
||||
|
{ |
||||
|
label: '已关闭', |
||||
|
value: 15 |
||||
|
} |
||||
|
], |
||||
|
orderTypeOptions: [{ |
||||
|
label: '正常订单', |
||||
|
value: 1 |
||||
|
}, |
||||
|
{ |
||||
|
label: '秒杀订单', |
||||
|
value: 6 |
||||
|
}, |
||||
|
{ |
||||
|
value: 7, |
||||
|
label: '门店自取订单' |
||||
|
}, |
||||
|
{ |
||||
|
label: ' 拼团订单', |
||||
|
value: 2 |
||||
|
}, |
||||
|
{ |
||||
|
label: '团购订单', |
||||
|
value: 3 |
||||
|
}, |
||||
|
{ |
||||
|
label: '砍价订单', |
||||
|
value: 4 |
||||
|
}, |
||||
|
{ |
||||
|
label: '积分订单', |
||||
|
value: 5 |
||||
|
} |
||||
|
], |
||||
|
sourceTypeOptions: [{ |
||||
|
label: '小程序订单', |
||||
|
value: 1 |
||||
|
}, |
||||
|
{ |
||||
|
label: 'APP订单', |
||||
|
value: 4 |
||||
|
}, |
||||
|
{ |
||||
|
label: 'h5订单', |
||||
|
value: 2 |
||||
|
}, |
||||
|
{ |
||||
|
label: 'pc订单', |
||||
|
value: 3 |
||||
|
} |
||||
|
], |
||||
|
operateOptions: [{ |
||||
|
label: '批量发货', |
||||
|
value: 1 |
||||
|
}, |
||||
|
{ |
||||
|
label: '关闭订单', |
||||
|
value: 2 |
||||
|
}, |
||||
|
{ |
||||
|
label: '删除订单', |
||||
|
value: 3 |
||||
|
} |
||||
|
], |
||||
|
logisticsDialogVisible: false, |
||||
|
|
||||
|
handleOptions: [{ |
||||
|
value: '', |
||||
|
label: '批量操作' |
||||
|
}, { |
||||
|
value: '0', |
||||
|
label: '批量打印' |
||||
|
}], |
||||
|
exportOptions: [{ |
||||
|
value: '', |
||||
|
label: '批量导出' |
||||
|
}, { |
||||
|
value: '0', |
||||
|
label: '导出全部' |
||||
|
}, { |
||||
|
value: '1', |
||||
|
label: '导出选中' |
||||
|
}], |
||||
|
caculateInfo: { |
||||
|
orderCount: 0, |
||||
|
orderPay: 0, |
||||
|
memberCount: 0 |
||||
|
} |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.$nextTick(() => { |
||||
|
this.getList(); |
||||
|
this.orderDatas(0); |
||||
|
}); |
||||
|
}, |
||||
|
filters: { |
||||
|
formatCreateTime(time) { |
||||
|
let date = new Date(time); |
||||
|
return formatDate(date, 'yyyy-MM-dd hh:mm:ss'); |
||||
|
}, |
||||
|
formatPayType(value) { //支付方式：0->未支付；1->支付宝；2->微信 |
||||
|
if (value === 1) { |
||||
|
return '支付宝'; |
||||
|
} else if (value === 2) { |
||||
|
return '微信'; |
||||
|
} else if (value === 3) { |
||||
|
return '余额支付'; |
||||
|
} else if (value === 5) { |
||||
|
return '积分兑换'; |
||||
|
} |
||||
|
}, |
||||
|
formatSourceType(value) { //订单来源：0->PC订单；1->app订单 |
||||
|
if (value === 4) { |
||||
|
return '小程序'; |
||||
|
} else if (value === 2) { |
||||
|
return 'h5订单'; |
||||
|
} else if (value === 3) { |
||||
|
return 'PC订单'; |
||||
|
} else if (value === 1) { |
||||
|
return 'android订单'; |
||||
|
} else if (value === 5) { |
||||
|
return 'ios订单'; |
||||
|
} |
||||
|
}, |
||||
|
formatOrderType(value) { |
||||
|
if (value === 2) { |
||||
|
return '拼团订单'; |
||||
|
} else if (value === 3) { |
||||
|
return '团购订单'; |
||||
|
} else if (value === 6) { |
||||
|
return '秒杀订单'; |
||||
|
} else if (value === 1) { |
||||
|
return '普通订单'; |
||||
|
} else if (value === 4) { |
||||
|
return '砍价订单'; |
||||
|
} else if (value === 5) { |
||||
|
return '积分订单'; |
||||
|
} |
||||
|
}, |
||||
|
formatStatus(value) { //订单状态：0->待付款；1->待发货；2->已发货；3->已完成；4->已关闭；5->无效订单 |
||||
|
if (value === 12) { |
||||
|
return '待付款'; |
||||
|
} |
||||
|
if (value === 1) { |
||||
|
return '支付成功，没有回掉'; |
||||
|
} else if (value === 2) { |
||||
|
return '待发货'; |
||||
|
} else if (value === 3) { |
||||
|
return '待收货'; |
||||
|
} else if (value === 4) { |
||||
|
return '待评价'; |
||||
|
} else if (value === 5) { |
||||
|
return '已完成'; |
||||
|
} else if (value === 6) { |
||||
|
return '维权中'; |
||||
|
} else if (value === 7) { |
||||
|
return '维权已完成'; |
||||
|
} else if (value === 8) { |
||||
|
return '待分享'; |
||||
|
} else if (value === 13) { |
||||
|
return '申请退款'; |
||||
|
} else if (value === 14) { |
||||
|
return '已退款'; |
||||
|
} else if (value === 15) { |
||||
|
return '已关闭'; |
||||
|
} else if (value === 16) { |
||||
|
return '无效订单'; |
||||
|
} else if (value === 17) { |
||||
|
return '已删除'; |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
formatTime, |
||||
|
checkPermission, |
||||
|
handleOrder(tab, event) { |
||||
|
this.listQuery.status = tab.name; |
||||
|
this.getList(); |
||||
|
this.orderDatas(tab.name); |
||||
|
console.log("tab", tab) |
||||
|
}, |
||||
|
handleResetSearch() { |
||||
|
this.listQuery = Object.assign({}, defaultListQuery); |
||||
|
}, |
||||
|
handleSearchList() { |
||||
|
this.listQuery.pageNum = 1; |
||||
|
this.getList(); |
||||
|
}, |
||||
|
handleSelectionChange(val) { |
||||
|
this.multipleSelection = val; |
||||
|
}, |
||||
|
handleViewOrder(index, row) { |
||||
|
this.$router.push({ |
||||
|
path: '/oms/orderDetail', |
||||
|
query: { |
||||
|
id: row.id |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
handleCloseOrder(index, row) { |
||||
|
this.closeOrder.dialogVisible = true; |
||||
|
this.closeOrder.orderIds = [row.id]; |
||||
|
}, |
||||
|
handleDeliveryOrder(index, row) { |
||||
|
let listItem = this.covertOrder(row); |
||||
|
console.log("listItem", listItem) |
||||
|
this.$router.push({ |
||||
|
path: '/oms/deliverOrderList', |
||||
|
query: { |
||||
|
list: [listItem] |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
handleViewLogistics(index, row) { |
||||
|
this.logisticsDialogVisible = true; |
||||
|
}, |
||||
|
handleDeleteOrder(index, row) { //删除订单 |
||||
|
let id = []; |
||||
|
id.push(row.id); |
||||
|
this.deleteOrder(id); |
||||
|
}, |
||||
|
handleBatchOperate() { |
||||
|
if (this.multipleSelection == null || this.multipleSelection.length < 1) { |
||||
|
this.$message({ |
||||
|
message: '请选择要操作的订单', |
||||
|
type: 'warning', |
||||
|
duration: 1000 |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
if (this.operateType === 1) { |
||||
|
//批量发货 |
||||
|
let list = []; |
||||
|
for (let i = 0; i < this.multipleSelection.length; i++) { |
||||
|
if (this.multipleSelection[i].status === 1) { |
||||
|
list.push(this.covertOrder(this.multipleSelection[i])); |
||||
|
} |
||||
|
} |
||||
|
if (list.length === 0) { |
||||
|
this.$message({ |
||||
|
message: '选中订单中没有可以发货的订单', |
||||
|
type: 'warning', |
||||
|
duration: 1000 |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
this.$router.push({ |
||||
|
path: '/oms/deliverOrderList', |
||||
|
query: { |
||||
|
list: list |
||||
|
} |
||||
|
}); |
||||
|
} else if (this.operateType === 2) { |
||||
|
//关闭订单 |
||||
|
this.closeOrder.orderIds = []; |
||||
|
for (let i = 0; i < this.multipleSelection.length; i++) { |
||||
|
this.closeOrder.orderIds.push(this.multipleSelection[i].id); |
||||
|
} |
||||
|
this.closeOrder.dialogVisible = true; |
||||
|
} else if (this.operateType === 3) { |
||||
|
//删除订单 |
||||
|
let ids = []; |
||||
|
for (let i = 0; i < this.multipleSelection.length; i++) { |
||||
|
ids.push(this.multipleSelection[i].id); |
||||
|
} |
||||
|
this.deleteOrder(ids); |
||||
|
} |
||||
|
}, |
||||
|
// 设置每页几条 |
||||
|
handleSizeChange(val) { |
||||
|
this.listQuery.pageNum = 1; |
||||
|
this.listQuery.pageSize = val; |
||||
|
this.getList(); |
||||
|
}, |
||||
|
// 查看第几页数据 |
||||
|
handleCurrentChange(val) { |
||||
|
this.listQuery.pageNum = val; |
||||
|
this.getList(); |
||||
|
}, |
||||
|
handleCloseOrderConfirm() { |
||||
|
if (this.closeOrder.content == null || this.closeOrder.content === '') { |
||||
|
this.$message({ |
||||
|
message: '操作备注不能为空', |
||||
|
type: 'warning', |
||||
|
duration: 1000 |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
let params = new URLSearchParams(); |
||||
|
params.append('ids', this.closeOrder.orderIds); |
||||
|
params.append('note', this.closeOrder.content); |
||||
|
closeOrder(params).then(response => { |
||||
|
this.closeOrder.orderIds = []; |
||||
|
this.closeOrder.dialogVisible = false; |
||||
|
this.getList(); |
||||
|
this.$message({ |
||||
|
message: '修改成功', |
||||
|
type: 'success', |
||||
|
duration: 1000 |
||||
|
}); |
||||
|
}); |
||||
|
}, |
||||
|
getList() { |
||||
|
this.listLoading = true; |
||||
|
if (this.listQuery.status == 0) |
||||
|
this.listQuery.status = null |
||||
|
|
||||
|
if (this.listQuery.orderSn == "") |
||||
|
this.listQuery.orderSn = null |
||||
|
|
||||
|
if (this.listQuery.receiverPhone == "") |
||||
|
this.listQuery.receiverPhone = null |
||||
|
|
||||
|
|
||||
|
console.log("listQuery", this.listQuery) |
||||
|
fetchList(this.listQuery).then(response => { |
||||
|
this.listLoading = false; |
||||
|
console.log("list", response.data.records) |
||||
|
this.list = response.data.records; |
||||
|
this.total = response.data.total; |
||||
|
}); |
||||
|
}, |
||||
|
orderDatas(status) { |
||||
|
orderData({ |
||||
|
status: status |
||||
|
}).then(response => { |
||||
|
this.caculateInfo = response.data; |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
deleteOrder(id) { |
||||
|
this.$confirm('是否要进行该删除操作?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
let params = new URLSearchParams(); |
||||
|
params.append('id', id); |
||||
|
deleteOrder(params).then(response => { |
||||
|
this.$message({ |
||||
|
message: '删除成功！', |
||||
|
type: 'success', |
||||
|
duration: 1000 |
||||
|
}); |
||||
|
this.getList(); |
||||
|
}); |
||||
|
}); |
||||
|
}, |
||||
|
covertOrder(order) { |
||||
|
let address = order.receiverRegion + order |
||||
|
.receiverDetailAddress; |
||||
|
|
||||
|
let listItem = { |
||||
|
orderId: order.id, |
||||
|
orderSn: order.orderSn, |
||||
|
receiverName: order.receiverName, |
||||
|
receiverPhone: order.receiverPhone, |
||||
|
receiverPostCode: order.receiverPostCode, |
||||
|
address: address, |
||||
|
deliveryCompany: null, |
||||
|
deliverySn: null |
||||
|
}; |
||||
|
return listItem; |
||||
|
}, |
||||
|
beforeInit() { |
||||
|
this.url = 'api/yxStoreOrder'; |
||||
|
const sort = 'id,desc'; |
||||
|
this.params = { |
||||
|
page: this.page, |
||||
|
size: this.size, |
||||
|
sort: sort, |
||||
|
orderStatus: this.status, |
||||
|
orderType: this.orderType, |
||||
|
addTime: this.createTime, |
||||
|
listContent: this.listContent |
||||
|
}; |
||||
|
const query = this.query; |
||||
|
const type = query.type; |
||||
|
|
||||
|
return true; |
||||
|
}, |
||||
|
|
||||
|
getCaculateInfo() {}, |
||||
|
clearCaculateInfo() { |
||||
|
this.caculateInfo = { |
||||
|
orderCount: 0, |
||||
|
orderPay: 0, |
||||
|
memberCount: 0 |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
batchSelection(val) { |
||||
|
let rows = this.data; |
||||
|
if (val) { |
||||
|
rows.forEach(row => { |
||||
|
this.$refs.multipleTable.toggleRowSelection(row); |
||||
|
}); |
||||
|
} else { |
||||
|
this.$refs.multipleTable.clearSelection(); |
||||
|
} |
||||
|
}, |
||||
|
handlePrintOption(val) { |
||||
|
switch (val) { |
||||
|
case '0': |
||||
|
this.getPrintList(); |
||||
|
this.batchHandle = ''; |
||||
|
break; |
||||
|
default: |
||||
|
break; |
||||
|
} |
||||
|
}, |
||||
|
handleExportOption(val) { |
||||
|
let list = this.checkList; |
||||
|
this.page = 0; |
||||
|
this.size = 10000; |
||||
|
switch (val) { |
||||
|
case '0': |
||||
|
this.listContent = ''; |
||||
|
this.beforeInit(); |
||||
|
this.downloadMethod(); |
||||
|
break; |
||||
|
case '1': |
||||
|
if (list.length == 0) { |
||||
|
this.$message({ |
||||
|
message: '请选择订单', |
||||
|
type: 'warning' |
||||
|
}); |
||||
|
} else { |
||||
|
this.listContent = []; |
||||
|
list.forEach(item => { |
||||
|
this.listContent.push(item.orderId); |
||||
|
}); |
||||
|
this.listContent = JSON.stringify(this.listContent); |
||||
|
this.beforeInit(); |
||||
|
this.downloadMethod(); |
||||
|
} |
||||
|
break; |
||||
|
default: |
||||
|
break; |
||||
|
} |
||||
|
this.batchExport = ''; |
||||
|
}, |
||||
|
downloadMethod() { |
||||
|
this.beforeInit(); |
||||
|
this.downloadLoading = true; |
||||
|
download(process.env.BASE_API + '/download', this.params) |
||||
|
.then(result => { |
||||
|
this.downloadFile(result, this.title + '数据', 'xlsx'); |
||||
|
this.downloadLoading = false; |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.downloadLoading = false; |
||||
|
}); |
||||
|
}, |
||||
|
// 下载文件 |
||||
|
downloadFile(obj, name, suffix) { |
||||
|
const url = window.URL.createObjectURL(new Blob([obj])); |
||||
|
const link = document.createElement('a'); |
||||
|
link.style.display = 'none'; |
||||
|
link.href = url; |
||||
|
const fileName = parseTime(new Date()) + '-' + name + '.' + suffix; |
||||
|
link.setAttribute('download', fileName); |
||||
|
document.body.appendChild(link); |
||||
|
link.click(); |
||||
|
document.body.removeChild(link); |
||||
|
}, |
||||
|
getPrintList() { |
||||
|
let list = this.checkList; |
||||
|
if (list.length == 0) { |
||||
|
this.$message({ |
||||
|
message: '请选择订单', |
||||
|
type: 'warning' |
||||
|
}); |
||||
|
} else { |
||||
|
const _this = this.$refs.form5; |
||||
|
_this.dialog = true; |
||||
|
} |
||||
|
}, |
||||
|
checkboxT(row, rowIndex) { |
||||
|
return row.id !== 1; |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.container { |
||||
|
height: calc(100% - 80px); |
||||
|
position: absolute; |
||||
|
overflow: auto; |
||||
|
width: calc(100% - 20px); |
||||
|
|
||||
|
.order-caculate { |
||||
|
font-size: 14px; |
||||
|
color: #909399; |
||||
|
border-top: 1px solid #f0f0f0; |
||||
|
padding: 20px 10px; |
||||
|
|
||||
|
.caculate-title { |
||||
|
display: inline-block; |
||||
|
margin-right: 50px; |
||||
|
} |
||||
|
|
||||
|
.caculate-num { |
||||
|
font-size: 20px; |
||||
|
color: #ff4949; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-table th { |
||||
|
background-color: #fafafa; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.footer-contains { |
||||
|
position: absolute; |
||||
|
display: -ms-flexbox; |
||||
|
display: flex; |
||||
|
background-color: #f6f6f6; |
||||
|
bottom: 0; |
||||
|
flex-align: center; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
width: 100%; |
||||
|
z-index: 999; |
||||
|
padding: 0 20px 0 13px; |
||||
|
} |
||||
|
|
||||
|
/*打印单样式编辑*/ |
||||
|
.order-list { |
||||
|
/* height: 297mm;*/ |
||||
|
margin: 0 auto; |
||||
|
width: 210mm; |
||||
|
|
||||
|
.order-title { |
||||
|
height: 16mm; |
||||
|
line-height: 16mm; |
||||
|
font-size: 8mm; |
||||
|
font-weight: bolder; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.order-info { |
||||
|
span { |
||||
|
display: inline-block; |
||||
|
padding: 0 0 10px 0; |
||||
|
font-size: 3mm; |
||||
|
} |
||||
|
|
||||
|
span.info { |
||||
|
width: 60mm; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-table--small th, |
||||
|
.el-table--small td { |
||||
|
padding: 4px 0; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue