向文可
3 years ago
parent
e7e43c3c03
commit
31567461f5
@ -0,0 +1,28 @@
|
|||||||
|
import request from '@/utils/request.js';
|
||||||
|
export const search = (params) => {
|
||||||
|
return request({
|
||||||
|
url: '/mall/marketing/appMessagePush',
|
||||||
|
method: 'get',
|
||||||
|
params,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export const detail = (id) => {
|
||||||
|
return request({
|
||||||
|
url: '/mall/marketing/appMessagePush' + id,
|
||||||
|
method: 'get',
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export const create = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/mall/marketing/appMessagePush',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export const remove = (idList) => {
|
||||||
|
return request({
|
||||||
|
url: '/mall/marketing/appMessagePush',
|
||||||
|
method: 'delete',
|
||||||
|
params: { idList },
|
||||||
|
});
|
||||||
|
};
|
||||||
@ -0,0 +1,83 @@
|
|||||||
|
import * as api from '@/api/system/notify.js';
|
||||||
|
import { ElMessage, ElMessageBox } from '@/plugins/element-plus';
|
||||||
|
const state = () => ({
|
||||||
|
code: 'NotifyManagement',
|
||||||
|
condition: {},
|
||||||
|
list: [],
|
||||||
|
total: 0,
|
||||||
|
opts: {
|
||||||
|
init: false,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
const getters = {};
|
||||||
|
const mutations = {
|
||||||
|
setCode: (state, data) => (state.code = data),
|
||||||
|
setCondition: (state, data) => (state.condition = data),
|
||||||
|
setList: (state, data) => (state.list = data),
|
||||||
|
setTotal: (state, data) => (state.total = data),
|
||||||
|
setOpts: (state, data) => (state.opts = data),
|
||||||
|
};
|
||||||
|
const actions = {
|
||||||
|
search: async ({ state, commit, rootGetters }) => {
|
||||||
|
let data = { ...state.condition };
|
||||||
|
data.startReleaseTime = data.dateRange?.[0];
|
||||||
|
data.endReleaseTime = data.dateRange?.[1];
|
||||||
|
delete data.dateRange;
|
||||||
|
let res = await api.search({ ...rootGetters['local/page'](state.code), ...state.condition });
|
||||||
|
if (res) {
|
||||||
|
commit('setList', res.records);
|
||||||
|
commit('setTotal', res.total);
|
||||||
|
} else {
|
||||||
|
ElMessage.error('查询失败');
|
||||||
|
commit('setList', []);
|
||||||
|
}
|
||||||
|
return res;
|
||||||
|
},
|
||||||
|
load: async ({ commit }) => {
|
||||||
|
commit('setOpts', {
|
||||||
|
init: true,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
detail: async (context, id) => {
|
||||||
|
let res = await api.detail(id);
|
||||||
|
if (!res) {
|
||||||
|
ElMessage.error('加载详情失败');
|
||||||
|
}
|
||||||
|
return res;
|
||||||
|
},
|
||||||
|
save: async ({ dispatch }, data) => {
|
||||||
|
let save = data.id ? api.update : api.create;
|
||||||
|
let res = await save(data);
|
||||||
|
if (res) {
|
||||||
|
ElMessage.success('保存成功');
|
||||||
|
dispatch('search');
|
||||||
|
} else {
|
||||||
|
ElMessage.error('保存失败');
|
||||||
|
}
|
||||||
|
return res;
|
||||||
|
},
|
||||||
|
remove: async ({ dispatch }, idList) => {
|
||||||
|
if (!idList.length) {
|
||||||
|
ElMessage.warning('请选择要删除的数据');
|
||||||
|
} else {
|
||||||
|
try {
|
||||||
|
await ElMessageBox.confirm('数据删除后无法恢复，确定要删除吗?', '危险操作');
|
||||||
|
let res = await api.remove(idList.join(','));
|
||||||
|
if (res) {
|
||||||
|
ElMessage.success('删除成功');
|
||||||
|
dispatch('search');
|
||||||
|
} else {
|
||||||
|
ElMessage.error('删除失败');
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.info('取消删除', e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
export default {
|
||||||
|
state,
|
||||||
|
getters,
|
||||||
|
mutations,
|
||||||
|
actions,
|
||||||
|
};
|
||||||
@ -1,113 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="form-container">
|
|
||||||
<el-form
|
|
||||||
ref="refsForm"
|
|
||||||
v-loading="loading"
|
|
||||||
class="form-content"
|
|
||||||
label-width="100px"
|
|
||||||
:model="form"
|
|
||||||
:rules="rules"
|
|
||||||
>
|
|
||||||
<el-form-item label="用户名" prop="userName">
|
|
||||||
<el-input v-model="form.userName" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="员工姓名" prop="employeeName">
|
|
||||||
<el-input v-model="form.employeeName" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="员工类型" prop="employeeType">
|
|
||||||
<el-select v-model="form.employeeType" :opts="opts.type" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="手机号" prop="phone">
|
|
||||||
<el-input v-model="form.phone" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="邮箱" prop="email">
|
|
||||||
<el-input v-model="form.email" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="是否启用" prop="isEnable">
|
|
||||||
<el-switch v-model="form.isEnable" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="form.remark" type="textarea" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div class="form-footer">
|
|
||||||
<el-button @click="handleCancel">取消</el-button>
|
|
||||||
<el-button :disabled="loading" :loading="submitting" type="primary" @click="handleSave">保存</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
/* 全局 */
|
|
||||||
const store = useStore();
|
|
||||||
const route = useRoute();
|
|
||||||
const router = useRouter();
|
|
||||||
const { proxy } = getCurrentInstance();
|
|
||||||
/* 表单 */
|
|
||||||
const loading = ref(false);
|
|
||||||
const submitting = ref(false);
|
|
||||||
const refsForm = ref(null);
|
|
||||||
const form = reactive({
|
|
||||||
id: null,
|
|
||||||
email: '',
|
|
||||||
employeeName: '',
|
|
||||||
employeeType: 1,
|
|
||||||
isEnable: false,
|
|
||||||
phone: '',
|
|
||||||
remark: '',
|
|
||||||
userName: '',
|
|
||||||
});
|
|
||||||
const rules = reactive({
|
|
||||||
userName: [{ required: true, message: '用户名不能为空' }],
|
|
||||||
employeeName: [{ required: true, message: '员工姓名不能为空' }],
|
|
||||||
employeeType: [{ required: true, message: '员工类型不能为空' }],
|
|
||||||
});
|
|
||||||
const opts = computed(() => store.state.employee.opts);
|
|
||||||
if (!unref(opts).init) {
|
|
||||||
store.dispatch('employee/load');
|
|
||||||
}
|
|
||||||
/* 数据 */
|
|
||||||
const handleLoad = async () => {
|
|
||||||
if (route.params.id) {
|
|
||||||
const id = +route.params.id;
|
|
||||||
if (form.id !== id) {
|
|
||||||
let res = await store.dispatch('employee/detail', id);
|
|
||||||
Object.assign(form, res);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
onActivated(handleLoad);
|
|
||||||
/* 交互 */
|
|
||||||
const handleSave = async () => {
|
|
||||||
submitting.value = true;
|
|
||||||
try {
|
|
||||||
await unref(refsForm).validate();
|
|
||||||
let data = { ...unref(form) };
|
|
||||||
data.voucherClueUrls = data.voucherClueUrls || [];
|
|
||||||
data.voucherClueUrl = data.voucherClueUrls.join(',');
|
|
||||||
let res = await store.dispatch('employee/save', data);
|
|
||||||
if (res) {
|
|
||||||
if (!data.id) {
|
|
||||||
unref(refsForm).resetFields();
|
|
||||||
}
|
|
||||||
handleClose();
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.info('取消保存', e);
|
|
||||||
}
|
|
||||||
submitting.value = false;
|
|
||||||
};
|
|
||||||
const handleCancel = async () => {
|
|
||||||
try {
|
|
||||||
await proxy.$confirm('确定要放弃未保存的数据继续离开吗?', '数据未保存');
|
|
||||||
handleClose();
|
|
||||||
} catch (e) {
|
|
||||||
console.info('取消关闭', e);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const handleClose = () => {
|
|
||||||
router.push({ name: 'UserManagement' });
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="less" scoped></style>
|
|
||||||
@ -0,0 +1,185 @@
|
|||||||
|
<template>
|
||||||
|
<TableList
|
||||||
|
v-loading="loading"
|
||||||
|
:code="code"
|
||||||
|
:config="config"
|
||||||
|
:data="list"
|
||||||
|
:operation="['create', 'search']"
|
||||||
|
:reset="handleReset"
|
||||||
|
title="消息通知"
|
||||||
|
:total="total"
|
||||||
|
@create="handleCreate"
|
||||||
|
@remove="handleRemove"
|
||||||
|
@search="handleSearch"
|
||||||
|
>
|
||||||
|
<template #search>
|
||||||
|
<el-form inline>
|
||||||
|
<el-form-item label="消息标题" prop="title">
|
||||||
|
<el-input v-model="state.condition.title" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="发布时间" prop="dateRange">
|
||||||
|
<el-input v-model="state.condition.dateRange" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</template>
|
||||||
|
</TableList>
|
||||||
|
<el-dialog v-model="formState.formVisible" :title="formState.form.id ? '查看' : '添加' + '通知'">
|
||||||
|
<el-form
|
||||||
|
ref="refsForm"
|
||||||
|
:disabled="!!formState.form.id"
|
||||||
|
label-width="100px"
|
||||||
|
:model="formState.form"
|
||||||
|
:rules="formState.rules"
|
||||||
|
>
|
||||||
|
<el-form-item label="消息标题" prop="title">
|
||||||
|
<el-input v-model="formState.form.title" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="消息内容" prop="content">
|
||||||
|
<el-input v-model="formState.form.content" :autosize="{ minRows: 3, maxRows: 5 }" type="textarea" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="链接跳转" prop="linkJump">
|
||||||
|
<el-input v-model="formState.form.linkJump" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<el-button @click="formState.formVisible = false">取消</el-button>
|
||||||
|
<el-button v-if="!formState.form.id" :loading="formState.submitting" type="primary" @click="handleSave">
|
||||||
|
保存
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="jsx">
|
||||||
|
import ElButton from '@/components/extra/ElButton.vue';
|
||||||
|
const store = useStore();
|
||||||
|
const loading = ref(false);
|
||||||
|
const code = computed(() => store.state.notify.code);
|
||||||
|
const list = computed(() => store.state.notify.list);
|
||||||
|
const total = computed(() => store.state.notify.total);
|
||||||
|
const opts = computed(() => store.state.notify.opts);
|
||||||
|
if (!unref(opts).init) {
|
||||||
|
store.dispatch('notify/load');
|
||||||
|
}
|
||||||
|
const state = reactive({
|
||||||
|
condition: {
|
||||||
|
title: null,
|
||||||
|
dateRange: [],
|
||||||
|
},
|
||||||
|
});
|
||||||
|
watch(
|
||||||
|
() => state.condition,
|
||||||
|
(value) => {
|
||||||
|
store.commit('notify/setCondition', _.cloneDeep(value));
|
||||||
|
},
|
||||||
|
{ immediate: true, deep: true }
|
||||||
|
);
|
||||||
|
const handleReset = () => {
|
||||||
|
state.condition = {
|
||||||
|
title: null,
|
||||||
|
dateRange: [],
|
||||||
|
};
|
||||||
|
};
|
||||||
|
const handleSearch = async () => {
|
||||||
|
loading.value = true;
|
||||||
|
await store.dispatch('notify/search');
|
||||||
|
loading.value = false;
|
||||||
|
};
|
||||||
|
onActivated(handleSearch);
|
||||||
|
|
||||||
|
/* 表单 */
|
||||||
|
const refsForm = ref(null);
|
||||||
|
const formState = reactive({
|
||||||
|
formVisible: false,
|
||||||
|
submitting: false,
|
||||||
|
form: {
|
||||||
|
title: null,
|
||||||
|
content: null,
|
||||||
|
linkJump: null,
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
title: [{ required: true, message: '消息标题不能为空' }],
|
||||||
|
content: [{ required: true, message: '消息内容不能为空' }],
|
||||||
|
},
|
||||||
|
});
|
||||||
|
// 添加/编辑
|
||||||
|
const handleCreate = (row) => {
|
||||||
|
Object.assign(
|
||||||
|
formState.form,
|
||||||
|
row || {
|
||||||
|
title: null,
|
||||||
|
content: null,
|
||||||
|
linkJump: null,
|
||||||
|
}
|
||||||
|
);
|
||||||
|
formState.formVisible = true;
|
||||||
|
};
|
||||||
|
// 保存
|
||||||
|
const handleSave = async () => {
|
||||||
|
formState.submitting = true;
|
||||||
|
try {
|
||||||
|
await unref(refsForm).validate();
|
||||||
|
let data = _.cloneDeep(formState.form);
|
||||||
|
data.activityStartTime = data.time[0];
|
||||||
|
data.activityEndTime = data.time[1];
|
||||||
|
delete data.time;
|
||||||
|
await store.dispatch('limitActivity/save', data);
|
||||||
|
formState.formVisible = false;
|
||||||
|
} catch (e) {
|
||||||
|
console.info('取消保存', e);
|
||||||
|
}
|
||||||
|
formState.submitting = false;
|
||||||
|
};
|
||||||
|
const handleRemove = async (rows) => {
|
||||||
|
loading.value = true;
|
||||||
|
await store.dispatch(
|
||||||
|
'notify/remove',
|
||||||
|
rows.map((item) => item.id)
|
||||||
|
);
|
||||||
|
loading.value = false;
|
||||||
|
};
|
||||||
|
const config = reactive({
|
||||||
|
// 表格列配置
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
label: '编号',
|
||||||
|
prop: 'id',
|
||||||
|
width: 160,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '消息标题',
|
||||||
|
prop: 'title',
|
||||||
|
minWidth: 160,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '发布时间',
|
||||||
|
prop: 'phone',
|
||||||
|
width: 160,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '发布人员',
|
||||||
|
prop: 'email',
|
||||||
|
width: 160,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '操作',
|
||||||
|
fixed: 'right',
|
||||||
|
slots: {
|
||||||
|
default: ({ row }) => (
|
||||||
|
<div>
|
||||||
|
<ElButton type="text" onClick={() => handleCreate(row)}>
|
||||||
|
查看
|
||||||
|
</ElButton>
|
||||||
|
<ElButton type="text" onClick={() => handleRemove([row])}>
|
||||||
|
删除
|
||||||
|
</ElButton>
|
||||||
|
</div>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
width: 120,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped></style>
|
||||||
Loading…
Reference in new issue