From 31567461f52e3cdc5d9c559541d46adc7c239dbf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=91=E6=96=87=E5=8F=AF?= <1041367524@qq.com>
Date: Wed, 27 Apr 2022 16:38:22 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=B3=BB=E7=BB=9F=E9=80=9A=E7=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/notify.js           |  28 +++++
 src/router/modules/system.js       |   9 ++
 src/store/modules/system/notify.js |  83 +++++++++++++
 src/views/system/customer/form.vue | 113 ------------------
 src/views/system/notify/index.vue  | 185 +++++++++++++++++++++++++++++
 5 files changed, 305 insertions(+), 113 deletions(-)
 create mode 100644 src/api/system/notify.js
 create mode 100644 src/store/modules/system/notify.js
 delete mode 100644 src/views/system/customer/form.vue
 create mode 100644 src/views/system/notify/index.vue

diff --git a/src/api/system/notify.js b/src/api/system/notify.js
new file mode 100644
index 0000000..a33d92d
--- /dev/null
+++ b/src/api/system/notify.js
@@ -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 },
+    });
+};
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 2d95ec3..1b3b9fb 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -49,6 +49,15 @@ export default [
                     icon: 'UserFilled',
                 },
             },
+            {
+                path: 'notify',
+                name: 'NotifyManagement',
+                component: () => import('@/views/system/notify/index.vue'),
+                meta: {
+                    title: '系统通知',
+                    icon: 'AlarmClock',
+                },
+            },
         ],
     },
 ];
diff --git a/src/store/modules/system/notify.js b/src/store/modules/system/notify.js
new file mode 100644
index 0000000..535c033
--- /dev/null
+++ b/src/store/modules/system/notify.js
@@ -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,
+};
diff --git a/src/views/system/customer/form.vue b/src/views/system/customer/form.vue
deleted file mode 100644
index 5c0ab3e..0000000
--- a/src/views/system/customer/form.vue
+++ /dev/null
@@ -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>
diff --git a/src/views/system/notify/index.vue b/src/views/system/notify/index.vue
new file mode 100644
index 0000000..05dcc84
--- /dev/null
+++ b/src/views/system/notify/index.vue
@@ -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>