msb-mca
/
shop-admin
mirror of http://internel-git.mashibing.cn/yanxuan-frontend/shop-admin.git
2.1k
3
Code Issues Projects Releases Wiki Activity

feat: 活动时间段CURD

Browse Source
feature/task1.0.0__0514__ch
向文可 3 years ago
parent 797b7f1215
commit d04facca0b
7 changed files with 107 additions and 34 deletions
Show Stats Download Patch File Download Diff File

7
src/api/operation/limit.js → src/api/operation/limit/limitActivity.js
Unescape View File

@ -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',

36
src/api/operation/limit/limitTime.js
Unescape View File

@ -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 },
});
};

2
src/components/TableList.vue
Unescape View File

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

12
src/store/modules/operation/limit/limitActivity.js
Unescape View File

@ -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);

17
src/store/modules/operation/limit/limitTime.js
Unescape View File

@ -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) => {
let res = await api.sort(data);
enable: async ({ dispatch }, 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');

2
src/views/operation/limit/index.vue
Unescape View File

@ -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;
};
// 删除

65
src/views/operation/limit/time.vue
Unescape View File

@ -37,21 +37,12 @@
/* 列表查询 */
const state = reactive({
condition: {
name: null,
status: null,
activityId: route.params.id,
},
});
watch(
() => state.condition,
(value) => {
store.commit('limitTime/setCondition', _.cloneDeep(value));
},
{ immediate: true, deep: true }
);
const handleReset = () => {
state.condition = {
name: null,
status: null,
activityId: route.params.id,
};
};
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) => {
row.enabled = value;
const handleEnable = async (row) => {
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 }) => (
<ElSwitch value={row.enabled} onChange={(enabled) => handleEnable(row, enabled)} />
),
default: ({ row }) => <ElSwitch v-model={row.isEnable} onChange={() => handleEnable(row)} />,
},
},
{
@ -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>

Write Preview
Loading…
Cancel
Save