增加代客下单功能

src/views/table/table_list.vue

@@ -41,6 +41,9 @@
                         <div class="row">
                             <span class="tips">客座次数：{{ item.maxCapacity }}人</span>
                         </div>
+                        <div class="row">
+                            <el-button type="primary" :disabled="!item.tableId" @click="diancanShow(item)">点餐</el-button>
+                        </div>
                     </div>
                     <div class="btm">
                         <!-- <div class="btm_item">
@@ -64,6 +67,9 @@
         <addEara ref="addEara" @success="tbShopAreaGet" />
         <addTable ref="addTable" @success="tbShopTableGet" />
         <downloadTableCode :total="total" ref="downloadTableCode" />
+
+        <!-- 点餐 -->
+         <table-diancan ref="dianan"></table-diancan>
     </div>
 </template>
 
@@ -71,12 +77,14 @@
 import addEara from './components/addEara'
 import addTable from './components/addTable'
 import downloadTableCode from './components/downloadTableCode'
+import tableDiancan from './components/table-diancan.vue'
 import { tbShopTableGet, tbShopAreaGet, tbShopAreaDelete, tbShopTableDelete } from '@/api/table'
 export default {
     components: {
         addEara,
         addTable,
-        downloadTableCode
+        downloadTableCode,
+        tableDiancan
     },
     data() {
         return {
@@ -109,6 +117,9 @@ export default {
         this.tbShopAreaGet()
     },
     methods: {
+        diancanShow(item){
+            this.$refs.dianan.open(item)
+        },
         tabClick() {
             this.tbShopTableGet()
         },