czg_team
/
management
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新页面样式，增加退菜数量选择以及退款原因

This commit is contained in:
YeMingfei666 2024-10-18 16:55:43 +08:00
parent d40a7b1856
commit 9fbacf0398
5 changed files with 401 additions and 243 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/views/table/table_list.vue
View File

@ -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">
@ -233,7 +238,7 @@ import {
tbShopTable,
} from "@/api/table";
import dayjs from "dayjs";
import { downloadFile } from "@/utils/index";
export default {
components: {
@ -255,12 +260,12 @@ export default {
selTable: "", //当前选中的桌台
areaMap: {},
shopInfo: {},
timer:null
timer: null,
};
},
beforeDestroy() {
this.clearTimer();
console.log('beforeDestroy')
console.log("beforeDestroy");
},
mounted() {
this.clearTimer();
@ -270,7 +275,7 @@ export default {
},
filters: {
formatTime(milliseconds) {
console.log(milliseconds)
console.log(milliseconds);
if (!milliseconds) {
return "";
}
@ -281,21 +286,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() {
@ -372,9 +393,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 +427,7 @@ export default {
}
},
// 台桌列表
async tbShopTableGet(showloading=true) {
async tbShopTableGet(showloading = true) {
this.loading = showloading;
try {
const { content, total } = await tbShopTableGet({

66
src/views/tool/Instead/components/cart-item.vue
View File

@ -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">
@ -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: 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 {

121
src/views/tool/Instead/components/number-box.vue Normal file
View File

@ -0,0 +1,121 @@
<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: {
modelValue: {
type: Number,
default: 1,
},
min: {
type: Number,
default: 0,
},
max: {
type: Number,
default: Infinity,
},
},
watch: {
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.modelValue;
}
};
</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>

46
src/views/tool/Instead/components/return-cart.vue
View File

@ -1,10 +1,19 @@
<template>
<el-dialog title="退菜" width="410px" :visible.sync="show" @close="reset">
<div>
<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="2"></number-box>
</div>
</div>
<div class="u-m-t-10 u-font-12 color-999">
菜品已点数量 2 份
</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,20 +41,35 @@
</el-dialog>
</template>
<script>
import numberBox from './number-box.vue';
export default {
components:{numberBox},
props:{
goods:{
type:Object,
default:()=>{
return{}
}
}
},
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 = "";
@ -68,7 +90,13 @@ export default {
this.show = false;
},
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();
},
},

352
src/views/tool/Instead/index.vue
View File

@ -4,9 +4,67 @@
<div class="bg-fff">
<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 +76,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 +124,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 +136,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 +152,7 @@
</el-option>
</el-select>
</div>
</div>
</div> -->
</div>
</div>
<div class="head-container search-box flex row-between" v-if="false">
@ -123,10 +185,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 +204,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,34 +218,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 class="color-999 u-p-30 u-text-center" v-if="!tableList.length" >
无可用桌台
</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">
@ -263,6 +266,7 @@
@changeOrderNumber="changeOrderNumber"
@cartGoodsNumberInput="cartGoodsNumberInput"
@cartGoodsNumberChange="cartGoodsNumberChange"
@editNote="refNoteShow(true)"
v-for="(item, index) in order.list"
:key="index"
:index="index"
@ -271,31 +275,32 @@
:selIndex="order.selIndex"
></cart-item>
</template>
<!-- 优惠菜品 -->
<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.list"
:key="index"
:index="index"
:item="item"
:selPlaceNum="order.selPlaceNum"
:selIndex="order.selIndex"
></cart-item>
</template>
</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">
@ -364,9 +369,9 @@
<div class="w-full bottom">
<div class="border-top">
<div class="flex row-right youhui" v-if="giftLen">
<span> 已优惠￥{{ allGiftMoney }} </span>
<i class="el-icon-arrow-right "></i>
<div class="flex row-right youhui" v-if="giftLen">
<span> 已优惠￥{{ allGiftMoney }} </span>
<i class="el-icon-arrow-right"></i>
</div>
<div class="flex row-between">
@ -587,17 +592,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
@ -1205,7 +1210,7 @@ import {
arrayContainsAll,
generateCombinations,
returnReverseVal,
returnGiftArr
returnGiftArr,
} from "./util.js";
import { $status } from "@/utils/table.js";
export default {
@ -1431,13 +1436,15 @@ export default {
return a + b.number * b.salePrice;
}, 0);
const oldPrice=this.order.old.list.reduce((a,b)=>{
const total=b.info.filter((v) => v.isGift === "true").reduce((prve, cur) => {
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);
}, 0);
return a + total;
}, 0);
return (nowprice + oldPrice).toFixed(2);
},
allPackMoney() {
let n = 0;
@ -1448,26 +1455,28 @@ export default {
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 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() {
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;
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) {
@ -1687,7 +1696,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,
});
});
@ -1948,13 +1957,15 @@ 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);
},
// 台桌列表
@ -2102,7 +2113,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",
@ -2202,6 +2216,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,
@ -2877,16 +2899,16 @@ export default {
},
//设置购物车数据
setCart(res) {
console.log(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);
// this.order.gift.list = returnGiftArr(res.records);
console.log(this.order.old.list);
},
//获取购物车数据
async getCart() {
@ -3405,7 +3427,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;
@ -3599,7 +3621,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;
@ -3615,12 +3637,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);
}
}
}
}
@ -3843,7 +3874,7 @@ input[type="number"]::-webkit-outer-spin-button {
.list {
width: 352px;
padding: 12px 12px 0 0;
padding: 0 12px 0 0;
}
.controls {
@ -3875,70 +3906,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;
overflow: visible;
.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 {
@ -3965,12 +3932,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%;