新增批量下载桌码

src/views/table/components/downloadTableCode.vue

@@ -1,8 +1,8 @@
 <template>
-    <el-dialog title="下载桌码" width="400px" :visible.sync="dialogVisible" @close="reset">
+    <el-dialog title="下载桌码" width="400px" :visible.sync="dialogVisible" @open="reset">
         <el-form ref="form" :model="form" label-position="left">
             <el-form-item label="下载数量">
-                <el-input-number v-model="form.number" :min="1"></el-input-number>
+                <el-input-number v-model="form.number" :min="1" :max="total * 2"></el-input-number>
             </el-form-item>
         </el-form>
         <span slot="footer" class="dialog-footer">
@@ -13,8 +13,15 @@
 </template>
 
 <script>
+import { downloadFile } from "@/utils/index";
 import { downloadTableCode } from '@/api/table'
 export default {
+    props: {
+        total: {
+            type: [Number, String],
+            default: 1
+        }
+    },
     data() {
         return {
             dialogVisible: false,
@@ -32,9 +39,14 @@ export default {
         async onSubmitHandle() {
             try {
                 this.loading = true
-                const res = await downloadTableCode({ number: this.form.number })
+                const file = await downloadTableCode({
+                    count: this.form.number,
+                    shopId: localStorage.getItem('shopId')
+                })
                 this.loading = false
-                window.location.href = res.url
+                this.dialogVisible = false
+                this.$message.success('下载成功')
+                downloadFile(file, "桌码", "zip");
             } catch (error) {
                 this.loading = false
                 console.log(error);