xiaoning
/
yoga-manager-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

会员订单列表

Browse Source
master
chuzhichao 2 years ago
parent 001f962f2d
commit e1e224627c
6 changed files with 258 additions and 421 deletions
Show Stats Download Patch File Download Diff File

10
src/api/system/common.js
Unescape View File

@ -0,0 +1,10 @@
import request from '@/utils/request'
// 查询省市区列表
export function areaSelect(query) {
return request({
url: '/common/area',
method: 'get',
params: query
})
}

2
src/config/business.js
Unescape View File

@ -2,5 +2,5 @@ export const dict_types = ["sys_user_sex",
"sys_show_hide", "sys_normal_disable", "sys_job_status", "sys_job_group", "sys_yes_no", "sys_notice_type", "sys_notice_status", "sys_show_hide", "sys_normal_disable", "sys_job_status", "sys_job_group", "sys_yes_no", "sys_notice_type", "sys_notice_status",
"sys_oper_type", "sys_common_status", "wms_item_type", "wms_carrier_level", "wms_supplier_level", "wms_receipt_type", "wms_receipt_status", "sys_oper_type", "sys_common_status", "wms_item_type", "wms_carrier_level", "wms_supplier_level", "wms_receipt_type", "wms_receipt_status",
"wms_shipment_type", "wms_shipment_status", "wms_movement_type", "wms_movement_status", "wms_shipment_type", "wms_shipment_status", "wms_movement_type", "wms_movement_status",
"pms_publish_status", 'sku_sort_list', 'sys_show_status' "pms_publish_status", 'sku_sort_list', 'sys_show_status','oms_pay_type','oms_order_status'
]; ];

1
src/store/getters.js
Unescape View File

@ -17,6 +17,7 @@ const getters = {
dictMap: state => state.dict.dictMap, dictMap: state => state.dict.dictMap,
productCategories: state => state.mall.productCategories, productCategories: state => state.mall.productCategories,
areaSelect: state => state.mall.areaSelect,
brandList: state => state.mall.brandList, brandList: state => state.mall.brandList,
} }
export default getters export default getters

15
src/store/modules/mall.js
Unescape View File

