食堂菜单批量删除，默认只查询当天数据

src/api/canteen/basic.js

@@ -8,6 +8,14 @@ export function addMenu(data) {
     data: data
   })
 }
+// 餐厅菜单删除
+export function delMenu(ids) {
+  return request({
+    url: `/dh/menu/del/${ids}`,
+    method: 'DELETE',
+    // data: data
+  })
+}
 // 餐厅菜单列表
 export function menuList(params) {
   return request({
@@ -32,3 +40,11 @@ export function foodList(params) {
     params: params
   })
 }
+// 餐厅食材删除(明细删除)
+export function delFood(ids) {
+  return request({
+    url: `/dh/recorditem/${ids}`,
+    method: 'DELETE',
+    // data: data
+  })
+}

src/views/canteen/addFood.vue

@@ -63,10 +63,19 @@
     </el-form>
 
     <span>食材列表</span>
+    <div style="text-align: right;">
+      <el-button size="small" type="primary" @click="delitems">批量删除</el-button>
+    </div>
     <el-table
       :data="tableData"
+      @selection-change="handleSelectionChange"
+      max-height="500"
       style="width: 100%">
       <el-table-column
+      type="selection"
+      width="55">
+    </el-table-column>
+      <el-table-column
         prop="billDate"
         label="日期"
         align="center"
@@ -88,7 +97,7 @@
 </template>
 
 <script>
-import {addFood, foodList} from '@/api/canteen/basic.js'
+import {addFood, foodList, delFood} from '@/api/canteen/basic.js'
 export default {
   data() {
     return {
@@ -101,10 +110,13 @@ export default {
         address: [{ required: true, message: '请输入购买地址', trigger: 'blur' }],
         billDate: [{ required: true, message: '请选择时段', trigger: 'change' }],
       },
-      tableData: []
+      tableData: [],
+      nowDate: '',
+      ids: ''
     }
   },
   created() {
+    this.getNow()
     this.getList()
   },
   methods: {
@@ -124,6 +136,18 @@ export default {
     reset(formName) {
       this.$refs[formName].resetFields();
     },
+    delitems() {
+      if (this.ids) {
+        delFood(this.ids).then(res => {
+          if (res.code === 200) {
+            this.$modal.msgSuccess("操作成功");
+            this.getList()
+          }
+        })
+      } else {
+        this.$modal.alertWarning("请选择至少一条数据");
+      }
+    },
     addRow() {
       this.menu.items.push({product: ''})
     },
@@ -133,11 +157,34 @@ export default {
       })
     },
     getList() {
-      foodList().then(res => {
+      this.getNow()
+      foodList({pageSize: 100,billDate: this.nowDate}).then(res => {
         if (res.code === 200 ) {
           this.tableData = res.rows
         }
       })
+    },
+    handleSelectionChange(selection) {
+      console.log('选中数据', selection)
+      let id = []
+      id = selection.map(item => item.productId)
+      console.log('id',id.join())
+      this.ids = id.join()
+    },
+    getNow() {
+      var date = new Date();
+      var year = date.getFullYear();
+      var month = date.getMonth() + 1;
+      var day = date.getDate();
+      if (month < 10) {
+        month = "0" + month;
+      }
+      if (day < 10) {
+        day = "0" + day;
+      }
+      const nowDate = year + "-" + month + "-" + day;
+      this.nowDate = nowDate
+      this.menu.billDate = nowDate
     }
   }
 }

src/views/canteen/addMenu.vue

@@ -34,10 +34,19 @@
     </el-form>
 
     <span>菜单列表</span>
+    <div style="text-align: right;">
+      <el-button size="small" type="primary" @click="delitems">批量删除</el-button>
+    </div>
     <el-table
       :data="tableData"
+      @selection-change="handleSelectionChange"
+      max-height="500"
       style="width: 100%">
       <el-table-column
+      type="selection"
+      width="55">
+    </el-table-column>
+      <el-table-column
         prop="billDate"
         label="日期"
         align="center"
@@ -53,18 +62,24 @@
         prop="price"
         align="center"
         label="价格">
+        <template slot-scope="scope">
+            <span>￥{{ scope.row.price }}</span>
+          </template>
       </el-table-column>
       <el-table-column
         prop="timeFrame"
         align="center"
         label="时段">
+        <template slot-scope="scope">
+          <span>{{ scope.row.timeFrame == '1' ? '早餐' : scope.row.timeFrame == '2' ? '午餐' : '晚餐' }}</span>
+        </template>
       </el-table-column>
     </el-table>
   </div>
 </template>
 
 <script>
-import {addMenu, menuList} from '@/api/canteen/basic.js'
+import {addMenu, menuList, delMenu} from '@/api/canteen/basic.js'
 export default {
   data() {
     return {
@@ -85,7 +100,9 @@ export default {
         price: [{ required: true, message: '请输入价格', trigger: 'blur' }],
         billDate: [{ required: true, message: '请选择时段', trigger: 'change' }],
       },
-      tableData: []
+      tableData: [],
+      nowDate: '',
+      ids: ''
     }
   },
   created() {
@@ -108,12 +125,47 @@ export default {
     reset(formName) {
       this.$refs[formName].resetFields();
     },
+    delitems() {
+      if (this.ids) {
+        delMenu(this.ids).then(res => {
+          if (res.code === 200) {
+            this.$modal.msgSuccess("操作成功");
+            this.getList()
+          }
+        })
+      } else {
+        this.$modal.alertWarning("请选择至少一条数据");
+      }
+    },
     getList() {
-      menuList().then(res => {
+      this.getNow()
+      menuList({pageSize: 100, billDate: this.nowDate}).then(res => {
         if (res.code === 200 ) {
           this.tableData = res.rows
         }
       })
+    },
+    handleSelectionChange(selection) {
+      console.log('选中数据', selection)
+      let id = []
+      id = selection.map(item => item.id)
+      console.log('id',id.join())
+      this.ids = id.join()
+    },
+    getNow() {
+      var date = new Date();
+      var year = date.getFullYear();
+      var month = date.getMonth() + 1;
+      var day = date.getDate();
+      if (month < 10) {
+        month = "0" + month;
+      }
+      if (day < 10) {
+        day = "0" + day;
+      }
+      const nowDate = year + "-" + month + "-" + day;
+      this.nowDate = nowDate
+      this.menu.billDate = nowDate
     }
   }
 }

src/views/canteen/foodScreen.vue

@@ -39,7 +39,7 @@ export default {
     getList() {
       this.getNow()
       // {billDate: this.nowDate}
-      foodList().then(res => {
+      foodList({pageSize: 100,billDate: this.nowDate}).then(res => {
         if (res.code === 200) {
           this.tableData = res.rows
         }

src/views/canteen/menuScreen.vue

@@ -55,7 +55,7 @@ export default {
     getList() {
       this.getNow()
       // {billDate: this.nowDate}
-      menuList({ pageSize: 50 }).then(res => {
+      menuList({ pageSize: 100, billDate: this.nowDate }).then(res => {
         if (res.code === 200) {
           this.tableData = res.rows
           this.tableData = this.tableData.map(data => {