新增阶结算订单

src/components/settleAccount.vue

@@ -0,0 +1,20 @@
+<!-- 结算订单 -->
+<template>
+    <el-drawer size="100%" :with-header="false" direction="ttb" v-model="dialogVisible">
+        <div class="drawer_wrap">
+
+        </div>
+    </el-drawer>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+const dialogVisible = ref(true)
+</script>
+
+<style scoped lang="scss">
+.drawer_wrap {
+    width: 100%;
+    height: 100%;
+}
+</style>

src/views/home/components/cartOperation.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="operation_wrap">
-        <div class="item">
+        <div class="item" @click="numberChange('sub')">
             <el-icon class="icon">
                 <SemiSelect />
             </el-icon>
@@ -8,7 +8,7 @@
         <div class="item number" @click="takeFoodCodeRef.show()">
             <el-text class="num">{{ props.item.number || 1 }}</el-text>
         </div>
-        <div class="item">
+        <div class="item" @click="numberChange('add')">
             <el-icon class="icon add">
                 <CloseBold />
             </el-icon>
@@ -66,7 +66,22 @@ const emit = defineEmits(['confirm'])
 
 const takeFoodCodeRef = ref(null)
 
-// 修改数量
+// 加减修改数量
+function numberChange(t) {
+    switch (t) {
+        case 'sub':
+            props.item.number--
+            break;
+        case 'add':
+            props.item.number++
+            break;
+        default:
+            break;
+    }
+    emit('confirm', props.item)
+}
+
+// 输入修改数量
 function updateNumber(num) {
     props.item.number = num
     emit('confirm', props.item)

src/views/home/index.vue

@@ -79,6 +79,8 @@
   <remarkModal ref="remarkRef" />
   <!-- 修改取餐号 -->
   <takeFoodCode ref="takeFoodCodeRef" title="修改取餐号" placeholder="请输入取餐号" @success="takeFoodCodeSuccess" />
+  <!-- 结算订单 -->
+  <settleAccount />
 </template>
 
 <script setup>
@@ -87,6 +89,7 @@ import { useUser } from "@/store/user.js"
 import remarkModal from '@/components/remarkModal.vue'
 import takeFoodCode from '@/components/takeFoodCode.vue'
 import cartOperation from '@/views/home/components/cartOperation.vue'
+import settleAccount from '@/components/settleAccount.vue'
 
 import { createCart, queryCart, createCode } from '@/api/product'