对接台桌列表

src/views/home/components/category.vue

@@ -6,7 +6,7 @@
 import { queryCategory } from '@/api/product'
 import { ref, onMounted } from 'vue'
 import { useUser } from "@/store/user.js"
-const store = useUser();
+const store = useUser()
 
 const categorys = ref([])
 const categorysActive = ref(0)

src/views/home/components/goods.vue

@@ -15,7 +15,7 @@
     </div>
     <div class="search_wrap">
         <div class="input">
-            <el-input placeholder="商品名称或首字母简称" prefix-icon="Search" v-model="commdityName" clearable
+            <el-input placeholder="商品名称或首字母简称" prefix-icon="Search" v-model="commdityName" style="width: 400px;" clearable
                 @input="inputChange"></el-input>
         </div>
         <el-button :icon="shopListType == 'text' ? 'PictureRounded' : 'PriceTag'" @click="changeShopListType"></el-button>
@@ -64,7 +64,7 @@ const commdityName = ref('')
 const originalGoods = ref([])
 const goodsList = ref([])
 
-const inputChange = _.debounce(function (e) {
+const inputChange = _.debounce(function () {
     productqueryCommodityInfoAjax()
 }, 500)
 

src/views/home/index.vue

@@ -8,7 +8,7 @@
           </el-icon>
           <el-text class="t">(1)</el-text>
         </div>
-        <div class="number">
+        <div class="number" @click="takeFoodCodeRef.show()">
           <el-text class="t">#2</el-text>
         </div>
         <div class="select_user">
@@ -126,7 +126,7 @@
   <!-- 备注 -->
   <remarkModal ref="remarkRef" />
   <!-- 修改取餐号 -->
-  <takeFoodCode />
+  <takeFoodCode ref="takeFoodCodeRef" @success="takeFoodCodeSuccess" />
 </template>
 
 <script setup>
@@ -139,8 +139,14 @@ import takeFoodCode from '@/components/takeFoodCode.vue'
 import goods from '@/views/home/components/goods.vue'
 
 const remarkRef = ref(null)
+const takeFoodCodeRef = ref(null)
 
 const allSelected = ref(false)
+
+// 确认取餐号
+function takeFoodCodeSuccess(code) {
+  console.log('取餐号===', code)
+}
 </script>
 
 <style scoped lang="scss">