@ -1,14 +1,19 @@
import {listPmsProductCategory} from "@/api/pms/productCategory"; import {listPmsProductCategory} from "@/api/pms/productCategory";
import {allBrand} from "@/api/pms/brand"; import {allBrand} from "@/api/pms/brand";
import {areaSelect} from "@/api/system/common";
const state = { const state = {
productCategories: [], productCategories: [],
brandList: [] brandList: [],
areaSelect: []
} }
const mutations = { const mutations = {
SET_PRODUCT_CATEGORIES: (state, value) => { SET_PRODUCT_CATEGORIES: (state, value) => {
state.productCategories = value state.productCategories = value
}, },
SET_areaSelect: (state, value) => {
state.areaSelect = value
},
SET_BRAND_LIST: (state, value) => { SET_BRAND_LIST: (state, value) => {
state.brandList = value state.brandList = value
}, },
@ -22,6 +27,14 @@ const actions = {
commit('SET_PRODUCT_CATEGORIES', res); commit('SET_PRODUCT_CATEGORIES', res);
}) })
}, },
loadAreaSelect({ commit, state }, force = false) {
if (!force && state.areaSelect.length > 0) {
return Promise.resolve();
}
return areaSelect({},{}).then(res => {
commit('SET_areaSelect', res.data);
})
},
loadBrandList({ commit, state }, force = false) { loadBrandList({ commit, state }, force = false) {
if (!force && state.brandList.length > 0) { if (!force && state.brandList.length > 0) {
return Promise.resolve(); return Promise.resolve();

62
src/views/components/AddressSelector/index.vue
Unescape View File

@ -0,0 +1,62 @@
<template>
<div class="w200">
<el-cascader
:props="{ checkStrictly: true }"
ref="AddressSelector"
v-model="tempValue"
:options="menuOptions"
v-bind="$props"
clearable
placeholder="请选择..."
size="small"
/>
</div>
</template>
<script>
import {mapGetters} from "vuex";
export default {
name: 'AddressSelector',
// register the component
props: ['value', 'props'],
computed: {
...mapGetters(['areaSelect']),
tempValue: {
get() {
return this.value;
},
set(v) {
this.$emit('input', v);
}
},
menuOptions() {
if (!this.areaSelect || this.areaSelect.length === 0) {
return [];
}
this.recurs(this.areaSelect)
return this.areaSelect
}
},
created() {
this.$store.dispatch('mall/loadAreaSelect')
},
methods: {
recurs(list) {
list.forEach(it => {
it.label = it.name
it.value = it.id
if (it.children) {
this.recurs(it.children)
}
})
}
}
}
</script>
<style>
</style>

585
src/views/oms/order/index.vue
Unescape View File

@ -1,285 +1,89 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form"> <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px" size="medium" class="ry_form">
<el-form-item label="MEMBER_ID" prop="memberId"> <el-form-item label="订单状态" prop="status">
<el-input <el-select v-model="queryParams.status" placeholder="请选择订单状态" clearable size="small">
v-model="queryParams.memberId" <el-option v-for="(item, index) in dict.type.oms_order_status" :label="item.label" :value="item.value"/>
placeholder="请输入MEMBER_ID"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="用户帐号" prop="memberUsername">
<el-input
v-model="queryParams.memberUsername"
placeholder="请输入用户帐号"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="订单总金额" prop="totalAmount">
<el-input
v-model="queryParams.totalAmount"
placeholder="请输入订单总金额"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="采购价" prop="purchasePrice">
<el-input
v-model="queryParams.purchasePrice"
placeholder="请输入采购价"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="应付金额" prop="payAmount">
<el-input
v-model="queryParams.payAmount"
placeholder="请输入应付金额"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="运费金额" prop="freightAmount">
<el-input
v-model="queryParams.freightAmount"
placeholder="请输入运费金额"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="支付方式：0->未支付；1->支付宝；2->微信" prop="payType">
<el-select v-model="queryParams.payType" placeholder="请选择支付方式：0->未支付；1->支付宝；2->微信" clearable size="small">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<template v-if="showMoreCondition">
<el-form-item label="订单状态：0->待付款；1->待发货；2->已发货；3->已完成；4->已关闭；5->无效订单" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择订单状态：0->待付款；1->待发货；2->已发货；3->已完成；4->已关闭；5->无效订单" clearable size="small">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="退款状态，枚举值：1：无售后或售后关闭，2：售后处理中，3：退款中，4： 退款成功" prop="aftersaleStatus">
<el-select v-model="queryParams.aftersaleStatus" placeholder="请选择退款状态，枚举值：1：无售后或售后关闭，2：售后处理中，3：退款中，4： 退款成功" clearable size="small">
<el-option label="请选择字典生成" value="" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="物流公司(配送方式)" prop="deliveryCompany"> <el-form-item label="订单编号" prop="orderId">
<el-input <el-input v-model.trim="queryParams.orderId" placeholder="请输入订单编号" clearable size="small"
v-model="queryParams.deliveryCompany" @keyup.enter.native="handleQuery"/>
placeholder="请输入物流公司(配送方式)"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="物流单号" prop="deliverySn">
<el-input
v-model="queryParams.deliverySn"
placeholder="请输入物流单号"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="自动确认时间" prop="autoConfirmDay">
<el-input
v-model="queryParams.autoConfirmDay"
placeholder="请输入自动确认时间"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="收货人姓名" prop="receiverName">
<el-input
v-model="queryParams.receiverName"
placeholder="请输入收货人姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="收货人电话" prop="receiverPhone">
<el-input
v-model="queryParams.receiverPhone"
placeholder="请输入收货人电话"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="收货人邮编" prop="receiverPostCode">
<el-input
v-model="queryParams.receiverPostCode"
placeholder="请输入收货人邮编"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="省份/直辖市" prop="receiverProvince">
<el-input
v-model="queryParams.receiverProvince"
placeholder="请输入省份/直辖市"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="城市" prop="receiverCity">
<el-input
v-model="queryParams.receiverCity"
placeholder="请输入城市"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="区" prop="receiverDistrict">
<el-input
v-model="queryParams.receiverDistrict"
placeholder="请输入区"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="省份/直辖市id" prop="receiverProvinceId"> <el-form-item label="支付方式" prop="payType">
<el-input <el-select v-model="queryParams.payType" placeholder="请选择支付方式" clearable size="small">
v-model="queryParams.receiverProvinceId" <el-option v-for="(item, index) in dict.type.oms_pay_type" :label="item.label" :value="item.value"/>
placeholder="请输入省份/直辖市id"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="城市id" prop="receiverCityId">
<el-input
v-model="queryParams.receiverCityId"
placeholder="请输入城市id"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="区id" prop="receiverDistrictId">
<el-input
v-model="queryParams.receiverDistrictId"
placeholder="请输入区id"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="详细地址" prop="receiverDetailAddress">
<el-input
v-model="queryParams.receiverDetailAddress"
placeholder="请输入详细地址"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="确认收货状态：0->未确认；1->已确认" prop="confirmStatus">
<el-select v-model="queryParams.confirmStatus" placeholder="请选择确认收货状态：0->未确认；1->已确认" clearable size="small">
<el-option label="请选择字典生成" value="" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="删除状态：0->未删除；1->已删除" prop="deleteStatus"> <!-- <el-form-item label="商品名称" prop="productName">-->
<el-select v-model="queryParams.deleteStatus" placeholder="请选择删除状态：0->未删除；1->已删除" clearable size="small"> <!-- <el-input v-model.trim="queryParams.productName" placeholder="请输入商品名称" clearable size="small"-->
<el-option label="请选择字典生成" value="" /> <!-- @keyup.enter.native="handleQuery"/>-->
</el-select> <!-- </el-form-item>-->
<el-form-item label="会员手机号" prop="userPhone">
<el-input v-model.trim="queryParams.userPhone" placeholder="请输入会员手机号" clearable size="small"
@keyup.enter.native="handleQuery"/>
</el-form-item> </el-form-item>
<el-form-item label="支付时间" prop="paymentTime"> <el-form-item label="省市区" prop="provinces">
<el-date-picker <address-selector v-model="queryParams.provinces"></address-selector>
clearable
size="small"
v-model="queryParams.paymentTime"
type="datetime"
value-format="yyyy-MM-ddTHH:mm:ss"
placeholder="选择支付时间">
</el-date-picker>
</el-form-item>
<el-form-item label="发货时间" prop="deliveryTime">
<el-date-picker
clearable
size="small"
v-model="queryParams.deliveryTime"
type="datetime"
value-format="yyyy-MM-ddTHH:mm:ss"
placeholder="选择发货时间">
</el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="确认收货时间" prop="receiveTime"> <el-form-item label="下单时间" prop="Time">
<el-date-picker <el-date-picker v-model="queryParams.Time" type="datetimerange" :picker-options="pickerOptions"
clearable range-separator="至" size="small" format="yyyy-MM-dd HH:mm:ss"
size="small" value-format="yyyy-MM-dd HH:mm:ss"
v-model="queryParams.receiveTime" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']"
type="datetime" align="right"
value-format="yyyy-MM-ddTHH:mm:ss" @change="handleChange">
placeholder="选择确认收货时间">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</template>
<el-form-item class="flex_one tr"> <el-form-item class="flex_one tr">
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button :icon="showMoreCondition ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" size="mini" @click="showMoreCondition = !showMoreCondition">{{showMoreCondition ? '收起条件' : '展开条件'}}</el-button> <!-- <el-button :icon="showMoreCondition ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" size="mini" @click="showMoreCondition = !showMoreCondition">{{showMoreCondition ? '收起条件' : '展开条件'}}</el-button>-->
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-table v-loading="loading" :data="omsOrderList">
<el-col :span="1.5"> <!-- <el-table-column type="selection" width="55" align="center" />-->
<el-button <el-table-column label="订单号" align="center" prop="id" width="180"/>
type="primary" <el-table-column label="订单状态" align="center" prop="status">
plain <template v-slot="scope">
icon="el-icon-plus" <el-tag :type="getOrderTypeTag(scope.row.status)">
size="mini" {{ getOrderTypeText(scope.row.status) }}
@click="handleAdd" </el-tag>
v-hasPermi="['oms:order:add']" </template>
>新增</el-button> </el-table-column>
</el-col> <el-table-column label="订单金额" align="center" prop="totalAmount">
</el-col> <template v-slot="scope">
</el-row> <div>￥{{ scope.row.totalAmount }}</div>
</template>
<el-table v-loading="loading" :data="omsOrderList" @selection-change="handleSelectionChange"> </el-table-column>
<el-table-column type="selection" width="55" align="center" /> <el-table-column label="应付金额" align="center" prop="payAmount">
<el-table-column label="MEMBER_ID" align="center" prop="memberId" /> <template v-slot="scope">
<el-table-column label="用户帐号" align="center" prop="memberUsername" /> <div>￥{{ scope.row.payAmount }}</div>
<el-table-column label="订单总金额" align="center" prop="totalAmount" /> </template>
<el-table-column label="采购价" align="center" prop="purchasePrice" /> </el-table-column>
<el-table-column label="应付金额" align="center" prop="payAmount" /> <el-table-column label="支付方式" align="center" prop="payType">
<el-table-column label="运费金额" align="center" prop="freightAmount" /> <template v-slot="scope">
<el-table-column label="支付方式：0->未支付；1->支付宝；2->微信" align="center" prop="payType" /> <el-tag :type="getPayTypeTag(scope.row.payType)">
<el-table-column label="订单状态：0->待付款；1->待发货；2->已发货；3->已完成；4->已关闭；5->无效订单" align="center" prop="status" /> {{ getPayTypeText(scope.row.payType) }}
<el-table-column label="退款状态，枚举值：1：无售后或售后关闭，2：售后处理中，3：退款中，4： 退款成功" align="center" prop="aftersaleStatus" /> </el-tag>
<el-table-column label="物流公司(配送方式)" align="center" prop="deliveryCompany" /> </template>
<el-table-column label="物流单号" align="center" prop="deliverySn" /> </el-table-column>
<el-table-column label="自动确认时间" align="center" prop="autoConfirmDay" /> <el-table-column label="收件信息" align="center" prop="receiverName" width="180">
<el-table-column label="收货人姓名" align="center" prop="receiverName" /> <template v-slot="scope">
<el-table-column label="收货人电话" align="center" prop="receiverPhone" /> <div>{{ scope.row.receiverName }} {{ scope.row.receiverPhone }}</div>
<el-table-column label="收货人邮编" align="center" prop="receiverPostCode" /> <div>{{ scope.row.receiverDetailAddress }}</div>
<el-table-column label="省份/直辖市" align="center" prop="receiverProvince" /> </template>
<el-table-column label="城市" align="center" prop="receiverCity" /> </el-table-column>
<el-table-column label="区" align="center" prop="receiverDistrict" /> <!-- <el-table-column label="省份/直辖市" align="center" prop="receiverProvince" />-->
<el-table-column label="省份/直辖市id" align="center" prop="receiverProvinceId" /> <!-- <el-table-column label="城市" align="center" prop="receiverCity" />-->
<el-table-column label="城市id" align="center" prop="receiverCityId" /> <!-- <el-table-column label="区" align="center" prop="receiverDistrict" />-->
<el-table-column label="区id" align="center" prop="receiverDistrictId" /> <!-- <el-table-column label="省份/直辖市id" align="center" prop="receiverProvinceId" />-->
<el-table-column label="详细地址" align="center" prop="receiverDetailAddress" /> <!-- <el-table-column label="城市id" align="center" prop="receiverCityId" />-->
<el-table-column label="订单备注" align="center" prop="note" /> <!-- <el-table-column label="区id" align="center" prop="receiverDistrictId" />-->
<el-table-column label="确认收货状态：0->未确认；1->已确认" align="center" prop="confirmStatus" /> <el-table-column label="支付时间" align="center" prop="payTime" width="180" >
<el-table-column label="删除状态：0->未删除；1->已删除" align="center" prop="deleteStatus" />
<el-table-column label="支付时间" align="center" prop="paymentTime" width="180" >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.paymentTime, '')}}</span> <span>{{ parseTime(scope.row.payTime, '')}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="发货时间" align="center" prop="deliveryTime" width="180" > <el-table-column label="发货时间" align="center" prop="deliveryTime" width="180" >
@ -292,22 +96,20 @@
<span>{{ parseTime(scope.row.receiveTime, '')}}</span> <span>{{ parseTime(scope.row.receiveTime, '')}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="下单时间" align="center" prop="createTime" width="180" >
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '')}}</span>
</template>
</el-table-column>
<el-table-column label="订单备注" align="center" prop="note" width="180"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-edit" @click="goDetail(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['oms:order:detail']"
v-hasPermi="['oms:order:edit']" >详情</el-button>
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['oms:order:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -319,137 +121,27 @@
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
<!-- 添加或修改订单表对话框 -->
<el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="108px" inline class="dialog-form-two">
<el-form-item label="MEMBER_ID" prop="memberId">
<el-input v-model="form.memberId" placeholder="请输入MEMBER_ID" />
</el-form-item>
<el-form-item label="用户帐号" prop="memberUsername">
<el-input v-model="form.memberUsername" placeholder="请输入用户帐号" />
</el-form-item>
<el-form-item label="订单总金额" prop="totalAmount">
<el-input v-model="form.totalAmount" placeholder="请输入订单总金额" />
</el-form-item>
<el-form-item label="采购价" prop="purchasePrice">
<el-input v-model="form.purchasePrice" placeholder="请输入采购价" />
</el-form-item>
<el-form-item label="应付金额" prop="payAmount">
<el-input v-model="form.payAmount" placeholder="请输入应付金额" />
</el-form-item>
<el-form-item label="运费金额" prop="freightAmount">
<el-input v-model="form.freightAmount" placeholder="请输入运费金额" />
</el-form-item>
<el-form-item label="支付方式：0->未支付；1->支付宝；2->微信" prop="payType">
<el-select v-model="form.payType" placeholder="请选择支付方式：0->未支付；1->支付宝；2->微信">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="订单状态：0->待付款；1->待发货；2->已发货；3->已完成；4->已关闭；5->无效订单">
<el-radio-group v-model="form.status">
<el-radio label="1">请选择字典生成</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="退款状态，枚举值：1：无售后或售后关闭，2：售后处理中，3：退款中，4： 退款成功">
<el-radio-group v-model="form.aftersaleStatus">
<el-radio label="1">请选择字典生成</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="物流公司(配送方式)" prop="deliveryCompany">
<el-input v-model="form.deliveryCompany" placeholder="请输入物流公司(配送方式)" />
</el-form-item>
<el-form-item label="物流单号" prop="deliverySn">
<el-input v-model="form.deliverySn" placeholder="请输入物流单号" />
</el-form-item>
<el-form-item label="自动确认时间" prop="autoConfirmDay">
<el-input v-model="form.autoConfirmDay" placeholder="请输入自动确认时间" />
</el-form-item>
<el-form-item label="收货人姓名" prop="receiverName">
<el-input v-model="form.receiverName" placeholder="请输入收货人姓名" />
</el-form-item>
<el-form-item label="收货人电话" prop="receiverPhone">
<el-input v-model="form.receiverPhone" placeholder="请输入收货人电话" />
</el-form-item>
<el-form-item label="收货人邮编" prop="receiverPostCode">
<el-input v-model="form.receiverPostCode" placeholder="请输入收货人邮编" />
</el-form-item>
<el-form-item label="省份/直辖市" prop="receiverProvince">
<el-input v-model="form.receiverProvince" placeholder="请输入省份/直辖市" />
</el-form-item>
<el-form-item label="城市" prop="receiverCity">
<el-input v-model="form.receiverCity" placeholder="请输入城市" />
</el-form-item>
<el-form-item label="区" prop="receiverDistrict">
<el-input v-model="form.receiverDistrict" placeholder="请输入区" />
</el-form-item>
<el-form-item label="省份/直辖市id" prop="receiverProvinceId">
<el-input v-model="form.receiverProvinceId" placeholder="请输入省份/直辖市id" />
</el-form-item>
<el-form-item label="城市id" prop="receiverCityId">
<el-input v-model="form.receiverCityId" placeholder="请输入城市id" />
</el-form-item>
<el-form-item label="区id" prop="receiverDistrictId">
<el-input v-model="form.receiverDistrictId" placeholder="请输入区id" />
</el-form-item>
<el-form-item label="详细地址" prop="receiverDetailAddress">
<el-input v-model="form.receiverDetailAddress" placeholder="请输入详细地址" />
</el-form-item>
<el-form-item label="订单备注" prop="note">
<el-input v-model="form.note" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="确认收货状态：0->未确认；1->已确认">
<el-radio-group v-model="form.confirmStatus">
<el-radio label="1">请选择字典生成</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="删除状态：0->未删除；1->已删除">
<el-radio-group v-model="form.deleteStatus">
<el-radio label="1">请选择字典生成</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="支付时间" prop="paymentTime">
<el-date-picker clearable size="small"
v-model="form.paymentTime"
type="datetime"
value-format="yyyy-MM-ddTHH:mm:ss"
placeholder="选择支付时间">
</el-date-picker>
</el-form-item>
<el-form-item label="发货时间" prop="deliveryTime">
<el-date-picker clearable size="small"
v-model="form.deliveryTime"
type="datetime"
value-format="yyyy-MM-ddTHH:mm:ss"
placeholder="选择发货时间">
</el-date-picker>
</el-form-item>
<el-form-item label="确认收货时间" prop="receiveTime">
<el-date-picker clearable size="small"
v-model="form.receiveTime"
type="datetime"
value-format="yyyy-MM-ddTHH:mm:ss"
placeholder="选择确认收货时间">
</el-date-picker>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listOmsOrder, getOmsOrder, delOmsOrder, addOmsOrder, updateOmsOrder, exportOmsOrder } from "@/api/oms/order"; import { listOmsOrder, getOmsOrder, delOmsOrder, addOmsOrder, updateOmsOrder, exportOmsOrder } from "@/api/oms/order";
import AddressSelector from "@/views/components/AddressSelector/index.vue";
import dateUtil from '@/utils/DateUtil';
export default { export default {
name: "OmsOrder", name: "OmsOrder",
dicts: ["oms_order_status","oms_pay_type"],
components: {
AddressSelector
},
data() { data() {
return { return {
// 遮罩层 // 遮罩层
loading: true, loading: true,
pickerOptions: {
shortcuts: dateUtil.getTimeShort2()
},
// 导出遮罩层 // 导出遮罩层
exportLoading: false, exportLoading: false,
// 选中数组 // 选中数组
@ -472,34 +164,18 @@ export default {
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
memberId: null,
memberUsername: null,
totalAmount: null,
purchasePrice: null,
payAmount: null,
freightAmount: null,
payType: null, payType: null,
status: null, status: null,
aftersaleStatus: null, Time:[],
deliveryCompany: null, provinces: [],
deliverySn: null,
autoConfirmDay: null,
receiverName: null,
receiverPhone: null,
receiverPostCode: null,
receiverProvince: null,
receiverCity: null,
receiverDistrict: null,
receiverProvinceId: null, receiverProvinceId: null,
receiverCityId: null, receiverCityId: null,
receiverDistrictId: null, receiverDistrictId: null,
receiverDetailAddress: null, orderId: null,
note: null, productName: null,
confirmStatus: null, userPhone: null,
deleteStatus: null, startTime: null,
paymentTime: null, endTime: null
deliveryTime: null,
receiveTime: null,
}, },
// 表单参数 // 表单参数
form: {}, form: {},
@ -524,9 +200,23 @@ export default {
methods: { methods: {
/** 查询订单表列表 */ /** 查询订单表列表 */
getList() { getList() {
if (this.queryParams.Time) {
this.queryParams.startTime = this.queryParams.Time[0]
this.queryParams.endTime = this.queryParams.Time[1]
}
this.loading = true; this.loading = true;
const {pageNum, pageSize} = this.queryParams; const {pageNum, pageSize} = this.queryParams;
const query = {...this.queryParams, pageNum: undefined, pageSize: undefined}; const query = {...this.queryParams, pageNum: undefined, pageSize: undefined};
if (query.provinces) {
const [receiverProvinceId,receiverCityId,receiverDistrictId] =query.provinces
query.receiverProvinceId = receiverProvinceId
query.receiverCityId = receiverCityId
query.receiverDistrictId = receiverDistrictId
} else {
query.receiverProvinceId = null
query.receiverCityId = null
query.receiverDistrictId = null
}
const pageReq = {page: pageNum - 1, size: pageSize}; const pageReq = {page: pageNum - 1, size: pageSize};
listOmsOrder(query, pageReq).then(response => { listOmsOrder(query, pageReq).then(response => {
const { content, totalElements } = response const { content, totalElements } = response
@ -651,6 +341,67 @@ export default {
this.$download.download(response); this.$download.download(response);
this.exportLoading = false; this.exportLoading = false;
}).catch(() => {}); }).catch(() => {});
},
//时间搜索条件change方法
handleChange(value) {
if (!value) {
this.queryParams.startTime = null;
this.queryParams.endTime = null;
}
},
getOrderTypeTag(status){
switch (status){
case 0:
case 1:
return 'info';
case 2:
return 'primary';
case 3:
return 'success';
case 4:
return 'warning';
case 5:
return 'danger';
}
},
getOrderTypeText(status){
switch (status){
case 0:
return '待付款';
case 1:
return '待发货';
case 2:
return '待发货';
case 3:
return '已发货';
case 4:
return '已关闭';
case 5:
return '无效订单';
}
},
getPayTypeTag(type){
switch (type){
case 0:
return 'info';
case 1:
return 'primary';
case 2:
return 'success';
}
},
getPayTypeText(type){
switch (type){
case 0:
return '未支付';
case 1:
return '支付宝';
case 2:
return '微信';
}
},
goDetail(row){
// this.$router.push()
} }
} }
}; };

Write Preview
Loading…
Cancel
Save