czg_team/cashier-web
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 代客下单修改，订单列表详情退款修改

Browse Source
This commit is contained in:
YeMingfei666
2025-03-05 13:39:06 +08:00
parent a7b7c1cd7e
commit ed9a3335c8
8 changed files with 195 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/views/order/index/components/detail.vue
View File

@@ -1,19 +1,22 @@
<template>
<div>
<el-drawer title="订单详情" size="60%" v-model="drawer" direction="rtl" v-loading="loading">
<div v-loading="loading">
<el-drawer title="订单详情" size="60%" v-model="drawer" direction="rtl" @close="reset">
<div class="header">
<div class="title" style="text-align: center">【收银订单】</div>
<div class="container">
<div class="container" v-if="user">
<div class="info_content">
<div class="item">
<div class="label">会员信息</div>
<div class="row">
<div>会员昵称：-</div>
<div>联系电话：-</div>
<div>会员昵称：-{{ user.nickName || "" }}</div>
<div>联系电话：-{{ user.phone || "" }}</div>
</div>
</div>
</div>
</div>
<div v-else>
<h3>服务员下单</h3>
</div>
<div class="table">
<div class="item">
<div class="t">订单状态</div>
@@ -73,7 +76,7 @@
<div class="row">
<div>打包费：{{ detail.packFee || "-" }}</div>
<div>订单原价：￥{{ detail.originAmount }}</div>
<div>优惠金额：￥{{ youHuiJinE }}</div>
<div>优惠金额：￥{{ detail.discountAmount }}</div>
<div>
实收金额：
<span style="color: red">￥{{ detail.payAmount }}</span>
@@ -98,7 +101,13 @@
<div style="margin-bottom: 16px; font-size: 16px">商品信息</div>
<template v-for="(item, index) in detail.detailMap" :key="index">
<h4>第{{ index }}次下单</h4>
<el-table :data="item">
<el-table
:data="item"
:ref="'refTable' + index"
@selection-change="selectionChange"
@row-click="rowClick($event, index)"
>
<el-table-column type="selection" width="55" />
<el-table-column label="商品">
<template v-slot="scope">
<div class="shop_info">
@@ -125,18 +134,21 @@
<template v-slot="scope">x{{ scope.row.num }}</template>
</el-table-column>
<el-table-column label="单价">
<template v-slot="scope">￥{{ scope.row.price }}</template>
<template v-slot="scope">￥{{ scope.row.unitPrice }}</template>
</el-table-column>
<el-table-column label="小计">
<template v-slot="scope">￥{{ scope.row.payAmount }}</template>
</el-table-column>
<el-table-column label="实付">
<template v-slot="scope">￥{{ scope.row.payAmount }}</template>
</el-table-column>
<el-table-column label="操作">
<template v-slot="scope">
<template v-if="detail.status != 'unpaid'">
<el-button
v-if="canTuikuan(scope.row)"
link
size="mini"
size="small"
@click="tuikuan(scope.row)"
>
<span>退款</span>
@@ -147,7 +159,7 @@
<el-button
v-if="canTuicai(scope.row)"
type="text"
size="mini"
size="small"
@click="tuiCai(scope.row)"
>
<span>退菜</span>
@@ -158,6 +170,14 @@
</el-table-column>
</el-table>
</template>
<div class="u-p-20 u-flex u-row-right">
<el-checkbox
v-model="allSelected"
@change="allSelectedChange"
label="全选"
></el-checkbox>
<el-button type="danger" class="u-m-l-20" @click.stop="tuikuan('all')">退款</el-button>
</div>
</div>
</div>
</el-drawer>
@@ -177,6 +197,7 @@ import { ElMessage } from "element-plus";
import { returnOptionsLabel } from "../config/config";
import * as $util from "../order_goods_util.js";
import orderApi from "@/api/order/order";
import shopUserApi from "@/api/account/shopUser";
import orderEnum from "./orderEnum";
import dayjs from "dayjs";
export default {
@@ -185,6 +206,8 @@ export default {
},
data() {
return {
allSelected: false,
user: "",
orderEnum,
drawer: false,
type: "1",
@@ -230,6 +253,26 @@ export default {
},
},
methods: {
rowClick(row, index) {
this.$refs["refTable" + index][0].toggleRowSelection(row);
},
selectionChange(e) {
console.log(e);
},
allSelectedChange(newval) {
for (let i in this.detail.detailMap) {
this.detail.detailMap[i].forEach((item) => {
if (newval) {
this.$refs["refTable" + i][0].toggleRowSelection(item, true);
} else {
this.$refs["refTable" + i][0].toggleRowSelection(item, false);
}
});
}
},
reset() {
this.user = "";
},
returnPayType(payType) {
if (!payType) {
return "";
@@ -304,9 +347,19 @@ export default {
this.update();
},
tuikuan(item) {
let arr = [];
if (item === "all") {
for (let i in this.detail.detailMap) {
arr.push(...this.$refs["refTable" + i][0].getSelectionRows());
}
} else {
arr = [item];
}
if (arr.length == 0) {
return ElMessage.error("请选择要退款的商品");
}
this.selGoods = item;
console.log(item);
this.$refs.refReturnMoney.open({ ...item, priceAmount: item.canReturnAmount });
this.$refs.refReturnMoney.open(arr, this.detail);
},
tuiCai(item) {
this.selGoods = item;
@@ -337,7 +390,13 @@ export default {
async tbOrderInfoDetail(id) {
try {
this.loading = true;
const res = await orderApi.getHistoryList({ orderId: id });
const res = await orderApi.get({ orderId: id });
if (res.userId) {
shopUserApi.get({ userId: res.userId }).then((res1) => {
this.user = res1;
});
}
this.detail = res;
this.loading = false;
} catch (error) {

117
src/views/order/index/components/return-money.vue
View File

@@ -1,35 +1,59 @@
<template>
<el-dialog title="退款" width="410px" v-model="show" @close="reset" :modal="modal">
<div class="u-flex font-bold color-333">
{{ goods.productName }}
<el-dialog title="修改退款金额" width="410px" v-model="show" @close="reset" :modal="modal">
<div class="u-flex u-col-top">
<span class="u-m-0">退款商品</span>
<div class="u-p-l-20 goods-list">
<div
class="u-flex u-font-12 goods-list-item"
v-for="(goods, index) in goodsList"
:key="index"
>
<span class="">
{{ goods.productName }}
</span>
<span class="color-999 u-m-l-10">x{{ goods.num || "" }}</span>
<span class="color-333 u-m-l-10 u-font-600">
{{ goods.payAmount || "" }}
</span>
</div>
</div>
</div>
<div class="u-flex color-999 u-m-t-4">
{{ goods.productSkuName || "" }}
<div class="u-flex u-col-top u-m-t-22">
<h4span class="u-m-0">支付金额</h4span>
<div class="u-p-l-20">
{{ detail.payAmount }}
</div>
</div>
<div class="u-flex u-col-top u-m-t-22">
<span class="u-m-0">优惠金额</span>
<div class="u-p-l-20">
{{ detail.discountAmount }}
</div>
</div>
<div class="u-p-b-16 u-m-t-22">
<div class="flex u-row-between">
<span>线下收款</span>
<div class="u-flex u-flex-1 u-p-l-20">
<el-input type="number" v-model="number" :min="min" :max="max">
<template #append>可退1元</template>
</el-input>
</div>
</div>
<div class="u-flex u-col-top u-m-t-22">
<span class="u-m-0">退款金额</span>
<div class="u-p-l-20">
<span class="color-red">￥ {{ detail.discountAmount }}</span>
<span class="color-666 u-m-l-4">(退款商品金额：260.16)</span>
</div>
</div>
<div class="u-flex u-col-top u-m-t-22">
<span class="u-m-0">退回优惠券</span>
<div class="u-p-l-20">
<span class="color-666 u-m-l-4">该订单未使用优惠券</span>
</div>
</div>
</div>
<div class="u-p-b-16 border-bottom">
<div class="flex u-row-between">
<span>退款数量</span>
<div class="u-flex">
<el-input-number v-model="number" :min="min" :max="max"></el-input-number>
</div>
</div>
<div class="u-font-12 color-999 u-m-t-8" v-if="isSeatFee">
<div>
<span class="color-red">*</span>
<span>客座费只能全退</span>
</div>
</div>
</div>
<div class="u-m-t-12 u-font-12 color-999">菜品已点数量 {{ max }} 份</div>
<div class="u-flex u-m-t-12">
<span>支付金额</span>
<span class="">￥{{ goods.payAmount }}</span>
</div>
<div class="u-flex u-m-t-12">
<span>退款金额</span>
<span class="color-red font-bold">￥{{ tuikuanJine }}</span>
</div>
<div class="u-p-b-16 border-bottom">
<div class="flex">
<span class="u-m-r-12">是否现金</span>
@@ -55,12 +79,12 @@
</div>
</div>
<div class="u-m-t-20">
<el-input v-model="note" size="medium" placeholder="请输入自定义备注"></el-input>
<el-input v-model="note" placeholder="请输入自定义备注"></el-input>
</div>
<template #footer>
<div>
<el-button size="medium" @click="close">取消</el-button>
<el-button size="medium" type="primary" @click="confirm">确定</el-button>
<el-button @click="close">取消</el-button>
<el-button type="primary" @click="confirm">确定</el-button>
</div>
</template>
</el-dialog>
@@ -81,6 +105,8 @@ export default {
},
data() {
return {
detail: "",
goodsList: [],
cash: false,
isFloat: false,
min: 0,
@@ -128,23 +154,10 @@ export default {
}
this.note = tag + "," + this.note;
},
open(item) {
this.goods = item ? item : this.goods;
console.log(item);
if (item && item.isWeight) {
//称重商品
this.isFloat = true;
this.number = item.num;
}
if (item && !item.isWeight) {
if (item.productId != "-999") {
this.number = 1;
} else {
this.number = item.num;
}
}
open(goods, detailInfo) {
this.goodsList = goods;
this.show = true;
this.detail = detailInfo;
},
close() {
this.show = false;
@@ -209,4 +222,14 @@ export default {
-webkit-appearance: none;
margin: 0;
}
.goods-list-item {
height: 24px;
line-height: 24px;
background: #f0f2f5;
border-radius: 3px;
padding: 0 10px;
}
.goods-list-item:not(:first-child) {
margin-top: 6px;
}
</style>