Merge branch 'test' of https://e.coding.net/g-cphe0354/yinshoukeguanliduan/management into wwz
This commit is contained in:
魏啾
commit
54d4f468c1
|
|
@ -439,3 +439,14 @@ export function $getOrderPayUrl(data) {
|
|||
}
|
||||
});
|
||||
}
|
||||
//退款
|
||||
export function $returnOrder(data) {
|
||||
return request({
|
||||
url: '/api/place/returnOrder',
|
||||
method: "post",
|
||||
data:{
|
||||
shopId: localStorage.getItem("shopId"),
|
||||
...data
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -102,7 +102,7 @@ export async function hasPermission (params) {
|
|||
}
|
||||
params = returnFormatParams(params)
|
||||
if (!params) {
|
||||
return infoBox.showToast('未找到相关权限，请检查代码或在权限配置文件commons/utils/hasPermission.js文件进行修改或增加')
|
||||
return Notification.error('未找到相关权限，请检查代码或在权限配置文件commons/utils/hasPermission.js文件进行修改或增加')
|
||||
}
|
||||
const option = Object.assign({
|
||||
tips: true,
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@
|
|||
<div style="margin-left: 80px;color: #FF4D4F;">* 可在打印机设备底部查看打印机编号和秘钥(key)</div>
|
||||
</el-form-item>
|
||||
</template> -->
|
||||
|
||||
|
||||
<el-form-item label="小票尺寸">
|
||||
<el-radio-group v-model="forms.receiptSize">
|
||||
<el-radio label="58mm"></el-radio>
|
||||
|
|
@ -49,6 +49,7 @@
|
|||
<el-radio label="1">部分分类</el-radio>
|
||||
<!-- <el-radio label="2">部分商品</el-radio> -->
|
||||
</el-radio-group>
|
||||
<div style="color: rgb(255, 77, 79);margin-left: 80px;">仅打印制作单[厨房]</div>
|
||||
<div v-if="forms.classifyPrint == 1" style="margin-left:70px">
|
||||
<!-- <el-tree :data="partList" show-checkbox node-key="id" ref="tree" :default-checked-keys="this.forms.categoryIds"
|
||||
:props="{ children: 'childrenList', label: 'name' }">
|
||||
|
|
@ -115,9 +116,15 @@ export default {
|
|||
return {
|
||||
forms: {
|
||||
sort: "0",
|
||||
status: "0",
|
||||
connectionType: "network", printType: [],
|
||||
selectcheckbox: []
|
||||
status: 1,
|
||||
connectionType: "network",
|
||||
selectcheckbox: [],
|
||||
|
||||
receiptSize: '58mm',
|
||||
classifyPrint: '0',
|
||||
printQty: 'm1^1',
|
||||
printType: ["refund", 'handover', 'queue'],
|
||||
printMethod: "all",
|
||||
},
|
||||
partList: []
|
||||
}
|
||||
|
|
|
|||
|
|
@ -103,6 +103,8 @@ border: 1px solid rgba(255,255,255,0.28);" @click="dialogConfirm(3)">过号</el-
|
|||
|
||||
<script>
|
||||
import { callTable, callTablequeue, callTableput, callTabletakeNumber, callTablecall } from '@/api/shop'
|
||||
const synth = window.speechSynthesis;
|
||||
const msg = new SpeechSynthesisUtterance()
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -151,7 +153,27 @@ export default {
|
|||
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
handleSpeak(text) {
|
||||
msg.text = text; // 文字内容: 小朋友，你是否有很多问号
|
||||
msg.lang = "zh-CN"; // 使用的语言:中文
|
||||
msg.volume = 3; // 声音音量：1
|
||||
msg.rate = 1; // 语速：1
|
||||
msg.pitch = 1; // 音高：1
|
||||
synth.speak(msg); // 播放
|
||||
},
|
||||
// // 语音停止
|
||||
// handleStop(e) {
|
||||
// msg.text = e;
|
||||
// msg.lang = "zh-CN";
|
||||
// synth.cancel(msg);
|
||||
// },
|
||||
|
||||
|
||||
async profilepicture(d) {
|
||||
this.handleSpeak(d.callNum)
|
||||
let res = await callTablecall({
|
||||
shopId: localStorage.getItem('shopId'),
|
||||
callQueueId: d.id
|
||||
|
|
|
|||
|
|
@ -115,6 +115,14 @@ export default {
|
|||
// this.getCookie()
|
||||
// // token 过期提示
|
||||
// this.point()
|
||||
|
||||
let getinfo = localStorage.getItem('MerchantId')
|
||||
let info = JSON.parse(getinfo)
|
||||
if (info.merchantName) {
|
||||
this.loginForm.merchantName = info.merchantName
|
||||
this.loginForm.username = info.username
|
||||
}
|
||||
|
||||
},
|
||||
methods: {
|
||||
getCode() {
|
||||
|
|
@ -170,6 +178,14 @@ export default {
|
|||
user.password = encrypt(user.password)
|
||||
this.$store.dispatch('Login', user).then(() => {
|
||||
this.loading = false
|
||||
// 保存商户号
|
||||
|
||||
localStorage.setItem('MerchantId', JSON.stringify({
|
||||
merchantName: this.loginForm.merchantName,
|
||||
username: this.loginForm.username,
|
||||
}))
|
||||
|
||||
|
||||
// this.$router.push({ path: this.redirect || '/' })
|
||||
window.location.href = './'
|
||||
}).catch(() => {
|
||||
|
|
|
|||
|
|
@ -130,6 +130,12 @@
|
|||
￥{{ scope.row.priceAmount }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作">
|
||||
<template v-slot="scope">
|
||||
<el-button v-if="detail.status=='closed'" type="text" size="mini" @click="tuikuan(scope.row)"><span >退款</span></el-button>
|
||||
<el-button v-if="detail.status=='unpaid'" type="text" size="mini" @click="tuiCai(scope.row)"><span >退菜</span></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- </el-tab-pane> -->
|
||||
|
|
@ -193,6 +199,19 @@
|
|||
-->
|
||||
<!-- </el-tabs> -->
|
||||
</div>
|
||||
<return-cart
|
||||
:modal="false"
|
||||
ref="refReturnCart"
|
||||
:max="selGoods.num"
|
||||
@confirm="refReturnCartConfirm"
|
||||
></return-cart>
|
||||
<return-money
|
||||
:modal="false"
|
||||
ref="refReturnMoney"
|
||||
:max="selGoods.num"
|
||||
:goods="selGoods"
|
||||
@confirm="refReturnMoneyConfirm"
|
||||
></return-money>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
|
|
@ -200,7 +219,14 @@
|
|||
import orderEnum from "../orderEnum";
|
||||
import dayjs from "dayjs";
|
||||
import { tbOrderInfoDetail, tbOrderInfoData } from "@/api/order";
|
||||
import returnCart from "@/views/tool/Instead/components/return-cart.vue";
|
||||
import returnMoney from "@/views/tool/Instead/components/return-money.vue";
|
||||
import {
|
||||
$returnCart,$returnOrder
|
||||
} from "@/api/table";
|
||||
export default {
|
||||
components: { returnCart,returnMoney },
|
||||
|
||||
data() {
|
||||
return {
|
||||
orderEnum,
|
||||
|
|
@ -208,7 +234,8 @@ export default {
|
|||
type: "1",
|
||||
detail: "",
|
||||
loading: false,
|
||||
refoundList: []
|
||||
refoundList: [],
|
||||
selGoods:{num:1}
|
||||
};
|
||||
},
|
||||
filters: {
|
||||
|
|
@ -242,6 +269,38 @@ export default {
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
async refReturnMoneyConfirm(e){
|
||||
const res = await $returnOrder({
|
||||
...e,
|
||||
orderId:this.detail.id,
|
||||
orderDetails:[{
|
||||
id:this.selGoods.id,
|
||||
num:e.num
|
||||
}]
|
||||
});
|
||||
this.update();
|
||||
},
|
||||
update(){
|
||||
this.tbOrderInfoDetail(this.detail.id);
|
||||
},
|
||||
async refReturnCartConfirm(e){
|
||||
const res = await $returnCart({
|
||||
...e,
|
||||
cartId: this.selGoods.id,
|
||||
tableId: this.detail.tableId,
|
||||
});
|
||||
this.update();
|
||||
},
|
||||
tuikuan(item){
|
||||
this.selGoods=item;
|
||||
console.log(item);
|
||||
this.$refs.refReturnMoney.open(item);
|
||||
},
|
||||
tuiCai(item){
|
||||
this.selGoods=item;
|
||||
console.log(item);
|
||||
this.$refs.refReturnCart.open(item);
|
||||
},
|
||||
// 切换类型
|
||||
getTableData() {
|
||||
if (this.type == "3") {
|
||||
|
|
|
|||
|
|
@ -64,6 +64,8 @@
|
|||
// import Sortable from 'sortablejs'
|
||||
import addClassify from './components/addClassify'
|
||||
import { tbShopCategoryGet, tbShopCategoryDelete, tbShopCategoryPost, upCategorySort } from '@/api/shop'
|
||||
import { hasPermission } from '@/utils/limits.js'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
addClassify
|
||||
|
|
@ -114,6 +116,9 @@ export default {
|
|||
// },
|
||||
// 状态切换
|
||||
async showChange(e, row) {
|
||||
let res = await hasPermission('允许修改分类');
|
||||
if ( !res) { row.isShow = (e == 0 ? 1 : 0);return; }
|
||||
|
||||
try {
|
||||
await tbShopCategoryPost(row, 'put')
|
||||
this.getTableData()
|
||||
|
|
@ -141,6 +146,8 @@ export default {
|
|||
},
|
||||
// 删除
|
||||
async delHandle(ids) {
|
||||
let res = await hasPermission('允许修改分类');
|
||||
if ( !res) { return; }
|
||||
try {
|
||||
await tbShopCategoryDelete(ids)
|
||||
this.$notify({
|
||||
|
|
|
|||
|
|
@ -48,6 +48,7 @@
|
|||
<script>
|
||||
import Sortable from 'sortablejs'
|
||||
import addGroup from '../components/addGroup'
|
||||
import { hasPermission } from '@/utils/limits.js'
|
||||
import { tbProductGroupGet, tbProductGroupDelete, tbProductGroupPut, upGroupSort } from '@/api/shop'
|
||||
export default {
|
||||
components: {
|
||||
|
|
@ -92,12 +93,15 @@ export default {
|
|||
return a + ' - ' + ciri + b
|
||||
},
|
||||
//表格拖拽
|
||||
tableDrag() {
|
||||
async tableDrag() {
|
||||
|
||||
const el = document.querySelector('#table_drag .el-table__body-wrapper tbody')
|
||||
new Sortable(el, {
|
||||
animation: 150,
|
||||
onEnd: async e => {
|
||||
// console.log('拖拽结束===', e);
|
||||
let res = await hasPermission('允许修改分组');
|
||||
if ( !res) { return; }
|
||||
if (e.oldIndex == e.newIndex) return
|
||||
let oid = this.tableData.list[e.oldIndex].id
|
||||
let nid = this.tableData.list[e.newIndex].id
|
||||
|
|
@ -117,6 +121,9 @@ export default {
|
|||
},
|
||||
// 状态切换
|
||||
async showChange(e, row) {
|
||||
let res = await hasPermission('允许修改分组');
|
||||
if ( !res) { row.isShow = (e == 0 ? 1 : 0);return; }
|
||||
|
||||
try {
|
||||
await tbProductGroupPut(row)
|
||||
this.getTableData()
|
||||
|
|
@ -136,6 +143,8 @@ export default {
|
|||
},
|
||||
// 删除
|
||||
async delHandle(ids) {
|
||||
let res = await hasPermission('允许修改分组');
|
||||
if ( !res) { return; }
|
||||
try {
|
||||
await tbProductGroupDelete(ids)
|
||||
this.$notify({
|
||||
|
|
|
|||
|
|
@ -20,9 +20,9 @@
|
|||
</div>
|
||||
<div class="head-container">
|
||||
<div class="header_wrap">
|
||||
<router-link :to="{ name: 'add_shop' }">
|
||||
<el-button type="primary" icon="el-icon-plus">添加商品</el-button>
|
||||
</router-link>
|
||||
<!-- <router-link :to="{ name: 'add_shop' }" > -->
|
||||
<el-button type="primary" icon="el-icon-plus" @click="toPath( '/product/add_shop')">添加商品</el-button>
|
||||
<!-- </router-link> -->
|
||||
<el-select v-model="tableData.sort" placeholder="排序" @change="getTableData">
|
||||
<el-option value="createdAt,desc" label="创建时间"></el-option>
|
||||
<el-option value="stockNumber,asc" label="数量由低到高"></el-option>
|
||||
|
|
@ -318,7 +318,11 @@ export default {
|
|||
async toPath ( path , row) {
|
||||
let res = await hasPermission('允许修改商品');
|
||||
if ( !res) { return; }
|
||||
this.$router.push({path: path, query: { goods_id: row.id }})
|
||||
let query = {};
|
||||
if ( row ) {
|
||||
query.goods_id = row.id;
|
||||
}
|
||||
this.$router.push({path: path, query: query})
|
||||
},
|
||||
// 显示修改商品警告线
|
||||
showStockWarningHandle() {
|
||||
|
|
@ -431,7 +435,9 @@ export default {
|
|||
}
|
||||
},
|
||||
// 显示绑定耗材
|
||||
showBindCons(item) {
|
||||
async showBindCons(item) {
|
||||
let res = await hasPermission('允许修改商品');
|
||||
if ( !res) { return; }
|
||||
// console.log(item);
|
||||
this.$refs.bindCons.show(item)
|
||||
},
|
||||
|
|
@ -555,6 +561,8 @@ export default {
|
|||
},
|
||||
// 删除商品
|
||||
async delTableHandle(ids) {
|
||||
let res = await hasPermission('允许修改商品');
|
||||
if ( !res) { return; }
|
||||
try {
|
||||
await tbProductDelete(ids)
|
||||
this.getTableData()
|
||||
|
|
|
|||
|
|
@ -38,7 +38,12 @@
|
|||
>
|
||||
下载台桌码
|
||||
</el-button>
|
||||
<el-button type="primary" icon="el-icon-download">下载店铺码</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-download"
|
||||
@click="downloadShopCode"
|
||||
>下载店铺码</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-flex u-p-b-15 u-font-14">
|
||||
|
|
@ -224,6 +229,7 @@ import tableDiancan from "./components/table-diancan.vue";
|
|||
import $status from "./status.js";
|
||||
import chooseDinersNumber from "./components/table-diancan-components/choose-diners-number.vue";
|
||||
import { tbShopInfo } from "@/api/user";
|
||||
import { hasPermission } from "@/utils/limits.js";
|
||||
|
||||
import {
|
||||
tbShopTableGet,
|
||||
|
|
@ -233,7 +239,7 @@ import {
|
|||
tbShopTable,
|
||||
} from "@/api/table";
|
||||
import dayjs from "dayjs";
|
||||
|
||||
import { downloadFile } from "@/utils/index";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
|
@ -255,12 +261,12 @@ export default {
|
|||
selTable: "", //当前选中的桌台
|
||||
areaMap: {},
|
||||
shopInfo: {},
|
||||
timer:null
|
||||
timer: null,
|
||||
};
|
||||
},
|
||||
beforeDestroy() {
|
||||
this.clearTimer();
|
||||
console.log('beforeDestroy')
|
||||
console.log("beforeDestroy");
|
||||
},
|
||||
mounted() {
|
||||
this.clearTimer();
|
||||
|
|
@ -270,7 +276,7 @@ export default {
|
|||
},
|
||||
filters: {
|
||||
formatTime(milliseconds) {
|
||||
console.log(milliseconds)
|
||||
console.log(milliseconds);
|
||||
if (!milliseconds) {
|
||||
return "";
|
||||
}
|
||||
|
|
@ -281,21 +287,37 @@ export default {
|
|||
const minutes = Math.floor(
|
||||
(milliseconds % (1000 * 60 * 60)) / (1000 * 60)
|
||||
);
|
||||
return `${days ? days + "天" : ""} ${hours ? hours + "时" : ""} ${minutes + "分"
|
||||
return `${days ? days + "天" : ""} ${hours ? hours + "时" : ""} ${
|
||||
minutes + "分"
|
||||
}`;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
clearTimer(){
|
||||
console.log('clearTimer')
|
||||
clearInterval(this.timer);
|
||||
this.timer=null;
|
||||
async downloadShopCode() {
|
||||
try {
|
||||
const link = document.createElement("a");
|
||||
link.href = this.shopInfo.smallQrcode;
|
||||
const fileName = this.shopInfo.shopName +"店铺码"+ ".png";
|
||||
console.log(fileName)
|
||||
link.setAttribute("download", fileName);
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
document.body.removeChild(link);
|
||||
this.$message.success("下载成功");
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
},
|
||||
setTimter(time=60){
|
||||
this.timer=setInterval(() => {
|
||||
const showloading=false
|
||||
this.tbShopTableGet(showloading)
|
||||
}, time*1000);
|
||||
clearTimer() {
|
||||
console.log("clearTimer");
|
||||
clearInterval(this.timer);
|
||||
this.timer = null;
|
||||
},
|
||||
setTimter(time = 60) {
|
||||
this.timer = setInterval(() => {
|
||||
const showloading = false;
|
||||
this.tbShopTableGet(showloading);
|
||||
}, time * 1000);
|
||||
},
|
||||
//获取店铺信息
|
||||
async getShopInfo() {
|
||||
|
|
@ -348,9 +370,20 @@ export default {
|
|||
onDiancanClose() {
|
||||
this.tbShopTableGet();
|
||||
},
|
||||
diancanShow(item, key) {
|
||||
async diancanShow(item, key) {
|
||||
if(key=='isPayOrder'){
|
||||
const canShoukuan=await hasPermission('允许收款')
|
||||
if(!canShoukuan){
|
||||
return
|
||||
}
|
||||
}
|
||||
const canXiadan=await hasPermission('允许下单')
|
||||
if(!canXiadan){
|
||||
return
|
||||
}
|
||||
|
||||
//key isAddGoods 加菜
|
||||
//key isPayOrder结账
|
||||
//key isPayOrder 结账
|
||||
this.selTable = item;
|
||||
if (this.shopInfo.isTableFee) {
|
||||
//免餐位费
|
||||
|
|
@ -372,9 +405,9 @@ export default {
|
|||
table_name: this.selTable.name,
|
||||
tableId: this.selTable.tableId,
|
||||
useType: this.selTable.useType,
|
||||
maxCapacity:this.selTable.maxCapacity,
|
||||
masterId:this.selTable.masterId,
|
||||
orderId:this.selTable.orderId,
|
||||
maxCapacity: this.selTable.maxCapacity,
|
||||
masterId: this.selTable.masterId,
|
||||
orderId: this.selTable.orderId,
|
||||
...query,
|
||||
},
|
||||
});
|
||||
|
|
@ -406,7 +439,7 @@ export default {
|
|||
}
|
||||
},
|
||||
// 台桌列表
|
||||
async tbShopTableGet(showloading=true) {
|
||||
async tbShopTableGet(showloading = true) {
|
||||
this.loading = showloading;
|
||||
try {
|
||||
const { content, total } = await tbShopTableGet({
|
||||
|
|
|
|||
|
|
@ -1,8 +1,12 @@
|
|||
<template>
|
||||
<div class="flex order-item relative" :class="[isActive]" @click="itemClick">
|
||||
<div
|
||||
class="flex order-item u-m-b-14 relative"
|
||||
:class="[isActive]"
|
||||
@click="itemClick"
|
||||
>
|
||||
<span class="absolute pack" v-if="item.isPack === 'true'"> 包 </span>
|
||||
<span class="absolute tui" v-if="item.status === 'return'"> 退 </span>
|
||||
<div class="flex">
|
||||
<div class="flex u-col-top">
|
||||
<div class="img">
|
||||
<div
|
||||
class="isSeatFee img u-line-1 u-flex u-col-center u-row-center"
|
||||
|
|
@ -12,7 +16,7 @@
|
|||
</div>
|
||||
<img v-else :src="item.coverImg" class="" alt="" />
|
||||
</div>
|
||||
<div class="good-info">
|
||||
<div class="good-info u-p-t-6">
|
||||
<div class="flex lh-16">
|
||||
<div class="name" :class="{ 'free-price': item.status === 'return' }">
|
||||
{{ item.name }}
|
||||
|
|
@ -24,13 +28,23 @@
|
|||
<div v-if="item.specSnap" class="specSnap">
|
||||
{{ item.specSnap }}
|
||||
</div>
|
||||
<template v-if="item.note">
|
||||
<div class="note">备注:{{ item.note || "" }}</div>
|
||||
</template>
|
||||
|
||||
<div class="" v-if="placeNum == 0">
|
||||
<div class="note" v-if="item.note">
|
||||
备注:{{ item.note || "" }}
|
||||
</div>
|
||||
<div class="note flex" v-else>
|
||||
<span>备注:</span>
|
||||
<span class="el-icon-edit u-font-12" @click="editNote"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="note" v-if="placeNum != 0 && item.note">
|
||||
备注:{{ item.note || "" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="order-number-box">
|
||||
<div class="flex u-p-t-6">
|
||||
<div class="order-number-box u-font-12">
|
||||
<div class="" v-if="isSeatFee">X{{ item.totalNumber }}</div>
|
||||
<div class="" v-else>X{{ item.number }}</div>
|
||||
<div class="absolute" v-if="canChangeNumber">
|
||||
|
|
@ -62,7 +76,7 @@
|
|||
}"
|
||||
>
|
||||
<span v-if="isSeatFee"> ￥{{ item.totalAmount }}</span>
|
||||
<span v-else> ￥{{ item.salePrice }}</span>
|
||||
<span v-else> ￥{{ item.totalAmount }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -136,6 +150,11 @@ export default {
|
|||
this.number = this.item.number;
|
||||
},
|
||||
methods: {
|
||||
editNote() {
|
||||
if (this.placeNum === 0) {
|
||||
this.$emit("editNote", this.index);
|
||||
}
|
||||
},
|
||||
//购物车商品输入框数量改变
|
||||
cartGoodsNumberChange(newval) {
|
||||
if (newval <= 0) {
|
||||
|
|
@ -207,13 +226,13 @@ export default {
|
|||
font-size: 22px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.order-item {
|
||||
.flex.order-item {
|
||||
padding: 4px;
|
||||
border-radius: 2px;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
transition: all 0.3s;
|
||||
|
|
@ -245,6 +264,7 @@ export default {
|
|||
|
||||
.total-price {
|
||||
width: 94px;
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
|
@ -269,25 +289,25 @@ export default {
|
|||
}
|
||||
|
||||
.img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
width: 59px;
|
||||
height: 59px;
|
||||
position: relative;
|
||||
margin-right: 10px;
|
||||
|
||||
img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
width: 59px;
|
||||
height: 59px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.note{
|
||||
.note {
|
||||
max-width: 70%;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #999;
|
||||
margin-top: 2px;
|
||||
word-break: break-all;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #999;
|
||||
margin-top: 5px;
|
||||
word-break: break-all;
|
||||
}
|
||||
.order-number-box {
|
||||
position: relative;
|
||||
|
|
@ -295,8 +315,8 @@ export default {
|
|||
.absolute {
|
||||
width: 60px;
|
||||
height: 40px;
|
||||
right: -30px;
|
||||
top: -12px;
|
||||
right: -38px;
|
||||
top: -14px;
|
||||
position: absolute;
|
||||
|
||||
.order-input-number {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,124 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="flex">
|
||||
<i class="icon-remove" @click="reduce"></i>
|
||||
<div style="width: 40px" class="number-box">
|
||||
<el-input
|
||||
:min="min"
|
||||
:max="max"
|
||||
type="number"
|
||||
v-model="number"
|
||||
placeholder="0"
|
||||
@blur="valChange(number, true)"
|
||||
@input="valChange"
|
||||
></el-input>
|
||||
</div>
|
||||
<!-- <i class="el-icon-remove"></i> -->
|
||||
<i class="el-icon-circle-plus icon-add" @click="add"></i>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { formatPrice } from "@/utils/format";
|
||||
|
||||
export default {
|
||||
props: {
|
||||
value: {
|
||||
type: Number,
|
||||
default: 1,
|
||||
},
|
||||
min: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
},
|
||||
max: {
|
||||
type: Number,
|
||||
default: Infinity,
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
value(val){
|
||||
this.number = val;
|
||||
},
|
||||
min(val) {
|
||||
this.number = val;
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return { number: 1 };
|
||||
},
|
||||
methods: {
|
||||
valChange(val, isNow = false) {
|
||||
console.log(val);
|
||||
const max = this.max;
|
||||
const min = this.min;
|
||||
const returnNewval = formatPrice(val, min, max, true);
|
||||
let newval = 0;
|
||||
if (typeof returnNewval !== "number") {
|
||||
newval = returnNewval.value;
|
||||
} else {
|
||||
newval = returnNewval;
|
||||
}
|
||||
newval=parseInt(newval);
|
||||
console.log(newval);
|
||||
if (isNow) {
|
||||
this.number = newval;
|
||||
this.$emit("input", this.number);
|
||||
return;
|
||||
}
|
||||
setTimeout(() => {
|
||||
this.number = newval;
|
||||
this.$emit("input", this.number);
|
||||
}, 100);
|
||||
},
|
||||
emitInput() {
|
||||
this.$emit("input", this.number);
|
||||
},
|
||||
reduce() {
|
||||
if (this.number > this.min) {
|
||||
this.number--;
|
||||
this.emitInput();
|
||||
}
|
||||
},
|
||||
add() {
|
||||
if (this.number < this.max) {
|
||||
this.number++;
|
||||
this.$emit("input", this.number);
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted(){
|
||||
this.number = this.value;
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .number-box .el-input__inner {
|
||||
border: none;
|
||||
}
|
||||
.icon-add {
|
||||
color: #1890ff;
|
||||
font-size: 22px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icon-remove {
|
||||
border: 1px solid #d8d8d8;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 1px;
|
||||
background: #999;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,10 +1,19 @@
|
|||
<template>
|
||||
<el-dialog title="退菜" width="410px" :visible.sync="show" @close="reset">
|
||||
<div>
|
||||
<el-dialog title="退菜" width="410px" :visible.sync="show" @close="reset" :modal="modal">
|
||||
<div class="flex u-row-between u-p-b-20 border-bottom">
|
||||
<span>退菜数量</span>
|
||||
<div class="u-flex">
|
||||
<number-box v-model="number" :min="1" :max="max"></number-box>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-m-t-10 u-font-12 color-999">
|
||||
菜品已点数量 {{max}} 份
|
||||
</div>
|
||||
<div class="u-m-t-26">
|
||||
<div><span>退菜原因</span> <span class="color-red">*</span></div>
|
||||
</div>
|
||||
|
||||
<div class="u-flex u-flex-wrap tags">
|
||||
<div class="u-flex u-flex-wrap tags ">
|
||||
<div
|
||||
class="tag"
|
||||
v-for="(tag, index) in tags"
|
||||
|
|
@ -23,9 +32,7 @@
|
|||
></el-input>
|
||||
</div>
|
||||
<div class="u-m-t-20">
|
||||
<el-checkbox v-model="isPrint"
|
||||
>打印退菜单</el-checkbox
|
||||
>
|
||||
<el-checkbox v-model="isPrint">打印退菜单</el-checkbox>
|
||||
</div>
|
||||
<div slot="footer">
|
||||
<el-button size="medium" @click="close"> 取消 </el-button>
|
||||
|
|
@ -34,23 +41,48 @@
|
|||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import numberBox from './number-box.vue';
|
||||
export default {
|
||||
components:{numberBox},
|
||||
props:{
|
||||
modal:{
|
||||
type:Boolean,
|
||||
default:true
|
||||
},
|
||||
goods:{
|
||||
type:Object,
|
||||
default:()=>{
|
||||
return{}
|
||||
}
|
||||
},
|
||||
max:{
|
||||
type:Number,
|
||||
default:1
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isPrint:false,
|
||||
number:1,
|
||||
isPrint: false,
|
||||
tagSel: -1,
|
||||
show: false,
|
||||
tags: [{label:"不想要了",checked:false} ,{label:"食材不足",checked:false} ,{label:"等待时间过长",checked:false}],
|
||||
tags: [
|
||||
{ label: "不想要了", checked: false },
|
||||
{ label: "食材不足", checked: false },
|
||||
{ label: "等待时间过长", checked: false },
|
||||
],
|
||||
note: "",
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
changeSel(item) {
|
||||
item.checked = !item.checked ;
|
||||
item.checked = !item.checked;
|
||||
},
|
||||
reset() {
|
||||
this.note = "";
|
||||
this.number=1;
|
||||
console.log(this.number)
|
||||
},
|
||||
delTag(index) {
|
||||
this.tags.splice(index, 1);
|
||||
|
|
@ -63,12 +95,20 @@ export default {
|
|||
},
|
||||
open(note) {
|
||||
this.show = true;
|
||||
this.number=1;
|
||||
},
|
||||
close() {
|
||||
this.show = false;
|
||||
this.number=1;
|
||||
},
|
||||
confirm() {
|
||||
this.$emit("confirm", this.note);
|
||||
const selTag=this.tags.filter(item=>item.checked).map(item=>item.label).join(",")
|
||||
const note=selTag+(this.note.length>0?","+this.note:"");
|
||||
console.log(note)
|
||||
if(!note){
|
||||
return this.$message.error("请输入退菜原因");
|
||||
}
|
||||
this.$emit("confirm", {note:note,num:this.number});
|
||||
this.close();
|
||||
},
|
||||
},
|
||||
|
|
@ -106,4 +146,12 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
::v-deep .number-box .el-input__inner::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
::v-deep .number-box .el-input__inner::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,175 @@
|
|||
<template>
|
||||
<el-dialog
|
||||
title="退款"
|
||||
width="410px"
|
||||
:visible.sync="show"
|
||||
@close="reset"
|
||||
:modal="modal"
|
||||
>
|
||||
<div class="u-flex font-bold color-333">
|
||||
{{ goods.productName }}
|
||||
</div>
|
||||
<div class="u-flex color-999 u-m-t-4">
|
||||
{{ goods.productSkuName||'' }}
|
||||
</div>
|
||||
<div class="flex u-row-between u-p-b-16 u-m-t-10 border-bottom">
|
||||
<span>退款数量</span>
|
||||
<div class="u-flex">
|
||||
<number-box v-model="number" :min="1" :max="max"></number-box>
|
||||
</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.priceAmount }}</span>
|
||||
</div>
|
||||
<div class="u-flex u-m-t-12 ">
|
||||
<span>退款金额</span>
|
||||
<span class="color-red font-bold">￥{{ goods.price * number|to2 }}</span>
|
||||
</div>
|
||||
<div class="u-m-t-26">
|
||||
<div><span>退款原因</span> <span class="color-red">*</span></div>
|
||||
</div>
|
||||
|
||||
<div class="u-flex u-flex-wrap tags">
|
||||
<div
|
||||
class="tag"
|
||||
v-for="(tag, index) in tags"
|
||||
@click="changeSel(tag)"
|
||||
:key="index"
|
||||
:class="{ active: tag.checked }"
|
||||
>
|
||||
{{ tag.label }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-m-t-20">
|
||||
<el-input
|
||||
v-model="note"
|
||||
size="medium"
|
||||
placeholder="请输入自定义备注"
|
||||
></el-input>
|
||||
</div>
|
||||
<div slot="footer">
|
||||
<el-button size="medium" @click="close"> 取消 </el-button>
|
||||
<el-button size="medium" type="primary" @click="confirm">确定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import numberBox from "./number-box.vue";
|
||||
export default {
|
||||
components: { numberBox },
|
||||
props: {
|
||||
modal: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
goods: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {};
|
||||
},
|
||||
},
|
||||
max: {
|
||||
type: Number,
|
||||
default: 1,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
number: 1,
|
||||
isPrint: false,
|
||||
tagSel: -1,
|
||||
show: false,
|
||||
tags: [
|
||||
{ label: "不想要了", checked: false },
|
||||
{ label: "食材不足", checked: false },
|
||||
{ label: "等待时间过长", checked: false },
|
||||
],
|
||||
note: "",
|
||||
};
|
||||
},
|
||||
filters:{
|
||||
to2(val){
|
||||
return val.toFixed(2);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
changeSel(item) {
|
||||
item.checked = !item.checked;
|
||||
},
|
||||
reset() {
|
||||
this.note = "";
|
||||
this.number = 1;
|
||||
console.log(this.number);
|
||||
},
|
||||
delTag(index) {
|
||||
this.tags.splice(index, 1);
|
||||
},
|
||||
addNote(tag) {
|
||||
if (this.note.length <= 0) {
|
||||
return (this.note = tag);
|
||||
}
|
||||
this.note = tag + "," + this.note;
|
||||
},
|
||||
open(note) {
|
||||
this.show = true;
|
||||
this.number = 1;
|
||||
},
|
||||
close() {
|
||||
this.show = false;
|
||||
this.number = 1;
|
||||
},
|
||||
confirm() {
|
||||
const selTag = this.tags
|
||||
.filter((item) => item.checked)
|
||||
.map((item) => item.label)
|
||||
.join(",");
|
||||
const note = selTag + (this.note.length > 0 ? "," + this.note : "");
|
||||
console.log(note);
|
||||
if (!note) {
|
||||
return this.$message.error("请输入退款原因");
|
||||
}
|
||||
this.$emit("confirm", { note: note, num: this.number });
|
||||
this.close();
|
||||
},
|
||||
},
|
||||
mounted() {},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-tag {
|
||||
margin-top: 10px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 5px;
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
line-height: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
.tags {
|
||||
.tag {
|
||||
margin: 10px 10px 0 0;
|
||||
border: 1px solid #dcdfe6;
|
||||
border-radius: 4px;
|
||||
padding: 10px 13px;
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
&.active {
|
||||
color: #1890ff;
|
||||
background: #e8f4ff;
|
||||
border-color: #a3d3ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
::v-deep .number-box .el-input__inner::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
::v-deep .number-box .el-input__inner::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,12 +1,76 @@
|
|||
<!-- eslint-disable no-empty -->
|
||||
<template>
|
||||
<div class="el-dialog">
|
||||
<div class="bg-fff">
|
||||
<div class="bg-fff u-relative">
|
||||
<div
|
||||
class="u-fixed position-all"
|
||||
style="z-index: 999"
|
||||
v-if="!canXiadan"
|
||||
@click="xiadanClick"
|
||||
></div>
|
||||
<div class="flex head row-between flex-y-center u-m-l-20">
|
||||
<div class="flex" style="width: 500px">
|
||||
<div class="el-dialog__title" style="margin-right: 10px">
|
||||
<div class="u-font-16 color-333 font-bold" style="margin-right: 10px">
|
||||
{{ title }}
|
||||
</div>
|
||||
<div class="choose-user flex u-m-l-24">
|
||||
<el-button
|
||||
type="primary"
|
||||
v-if="vipUser.id === ''"
|
||||
@click="refChooseUserOpen"
|
||||
>选择用户</el-button
|
||||
>
|
||||
<template v-else>
|
||||
<div class="flex cur-pointer" @click="refChooseUserOpen">
|
||||
<img
|
||||
v-if="vipUser.headImg"
|
||||
class="headimg"
|
||||
:src="vipUser.headImg"
|
||||
alt=""
|
||||
/>
|
||||
<div v-else class="headimg flex flex-x-y-center">
|
||||
<i class="el-icon-user"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="ft-13 color-000">{{ vipUser.nickName }}</div>
|
||||
<div style="margin-top: 2px" class="color-666 ft-12">
|
||||
余额：{{ vipUser.amount }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<el-popover
|
||||
placement="right"
|
||||
width="333"
|
||||
trigger="click"
|
||||
v-model="tableShow"
|
||||
>
|
||||
<div style="max-height: 398px; overflow-y: scroll">
|
||||
<div
|
||||
class="u-flex u-row-between u-p-t-8 table-item u-p-b-8 u-p-r-30"
|
||||
v-for="(item, index) in tableList"
|
||||
:key="index"
|
||||
@click="changeTable(item, index)"
|
||||
>
|
||||
<span> {{ item.name }}</span>
|
||||
<span :style="{ color: status[item.status].type }">
|
||||
{{
|
||||
status[item.status] ? status[item.status].label : ""
|
||||
}}</span
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class="color-999 u-p-30 u-text-center"
|
||||
v-if="!tableList.length"
|
||||
>
|
||||
无可用桌台
|
||||
</div>
|
||||
</div>
|
||||
<div class="tableId u-m-l-28" slot="reference">
|
||||
{{ table ? "桌台号：" + table.name : "选择桌号" }}
|
||||
</div>
|
||||
</el-popover>
|
||||
<!-- 先付后付start -->
|
||||
<!-- <el-dropdown @command="changePostPay">
|
||||
<el-button plain type="primary" size="mini">
|
||||
|
|
@ -18,9 +82,11 @@
|
|||
<el-dropdown-item :command="true">后付费</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown> -->
|
||||
<el-button plain type="primary" size="mini">
|
||||
|
||||
<!-- <el-button plain type="primary" size="mini">
|
||||
{{ postPay ? "后付费" : "先付费" }}
|
||||
</el-button>
|
||||
</el-button> -->
|
||||
|
||||
<!-- 先付后付end -->
|
||||
<span
|
||||
@click="toggleFullScreen"
|
||||
|
|
@ -64,6 +130,7 @@
|
|||
</div>
|
||||
|
||||
<div class="flex flex-1">
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex-1">
|
||||
<el-input
|
||||
v-model="goods.query.productId"
|
||||
|
|
@ -75,7 +142,8 @@
|
|||
suffix-icon="el-icon-search"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
|
||||
<!-- <div
|
||||
style="display: flex; justify-content: flex-end; margin-left: 10px"
|
||||
>
|
||||
<div style="width: 100px; margin-left: 20px">
|
||||
|
|
@ -90,7 +158,7 @@
|
|||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="head-container search-box flex row-between" v-if="false">
|
||||
|
|
@ -123,10 +191,6 @@
|
|||
<div
|
||||
style="display: flex; justify-content: flex-end; margin-left: 10px"
|
||||
>
|
||||
<!-- <el-button style="margin-right: 10px" type="primary" @click="getGoods"
|
||||
>查询</el-button
|
||||
>
|
||||
<el-button @click="reset">重置</el-button> -->
|
||||
<div style="width: 100px; margin-left: 20px">
|
||||
<el-select v-model="layout.sel" placeholder="请选择">
|
||||
<el-option
|
||||
|
|
@ -146,33 +210,6 @@
|
|||
<div class="order">
|
||||
<div class="relative u-flex u-flex-col u-row-between">
|
||||
<div class="w-full" style="padding-right: 14px">
|
||||
<div class="choose-user flex u-m-l-20">
|
||||
<el-button
|
||||
type="primary"
|
||||
v-if="vipUser.id === ''"
|
||||
@click="refChooseUserOpen"
|
||||
>选择用户</el-button
|
||||
>
|
||||
<template v-else>
|
||||
<div class="flex cur-pointer" @click="refChooseUserOpen">
|
||||
<img
|
||||
v-if="vipUser.headImg"
|
||||
class="headimg"
|
||||
:src="vipUser.headImg"
|
||||
alt=""
|
||||
/>
|
||||
<div v-else class="headimg flex flex-x-y-center">
|
||||
<i class="el-icon-user"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="ft-13 color-000">{{ vipUser.nickName }}</div>
|
||||
<div style="margin-top: 2px" class="color-666 ft-12">
|
||||
余额：{{ vipUser.amount }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<div class="u-m-l-20 u-p-b-10 meal_box">
|
||||
<el-button-group>
|
||||
<el-button
|
||||
|
|
@ -187,31 +224,6 @@
|
|||
</div>
|
||||
<div class="flex row-between table-list u-m-l-20">
|
||||
<!-- <div class="tableId" @click="chooseTableOpen"> -->
|
||||
<el-popover
|
||||
placement="right"
|
||||
width="333"
|
||||
trigger="click"
|
||||
v-model="tableShow"
|
||||
>
|
||||
<div style="max-height: 398px; overflow-y: scroll">
|
||||
<div
|
||||
class="u-flex u-row-between u-p-t-8 table-item u-p-b-8 u-p-r-30"
|
||||
v-for="(item, index) in tableList"
|
||||
:key="index"
|
||||
@click="changeTable(item, index)"
|
||||
>
|
||||
<span> {{ item.name }}</span>
|
||||
<span :style="{ color: status[item.status].type }">
|
||||
{{
|
||||
status[item.status] ? status[item.status].label : ""
|
||||
}}</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tableId" slot="reference">
|
||||
{{ table ? "桌台号：" + table.name : "桌台号/取餐号" }}
|
||||
</div>
|
||||
</el-popover>
|
||||
|
||||
<div class="u-flex">
|
||||
<div class="u-p-r-14 border-r u-m-r-14">
|
||||
|
|
@ -260,6 +272,7 @@
|
|||
@changeOrderNumber="changeOrderNumber"
|
||||
@cartGoodsNumberInput="cartGoodsNumberInput"
|
||||
@cartGoodsNumberChange="cartGoodsNumberChange"
|
||||
@editNote="refNoteShow(true)"
|
||||
v-for="(item, index) in order.list"
|
||||
:key="index"
|
||||
:index="index"
|
||||
|
|
@ -268,16 +281,30 @@
|
|||
:selIndex="order.selIndex"
|
||||
></cart-item>
|
||||
</template>
|
||||
<div v-if="order.gift.list.length">
|
||||
<div class="carts_list_title">以下是优惠菜品</div>
|
||||
</div>
|
||||
|
||||
<div v-if="!order.list.length">
|
||||
<el-empty
|
||||
:image-size="50"
|
||||
description="点餐列表为空"
|
||||
></el-empty>
|
||||
</div>
|
||||
<!-- 优惠菜品 -->
|
||||
<div v-if="order.gift.list.length">
|
||||
<div class="carts_list_title">以下是优惠菜品</div>
|
||||
<template v-if="order.gift.list.length">
|
||||
<cart-item
|
||||
@itemClick="changeOrderSel"
|
||||
@changeOrderNumber="changeOrderNumber"
|
||||
@cartGoodsNumberInput="cartGoodsNumberInput"
|
||||
@cartGoodsNumberChange="cartGoodsNumberChange"
|
||||
v-for="(item, index) in order.gift.list"
|
||||
:key="index"
|
||||
:index="index"
|
||||
:item="item"
|
||||
:selPlaceNum="order.selPlaceNum"
|
||||
:selIndex="order.selIndex"
|
||||
></cart-item>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 已下单菜品列表 -->
|
||||
<template v-if="order.old.list.length">
|
||||
|
|
@ -321,6 +348,24 @@
|
|||
></cart-item>
|
||||
</div>
|
||||
</template>
|
||||
<!-- 打包费 -->
|
||||
<template v-if="allPackMoney > 0">
|
||||
<div class="list">
|
||||
<div class="carts_list_title">打包费</div>
|
||||
<cart-item
|
||||
@itemClick="changeOrderExtraSel"
|
||||
:canChangeNumber="false"
|
||||
key="seatFee"
|
||||
:index="0"
|
||||
:item="order.packFee"
|
||||
isSeatFee
|
||||
:selIndex="order.extra.selIndex"
|
||||
:placeNum="-10"
|
||||
:selPlaceNum="order.selPlaceNum"
|
||||
></cart-item>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<div class="order_remark" v-if="note.content">
|
||||
订单备注： {{ note.content }}
|
||||
</div>
|
||||
|
|
@ -329,7 +374,7 @@
|
|||
<div class="w-full bottom">
|
||||
<div class="border-top">
|
||||
<div class="flex row-right youhui" v-if="giftLen">
|
||||
<span> 已优惠￥{{ allGiftMoney | to2 }} </span>
|
||||
<span> 已优惠￥{{ allGiftMoney }} </span>
|
||||
<i class="el-icon-arrow-right"></i>
|
||||
</div>
|
||||
|
||||
|
|
@ -551,17 +596,17 @@
|
|||
</div>
|
||||
<div class="goods">
|
||||
<template v-if="!isCreateOrder">
|
||||
<div class="flex categoty">
|
||||
<div class="flex categoty u-col-center">
|
||||
<div
|
||||
class="show_more_btn"
|
||||
:class="{ showAll: category.showAll }"
|
||||
@click="toggleShowAll"
|
||||
>
|
||||
<div class="flex">
|
||||
<div class="flex">
|
||||
<i class="el-icon-arrow-down"></i>
|
||||
<div class="flex showmore">
|
||||
<i class="el-icon-caret-bottom color-fff"></i>
|
||||
</div>
|
||||
<span>展开</span>
|
||||
<span>{{ category.showAll ? "收起" : "展开" }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
|
|
@ -1121,6 +1166,7 @@
|
|||
|
||||
<return-cart
|
||||
ref="refReturnCart"
|
||||
:max="order.selGoods.number"
|
||||
@confirm="refReturnCartConfirm"
|
||||
></return-cart>
|
||||
</div>
|
||||
|
|
@ -1140,6 +1186,7 @@ import returnCart from "./components/return-cart.vue";
|
|||
import moneyKeyboard from "./components/money-keyboard.vue";
|
||||
import dayjs from "dayjs";
|
||||
import { tbShopInfo } from "@/api/user";
|
||||
import { hasPermission } from "@/utils/limits.js";
|
||||
|
||||
import {
|
||||
getGoodsLists,
|
||||
|
|
@ -1169,6 +1216,7 @@ import {
|
|||
arrayContainsAll,
|
||||
generateCombinations,
|
||||
returnReverseVal,
|
||||
returnGiftArr,
|
||||
} from "./util.js";
|
||||
import { $status } from "@/utils/table.js";
|
||||
export default {
|
||||
|
|
@ -1186,6 +1234,10 @@ export default {
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
//是否允许收款
|
||||
canShoukuan: false,
|
||||
//是否允许下单
|
||||
canXiadan: false,
|
||||
//是否是单品备注
|
||||
isDanNote: false,
|
||||
//店铺信息
|
||||
|
|
@ -1271,6 +1323,13 @@ export default {
|
|||
total: 0,
|
||||
},
|
||||
order: {
|
||||
packFee: {
|
||||
totalNumber: 0,
|
||||
status: "",
|
||||
number: 0,
|
||||
name: "打包费",
|
||||
totalAmount: 0,
|
||||
},
|
||||
extra: {
|
||||
selIndex: -1,
|
||||
},
|
||||
|
|
@ -1341,7 +1400,7 @@ export default {
|
|||
{ label: "图文显示", value: "img-and-text" },
|
||||
{ label: "文字显示", value: "text" },
|
||||
],
|
||||
sel: "img-and-text",
|
||||
sel: "default",
|
||||
},
|
||||
// 选择用户
|
||||
vipUser: {
|
||||
|
|
@ -1381,15 +1440,53 @@ export default {
|
|||
return this.table ? "代客下单" + `(${this.table.name})` : "代客下单";
|
||||
},
|
||||
allGiftMoney() {
|
||||
const price = this.order.list
|
||||
const nowprice = this.order.list
|
||||
.filter((v) => v.isGift === "true" || v.status == "return")
|
||||
.reduce((a, b) => {
|
||||
return a + b.number * b.salePrice;
|
||||
}, 0);
|
||||
return price;
|
||||
|
||||
const oldPrice = this.order.old.list.reduce((a, b) => {
|
||||
const total = b.info
|
||||
.filter((v) => v.isGift === "true")
|
||||
.reduce((prve, cur) => {
|
||||
return prve + cur.number * cur.salePrice;
|
||||
}, 0);
|
||||
return a + total;
|
||||
}, 0);
|
||||
return (nowprice + oldPrice).toFixed(2);
|
||||
},
|
||||
allPackMoney() {
|
||||
let n = 0;
|
||||
const nowPrice = this.order.list
|
||||
.filter((v) => v.isPack === "true")
|
||||
.reduce((a, b) => {
|
||||
n += b.number * 1;
|
||||
return a + b.packFee * 1;
|
||||
}, 0);
|
||||
const oldPrice = this.order.old.list.reduce((a, b) => {
|
||||
const bPrice = b.info
|
||||
.filter((v) => v.isPack === "true")
|
||||
.reduce((prve, cur) => {
|
||||
n += cur.number * 1;
|
||||
return prve + cur.packFee * 1;
|
||||
}, 0);
|
||||
return a + bPrice;
|
||||
}, 0);
|
||||
|
||||
const total = (nowPrice + oldPrice).toFixed(2);
|
||||
this.order.packFee.totalAmount = total;
|
||||
this.order.packFee.totalNumber = n;
|
||||
return total;
|
||||
},
|
||||
giftLen() {
|
||||
return this.order.list.filter((v) => v.isGift === "true").length;
|
||||
const nowlen = this.order.list.filter((v) => v.isGift === "true").length;
|
||||
const oldlen = this.order.old.list.reduce((prve, cur) => {
|
||||
const arr = cur.info.filter((v) => v.isGift === "true");
|
||||
prve.push(...arr);
|
||||
return prve;
|
||||
}, []).length;
|
||||
return nowlen + oldlen;
|
||||
},
|
||||
isSku() {
|
||||
if (this.order.selIndex < 0 || this.order.list.length <= 0) {
|
||||
|
|
@ -1436,6 +1533,7 @@ export default {
|
|||
return (
|
||||
oldPrice +
|
||||
price +
|
||||
+this.order.packFee.totalAmount +
|
||||
this.order.seatFee.totalAmount *
|
||||
(this.order.seatFee.status == "return" ? 0 : 1)
|
||||
).toFixed(2);
|
||||
|
|
@ -1608,7 +1706,7 @@ export default {
|
|||
}).then((res) => {
|
||||
this.$set(this.order.list, this.order.selIndex, {
|
||||
...res,
|
||||
specSnap: item.specSnap,
|
||||
specSnap: item.specSnap || res.skuName,
|
||||
number: this.order.number,
|
||||
});
|
||||
});
|
||||
|
|
@ -1633,6 +1731,7 @@ export default {
|
|||
},
|
||||
},
|
||||
mounted() {
|
||||
this.xiadanClick();
|
||||
// this.getGoods();
|
||||
// this.getCategory();
|
||||
// this.refToggle('refScanCode',true)
|
||||
|
|
@ -1641,8 +1740,19 @@ export default {
|
|||
this.open(this.$route.query.tableId ? this.$route.query : "");
|
||||
},
|
||||
methods: {
|
||||
async shoukuanClick() {
|
||||
this.canShoukuan = await hasPermission("允许收款");
|
||||
return this.canShoukuan;
|
||||
},
|
||||
// 打开页面
|
||||
async xiadanClick() {
|
||||
this.canXiadan = await hasPermission("允许下单");
|
||||
return this.canXiadan;
|
||||
|
||||
},
|
||||
changeOrderExtraSel(index, canChangeNumber, placeNum) {
|
||||
// console.log(index,canChangeNumber,placeNum)
|
||||
this.order.selIndex = -1;
|
||||
this.order.selGoods = this.order.seatFee;
|
||||
this.order.selPlaceNum = placeNum;
|
||||
this.order.extra.selIndex = index;
|
||||
|
|
@ -1651,6 +1761,10 @@ export default {
|
|||
if (this.order.list.length <= 0) {
|
||||
return this.$message("请选择菜品");
|
||||
}
|
||||
const canJiesuan = await this.shoukuanClick();
|
||||
if (!canJiesuan) {
|
||||
return;
|
||||
}
|
||||
// if(this.isCreateOrder){
|
||||
// return
|
||||
// }
|
||||
|
|
@ -1660,7 +1774,11 @@ export default {
|
|||
this.order.payType = "";
|
||||
this.isCreateOrder = true;
|
||||
},
|
||||
cashPayClick() {
|
||||
async cashPayClick() {
|
||||
const canJiesuan = await this.shoukuanClick();
|
||||
if (!canJiesuan) {
|
||||
return;
|
||||
}
|
||||
this.$confirm("是否确认已现金收款:" + this.allPrice + "?", "快捷支付", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
|
|
@ -1692,9 +1810,9 @@ export default {
|
|||
return res;
|
||||
},
|
||||
async payBeforeClear() {
|
||||
this.getMasterId().then(res=>{
|
||||
this.getMasterId().then((res) => {
|
||||
this.masterId = res.masterId;
|
||||
})
|
||||
});
|
||||
this.loading = false;
|
||||
this.order.list = [];
|
||||
this.order.query.page = 1;
|
||||
|
|
@ -1721,27 +1839,36 @@ export default {
|
|||
this.key = "";
|
||||
this.order.orderId = "";
|
||||
this.perpole = "";
|
||||
this.useTypes.sel = "dine-in";
|
||||
// this.useTypes.sel = "dine-in";
|
||||
},
|
||||
async cachePay() {
|
||||
const canJiesuan = await this.shoukuanClick();
|
||||
if (!canJiesuan) {
|
||||
return;
|
||||
}
|
||||
await this.returnCreateOrderData();
|
||||
this.payBeforeClear({});
|
||||
this.pays();
|
||||
},
|
||||
async scanPayClick() {
|
||||
const canJiesuan = await this.shoukuanClick();
|
||||
if (!canJiesuan) {
|
||||
return;
|
||||
}
|
||||
await this.returnCreateOrderData();
|
||||
this.payBeforeClear();
|
||||
this.order.payType = "scanCode";
|
||||
this.payTypeItemClick({ payType: "scanCode" });
|
||||
},
|
||||
changeOrderUseType(useType) {
|
||||
async changeOrderUseType(useType) {
|
||||
if (useType && this.order.list.length) {
|
||||
const tableId = useType == "takeout" ? undefined : this.table.tableId;
|
||||
$changeUseType({
|
||||
await $changeUseType({
|
||||
useType,
|
||||
tableId,
|
||||
cartIds: this.order.list.map((v) => v.id),
|
||||
});
|
||||
this.getCart();
|
||||
}
|
||||
},
|
||||
//设置用餐类型
|
||||
|
|
@ -1867,15 +1994,18 @@ export default {
|
|||
.catch(() => {});
|
||||
},
|
||||
//退菜
|
||||
async refReturnCartConfirm() {
|
||||
async refReturnCartConfirm(e) {
|
||||
const res = await $returnCart({
|
||||
...e,
|
||||
cartId: this.order.selGoods.id,
|
||||
tableId: this.table.tableId,
|
||||
});
|
||||
this.order.selGoods.status = "return";
|
||||
this.order.old.selIndex = -1;
|
||||
this.getCart();
|
||||
console.log(this.order.selGoods);
|
||||
},
|
||||
|
||||
// 台桌列表
|
||||
async getTable() {
|
||||
try {
|
||||
|
|
@ -1923,7 +2053,11 @@ export default {
|
|||
ChangeDiscount(discount) {
|
||||
this.createOrder.discount = discount;
|
||||
},
|
||||
disCountShow() {
|
||||
async disCountShow() {
|
||||
const canDiscount = await hasPermission("允许打折");
|
||||
if (!canDiscount) {
|
||||
return;
|
||||
}
|
||||
const { amount } = this.createOrder.data;
|
||||
this.refToggle("refDiscount", true, {
|
||||
amount,
|
||||
|
|
@ -1955,7 +2089,8 @@ export default {
|
|||
isSellOut(item) {
|
||||
return (
|
||||
item.isPauseSale ||
|
||||
(item.typeEnum !== "sku" && item.specList[0].stockNumber <= 0)
|
||||
(item.typeEnum !== "sku" &&
|
||||
(item.isStock == 1 ? item.stockNumber <= 0 : false))
|
||||
);
|
||||
},
|
||||
toggleFullScreen() {
|
||||
|
|
@ -2020,7 +2155,10 @@ export default {
|
|||
note: note,
|
||||
num: cart.number, // 0会删除此商品
|
||||
});
|
||||
this.$set(this.order.list, this.order.selIndex, res);
|
||||
this.$set(this.order.list, this.order.selIndex, {
|
||||
...res,
|
||||
specSnap: res.skuName,
|
||||
});
|
||||
this.$notify({
|
||||
title: "更新成功",
|
||||
type: "success",
|
||||
|
|
@ -2104,7 +2242,21 @@ export default {
|
|||
this.isCreateOrder = false;
|
||||
},
|
||||
//生成订单
|
||||
toCreateOrderDebounce(isNowPay) {
|
||||
async toCreateOrderDebounce(isNowPay) {
|
||||
if (!isNowPay) {
|
||||
//仅下单
|
||||
const canXiadan = await this.xiadanClick();
|
||||
if (!canXiadan) {
|
||||
return;
|
||||
}
|
||||
}else{
|
||||
//去结算
|
||||
const canJiesuan = await this.shoukuanClick();
|
||||
if (!canJiesuan) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
console.log(this.createOrder.status);
|
||||
if (
|
||||
this.createOrder.status != "" &&
|
||||
|
|
@ -2120,6 +2272,14 @@ export default {
|
|||
console.log(this.order.orderId);
|
||||
let res = "";
|
||||
try {
|
||||
const seatFee = await $choseCount({
|
||||
masterId: this.masterId,
|
||||
tableId: this.table.tableId,
|
||||
num: this.perpole,
|
||||
});
|
||||
this.order.seatFee = seatFee;
|
||||
|
||||
this.order.seatFee = res;
|
||||
res = await $createOrder({
|
||||
masterId: this.order.masterId || this.masterId,
|
||||
vipUserId: this.vipUser.id,
|
||||
|
|
@ -2183,8 +2343,9 @@ export default {
|
|||
updateOrder(par = {}) {
|
||||
let item = this.order.list[this.order.selIndex];
|
||||
console.log(item.specSnap);
|
||||
const { productId, skuId, isPack, isGift, number } = item;
|
||||
addCart({
|
||||
const { productId, skuId, isPack, isGift, number, id } = item;
|
||||
$updateCart({
|
||||
cartId: id,
|
||||
masterId: this.masterId,
|
||||
vipUserId: this.vipUser.id,
|
||||
productId,
|
||||
|
|
@ -2794,12 +2955,16 @@ export default {
|
|||
},
|
||||
//设置购物车数据
|
||||
setCart(res) {
|
||||
console.log(res);
|
||||
this.order.seatFee = res.seatFee ? res.seatFee : this.order.seatFee;
|
||||
this.perpole = res.seatFee ? res.seatFee.totalNumber : 1;
|
||||
const nowCart = res.records.find((v) => v.placeNum == 0);
|
||||
// this.order.list = nowCart ? nowCart.info.filter(v=>v.isGift!=='true') : [];
|
||||
this.order.list = nowCart ? nowCart.info : [];
|
||||
const oldCart = res.records.filter((v) => v.placeNum != 0);
|
||||
this.order.old.list = oldCart ? oldCart : [];
|
||||
// this.order.gift.list = returnGiftArr(res.records);
|
||||
console.log(this.order.old.list);
|
||||
},
|
||||
//获取购物车数据
|
||||
async getCart() {
|
||||
|
|
@ -2951,9 +3116,9 @@ export default {
|
|||
return false;
|
||||
}
|
||||
let isShow = true;
|
||||
if (v.typeEnum !== "sku") {
|
||||
isShow = v.specList.length >= 1;
|
||||
}
|
||||
// if (v.typeEnum !== "sku") {
|
||||
// isShow = v.specList.length >= 1;
|
||||
// }
|
||||
v.specList.map((spe) => {
|
||||
$goodsMap[`${v.id}_${spe.id}`] = spe;
|
||||
});
|
||||
|
|
@ -3318,7 +3483,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|||
}
|
||||
|
||||
.tableId {
|
||||
padding: 9px 15px;
|
||||
padding: 8px 15px;
|
||||
border: 1px solid #dcdfe6;
|
||||
font-size: 12px;
|
||||
border-radius: 3px;
|
||||
|
|
@ -3512,7 +3677,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|||
|
||||
.show_more_btn {
|
||||
padding: 0 10px;
|
||||
color: #1890ff;
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -3528,12 +3693,21 @@ input[type="number"]::-webkit-outer-spin-button {
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.el-icon-arrow-down {
|
||||
.showmore {
|
||||
transition: all 0.2s;
|
||||
margin-right: 8px;
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
border-radius: 50%;
|
||||
background: #3f9eff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&.showAll .el-icon-arrow-down {
|
||||
transform: rotate(180deg);
|
||||
&.showAll {
|
||||
.showmore {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -3756,7 +3930,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|||
|
||||
.list {
|
||||
width: 352px;
|
||||
padding: 12px 12px 0 0;
|
||||
padding: 0 12px 0 0;
|
||||
}
|
||||
|
||||
.controls {
|
||||
|
|
@ -3788,69 +3962,6 @@ input[type="number"]::-webkit-outer-spin-button {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.order-item {
|
||||
padding: 4px;
|
||||
border-radius: 2px;
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
transition: all 0.3s;
|
||||
.pack {
|
||||
right: 100%;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: #35ac6a;
|
||||
border-radius: 4px 0 4px 0;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 17px;
|
||||
z-index: 2;
|
||||
}
|
||||
&.active {
|
||||
background-color: rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
.total-price {
|
||||
width: 94px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.good-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
min-width: 70px;
|
||||
|
||||
.specSnap {
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 13px;
|
||||
text-align: left;
|
||||
color: #212121;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: relative;
|
||||
margin-right: 10px;
|
||||
|
||||
img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.goods {
|
||||
|
|
@ -3877,12 +3988,13 @@ input[type="number"]::-webkit-outer-spin-button {
|
|||
.timeSale {
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
background-color: hsla(0, 0%, 99.2%, 0.5);
|
||||
background-color: rgb(245, 245, 245, 0.6);
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
padding: 2px 10px;
|
||||
margin-top: 2px;
|
||||
padding: 3px 10px;
|
||||
margin-top: 4px;
|
||||
width: 100%;
|
||||
}
|
||||
.sell-out {
|
||||
width: 100%;
|
||||
|
|
@ -3915,7 +4027,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|||
font-size: 14px;
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
background: rgba(46, 46, 46, 0.38);
|
||||
color: #fff;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
|
|
|
|||
|
|
@ -45,3 +45,16 @@ export function returnReverseVal(val, isReturnString = true) {
|
|||
}
|
||||
return reverseNewval;
|
||||
}
|
||||
|
||||
export function returnGiftArr(arr){
|
||||
let result=[]
|
||||
for(let i=0;i<arr.length;i++){
|
||||
const info=arr[i].info
|
||||
for(let j=0;j<info.length;j++){
|
||||
if(info[j].isGift==='true'){
|
||||
result.push(info[j])
|
||||
}
|
||||
}
|
||||
}
|
||||
return result
|
||||
}
|
||||
Loading…
Reference in New Issue