fix: 预售订单列表简单处理
This commit is contained in:
parent
1314bdb200
commit
746c671538
|
|
@ -1,370 +1,209 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div style="height: calc(100vh - 200px)">
|
||||||
<div v-if="isMerchant" style="height: calc(100vh - 200px)">
|
<el-form
|
||||||
<obj-table-plus
|
v-if="storeList.length > 1"
|
||||||
ref="oTable"
|
:inline="true"
|
||||||
style="height: 100%"
|
:model="formInline"
|
||||||
:tableCols="tableCols"
|
class="demo-form-inline"
|
||||||
:tableProp="tableProp"
|
>
|
||||||
@query="queryList"
|
<el-form-item label="摊铺">
|
||||||
v-model="dataList"
|
<el-select
|
||||||
:tableEvent="tableEvent"
|
class="filter-item"
|
||||||
:enableAutoQuery="false"
|
style="width: 200px"
|
||||||
>
|
v-model="formInline.shopId"
|
||||||
<template slot="tableTop">
|
placeholder="请选择摊铺"
|
||||||
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
>
|
||||||
<el-row v-if="storeList.length > 1">
|
<el-option
|
||||||
<el-col :span="24">
|
v-for="item in storeList"
|
||||||
<!-- <el-form-item label="菜市场">
|
:key="item.shopId"
|
||||||
<el-select
|
:label="item.shopName"
|
||||||
@change="getData"
|
:value="item.shopId"
|
||||||
v-model="formInline.marketId"
|
>
|
||||||
placeholder="请选择菜市场"
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="getList">查询</el-button>
|
||||||
|
<el-button type="primary" @click="Reset">重置</el-button>
|
||||||
|
<el-button
|
||||||
|
type="success"
|
||||||
|
@click="
|
||||||
|
$router.push({ name: 'operation-management-total-order/index' })
|
||||||
|
"
|
||||||
|
>菜市场总订单</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-tabs v-model="formInline.group" @tab-click="handleClick">
|
||||||
|
<el-tab-pane
|
||||||
|
v-for="item in statusList"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:name="item.value"
|
||||||
|
></el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
<el-table :data="tableData" height="70vh" border style="width: 100%">
|
||||||
|
<el-table-column type="expand">
|
||||||
|
<template slot-scope="props">
|
||||||
|
<div style="padding-left: 20px" m="4">
|
||||||
|
<el-table :data="props.row.productOrders" :border="true">
|
||||||
|
<el-table-column type="index" width="50" label="序号">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="商品订单号" prop="productOrderNo" />
|
||||||
|
<el-table-column label="商品名称" prop="productName" />
|
||||||
|
<el-table-column label="商品原价" prop="originPrice" />
|
||||||
|
<el-table-column label="商品终价" prop="finalPrice" />
|
||||||
|
<el-table-column label="商品订单金额" prop="productOrderMoney" />
|
||||||
|
<el-table-column label="商品数量" prop="productCount" />
|
||||||
|
<el-table-column label="商品单价" prop="productFinalPrice" />
|
||||||
|
<el-table-column label="商品图片" prop="productImg">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-image
|
||||||
|
style="width: 60px; height: 60px"
|
||||||
|
:src="scope.row.productImg"
|
||||||
|
:preview-src-list="[scope.row.productImg]"
|
||||||
>
|
>
|
||||||
<el-option
|
</el-image>
|
||||||
v-for="item in marketList"
|
</template>
|
||||||
:key="item.marketId"
|
</el-table-column>
|
||||||
:label="item.marketName"
|
</el-table>
|
||||||
:value="item.marketId"
|
|
||||||
></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item> -->
|
|
||||||
<el-form-item label="店铺">
|
|
||||||
<el-select
|
|
||||||
v-model="formInline.shopId"
|
|
||||||
placeholder="请选择店铺"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in storeList"
|
|
||||||
:key="item.shopId"
|
|
||||||
:label="item.shopName"
|
|
||||||
:value="item.shopId"
|
|
||||||
></el-option>
|
|
||||||
</el-select> </el-form-item
|
|
||||||
></el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-form-item label="订单号">
|
|
||||||
<el-input
|
|
||||||
v-model="formInline.name"
|
|
||||||
placeholder="订单号搜索"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="订单商品">
|
|
||||||
<el-input
|
|
||||||
v-model="formInline.name"
|
|
||||||
placeholder="订单名称搜索"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="定金付款时间">
|
|
||||||
<el-date-picker
|
|
||||||
value-format="yyyy-MM-dd HH:mm:ss"
|
|
||||||
v-model="value1"
|
|
||||||
type="datetimerange"
|
|
||||||
start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期"
|
|
||||||
>
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="尾款付款时间">
|
|
||||||
<el-date-picker
|
|
||||||
value-format="yyyy-MM-dd HH:mm:ss"
|
|
||||||
v-model="value1"
|
|
||||||
type="datetimerange"
|
|
||||||
start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期"
|
|
||||||
>
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="配送方式">
|
|
||||||
<el-select v-model="formInline.name" placeholder="请选择菜市场">
|
|
||||||
<el-option
|
|
||||||
v-for="item in [
|
|
||||||
{ label: '全部', value: '0' },
|
|
||||||
{ label: '快递', value: '1' },
|
|
||||||
{ label: '自提', value: '2' }
|
|
||||||
]"
|
|
||||||
:key="item.marketId"
|
|
||||||
:label="item.marketName"
|
|
||||||
:value="item.marketId"
|
|
||||||
></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" @click="$refs.oTable.reload()"
|
|
||||||
>查询</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="Reset">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
||||||
<el-tab-pane
|
|
||||||
v-for="item in statusList"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:name="item.value"
|
|
||||||
></el-tab-pane>
|
|
||||||
</el-tabs>
|
|
||||||
<div class="mb-2">
|
|
||||||
<el-button type="primary" size="small" @click="addProduct"
|
|
||||||
>批量导出</el-button
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</obj-table-plus>
|
</el-table-column>
|
||||||
<!-- 详情 -->
|
<el-table-column label="总订单号" prop="orderNo" />
|
||||||
<viewDetails ref="viewDetails"></viewDetails>
|
<el-table-column label="结算单位订单号" prop="unitOrderNo" />
|
||||||
</div>
|
<el-table-column label="总商品数量" prop="productCount" />
|
||||||
<div style="height: calc(100vh - 200px)" v-else>
|
<el-table-column label="订单状态" prop="preSaleStage">
|
||||||
<el-empty :image-size="200" description="您不是摊主哦"></el-empty>
|
<template slot-scope="scope">
|
||||||
|
{{
|
||||||
|
scope.row.preSaleStage === 1
|
||||||
|
? '已付定金'
|
||||||
|
: scope.row.preSaleStage === 2
|
||||||
|
? '已付尾款'
|
||||||
|
: '待付定金'
|
||||||
|
}}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="顾客实际支付" prop="totalMoney" />
|
||||||
|
<el-table-column label="商品总价" prop="productMoney" />
|
||||||
|
<el-table-column label="配送费" prop="deliveryMoney" />
|
||||||
|
<el-table-column label="优惠券减免" prop="couponMoney" />
|
||||||
|
<el-table-column label="支付时间" prop="payTime" />
|
||||||
|
<el-table-column label="预计送达时间" prop="predictDeliveryTime" />
|
||||||
|
<el-table-column label="预计收入" prop="predictIncome" />
|
||||||
|
<el-table-column label="距离" prop="distance" />
|
||||||
|
<el-table-column label="备注" prop="remark" />
|
||||||
|
<el-table-column fixed="right" width="100px" label="操作" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button type="primary" size="mini" @click="view(scope.row)">
|
||||||
|
查看
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<!-- 分页 -->
|
||||||
|
<div class="pagination-container">
|
||||||
|
<el-pagination
|
||||||
|
:current-page="formInline.pageNumber"
|
||||||
|
:page-sizes="[10, 20, 30, 50]"
|
||||||
|
:page-size="formInline.pageSize"
|
||||||
|
:total="total"
|
||||||
|
background
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 订单详情 -->
|
||||||
|
<viewDetails ref="viewDetails"></viewDetails>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { mapState } from 'vuex'
|
|
||||||
import viewDetails from './popup/view-details.vue'
|
import viewDetails from './popup/view-details.vue'
|
||||||
|
import { mapState } from 'vuex'
|
||||||
export default {
|
export default {
|
||||||
components: { viewDetails },
|
components: { viewDetails },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
value1: '',
|
|
||||||
activeName: '5',
|
|
||||||
advanceSellStatus: '',
|
|
||||||
dataList: [],
|
|
||||||
formInline: {
|
formInline: {
|
||||||
name: '',
|
group: '',
|
||||||
marketId: '',
|
shopId: '',
|
||||||
shopId: ''
|
pageNumber: 1,
|
||||||
},
|
pageSize: 10
|
||||||
tableProp: {
|
|
||||||
'auto-resize': true,
|
|
||||||
border: true,
|
|
||||||
height: 'auto',
|
|
||||||
'row-id': 'advanceSellId',
|
|
||||||
'show-overflow': false
|
|
||||||
},
|
},
|
||||||
statusList: [
|
statusList: [
|
||||||
{
|
{
|
||||||
label: '全部',
|
label: '全部订单',
|
||||||
value: '5'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '代付定金',
|
|
||||||
value: '0'
|
value: '0'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '代付尾款',
|
label: '待备货',
|
||||||
value: '1'
|
value: '1'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '待发货',
|
label: '待取货',
|
||||||
value: '2'
|
value: '2'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '待收货',
|
label: '待收货',
|
||||||
value: '3'
|
value: '3'
|
||||||
},
|
},
|
||||||
{
|
|
||||||
label: '待评价',
|
|
||||||
value: '4'
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: '已完成',
|
label: '已完成',
|
||||||
value: '6'
|
value: '4'
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '已取消',
|
|
||||||
value: '7'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '交易关闭',
|
|
||||||
value: '8'
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
productFilterType: 'SALE',
|
tableData: [],
|
||||||
selectList: []
|
total: 0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.formInline = {
|
this.formInline = {
|
||||||
marketId: this.marketId,
|
group: '0',
|
||||||
|
// marketId: this.marketId,
|
||||||
shopId: this.shopId
|
shopId: this.shopId
|
||||||
}
|
}
|
||||||
this.$nextTick(() => {
|
this.getList()
|
||||||
this.$refs.oTable.reload()
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
addProduct() {
|
getList() {
|
||||||
this.$refs.addOrUpdate.toggle().add()
|
//根据店铺查询
|
||||||
},
|
this.$api.mer_admin
|
||||||
queryList(pageNo, pageSize) {
|
.shopOrderPage({
|
||||||
// let res = {
|
|
||||||
// data: [],
|
|
||||||
// total: 0
|
|
||||||
// }
|
|
||||||
// setTimeout(() => {
|
|
||||||
// this.$refs.oTable.complete(res.data, Number(res.total))
|
|
||||||
// }, 1000)
|
|
||||||
this.$api.preSale
|
|
||||||
.preSaleProducts({
|
|
||||||
pageNumber: pageNo,
|
|
||||||
pageSize: pageSize,
|
|
||||||
...this.formInline,
|
...this.formInline,
|
||||||
advanceSellStatus: this.advanceSellStatus,
|
orderCategory: 3
|
||||||
merchantId: JSON.parse(sessionStorage.getItem('userInfo')).merchantId,
|
|
||||||
productQuerySortParam: []
|
|
||||||
})
|
})
|
||||||
.then(res => {
|
.then(res => {
|
||||||
console.log(res)
|
console.log(res)
|
||||||
this.$refs.oTable.complete(
|
this.tableData = res.data.data.data
|
||||||
res.data.data.data,
|
this.total = Number(res.data.data.total)
|
||||||
Number(res.data.data.total)
|
|
||||||
)
|
|
||||||
})
|
|
||||||
.catch(err => {
|
|
||||||
this.$refs.oTable.complete(false)
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
Reset() {
|
Reset() {
|
||||||
this.formInline = {
|
this.formInline = {
|
||||||
name: '',
|
group: '0',
|
||||||
marketId: this.marketId,
|
|
||||||
shopId: this.shopId
|
shopId: this.shopId
|
||||||
}
|
}
|
||||||
this.$refs.oTable.reload()
|
this.getList()
|
||||||
},
|
},
|
||||||
handleClick(e) {
|
handleClick(e) {
|
||||||
console.log(e.name)
|
this.advanceSellStatus = e.name
|
||||||
if (e.name == '5') {
|
this.getList()
|
||||||
this.advanceSellStatus = ''
|
},
|
||||||
} else {
|
view(row) {
|
||||||
this.advanceSellStatus = e.name
|
this.$refs.viewDetails.toggle(row).update()
|
||||||
}
|
},
|
||||||
this.$refs.oTable.reload()
|
handleSizeChange(val) {
|
||||||
|
this.formInline.pageSize = val
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
this.formInline.pageNumber = val
|
||||||
|
this.getList()
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
tableCols() {
|
|
||||||
return [
|
|
||||||
// { type: "checkbox", width: "60px", fixed: "left" },
|
|
||||||
{
|
|
||||||
type: 'seq',
|
|
||||||
fixed: 'left',
|
|
||||||
width: '60px',
|
|
||||||
align: 'center',
|
|
||||||
title: '序号'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '订单号',
|
|
||||||
align: 'center',
|
|
||||||
field: 'id'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '订单商品',
|
|
||||||
field: 'productPhotoList',
|
|
||||||
align: 'center',
|
|
||||||
width: '80px',
|
|
||||||
type: 'jsx',
|
|
||||||
render: ({ row }) => {
|
|
||||||
if (row.productPhotoList.length > 0) {
|
|
||||||
return (
|
|
||||||
<el-image
|
|
||||||
preview-src-list={row.productPhotoList.map(item => {
|
|
||||||
return item.url
|
|
||||||
})}
|
|
||||||
src={row.productPhotoList[0].url}
|
|
||||||
></el-image>
|
|
||||||
)
|
|
||||||
} else {
|
|
||||||
return <span>暂无商品图</span>
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '商品名称',
|
|
||||||
align: 'center',
|
|
||||||
field: 'name'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '规格/数量',
|
|
||||||
align: 'center',
|
|
||||||
field: 'name'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '定金支付时间',
|
|
||||||
align: 'center',
|
|
||||||
field: 'startTime',
|
|
||||||
type: 'jsx',
|
|
||||||
render: ({ row }) => {
|
|
||||||
return (
|
|
||||||
<span>
|
|
||||||
{row.startTime}至{row.endTime}
|
|
||||||
</span>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '尾款支付时间',
|
|
||||||
align: 'center',
|
|
||||||
field: 'minSalePrice',
|
|
||||||
type: 'jsx',
|
|
||||||
render: ({ row }) => {
|
|
||||||
return (
|
|
||||||
<span>
|
|
||||||
{row.balancePaymentStartTime}至{row.balancePaymentEndTime}
|
|
||||||
</span>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '状态',
|
|
||||||
align: 'center',
|
|
||||||
field: 'status',
|
|
||||||
type: 'jsx',
|
|
||||||
render: ({ row }) => {
|
|
||||||
if (row.advanceSellStatus == '0') {
|
|
||||||
return <span>未开始</span>
|
|
||||||
} else if (row.advanceSellStatus == '1') {
|
|
||||||
return <span>进行中</span>
|
|
||||||
} else if (row.advanceSellStatus == '2') {
|
|
||||||
return <span>已结束</span>
|
|
||||||
} else if (row.advanceSellStatus == '3') {
|
|
||||||
return <span>已关闭</span>
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作',
|
|
||||||
fixed: 'right',
|
|
||||||
type: 'jsx',
|
|
||||||
align: 'center',
|
|
||||||
width: '100px',
|
|
||||||
render: ({ row }) => {
|
|
||||||
let details = () => {
|
|
||||||
this.$refs.viewDetails.toggle(row).update()
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<el-button size="mini" type="primary" onClick={details}>
|
|
||||||
查看
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
tableEvent() {
|
|
||||||
return {
|
|
||||||
'checkbox-all': ({ records, reserves }) => {
|
|
||||||
this.selectList = [...records, ...reserves]
|
|
||||||
},
|
|
||||||
'checkbox-change': ({ records, reserves }) => {
|
|
||||||
this.selectList = [...records, ...reserves]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
...mapState('userData', [
|
...mapState('userData', [
|
||||||
'isMerchant',
|
'isMerchant',
|
||||||
'marketList',
|
'marketList',
|
||||||
|
|
@ -377,4 +216,3 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped></style>
|
<style lang="scss" scoped></style>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -15,183 +15,203 @@
|
||||||
class="demo-ruleForm"
|
class="demo-ruleForm"
|
||||||
>
|
>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="12">
|
<el-col :span="8">
|
||||||
<el-form-item label="订金支付时间：" prop="startTime">
|
<el-form-item label="订单状态：">
|
||||||
<el-date-picker
|
<span>
|
||||||
@change="getOrderTime"
|
{{
|
||||||
format="yyyy-MM-dd HH:mm"
|
ruleForm.preSaleStage === 1
|
||||||
data-format="yyyy-MM-dd HH:mm"
|
? '已付定金'
|
||||||
:disabled="true"
|
: ruleForm.preSaleStage === 2
|
||||||
value-format="yyyy-MM-dd HH:mm:ss"
|
? '已付尾款'
|
||||||
v-model="orderTime"
|
: '待付定金'
|
||||||
type="datetimerange"
|
}}
|
||||||
range-separator="至"
|
</span>
|
||||||
start-placeholder="开始日期"
|
</el-form-item></el-col
|
||||||
end-placeholder="结束日期"
|
>
|
||||||
:editable="false"
|
<el-col :span="8">
|
||||||
>
|
<el-form-item label="总订单号：">
|
||||||
</el-date-picker> </el-form-item
|
<span>{{ ruleForm.orderNo }}</span>
|
||||||
></el-col>
|
</el-form-item></el-col
|
||||||
<el-col :span="12">
|
>
|
||||||
<el-form-item
|
<el-col :span="8">
|
||||||
label="尾款支付时间："
|
<el-form-item label=" 结算单位订单号：">
|
||||||
prop="balancePaymentStartTime"
|
<span>{{ ruleForm.unitOrderNo }}</span>
|
||||||
>
|
</el-form-item></el-col
|
||||||
<el-date-picker
|
>
|
||||||
@change="getArrearsTime"
|
<el-col :span="8">
|
||||||
format="yyyy-MM-dd HH:mm"
|
<el-form-item label="总商品数量：">
|
||||||
data-format="yyyy-MM-dd HH:mm"
|
<span>{{ ruleForm.productCount }}</span>
|
||||||
:disabled="true"
|
</el-form-item></el-col
|
||||||
value-format="yyyy-MM-dd HH:mm:ss"
|
>
|
||||||
v-model="arrears"
|
|
||||||
type="datetimerange"
|
|
||||||
range-separator="至"
|
|
||||||
start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期"
|
|
||||||
:picker-options="pickerOptions"
|
|
||||||
>
|
|
||||||
</el-date-picker> </el-form-item
|
|
||||||
></el-col>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-form-item
|
<el-row>
|
||||||
label="预计发货时间："
|
<el-col :span="8">
|
||||||
prop="estimatedStartDeliveryTime"
|
<el-form-item label="顾客支付：">
|
||||||
>
|
<span>{{ ruleForm.totalMoney }}</span>
|
||||||
<el-date-picker
|
</el-form-item></el-col
|
||||||
format="yyyy-MM-dd HH:mm"
|
|
||||||
data-format="yyyy-MM-dd HH:mm"
|
|
||||||
:disabled="true"
|
|
||||||
value-format="yyyy-MM-dd HH:mm:ss"
|
|
||||||
@change="deliveryTime"
|
|
||||||
v-model="delivery"
|
|
||||||
type="datetimerange"
|
|
||||||
range-separator="至"
|
|
||||||
start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期"
|
|
||||||
:picker-options="pickerOptions"
|
|
||||||
>
|
>
|
||||||
</el-date-picker>
|
<el-col :span="8">
|
||||||
</el-form-item>
|
<el-form-item label="配送费：">
|
||||||
<el-form-item label="定金可退：" prop="isRefundEarnestMoney">
|
<span>{{ ruleForm.deliveryMoney }}</span>
|
||||||
<el-radio
|
</el-form-item></el-col
|
||||||
v-model="ruleForm.isRefundEarnestMoney"
|
|
||||||
:label="1"
|
|
||||||
:disabled="true"
|
|
||||||
>是</el-radio
|
|
||||||
>
|
>
|
||||||
<el-radio
|
<el-col :span="8">
|
||||||
v-model="ruleForm.isRefundEarnestMoney"
|
<el-form-item label="优惠券减免：">
|
||||||
:label="0"
|
<span>{{ ruleForm.couponMoney }}</span>
|
||||||
:disabled="true"
|
</el-form-item></el-col
|
||||||
>否</el-radio
|
|
||||||
>
|
>
|
||||||
<span>
|
</el-row>
|
||||||
选择是，用户可在付尾款前申请退定金（申请后自动退，无需审核），或付尾款时间结束后系统自动退定金
|
<el-row>
|
||||||
</span>
|
<el-col :span="8">
|
||||||
</el-form-item>
|
<el-form-item label="下单时间：">
|
||||||
|
<span>{{ ruleForm.payTime }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="预计送达时间：">
|
||||||
|
<span>{{ ruleForm.predictDeliveryTime }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="预计收入：">
|
||||||
|
<span>{{ ruleForm.predictIncome }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="距离：">
|
||||||
|
<span>{{ ruleForm.distance }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="预计自动取消时间：">
|
||||||
|
<span>{{ ruleForm.predictAutoCancelTime }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="备注：">
|
||||||
|
<span>{{ ruleForm.remark }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="包装费：">
|
||||||
|
<span>{{ ruleForm.packageMoney }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="平台服务费：">
|
||||||
|
<span>{{ ruleForm.platformMoney }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="备餐完成时间：">
|
||||||
|
<span>{{ ruleForm.completePrepareTime }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="开始配送时间：">
|
||||||
|
<span>{{ ruleForm.startDeliveryTime }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="配送完成时间：">
|
||||||
|
<span>{{ ruleForm.completeDeliveryTime }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="下单时间：">
|
||||||
|
<span>{{ ruleForm.createTime }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="完成取货时间：">
|
||||||
|
<span>{{ ruleForm.pickTime }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="订单完成时间：">
|
||||||
|
<span>{{ ruleForm.completeTime }}</span>
|
||||||
|
</el-form-item></el-col
|
||||||
|
>
|
||||||
|
<el-col :span="8">
|
||||||
|
<!-- <el-form-item label="配送方式：">
|
||||||
|
<span>{{ ruleForm.deliveryType }}</span>
|
||||||
|
</el-form-item> -->
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
<div style="padding: 0 0 0 20px; font-size: 16px; font-weight: 600">
|
<div style="padding: 0 0 0 20px; font-size: 16px; font-weight: 600">
|
||||||
已选择商品
|
订单商品
|
||||||
</div>
|
</div>
|
||||||
<div style="padding: 20px">
|
<div style="padding: 20px">
|
||||||
<div style="border-top: 1px solid #ccc; padding: 10px 0 0 0">
|
<div style="border-top: 1px solid #ccc; padding: 10px 0 0 0">
|
||||||
<div style="font-size: 16px; margin-bottom: 20px">
|
|
||||||
<span>商品ID:{{ ruleForm.productId }}</span>
|
|
||||||
<span style="margin-left: 20px"
|
|
||||||
>商品名称:{{ ruleForm.name }}</span
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<el-table
|
<el-table
|
||||||
border
|
border
|
||||||
ref="multipleTable"
|
ref="multipleTable"
|
||||||
:data="ruleForm.productSpecificationList"
|
:data="ruleForm.productOrders"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
@selection-change="handleSelectionChange"
|
@selection-change="handleSelectionChange"
|
||||||
>
|
>
|
||||||
<el-table-column align="center" label="是否预售" width="80">
|
<el-table-column
|
||||||
|
prop="shopName"
|
||||||
|
align="center"
|
||||||
|
label="店铺名称"
|
||||||
|
width="80"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
label="商品名称"
|
||||||
|
prop="productName"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
label="商品图片"
|
||||||
|
prop="productImg"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{
|
<el-image
|
||||||
scope.row.isAdvanceSell == 1 ? '是' : '否'
|
style="width: 60px; height: 60px"
|
||||||
}}</span>
|
:src="scope.row.productImg"
|
||||||
<!-- <el-checkbox
|
:preview-src-list="[scope.row.productImg]"
|
||||||
:true-label="1"
|
>
|
||||||
:false-label="0"
|
</el-image>
|
||||||
v-model="scope.row.isAdvanceSell"
|
|
||||||
></el-checkbox> -->
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" label="SKU-ID" prop="id" />
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
label="规格"
|
label="规格"
|
||||||
prop="attributeList"
|
prop="productSpecName"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ scope.row.attributeValue }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center" label="属性" prop="address">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{
|
|
||||||
scope.row.attributeList
|
|
||||||
? scope.row.attributeList[0].attributeName
|
|
||||||
: '无'
|
|
||||||
}}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
label="销售价"
|
label="商品原价"
|
||||||
prop="marketPrice"
|
prop="originPrice"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
label="商品终价"
|
||||||
|
prop="finalPrice"
|
||||||
width="120"
|
width="120"
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="presalePrice"
|
prop="productOrderMoney"
|
||||||
align="center"
|
align="center"
|
||||||
label="*预售价"
|
label="商品订单金额"
|
||||||
width="200"
|
width="200"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.isAdvanceSell">{{
|
|
||||||
scope.row.presalePrice
|
|
||||||
}}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="earnestMoney"
|
|
||||||
align="center"
|
|
||||||
label="*定金"
|
|
||||||
width="200"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.isAdvanceSell">{{
|
|
||||||
scope.row.earnestMoney
|
|
||||||
}}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center" label="尾款" width="200">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.isAdvanceSell">{{
|
|
||||||
scope.row.presalePrice
|
|
||||||
? scope.row.presalePrice - scope.row.earnestMoney
|
|
||||||
: ''
|
|
||||||
}}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center" label="*预售库存" width="200">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="scope.row.isAdvanceSell">{{
|
|
||||||
scope.row.advanceSellStockNum
|
|
||||||
}}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
<el-empty
|
|
||||||
v-show="ruleForm.productList?.length == 0"
|
|
||||||
description="请选择商品"
|
|
||||||
></el-empty>
|
|
||||||
</div>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -203,51 +223,31 @@
|
||||||
import { debounce, cloneDeep } from 'lodash'
|
import { debounce, cloneDeep } from 'lodash'
|
||||||
export default {
|
export default {
|
||||||
components: {},
|
components: {},
|
||||||
props: {
|
props: {},
|
||||||
marketId: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
shopId: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
isAdd: true,
|
isAdd: true,
|
||||||
//表格属性
|
//表格属性
|
||||||
modalConfig: {
|
modalConfig: {
|
||||||
title: '查看预售',
|
title: '订单详情',
|
||||||
show: false,
|
show: false,
|
||||||
width: '1200px',
|
width: '1200px',
|
||||||
fullscreen: true
|
fullscreen: true
|
||||||
},
|
},
|
||||||
modalData: {},
|
modalData: {},
|
||||||
ruleForm: {
|
ruleForm: {},
|
||||||
productList: [],
|
|
||||||
isRefundEarnestMoney: 1 //定金可退 1是 0
|
|
||||||
},
|
|
||||||
pickerOptions: {
|
|
||||||
disabledDate(time) {
|
|
||||||
return time.getTime() < Date.now()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
orderTime: [], //订单支付时间
|
|
||||||
arrears: [], //尾款时间
|
|
||||||
delivery: [], //发货时间
|
|
||||||
tableData: []
|
tableData: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
'modalConfig.show'(newVal) {
|
// "modalConfig.show"(newVal) {
|
||||||
if (newVal) {
|
// if (newVal) {
|
||||||
//关闭弹窗清空校验
|
// //关闭弹窗清空校验
|
||||||
setTimeout(() => {
|
// setTimeout(() => {
|
||||||
this.$refs.ruleForm.resetFields()
|
// this.$refs.ruleForm.resetFields();
|
||||||
})
|
// });
|
||||||
}
|
// }
|
||||||
}
|
// },
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
queryTableData(pageNo, pageSize) {},
|
queryTableData(pageNo, pageSize) {},
|
||||||
|
|
@ -262,109 +262,38 @@ export default {
|
||||||
}
|
}
|
||||||
return {
|
return {
|
||||||
add: () => {
|
add: () => {
|
||||||
this.orderTime = []
|
this.modalConfig.title = '订单详情'
|
||||||
this.arrears = []
|
|
||||||
this.delivery = []
|
|
||||||
this.ruleForm = {
|
|
||||||
startTime: '',
|
|
||||||
endTime: '',
|
|
||||||
balancePaymentStartTime: '',
|
|
||||||
balancePaymentEndTime: '',
|
|
||||||
estimatedStartDeliveryTime: '',
|
|
||||||
estimatedEndDeliveryTime: '',
|
|
||||||
productList: [],
|
|
||||||
isRefundEarnestMoney: 1 //定金可退 1是 0
|
|
||||||
}
|
|
||||||
this.modalConfig.title = '新增预售'
|
|
||||||
this.isAdd = true
|
this.isAdd = true
|
||||||
},
|
},
|
||||||
update: () => {
|
update: () => {
|
||||||
this.modalConfig.title = '查看预售'
|
this.modalConfig.title = '订单详情'
|
||||||
this.isAdd = false
|
this.isAdd = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
init(row) {
|
init(row) {
|
||||||
console.log(row.startTime, row.endTime)
|
console.log(row)
|
||||||
this.orderTime = [row.startTime, row.endTime]
|
this.ruleForm = row
|
||||||
this.arrears = [row.balancePaymentStartTime, row.balancePaymentEndTime]
|
|
||||||
this.delivery = [
|
|
||||||
row.estimatedStartDeliveryTime,
|
|
||||||
row.estimatedEndDeliveryTime
|
|
||||||
]
|
|
||||||
;(this.ruleForm = {
|
|
||||||
productId: row.id,
|
|
||||||
advanceSellId: row.advanceSellId,
|
|
||||||
startTime: row.startTime,
|
|
||||||
name: row.name,
|
|
||||||
endTime: row.endTime,
|
|
||||||
balancePaymentStartTime: row.balancePaymentStartTime,
|
|
||||||
balancePaymentEndTime: row.balancePaymentEndTime,
|
|
||||||
estimatedStartDeliveryTime: row.estimatedStartDeliveryTime,
|
|
||||||
estimatedEndDeliveryTime: row.estimatedEndDeliveryTime,
|
|
||||||
isRefundEarnestMoney: Number(row.isRefundEarnestMoney),
|
|
||||||
productSpecificationList: row.productSpecificationList
|
|
||||||
}),
|
|
||||||
console.log(this.orderTime, this.arrears, this.delivery)
|
|
||||||
|
|
||||||
// this.ruleForm = row;
|
|
||||||
},
|
|
||||||
//订单支付时间
|
|
||||||
getOrderTime(e) {
|
|
||||||
if (e) {
|
|
||||||
console.log(e)
|
|
||||||
this.ruleForm.startTime = e[0]
|
|
||||||
this.ruleForm.endTime = e[1]
|
|
||||||
} else {
|
|
||||||
this.ruleForm.startTime = ''
|
|
||||||
this.ruleForm.endTime = ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//尾款支付时间
|
|
||||||
getArrearsTime(e) {
|
|
||||||
if (e) {
|
|
||||||
console.log(e)
|
|
||||||
this.ruleForm.balancePaymentStartTime = e[0]
|
|
||||||
this.ruleForm.balancePaymentEndTime = e[1]
|
|
||||||
} else {
|
|
||||||
this.ruleForm.balancePaymentStartTime = ''
|
|
||||||
this.ruleForm.balancePaymentEndTime = ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//发货时间
|
|
||||||
deliveryTime(e) {
|
|
||||||
if (e) {
|
|
||||||
console.log(e)
|
|
||||||
this.ruleForm.estimatedStartDeliveryTime = e[0]
|
|
||||||
this.ruleForm.estimatedEndDeliveryTime = e[1]
|
|
||||||
} else {
|
|
||||||
this.ruleForm.estimatedStartDeliveryTime = ''
|
|
||||||
this.ruleForm.estimatedEndDeliveryTime = ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
selectProduct() {
|
|
||||||
console.log('选择商品', this.marketId, this.shopId)
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.commodity.toggle().add({
|
|
||||||
marketId: this.marketId,
|
|
||||||
shopId: this.shopId
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
handleSelectionChange(e) {
|
handleSelectionChange(e) {
|
||||||
console.log(e)
|
console.log(e)
|
||||||
},
|
},
|
||||||
getProduct(row) {
|
getRefundStatus(val) {
|
||||||
this.ruleForm.productList = row.map(item => {
|
if (val == 0) {
|
||||||
return {
|
return '正常'
|
||||||
productId: item.id,
|
} else if (val == 1) {
|
||||||
name: item.name,
|
return '退款中'
|
||||||
productSpecificationList: item.productSpecificationList
|
} else if (val == 2) {
|
||||||
}
|
return '完全退款'
|
||||||
})
|
} else if (val == 3) {
|
||||||
console.log(this.ruleForm.productList, this.ruleForm.productList.length)
|
return '部分退款'
|
||||||
|
} else if (val == 4) {
|
||||||
console.log('获取商品')
|
return '拒绝用户退款'
|
||||||
|
} else if (val == -1) {
|
||||||
|
return '退款失败'
|
||||||
|
} else if (val == -2) {
|
||||||
|
return '用户申请退款中'
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue