feat: 活动时间段CURD

src/api/operation/limit/limitActivity.js

@@ -26,6 +26,13 @@ export const update = (data) => {
         data,
     });
 };
+export const online = (params) => {
+    return request({
+        url: '/mall/marketing/activity/online/' + params.id,
+        method: 'put',
+        params,
+    });
+};
 export const remove = (idList) => {
     return request({
         url: '/mall/marketing/activity',

src/api/operation/limit/limitTime.js

@@ -0,0 +1,36 @@
+import request from '@/utils/request.js';
+export const search = (params) => {
+    return request({
+        url: '/mall/marketing/activityTime',
+        method: 'get',
+        params,
+    });
+};
+export const create = (data) => {
+    return request({
+        url: '/mall/marketing/activityTime',
+        method: 'post',
+        data,
+    });
+};
+export const update = (data) => {
+    return request({
+        url: '/mall/marketing/activityTime/' + data.id,
+        method: 'put',
+        data,
+    });
+};
+export const enable = (params) => {
+    return request({
+        url: '/mall/marketing/activityTime/enable/' + params.id,
+        method: 'put',
+        params,
+    });
+};
+export const remove = (idList) => {
+    return request({
+        url: '/mall/marketing/activityTime',
+        method: 'delete',
+        params: { idList },
+    });
+};

src/components/TableList.vue

@@ -300,7 +300,7 @@
             }
             handleSearch();
         },
-        { deep: true, immediate: props.config.autoSearch !== false }
+        { deep: true, immediate: props.config.autoSearch === true }
     );
     // 代理原生函数
     const handleProxy = (fnName, args) => {

src/store/modules/operation/limit/limitActivity.js

@@ -1,4 +1,4 @@
-import * as api from '@/api/operation/limit.js';
+import * as api from '@/api/operation/limit/limitActivity.js';
 import { ElMessage, ElMessageBox } from '@/plugins/element-plus';
 const state = () => ({
     code: 'LimitActivity',
@@ -48,6 +48,16 @@ const actions = {
         }
         return res;
     },
+    online: async ({ dispatch }, data) => {
+        let res = await api.online({ id: data.id, isOnline: data.isOnline });
+        if (res) {
+            ElMessage.success('保存成功');
+            dispatch('search');
+        } else {
+            ElMessage.error('保存失败');
+        }
+        return res;
+    },
     save: async ({ dispatch }, data) => {
         let save = data.id ? api.update : api.create;
         data = _.cloneDeep(data);

src/store/modules/operation/limit/limitTime.js

@@ -1,4 +1,4 @@
-import * as api from '@/api/sales/category.js';
+import * as api from '@/api/operation/limit/limitTime.js';
 import { ElMessage, ElMessageBox } from '@/plugins/element-plus';
 const state = () => ({
     code: 'LimitTime',
@@ -25,11 +25,11 @@ const mutations = {
     setOpts: (state, data) => (state.opts = data),
 };
 const actions = {
-    search: async ({ state, commit }) => {
+    search: async ({ commit, state }) => {
         let res = await api.search(state.condition);
         commit('setList', res);
         if (!res) {
-            ElMessage.error('查询商品分类列表失败');
+            ElMessage.error('查询活动时间段列表失败');
         }
         return res;
     },
@@ -60,12 +60,13 @@ const actions = {
         }
         return res;
     },
-    sort: async (context, data) => {
+    enable: async ({ dispatch }, data) => {
-        let res = await api.sort(data);
+        let res = await api.enable({ id: data.id, isEnable: data.isEnable });
         if (res) {
-            ElMessage.success(`移动前序号：${data.oldSort + 1}；移动后序号：${data.currentSort + 1}`);
+            ElMessage.success('保存成功');
+            dispatch('search');
         } else {
-            ElMessage.error('保存排序失败');
+            ElMessage.error('保存失败');
         }
         return res;
     },
@@ -75,7 +76,7 @@ const actions = {
         } else {
             try {
                 await ElMessageBox.confirm('数据删除后无法恢复，确定要删除吗?', '危险操作');
-                let res = await api.remove({ id: ids.join(',') });
+                let res = await api.remove(ids.join(','));
                 if (res) {
                     ElMessage.success('删除成功');
                     dispatch('search');

src/views/operation/limit/index.vue

@@ -136,7 +136,7 @@
     // 上下架
     const handleEnable = async (row) => {
         loading.value = true;
-        await store.dispatch('limitActivity/save', row);
+        await store.dispatch('limitActivity/online', row);
         loading.value = false;
     };
     // 删除

src/views/operation/limit/time.vue

@@ -37,21 +37,12 @@
     /* 列表查询 */
     const state = reactive({
         condition: {
-            name: null,
+            activityId: route.params.id,
-            status: null,
         },
     });
-    watch(
-        () => state.condition,
-        (value) => {
-            store.commit('limitTime/setCondition', _.cloneDeep(value));
-        },
-        { immediate: true, deep: true }
-    );
     const handleReset = () => {
         state.condition = {
-            name: null,
+            activityId: route.params.id,
-            status: null,
         };
     };
     const handleSearch = async () => {
@@ -59,13 +50,26 @@
         await store.dispatch('limitTime/search');
         loading.value = false;
     };
+    onActivated(() => {
+        if (state.condition.activityId !== route.params.id) {
+            handleReset();
+        }
+    });
+    watch(
+        () => state.condition,
+        (value) => {
+            store.commit('limitTime/setCondition', _.cloneDeep(value));
+            handleSearch();
+        },
+        { immediate: true, deep: true }
+    );
 
     /* 操作 */
     // 新增
     const handleCreate = () => {
         store.commit('limitTime/setList', [
             ...unref(list),
-            { edit: true, name: null, startTime: null, endTime: null, enabled: true },
+            { edit: true, timeName: null, startTime: null, endTime: null, isEnable: true, activityId: route.params.id },
         ]);
     };
     // 设置商品
@@ -73,11 +77,18 @@
         router.push({ name: 'UpdateLimitProduct', params: { id: route.params.id } });
     };
     // 启用
-    const handleEnable = (row, value) => {
+    const handleEnable = async (row) => {
-        row.enabled = value;
+        if (row.id) {
+            loading.value = true;
+            await store.dispatch('limitTime/enable', row);
+            loading.value = false;
+        }
     };
     // 编辑
     const handleUpdate = (row) => {
+        if (row.edit) {
+            store.dispatch('limitTime/save', row);
+        }
         row.edit = !row.edit;
     };
     // 删除
@@ -96,30 +107,30 @@
                 label: '秒杀时段名称',
                 minWidth: 160,
                 slots: {
-                    default: ({ row }) => (row.edit ? <ElInput v-model={row.name} /> : row.name),
+                    default: ({ row }) => (row.edit ? <ElInput v-model={row.timeName} /> : row.timeName),
                 },
             },
             {
                 label: '开始时间',
                 width: 160,
                 slots: {
-                    default: ({ row }) => (row.edit ? <ElTimePicker v-model={row.startTime} /> : row.startTime),
+                    default: ({ row }) =>
+                        row.edit ? <ElTimePicker v-model={row.startTime} value-format="HH:mm:ss" /> : row.startTime,
                 },
             },
             {
-                label: '活动状态',
+                label: '结束时间',
                 width: 160,
                 slots: {
-                    default: ({ row }) => (row.edit ? <ElTimePicker v-model={row.endTime} /> : row.endTime),
+                    default: ({ row }) =>
+                        row.edit ? <ElTimePicker v-model={row.endTime} value-format="HH:mm:ss" /> : row.endTime,
                 },
             },
             {
                 label: '启用',
                 width: 100,
                 slots: {
-                    default: ({ row }) => (
+                    default: ({ row }) => <ElSwitch v-model={row.isEnable} onChange={() => handleEnable(row)} />,
-                        <ElSwitch value={row.enabled} onChange={(enabled) => handleEnable(row, enabled)} />
-                    ),
                 },
             },
             {
@@ -129,10 +140,18 @@
                 slots: {
                     default: ({ row }) => (
                         <div>
-                            <ElButton type="text" onClick={() => handleUpdate(row)}>
+                            <ElButton
+                                disabled={row.state !== 1 && !row.edit}
+                                type="text"
+                                onClick={() => handleUpdate(row)}
+                            >
                                 {row.edit ? '保存' : '编辑'}
                             </ElButton>
-                            <ElButton type="text" onClick={() => handleRemove([row])}>
+                            <ElButton
+                                disabled={row.state !== 1 && !row.edit}
+                                type="text"
+                                onClick={() => handleRemove([row])}
+                            >
                                 删除
                             </ElButton>
                         </div>