From 6d0b76e41ebda3d53c946f6f6d25f70bc6ac8d05 Mon Sep 17 00:00:00 2001
From: monanxiao <monanxiao@qq.com>
Date: Sat, 8 Feb 2025 09:28:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E6=B7=BB=E5=8A=A0=E5=85=A8?=
 =?UTF-8?q?=E5=B1=80=E9=87=8D=E5=A4=8D=E4=B8=8B=E5=8D=95=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E5=BC=80=E5=85=B3=EF=BC=8C=E6=9C=8D=E5=8A=A1=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=9C=8D=E5=8A=A1=E5=9B=BE=E6=A0=87=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mock/permission.js             |  5 ++
 src/router/originalRoutingTable.js |  9 ++++
 src/views/goods/index.vue          | 59 +++++++++++++++++++++++
 src/views/goods/options.js         |  6 +++
 src/views/order/index.vue          |  2 +-
 src/views/system/switchOrder.vue   | 77 ++++++++++++++++++++++++++++++
 6 files changed, 157 insertions(+), 1 deletion(-)
 create mode 100644 src/views/system/switchOrder.vue

diff --git a/src/mock/permission.js b/src/mock/permission.js
index bdf2980..9e50855 100644
--- a/src/mock/permission.js
+++ b/src/mock/permission.js
@@ -26,6 +26,11 @@ export const menuListItem = [
         url: "/activity",
         icon: "Menu",
       },
+      {
+        title: "重复下单开关",
+        url: "/switchOrder",
+        icon: "Menu",
+      },
     ]
   },
   {
diff --git a/src/router/originalRoutingTable.js b/src/router/originalRoutingTable.js
index 2903f7e..c4a5667 100644
--- a/src/router/originalRoutingTable.js
+++ b/src/router/originalRoutingTable.js
@@ -64,6 +64,15 @@ const routerList = [
           requiresAuth: true, //有一些页面是否登录才能进去
         },
       },
