文章分类,订单列表,商品分类,收款记录等页面bug修改

master
mabo 2021-07-09 17:58:31 +08:00
parent 7331fcbb17
commit 4c0aec2f42
9 changed files with 102 additions and 120 deletions

View File

@ -80,8 +80,8 @@
<div> <div>
<span>运费</span><span>+{{ order.order.freightPrice | unitPrice("¥") }}</span><br> <span>运费</span><span>+{{ order.order.freightPrice | unitPrice("¥") }}</span><br>
</div> </div>
<div><span>优惠券</span><span>-{{ order.order.priceDetailDTO.couponPrice || 0 | unitPrice("¥") }}</span></div> <div v-if="order.order.priceDetailDTO.couponPrice"><span>优惠券</span><span>-{{ order.order.priceDetailDTO.couponPrice || 0 | unitPrice("¥") }}</span></div>
<div><span>活动优惠</span><span>-{{ order.order.discountPrice | unitPrice("¥") }}</span></div> <div v-if="order.order.discountPrice"><span>活动优惠</span><span>-{{ order.order.discountPrice | unitPrice("¥") }}</span></div>
<div> <div>
<span>应付金额</span> <span>应付金额</span>
<span class="actrual-price">{{ order.order.flowPrice | unitPrice("¥") }}</span> <span class="actrual-price">{{ order.order.flowPrice | unitPrice("¥") }}</span>

View File

