From aea4f8d23afd9ef341b2f3abc853c7053405cf02 Mon Sep 17 00:00:00 2001
From: zjf <1799650030@qq.com>
Date: Wed, 11 Dec 2024 17:58:58 +0800
Subject: [PATCH] =?UTF-8?q?=E6=AF=8F=E6=97=A5=E8=8F=9C=E8=B0=B1=EF=BC=8C?=
 =?UTF-8?q?=E5=BE=85=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/canteen/canteenSpu.ts                |   9 +
 src/views/canteen/canteenDailyMenu/form.vue  | 130 ++++++++++
 src/views/canteen/canteenDailyMenu/index.vue | 251 +++++++++++++++++++
 src/views/canteen/canteenSpu/index.vue       |   2 +-
 4 files changed, 391 insertions(+), 1 deletion(-)
 create mode 100644 src/views/canteen/canteenDailyMenu/form.vue
 create mode 100644 src/views/canteen/canteenDailyMenu/index.vue

diff --git a/src/api/canteen/canteenSpu.ts b/src/api/canteen/canteenSpu.ts
index b23f0cc..e3c8053 100644
--- a/src/api/canteen/canteenSpu.ts
+++ b/src/api/canteen/canteenSpu.ts
@@ -39,3 +39,12 @@ export function putObj(obj?: Object) {
   })
 }
 