+      {
+        path: "/switchOrder",
+        name: "switchOrder",
+        component: () => import("../views/system/switchOrder.vue"),
+        meta: {
+          name: "重复下单开关",
+          requiresAuth: true, //有一些页面是否登录才能进去
+        },
+      },
       {
         path: "/edit",
         name: "edit",
diff --git a/src/views/goods/index.vue b/src/views/goods/index.vue
index af09c61..f590c17 100644
--- a/src/views/goods/index.vue
+++ b/src/views/goods/index.vue
@@ -40,6 +40,20 @@
             />
           </el-form-item>
 
+          <el-form-item label="服务图标">
+            <el-upload
+                v-model:file-list="fileIcon"
+                list-type="picture-card"
+                :before-upload="beforeUpload"
+                :http-request="addUploadIconFile"
+                :limit="1"
+                :on-exceed="handleIconExceed"
+                :on-remove="handleIconRemove"
+            >
+              <el-icon><Plus /></el-icon>
+            </el-upload>
+          </el-form-item>
+
           <el-form-item label="轮播图">
             <el-upload
                 v-model:file-list="fileBannerList"
@@ -106,6 +120,14 @@
           />
         </template>
 
+        <template v-slot:default="scope" v-if="item.props === 'icon'">
+          <el-image
+              style="width: 300px; height: 200px"
+              :src="scope.row.icon"
+
+          />
+        </template>
+
         <template v-slot:default="scope" v-if="item.props === 'carouselImage'">
 
           <view v-for="itemImg in scope.row.carouselImage">
@@ -200,11 +222,13 @@ const formData = ref({
   price: '',
   carouselImage: [],
   details: '',
+  icon: '',
   isList: false
 })
 
 const fileBannerList = ref([]); // 轮播图
 const fileDetail = ref([]); // 详情图
+const fileIcon = ref([]); // 服务图标
 
 // 页面初始化
 const initData = () => {
@@ -262,6 +286,13 @@ const handleDetailExceed= (files, uploadFiles) => {
   )
 }
 
+// 服务图标上传限制
+const handleIconExceed = (files, uploadFiles) => {
+  ElMessage.warning(
+      `服务图标最多可上传1张`
+  )
+}
+
 // 轮播图移除
 const handleBannerRemove = (file) => {
 
@@ -276,6 +307,11 @@ const handleDetailRemove = (file, fileList) => {
   formData.value.details = '';
 }
 
+// 服务图表移除
+const handleIconRemove = (file, fileList) => {
+  formData.value.icon = '';
+}
+
 // 轮播上传请求
 const addUploadCarouselImageFile = (params) => {
   const formData = new FormData();
@@ -310,6 +346,23 @@ const addUploadDetailFile = (params) => {
     });
 }
 
+// 服务图标上传
+const addUploadIconFile = (params) => {
+  const formData = new FormData();
+  formData.append('files', params.file);
+
+  addFile(formData)
+      .then((response) => {
+        handleIconSuccess(response, params.file, params.fileList);
+      })
+      .catch((error) => {
+        if(error)
+        {
+          handleError(error, params.file, params.fileList);
+        }
+      });
+}
+
 // 处理轮播上传成功的回调
 const handleCarouselImageSuccess = (response, file) => {
 
@@ -328,6 +381,12 @@ const handleDetailSuccess = (response) => {
   loading.value = false;
 }
 
+// 处理服务图标上传成功的回调
+const handleIconSuccess = (response) => {
+  formData.value.icon = response.data[0];
+  loading.value = false;
+}
+
 // 处理上传失败的回调
 const handleError = (error, file, fileList) => {
   loading.value = false;
diff --git a/src/views/goods/options.js b/src/views/goods/options.js
index a5e3129..6c19c23 100644
--- a/src/views/goods/options.js
+++ b/src/views/goods/options.js
@@ -16,6 +16,12 @@ export const options = [
     props: 'isList',
     width: '150',
     align: 'left'
+  },
+  {
+    label: '服务图标',
+    props: 'icon',
+    width: 'auto',
+    align: 'left'
   },
     {
     label: '轮播图',
diff --git a/src/views/order/index.vue b/src/views/order/index.vue
index 318be1d..3afe52f 100644
--- a/src/views/order/index.vue
+++ b/src/views/order/index.vue
@@ -66,7 +66,7 @@
         />
       </el-form-item>
 
-      <el-form-item label="天">
+      <el-form-item label="日">
         <el-date-picker
             v-model="formSearch.day"
             :disabled="!formSearch.month"
diff --git a/src/views/system/switchOrder.vue b/src/views/system/switchOrder.vue
new file mode 100644
index 0000000..c49bb58
--- /dev/null
+++ b/src/views/system/switchOrder.vue
@@ -0,0 +1,77 @@
+<template>
+  <el-card class="mt10" v-loading="loading">
+    <span>
+     重复下单开关
+    </span>
+    <el-divider />
+    <el-switch
+        size="large"
+        v-model="formData.content"
+        inline-prompt
+        active-text="开启"
+        inactive-text="关闭"
+        @click="upStatus(formData.content)"
+    />
+  </el-card>
+</template>
+<script setup>
+
+import {nextTick, onMounted, reactive, ref} from 'vue'
+
+import {ElMessage} from "element-plus";
+import {getConfigList, updateSystem} from "../../api/modules/system";
+
+const loading = ref(true)
+
+const formData = ref({
+  id:4,
+  content: true,
+});
+
+// 初始化数据
+const initData = () => {
+
+  getConfigList().then((res) => {
+
+    loading.value = false;
+    if(res.data[3].content !== '[]' && res.data[3].content !== null && res.data[3].content !== "")
+    {
+      formData.value.content = JSON.parse(res.data[3].content);
+    }
+  })
+}
+
+// 更新状态
+const upStatus = (param) => {
+
+  loading.value = true;
+  formData.value.content = param;
+
+  let params = {
+    id: 4,
+    content: JSON.stringify(param)
+  };
+
+  // 更新系统配置
+  updateSystem(params).then((res) => {
+
+    loading.value = false;
+
+    initData();
+
+    ElMessage({
+      message: '修改成功',
+      type: 'success',
+    })
+  });
+
+}
+
+onMounted(() => {
+  initData()
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>