@ -17,14 +17,14 @@ export default {
* @description api请求基础路径 * @description api请求基础路径
*/ */
api_dev: { api_dev: {
// common: "https://common-api.pickmall.cn", common: "https://common-api.pickmall.cn",
// buyer: "https://buyer-api.pickmall.cn", buyer: "https://buyer-api.pickmall.cn",
// seller: "https://store-api.pickmall.cn", seller: "https://store-api.pickmall.cn",
// manager: "https://admin-api.pickmall.cn" manager: "https://admin-api.pickmall.cn"
common: 'http://192.168.0.103:8890', // common: 'http://192.168.0.103:8890',
buyer: 'http://192.168.0.103:8888', // buyer: 'http://192.168.0.103:8888',
seller: 'http://192.168.0.103:8889', // seller: 'http://192.168.0.103:8889',
manager: 'http://192.168.0.103:8887' // manager: 'http://192.168.0.103:8887'
}, },
api_prod: { api_prod: {
common: "https://common-api.pickmall.cn", common: "https://common-api.pickmall.cn",

View File

@ -52,6 +52,9 @@
</div> </div>
</div> </div>
</template> </template>
<template slot-scope="{row}" slot="distributionOrderStatus">
<Tag :color="filterStatusColor(row.distributionOrderStatus)">{{filterStatus(row.distributionOrderStatus)}}</Tag>
</template>
</Table> </Table>
<Row type="flex" justify="end" class="page"> <Row type="flex" justify="end" class="page">
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" <Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize"
@ -121,20 +124,10 @@
}, },
{ {
title: "状态", title: "状态",
key: "distributionOrderStatus", slot: "distributionOrderStatus",
width: 100, width: 120,
sortable: false,
render: (h, params) => {
if (params.row.distributionOrderStatus == 'COMPLETE_CASH') {
return h('div', '提现完成')
} else if (params.row.distributionOrderStatus == 'WAIT_BILL') {
return h('div', '待结算')
} else if (params.row.distributionOrderStatus == 'WAIT_CASH') {
return h('div', '待提现')
}
}
},
},
{ {
title: "佣金金额", title: "佣金金额",
key: "rebateGrade", key: "rebateGrade",
@ -219,6 +212,34 @@
}, },
searchChange(val) { // searchChange(val) { //
this.getShopList(val) this.getShopList(val)
},
filterStatus (status) { //
const arr = [
{status: 'WAIT_BILL', title: '待结算'},
{status: 'WAIT_CASH', title: '待提现'},
{status: 'COMPLETE_CASH', title: '提现完成'},
{status: 'CANCEL', title: '订单取消'},
{status: 'REFUND', title: '退款'},
]
for (let i=0;i<arr.length;i++) {
if (arr[i].status === status) {
return arr[i].title;
}
}
},
filterStatusColor (status) { // tag
const arr = [
{status: 'WAIT_BILL', color: 'magenta'},
{status: 'WAIT_CASH', color: 'warning'},
{status: 'COMPLETE_CASH', color: 'success'},
{status: 'CANCEL', color: 'default'},
{status: 'REFUND', color: 'error'},
]
for (let i=0;i<arr.length;i++) {
if (arr[i].status === status) {
return arr[i].color;
}
}
} }
}, },
mounted() { mounted() {

View File

@ -40,13 +40,8 @@
{{ scope.row.commissionRate }}% {{ scope.row.commissionRate }}%
</template> </template>
<template slot="deleteFlag" slot-scope="scope"> <template slot="deleteFlag" slot-scope="{row}">
<div v-if="scope.row.deleteFlag == 0"> <Tag :class="{'ml_10': row.deleteFlag}" :color="row.deleteFlag == false ? 'success' : 'error'">{{row.deleteFlag == false ? '正常启用' : '禁用'}}</Tag>
<Badge text="正常启用" status="success"></Badge>
</div>
<div v-if="scope.row.deleteFlag == 1">
<Badge text="禁用" status="error"></Badge>
</div>
</template> </template>
</Table> </Table>
@ -129,7 +124,7 @@ import {
} from "@/api/goods"; } from "@/api/goods";
import uploadPicInput from "@/views/my-components/lili/upload-pic-input"; import uploadPicInput from "@/views/my-components/lili/upload-pic-input";
import {regular} from "@/utils";
export default { export default {
name: "lili-components", name: "lili-components",
components: { components: {
@ -172,7 +167,12 @@ export default {
brandWay: "", // brandWay: "", //
specForm: {}, specForm: {},
// //
formValidate: {}, formValidate: {
commissionRate: [
{required: true, message: '请填写佣金比例'},
{pattern: regular.Integer, message: "佣金比例不能为负"},
]
},
columns: [ columns: [
{ {
title: "分类名称", title: "分类名称",
@ -181,8 +181,6 @@ export default {
}, },
{ {
title: "状态", title: "状态",
key: "deleteFlag",
slot: "deleteFlag", slot: "deleteFlag",
}, },
{ {

View File

@ -22,7 +22,7 @@
</Select> </Select>
</Form-item> </Form-item>
<Form-item label="支付时间"> <Form-item label="支付时间">
<DatePicker v-model="searchForm" type="datetimerange" format="yyyy-MM-dd" clearable @on-change="selectDateRange" placeholder="选择起始时间" style="width: 200px"></DatePicker> <DatePicker v-model="searchForm.paymentTime" type="datetime" format="yyyy-MM-dd HH:mm:ss" clearable @on-change="changeDate" placeholder="选择支付时间" style="width: 200px"></DatePicker>
</Form-item> </Form-item>
<Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button> <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
</Form> </Form>
@ -53,10 +53,9 @@ export default {
pageSize: 10, // pageSize: 10, //
sort: "createTime", // sort: "createTime", //
order: "desc", // order: "desc", //
startDate: "", //
endDate: "", //
sn: "", sn: "",
payStatus: "", payStatus: "",
paymentTime: "",
}, },
columns: [ columns: [
{ {
@ -151,61 +150,30 @@ export default {
}; };
}, },
methods: { methods: {
dropDown() { //
if (this.drop) {
this.dropDownContent = "展开";
this.dropDownIcon = "ios-arrow-down";
} else {
this.dropDownContent = "收起";
this.dropDownIcon = "ios-arrow-up";
}
this.drop = !this.drop;
},
init() { init() {
this.getDataList(); this.getDataList();
}, },
//
changePage(v) { changePage(v) {
this.searchForm.pageNumber = v; this.searchForm.pageNumber = v;
this.getDataList(); this.getDataList();
}, },
//
changePageSize(v) { changePageSize(v) {
this.searchForm.pageSize = v; this.searchForm.pageSize = v;
this.getDataList(); this.getDataList();
}, },
//
handleSearch() { handleSearch() {
this.searchForm.pageNumber = 1; this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10; this.searchForm.pageSize = 10;
this.getDataList(); this.getDataList();
}, },
handleReset() { changeDate (val) { //
this.$refs.searchForm.resetFields(); this.searchForm.paymentTime = val
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.selectDate = null;
this.searchForm.startDate = "";
this.searchForm.endDate = "";
//
this.getDataList();
},
changeSort(e) {
this.searchForm.sort = e.key;
this.searchForm.order = e.order;
if (e.order === "normal") {
this.searchForm.order = "";
}
this.getDataList();
},
changeSelect(e) {
this.selectList = e;
this.selectCount = e.length;
},
selectDateRange(v) {
if (v) {
this.searchForm.startDate = v[0];
this.searchForm.endDate = v[1];
}
}, },
//
getDataList() { getDataList() {
this.loading = true; this.loading = true;
API_Order.paymentLog(this.searchForm).then((res) => { API_Order.paymentLog(this.searchForm).then((res) => {

View File

@ -23,6 +23,11 @@
type="primary" type="primary"
>订单取消</Button >订单取消</Button
> >
<Button
v-if="orderInfo.order.orderStatus === 'UNPAID'"
@click="confirmPrice"
type="success"
>收款</Button>
<Button @click="orderLog" type="primary" <Button @click="orderLog" type="primary"
>订单日志</Button >订单日志</Button
> >
@ -571,6 +576,25 @@ export default {
this.showRegion = true; this.showRegion = true;
this.regionId = ""; this.regionId = "";
}, },
//
confirmPrice() {
this.$Modal.confirm({
title: "提示",
content:
"<p>您确定要收款吗?线下收款涉及库存变更,需异步进行,等待约一分钟刷新列表查看</p>",
onOk: () => {
API_Order.orderPay(this.sn).then((res) => {
if (res.success) {
this.$Message.success("收款成功");
this.getDataList();
} else {
this.$Message.error(res.message);
}
});
},
});
},
//
getDataList() { getDataList() {
this.loading = true; this.loading = true;
API_Order.orderDetail(this.sn).then((res) => { API_Order.orderDetail(this.sn).then((res) => {

View File

@ -207,20 +207,13 @@ export default {
title: "操作", title: "操作",
key: "action", key: "action",
align: "center", align: "center",
width: 150, width: 100,
render: (h, params) => { render: (h, params) => {
return h("div", [h("Button", {props: {type: "primary", size: "small",}, return h("Button", {props: {type: "info", size: "small",},
attrs: {disabled: params.row.orderStatus == "UNPAID" ? false : true,},
style: {marginRight: "5px",}, style: {marginRight: "5px",},
on: {click: () => {this.confirmPrice(params.row);},}, on: {click: () => {this.detail(params.row);},},
}, "收款" }, "查看"
), )
h("Button", {props: {type: "info", size: "small",},
style: {marginRight: "5px",},
on: {click: () => {this.detail(params.row);},},
}, "查看"
),
]);
}, },
}, },
], ],
@ -286,25 +279,7 @@ export default {
this.total = this.data.length; this.total = this.data.length;
this.loading = false; this.loading = false;
}, },
// //
confirmPrice(v) {
this.$Modal.confirm({
title: "提示",
content:
"<p>您确定要收款吗?线下收款涉及库存变更,需异步进行,等待约一分钟刷新列表查看</p>",
onOk: () => {
API_Order.orderPay(v.sn).then((res) => {
if (res.success) {
this.$Message.success("收款成功");
this.getDataList();
} else {
this.$Message.error(res.message);
}
});
},
});
},
detail(v) { detail(v) {
let sn = v.sn; let sn = v.sn;
this.$router.push({ this.$router.push({

View File

@ -18,14 +18,14 @@ export default {
* @description api请求基础路径 * @description api请求基础路径
*/ */
api_dev: { api_dev: {
common: 'https://common-api.pickmall.cn', // common: 'https://common-api.pickmall.cn',
buyer: 'https://buyer-api.pickmall.cn', // buyer: 'https://buyer-api.pickmall.cn',
seller: 'https://store-api.pickmall.cn', // seller: 'https://store-api.pickmall.cn',
manager: 'https://admin-api.pickmall.cn', // manager: 'https://admin-api.pickmall.cn',
// common: 'http://192.168.0.106:8890', common: 'http://192.168.0.103:8890',
// buyer: 'http://192.168.0.106:8888', buyer: 'http://192.168.0.103:8888',
// seller: 'http://192.168.0.106:8889', seller: 'http://192.168.0.103:8889',
// manager: 'http://192.168.0.106:8887' manager: 'http://192.168.0.103:8887'
}, },
api_prod: { api_prod: {

View File

@ -37,7 +37,6 @@
</div> </div>
<div class="transaction-card" v-if="item.label=='订单'"> <div class="transaction-card" v-if="item.label=='订单'">
<div class="card-item"> <div class="card-item">
<div class="card-item-label">下单笔数</div> <div class="card-item-label">下单笔数</div>
<div class="card-item-value">{{overViewList.orderNum || 0}}</div> <div class="card-item-value">{{overViewList.orderNum || 0}}</div>
@ -48,7 +47,7 @@
</div> </div>
<div class="card-item"> <div class="card-item">
<div class="card-item-label">下单金额</div> <div class="card-item-label">下单金额</div>
<div class="card-item-value">{{overViewList.orderAmount ? ($options.filters.unitPrice(overViewList.orderAmount )) : 0 }}</div> <div class="card-item-value">{{overViewList.orderAmount || 0 | unitPrice('¥')}}</div>
</div> </div>
<div class="card-item"> <div class="card-item">
<div class="card-item-label">付款笔数</div> <div class="card-item-label">付款笔数</div>
@ -56,7 +55,7 @@
</div> </div>
<div class="card-item"> <div class="card-item">
<div class="card-item-label">付款金额</div> <div class="card-item-label">付款金额</div>
<div class="card-item-value">{{ overViewList.paymentAmount ? ($options.filters.unitPrice(overViewList.paymentAmount)) : 0 }}</div> <div class="card-item-value">{{ overViewList.paymentAmount || 0 | unitPrice('¥')}}</div>
</div> </div>
</div> </div>
@ -141,7 +140,6 @@
</div> </div>
</Card> </Card>
<Card class="card"> <Card class="card">
<div> <div>
<h4>订退单统计</h4> <h4>订退单统计</h4>
@ -152,9 +150,7 @@
<Table stripe :columns="columns" :data="data"></Table> <Table stripe :columns="columns" :data="data"></Table>
</div> </div>
<Page @on-change="(index)=>{refundParams.pageNumber = index}" @on-page-size-change="(size)=>{refundParams.pageSize= size}" class="page" show-total show-elevator :total="total" /> <Page @on-change="(index)=>{refundParams.pageNumber = index}" @on-page-size-change="(size)=>{refundParams.pageSize= size}" class="page" show-total show-elevator :total="total" />
</div> </div>
</Card> </Card>
</div> </div>