+
+
+export function selectFoodList(query?: Object) {
+  return request({
+    url: '/canteen/canteenSpu/selectFoodList',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/src/views/canteen/canteenDailyMenu/form.vue b/src/views/canteen/canteenDailyMenu/form.vue
new file mode 100644
index 0000000..b78ad18
--- /dev/null
+++ b/src/views/canteen/canteenDailyMenu/form.vue
@@ -0,0 +1,130 @@
+<template>
+  <el-dialog :title="form.id ? '编辑' : '新增'" v-model="visible"
+             :close-on-click-modal="false" draggable>
+    <el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="90px" v-loading="loading">
+<!--      <el-row :gutter="24">-->
+
+        <el-form-item label="日期" prop="hourType">
+          <p>{{ form.startTime }}</p>
+        </el-form-item>
+
+        <el-form-item label="时间" prop="hourType">
+          <p v-if="form.hourType === 1">早餐</p>
+          <p v-else-if="form.hourType === 2">午餐</p>
+          <p v-else-if="form.hourType === 3">晚餐</p>
+          <p v-else>未知类型</p>
+        </el-form-item>
+
+        <el-form-item label="菜品" prop="spuId">
+          <el-select v-model="spuIds" placeholder="请选择菜品" multiple>
+            <el-option v-for="item in foodData" :key="item.id" :label="item.name" :value="item.id"/>
+          </el-select>
+        </el-form-item>
+
+<!--        <el-col :span="12" class="mb20">
+          <el-form-item label="归属时间 1早餐 2午餐 3晚餐" prop="hourType">
+            <el-input v-model="form.hourType" placeholder="请输入归属时间 1早餐 2午餐 3晚餐"/>
+          </el-form-item>
+        </el-col>-->
+<!--      </el-row>-->
+    </el-form>
+    <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="visible = false">取消</el-button>
+          <el-button type="primary" @click="onSubmit" :disabled="loading">确认</el-button>
+        </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="CanteenDailyMenuDialog">
+import {useDict} from '/@/hooks/dict';
+import {useMessage} from "/@/hooks/message";
+import {getObj, addObj, putObj} from '/@/api/canteen/canteenDailyMenu'
+import {selectFoodList} from "/@/api/canteen/canteenSpu";
+import {rule} from '/@/utils/validate';
+
+const emit = defineEmits(['refresh']);
+
+//业务变量
+const foodData = ref([])
+const spuIds = ref([])
+// 定义变量内容
+const dataFormRef = ref();
+const visible = ref(false)
+const loading = ref(false)
+// 定义字典
+const {daily_menu} = useDict('daily_menu')
+
+// 提交表单数据
+const form = reactive({
+  id: '',
+  startTime: '',
+  spuId: '',
+  hourType: '',
+  merchantId: '',
+  deptId: '',
+});
+
+// 定义校验规则
+const dataRules = ref({})
+
+// 打开弹窗
+const openDialog = (id: string) => {
+  visible.value = true
+  form.id = ''
+
+  // 重置表单数据
+  nextTick(() => {
+    dataFormRef.value?.resetFields();
+  });
+
+  // 获取canteenDailyMenu信息
+  if (id) {
+    form.id = id
+    getcanteenDailyMenuData(id)
+  }
+};
+
+// 提交
+const onSubmit = async () => {
+  const valid = await dataFormRef.value.validate().catch(() => {
+  });
+  if (!valid) return false;
+
+  try {
+    loading.value = true;
+    form.id ? await putObj(form) : await addObj(form);
+    useMessage().success(form.id ? '修改成功' : '添加成功');
+    visible.value = false;
+    emit('refresh');
+  } catch (err: any) {
+    useMessage().error(err.msg);
+  } finally {
+    loading.value = false;
+  }
+};
+
+
+// 初始化表单数据
+const getcanteenDailyMenuData = (id: string) => {
+  // 获取数据
+  loading.value = true
+  getObj(id).then((res: any) => {
+    Object.assign(form, res.data)
+  }).finally(() => {
+    loading.value = false
+  })
+};
+
+// 暴露变量
+defineExpose({
+  openDialog
+});
+/** 初始化 **/
+onMounted(async () => {
+  // 获取菜品列表
+  let axiosResponse = await selectFoodList();
+  foodData.value = axiosResponse.data
+})
+</script>
diff --git a/src/views/canteen/canteenDailyMenu/index.vue b/src/views/canteen/canteenDailyMenu/index.vue
new file mode 100644
index 0000000..dc31507
--- /dev/null
+++ b/src/views/canteen/canteenDailyMenu/index.vue
@@ -0,0 +1,251 @@
+<template>
+  <div class="layout-padding">
+<!--    <el-select-->
+<!--        v-model="merchantId"-->
+<!--        placeholder="请选择商户"-->
+<!--        size="large"-->
+<!--        style="width: 240px; display: inline-block"-->
+<!--        :disabled="merchantStatus"-->
+<!--        @change="merchantSelect"-->
+<!--    >-->
+<!--      <el-option v-for="item in merchantInfo" :key="item.id" :label="item.name" :value="item.id" />-->
+<!--    </el-select>-->
+    <h1 class="title">今日菜谱</h1>
+  </div>
+  <table width="100%" class="titleTable">
+    <tr class="trclass">
+      <td @click="addClick(-1)">&lt;</td>
+      <td
+          v-for="(item, index) in weekData.data"
+          :key="index"
+          @click="timeClick(item, index)"
+          class="tdclass"
+          :class="{ selectedSpan: isActive === index ? 'selected' : '' }"
+      >
+        <span>{{ item }}</span>
+      </td>
+      <td @click="addClick(1)">&gt;</td>
+    </tr>
+  </table>
+  <div class="dataDiv">
+    <table :style="{ width: tableWitch + 'px' }" class="foodTable">
+      <tr class="food">
+        <td @click="addFood(1)"> 早餐</td>
+        <td v-for="(item, index) in foodData1" :key="index">
+          <img @click="delteData(item.tid)" :src="item.picUrl" class="imageCss" />
+        </td>
+      </tr>
+
+      <tr class="food" style="margin: 0px 5px 5px 0px">
+        <td @click="addFood(2)"> 中餐</td>
+        <td v-for="(item, index) in foodData2" :key="index">
+          <img @click="delteData(item.tid)" :src="item.picUrl" class="imageCss" />
+        </td>
+      </tr>
+      <tr class="food">
+        <td @click="addFood(3)"> 晚餐</td>
+        <td v-for="(item, index) in foodData3" :key="index">
+          <img @click="delteData(item.tid)" :src="item.picUrl" class="imageCss" />
+        </td>
+      </tr>
+    </table>
+  </div>
+    <!-- 编辑、新增  -->
+    <form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
+
+
+</template>
+
+<script setup lang="ts" name="systemCanteenDailyMenu">
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { fetchList, delObjs } from "/@/api/canteen/canteenDailyMenu";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { useDict } from '/@/hooks/dict';
+
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+// 定义查询字典
+
+const { daily_menu } = useDict('daily_menu')
+// 定义变量内容
+const formDialogRef = ref()
+// 搜索变量
+const queryRef = ref()
+const showSearch = ref(true)
+// 多选变量
+const selectObjs = ref([]) as any
+const multiple = ref(true)
+
+const state: BasicTableProps = reactive<BasicTableProps>({
+  queryForm: {},
+  pageList: fetchList
+})
+// ---------新增业务变量
+const message = useMessage() // 消息弹窗
+const weekData = reactive({
+  data: []
+}) //时间数组
+const weekParams = reactive({
+  index: 0
+})
+const foodData1 = ref({})
+const foodData2 = ref({})
+const foodData3 = ref({})
+let isActive = ref(-1)
+let timedata = ''
+const merchantId = ref()
+const merchantStatus = ref(true)
+const merchantInfo = ref([])
+let tableWitch = 1000
+
+//  table hook
+const {
+  getDataList,
+  currentChangeHandle,
+  sizeChangeHandle,
+  sortChangeHandle,
+  downBlobFile,
+	tableStyle
+} = useTable(state)
+
+const openForm = (
+    type: string,
+    id?: number,
+    time?: string,
+    hourType?: number,
+    merchantId?: number
+) => {
+  formDialogRef.value.open(type, id, time, hourType, merchantId)
+}
+const addFood = async (hourType: number) => {
+  if (!merchantId.value) {
+    useMessage().error('请选择商户再进行新增')
+    return
+  }
+  try {
+    //打开新增框
+    openForm('create', undefined, timedata, hourType, merchantId.value)
+  } catch {}
+}
+//选中具体时间数据
+const timeClick = async (time: string, index: number) => {
+  try {
+    //数据查询操作
+    if (time) {
+      //时间处理
+      time = time.substring(0, time.indexOf('('))
+      timedata = time
+      //选中
+      isActive.value = index
+      selectTimeFood()
+    }
+  } catch {}
+}
+//切换时间
+const addClick = async (index: number) => {
+  try {
+    //数据值操作
+    weekParams.index = weekParams.index + index
+    fetchData()
+  } catch {}
+}
+const fetchData = async () => {
+  try {
+    weekData.data = await TodayApi.selectWeekInfo(weekParams)
+    isActive.value = 0
+    timedata = weekData.data[0]
+    //时间格式
+    timedata = timedata.substring(0, timedata.indexOf('('))
+    selectTimeFood()
+  } catch (error) {
+    console.error('Error fetching data:', error)
+    // 在这里处理错误，比如设置错误信息等
+  }
+}
+
+const selectTimeFood = async () => {
+  foodData1.value = []
+  foodData2.value = []
+  foodData3.value = []
+  tableWitch = 1000
+  try {
+    let params = {
+      time: timedata,
+      merchantId: merchantId.value
+    }
+    //最大长度
+    let count = 0
+    const result = await TodayApi.selectTimeFood(params)
+    result.forEach((r) => {
+      if (r.dailyMenuVOS.length > count) {
+        count = r.dailyMenuVOS.length
+      }
+      switch (r.hourType) {
+        case 1:
+          foodData1.value = r.dailyMenuVOS
+          break
+        case 2:
+          foodData2.value = r.dailyMenuVOS
+          break
+        case 3:
+          foodData3.value = r.dailyMenuVOS
+          break
+      }
+    })
+    if (count > 0) {
+      tableWitch = count * 300 + 100
+    } else {
+      tableWitch = 600
+    }
+  } catch (error) {
+    console.error('Error fetching data:', error)
+    // 在这里处理错误，比如设置错误信息等
+  }
+}
+/** 删除数据源按钮 */
+const delteData = async (tid: number) => {
+  try {
+    await message.delConfirm('确定删除菜品吗?')
+    await TodayApi.deleteToday(tid)
+    message.success(t('common.delSuccess'))
+    selectTimeFood()
+  } catch {}
+}
+
+// 清空搜索条件
+const resetQuery = () => {
+  // 清空搜索条件
+  queryRef.value?.resetFields()
+  // 清空多选
+  selectObjs.value = []
+  getDataList()
+}
+
+// 导出excel
+const exportExcel = () => {
+  downBlobFile('/canteen/canteenDailyMenu/export', Object.assign(state.queryForm, { ids: selectObjs }), 'canteenDailyMenu.xlsx')
+}
+
+// 多选事件
+const selectionChangHandle = (objs: { id: string }[]) => {
+  selectObjs.value = objs.map(({ id }) => id);
+  multiple.value = !objs.length;
+};
+
+// 删除操作
+const handleDelete = async (ids: string[]) => {
+  try {
+    await useMessageBox().confirm('此操作将永久删除');
+  } catch {
+    return;
+  }
+
+  try {
+    await delObjs(ids);
+    getDataList();
+    useMessage().success('删除成功');
+  } catch (err: any) {
+    useMessage().error(err.msg);
+  }
+};
+</script>
diff --git a/src/views/canteen/canteenSpu/index.vue b/src/views/canteen/canteenSpu/index.vue
index 5bcc674..42225af 100644
--- a/src/views/canteen/canteenSpu/index.vue
+++ b/src/views/canteen/canteenSpu/index.vue
@@ -43,7 +43,7 @@
           <el-table-column prop="name" label="商品名称"  show-overflow-tooltip/>
           <el-table-column prop="categoryId" label="商品分类编号"  show-overflow-tooltip/>
           <el-table-column prop="picUrl" label="商品封面图"  show-overflow-tooltip/>
-          <el-table-column prop="sliderPicUrls" label="商品轮播图"  show-overflow-tooltip/>
+<!--          <el-table-column prop="sliderPicUrls" label="商品轮播图"  show-overflow-tooltip/>-->
           <el-table-column prop="sort" label="排序字段"  show-overflow-tooltip/>
           <el-table-column prop="status" label="上架状态" show-overflow-tooltip>
       <template #default="scope">