新增下载桌码

src/views/table/table_list.vue

@@ -16,7 +16,9 @@
             <div class="filter_wrap">
                 <el-button icon="el-icon-plus" @click="$refs.addEara.show()">添加区域</el-button>
                 <el-button type="primary" icon="el-icon-plus" @click="$refs.addTable.show()">添加台桌</el-button>
-                <el-button type="primary" icon="el-icon-download">下载台桌码</el-button>
+                <el-button type="primary" icon="el-icon-download" @click="$refs.downloadTableCode.show()">
+                    下载台桌码
+                </el-button>
                 <el-button type="primary" icon="el-icon-download">下载店铺码</el-button>
             </div>
         </div>
@@ -33,7 +35,8 @@
                         </div>
                         <div class="row">
                             <el-tag type="warning" size="mini">{{ item.type == 0 ? '低消' : '计时' }}</el-tag>
-                            <el-tag :type="item.isPredate == 1 ? '' : 'info'" size="mini">{{ item.isPredate == 1 ? '可预约' : '不可预约' }}</el-tag>
+                            <el-tag :type="item.isPredate == 1 ? '' : 'info'" size="mini">{{ item.isPredate == 1 ? '可预约'
+                                : '不可预约' }}</el-tag>
                         </div>
                         <div class="row">
                             <span class="tips">客座次数：{{ item.maxCapacity }}人</span>
@@ -60,17 +63,20 @@
         </div>
         <addEara ref="addEara" @success="tbShopAreaGet" />
         <addTable ref="addTable" @success="tbShopTableGet" />
+        <downloadTableCode ref="downloadTableCode" />
     </div>
 </template>
 
 <script>
 import addEara from './components/addEara'
 import addTable from './components/addTable'
+import downloadTableCode from './components/downloadTableCode'
 import { tbShopTableGet, tbShopAreaGet, tbShopAreaDelete, tbShopTableDelete } from '@/api/table'
 export default {
     components: {
         addEara,
-        addTable
+        addTable,
+        downloadTableCode
     },
     data() {
         return {