From 9df69b10067eb4a3e5b5909903b8d77f2fda1a3d Mon Sep 17 00:00:00 2001
From: dzc <2388224167@qq.com>
Date: Thu, 11 Jun 2026 13:39:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E9=9A=90=E7=A7=81=E5=8D=8F=E8=AE=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/take-out-setting.vue           | 79 ++++++++++++++++++-
 1 file changed, 77 insertions(+), 2 deletions(-)

diff --git a/src/views/mch/mch-manage/components/take-out-setting.vue b/src/views/mch/mch-manage/components/take-out-setting.vue
index 16401197..bc3a04ff 100644
--- a/src/views/mch/mch-manage/components/take-out-setting.vue
+++ b/src/views/mch/mch-manage/components/take-out-setting.vue
@@ -71,7 +71,7 @@
                 </div>
             </div>
             <div class="take-card__placeholder">
-                预留报餐配置内容区，后续可以继续补充统计规则、时段限制、报餐说明等配置项。
+                暂无
             </div>
         </div>
 
@@ -150,6 +150,32 @@
             </div>
         </div>
 
+        <div class="take-card take-card--placeholder">
+            <div class="take-card__header">
+                <div class="take-card__intro">
+                    <div class="take-card__title">商城配置</div>
+                </div>
+                <div class="take-card__toolbar">
+                    <div class="take-card__switch-panel">
+                        <div class="take-card__switch-copy">
+                            <div class="take-card__switch-title">启用商城</div>
+                            <div class="take-card__switch-desc">控制商户商城相关能力开关</div>
+                        </div>
+                        <el-switch v-model="state.mchDetail.functionScope.mallEnable"
+                            :loading="state.switchLoadingKey === 'mallEnable'" inline-prompt active-text="开"
+                            inactive-text="关" @change="handleMallSwitchChange" />
+                    </div>
+                    <div class="take-card__actions">
+                        <el-button icon="Edit" circle @click="handleMallEdit()" />
+                        <el-button icon="RefreshRight" circle @click="getMallDataList" />
+                    </div>
+                </div>
+            </div>
+            <div class="take-card__placeholder">
+                暂无
+            </div>
+        </div>
+
         <take-out-form ref="takeOutFormRef" @refresh="getTakeOutSettingDetail" />
         <hard-appt-form ref="formDialogRef" @refresh="getDataList" />
     </div>
@@ -176,8 +202,10 @@ const props = withDefaults(defineProps<{
 // 定义变量内容
 const formDialogRef = ref()
 const selectObjs = ref([])
+const mallSelectIds = ref<string[]>([])
 
 const createDefaultFunctionScope = () => ({
+    mallEnable: false,
     orderingFoodEnable: false,
     tableReservation: false,
     takeOutEnable: false,
@@ -201,7 +229,30 @@ const apptState: BasicTableProps = reactive<BasicTableProps>({
     pageList: hardApptApi.fetchList,
 })
 
-const { getDataList, currentChangeHandle, sizeChangeHandle, sortChangeHandle, downBlobFile, tableStyle } = useTable(apptState)
+const { getDataList, sortChangeHandle, tableStyle } = useTable(apptState)
+
+const fetchMallConfigList = async () => {
+    return {
+        data: {
+            records: [],
+            total: 0,
+        },
+    }
+}
+
+const mallTableState: BasicTableProps = reactive<BasicTableProps>({
+    createdIsNeed: false,
+    queryForm: {
+        merchId: null,
+    },
+    pageList: fetchMallConfigList,
+})
+
+const {
+    getDataList: getMallDataList,
+    sortChangeHandle: mallSortChangeHandle,
+    tableStyle: mallTableStyle,
+} = useTable(mallTableState)
 const { yes_no_type, daily_menu } = useDict('yes_no_type', 'daily_menu')
 
 watch(
@@ -242,6 +293,8 @@ async function getMchDetail() {
         state.mchDetail = data
         apptState.queryForm.deptId = data.deptId
         getDataList()
+        mallTableState.queryForm.merchId = data.id
+        getMallDataList(false)
     } catch (error) {
         console.log("获取食堂详情详情", error);
     }
@@ -280,6 +333,28 @@ function handleReportFoodSwitchChange(value: boolean) {
     return handleFunctionScopeChange("orderingFoodEnable", value, "报餐配置")
 }
 
+function handleMallSwitchChange(value: boolean) {
+    return handleFunctionScopeChange("mallEnable", value, "商城配置")
+}
+
+function handleMallSelectionChange(rows: any[]) {
+    mallSelectIds.value = (rows || []).map((row: any) => row?.id).filter(Boolean)
+}
+
+function handleMallAdd() {
+    useMessage().info("商城配置功能开发中")
+}
+
+function handleMallEdit(id?: string) {
+    void id
+    useMessage().info("商城配置功能开发中")
+}
+
+function handleMallDelete(ids: string[]) {
+    if (!ids?.length) return
+    useMessage().info("商城配置功能开发中")
+}
+
 // 删除操作
 const handleDelete = async (ids: string[]) => {
     try {