feat: 完事秒杀时段管理

src/api/mall/promotion/seckill/seckillConfig.ts

@@ -3,9 +3,8 @@ import request from '@/config/axios'
 export interface SeckillConfigVO {
   id: number
   name: string
-  startTime: Date
-  endTime: Date
-  seckillActivityCount: number
+  startTime: string
+  endTime: string
   picUrl: string
   status: number
 }
@@ -30,6 +29,15 @@ export const updateSeckillConfig = async (data: SeckillConfigVO) => {
   return await request.put({ url: '/promotion/seckill-config/update', data })
 }
 
+// 修改时段配置状态
+export const updateSeckillConfigStatus = (id: number, status: number) => {
+  const data = {
+    id,
+    status
+  }
+  return request.put({ url: '/promotion/seckill-config/update-status', data: data })
+}
+
 // 删除秒杀时段配置
 export const deleteSeckillConfig = async (id: number) => {
   return await request.delete({ url: '/promotion/seckill-config/delete?id=' + id })

src/views/mall/promotion/seckill/config/SeckillConfigForm.vue

@@ -8,9 +8,8 @@
   </Dialog>
 </template>
 <script lang="ts" name="SeckillConfigForm" setup>
-import { cloneDeep } from 'lodash-es'
 import * as SeckillConfigApi from '@/api/mall/promotion/seckill/seckillConfig'
-import { allSchemas, format, rules } from './seckillConfig.data'
+import { allSchemas, rules } from './seckillConfig.data'
 
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@@ -31,9 +30,6 @@ const open = async (type: string, id?: number) => {
     formLoading.value = true
     try {
       const data = await SeckillConfigApi.getSeckillConfig(id)
-      const info = cloneDeep(data)
-      data.startTime = format(info.startTime)
-      data.endTime = format(info.endTime)
       formRef.value.setValues(data)
     } finally {
       formLoading.value = false

src/views/mall/promotion/seckill/config/index.vue

@@ -29,15 +29,17 @@
         total: tableObject.total
       }"
     >
-      <template #startTime="{ row }">
-        {{ format(row.startTime) }}
-      </template>
-      <template #endTime="{ row }">
-        {{ format(row.endTime) }}
-      </template>
       <template #picUrl="{ row }">
         <el-image :src="row.picUrl" class="w-30px h-30px" @click="imagePreview(row.picUrl)" />
       </template>
+      <template #status="{ row }">
+        <el-switch
+          v-model="row.status"
+          :active-value="0"
+          :inactive-value="1"
+          @change="handleStatusChange(row)"
+        />
+      </template>
       <template #action="{ row }">
         <el-button
           v-hasPermi="['promotion:seckill-config:update']"
@@ -63,11 +65,13 @@
   <SeckillConfigForm ref="formRef" @success="getList" />
 </template>
 <script lang="ts" name="SeckillConfig" setup>
-import { allSchemas, format } from './seckillConfig.data'
+import { allSchemas } from './seckillConfig.data'
 import * as SeckillConfigApi from '@/api/mall/promotion/seckill/seckillConfig'
 import SeckillConfigForm from './SeckillConfigForm.vue'
 import { createImageViewer } from '@/components/ImageViewer'
+import { CommonStatusEnum } from '@/utils/constants'
 
+const message = useMessage() // 消息弹窗
 // tableObject：表格的属性对象，可获得分页大小、条数等属性
 // tableMethods：表格的操作对象，可进行获得分页、删除记录等操作
 // 详细可见：https://doc.iocoder.cn/vue3/crud-schema/
@@ -93,7 +97,22 @@ const openForm = (type: string, id?: number) => {
 const handleDelete = (id: number) => {
   tableMethods.delList(id, false)
 }
-
+/** 修改用户状态 */
+const handleStatusChange = async (row: SeckillConfigApi.SeckillConfigVO) => {
+  try {
+    // 修改状态的二次确认
+    const text = row.status === CommonStatusEnum.ENABLE ? '启用' : '停用'
+    await message.confirm('确认要"' + text + '""' + row.name + '?')
+    // 发起修改状态
+    await SeckillConfigApi.updateSeckillConfigStatus(row.id, row.status)
+    // 刷新列表
+    await getList()
+  } catch {
+    // 取消后，进行恢复按钮
+    row.status =
+      row.status === CommonStatusEnum.ENABLE ? CommonStatusEnum.DISABLE : CommonStatusEnum.ENABLE
+  }
+}
 /** 初始化 **/
 onMounted(() => {
   getList()

src/views/mall/promotion/seckill/config/seckillConfig.data.ts

@@ -6,7 +6,6 @@ export const rules = reactive({
   name: [required],
   startTime: [required],
   endTime: [required],
-  seckillActivityCount: [required],
   picUrl: [required],
   status: [required]
 })
@@ -78,16 +77,3 @@ const crudSchemas = reactive<CrudSchema[]>([
   }
 ])
 export const { allSchemas } = useCrudSchemas(crudSchemas)
-
-/**
- *  添加这个函数呢是因为数据库表使用 time 类型存的时分秒信息，对应实体类字段使用的 LocalTime，然后返回给前端的就数据是
- *  '00:05:00' 会变成 [0,5],所以才使用此方法转一道。我想着或许直接后台返回字符串格式的
- * @param data
- */
-export const format = (data: number[]): string => {
-  if (typeof data === 'undefined') {
-    return ''
-  }
-  const paddedData = data.length >= 3 ? data.slice(0, 3) : [...data, 0, 0].slice(0, 3)
-  return paddedData.map((num) => num.toString().padStart(2, '0')).join(':')
-}