消息列表

2025-06-20 09:19:32 +08:00 · 2025-06-20 09:19:32 +08:00 · 6623142ba2
commit 6623142ba2
parent 61fa401dcc
5 changed files with 225 additions and 13 deletions
--- a/src/api/set/messageindex.ts
+++ b/src/api/set/messageindex.ts
@ -1,14 +1,8 @@
-import { LeaveListVO, LeaveQuery } from '@/api/set/messagetype';
+import { AccountQuery, LeaveListVO, LeaveQuery, paramsaccountOV } from '@/api/set/messagetype';

 import { AxiosPromise } from 'axios';
 import request from '@/utils/request';

-/**
- * 查询流程分类列表
- * @param query
- * @returns {*}
- */
-
 export const listlist = (query?: LeaveQuery): AxiosPromise => {
  return request({
    url: '/system/message/list',
@ -16,6 +10,7 @@ export const listlist = (query?: LeaveQuery): AxiosPromise => {
    data: query
  });
 };
+//获取消息管理列表
 export const listAdd = (query?: LeaveListVO): AxiosPromise => {
  return request({
    url: '/system/message/send',
@ -23,3 +18,19 @@ export const listAdd = (query?: LeaveListVO): AxiosPromise => {
    data: query
  });
 };
+//获取账号管理列表
+export const listtemplate = (query?: AccountQuery): AxiosPromise => {
+  return request({
+    url: '/system/message/template/list',
+    method: 'post',
+    data: query
+  });
+};
+//添加模板
+export const templateAdd = (query?: paramsaccountOV): AxiosPromise => {
+  return request({
+    url: '/system/message/template',
+    method: 'post',
+    data: query
+  });
+};
--- a/src/api/set/messagetype.ts
+++ b/src/api/set/messagetype.ts
@ -5,6 +5,15 @@ export interface CategoryTreeVO {
  weight: number;
  children: CategoryTreeVO[];
 }
+
+export interface AccountQuery {
+  current: number;
+  size: number;
+  templateName: string;
+  templatecode: string;
+  templateType: string;
+  status: string;
+}
 export interface LeaveQuery {
  /**
   * 当前页
@ -33,6 +42,21 @@ export interface LeaveVO {
 export interface LeaveListVO {
  content: string;
  title: string;
-  msgType: string;
+  // msgType: string;
  sendScope: number | string;
 }
+export interface AccountOV {
+  id: string | number;
+  status: string;
+  templateCode: string;
+  templateContent: string;
+  templateName: string;
+  templateType: string;
+}
+export interface paramsaccountOV {
+  templateType: string;
+  templateCode: string;
+  templateName: string;
+  templateContent: string;
+  title: string;
+}
--- a/src/router/index.ts
+++ b/src/router/index.ts
@ -257,7 +257,14 @@ export const dynamicRoutes: RouteRecordRaw[] = [
        component: () => import('@/views/set/message.vue'),
        name: 'message',
        meta: { title: '消息列表', icon: 'dashboard', affix: true }
+      },
+      {
+        path: 'account',
+        component: () => import('@/views/set/account.vue'),
+        name: 'account',
+        meta: { title: '账号管理', icon: 'dashboard', affix: true }
      }
+
    ]
  }
 ];
--- a/src/views/set/account.vue
+++ b/src/views/set/account.vue
@ -0,0 +1,170 @@
+<template>
+  <div class="pl">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="search">
+        <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+          <el-form-item label="模板名称" prop="phone">
+            <el-input v-model="queryParams.templateName" placeholder="请输入模板名称" clearable @keyup.enter="handleQuery" />
+          </el-form-item>
+          <el-form-item label="模板编号" prop="phone">
+            <el-input v-model="queryParams.templatecode" placeholder="请输入模板编码" clearable @keyup.enter="handleQuery" />
+          </el-form-item>
+          <el-form-item label="类型" prop="phone">
+            <el-select v-model="queryParams.templateType" placeholder="请选择类型">
+              <el-option label="通知" value="0" />
+              <el-option label="公告" value="1" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="状态" prop="phone">
+            <el-select v-model="queryParams.status" placeholder="请选择类型">
+              <el-option label="停用" value="1" />
+              <el-option label="正常" value="0" />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+          </el-form-item>
+        </el-form>
+        <el-button type="primary" @click="showRefuteDialog = true">新增</el-button>
+      </div>
+    </transition>
+    <el-table
+      ref="categoryTableRef"
+      :data="messList"
+      row-key="categoryId"
+      border
+      :default-expand-all="isExpandAll"
+      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+    >
+      <el-table-column label="id" prop="id" align="center" width="150" />
+      <el-table-column label="模板名称" prop="templateName" align="center" width="150" />
+      <el-table-column label="模板名称" prop="templateName" align="center" width="150" />
+      <el-table-column label="模版类型" prop="templateType" align="center" width="150">
+        <template #default="{ row }">
+          {{ row.templateType == 1 ? '公告' : '通知' }}
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" prop="status" align="center" width="150">
+        <template #default="{ row }">
+          {{ row.status == 1 ? '停用' : '正常' }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <!-- <el-tooltip content="审核" placement="top">
+            <el-button link type="primary" @click="handleAdd(scope.row)" v-hasPermi="['workflow:video:add']">审核</el-button>
+          </el-tooltip>-->
+          <el-tooltip content="删除" placement="top">
+            <el-button link type="primary" v-hasPermi="['workflow:video:remove']">删除</el-button>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="block">
+      <pagination v-if="total > 0" :total="total" v-model:page="queryParams.current" v-model:limit="queryParams.size" @pagination="getlist" />
+    </div>
+    <el-dialog v-model="showRefuteDialog" title="消息发送">
+      <el-form :model="dataparams" :rules="rules">
+        <el-form-item label="模板类型">
+          <el-select v-model="dataparams.templateType" placeholder="请选择类型">
+            <el-option label="通知" value="0" />
+            <el-option label="公告" value="1" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="模板编码">
+          <el-input v-model="dataparams.templateCode" placeholder="模板编码" />
+        </el-form-item>
+        <el-form-item label="模板名称">
+          <el-input v-model="dataparams.templateName" placeholder="模板名称" />
+        </el-form-item>
+        <el-form-item label="模板标题">
+          <el-input v-model="dataparams.title" placeholder="模板标题" />
+        </el-form-item>
+        <el-form-item label="模板内容">
+          <el-input v-model="dataparams.templateContent" placeholder="模板内容" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <!-- <el-button @click="showRefuteDialog = false">取消</el-button> -->
+          <el-button type="primary" @click="cilcikgAdd">发送</el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="Leave" lang="ts">
+import { listtemplate, templateAdd } from '@/api/set/messageindex';
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const showSearch = ref(true);
+const queryFormRef = ref<ElFormInstance>();
+import { LeaveForm, AccountQuery, AccountOV, paramsaccountOV } from '@/api/set/messagetype';
+const data = reactive<PageData<LeaveForm, AccountQuery>>({
+  form: {},
+  queryParams: {
+    current: 1,
+    size: 10,
+    templateName: undefined,
+    templatecode: undefined,
+    templateType: undefined,
+    status: undefined
+  },
+  rules: {}
+});
+const isExpandAll = ref(true);
+const { queryParams } = toRefs(data);
+const messList = ref<AccountOV[]>([]);
+const total = ref(0);
+const showRefuteDialog = ref<boolean>(false);
+const logmess = ref<boolean>(false);
+const getlist = async () => {
+  const res = await listtemplate(queryParams.value);
+  console.log(res);
+  if (res.code == 200) {
+    messList.value = res.data.records;
+    total.value = res.data.total;
+  }
+};
+const dataparams = ref<paramsaccountOV>({
+  templateType: null,
+  templateCode: null,
+  templateName: null,
+  templateContent: null,
+  title: null
+});
+const rules = reactive({
+  templateType: [{ required: true, message: '请输入标题', trigger: 'blur' }],
+  templateCode: [{ required: true, message: '请输入备注内容', trigger: 'blur' }],
+  templateName: [{ required: true, message: '请输入内容', trigger: 'blur' }],
+  templateContent: [{ required: true, message: '请输入内容', trigger: 'blur' }],
+  title: [{ required: true, message: '请输入标题内容', trigger: 'blur' }]
+});
+const handleQuery = () => {
+  getlist();
+};
+const resetQuery = () => {
+  queryParams.value = {
+    templateType: undefined,
+    status: undefined,
+    templateName: undefined,
+    templatecode: undefined,
+    current: 1,
+    size: 10
+  };
+  getlist();
+};
+const formRef = ref<ElFormInstance>();
+
+const cilcikgAdd = async () => {
+  const res = await templateAdd(dataparams.value);
+  if (res.code == 200) {
+    showRefuteDialog.value = false;
+    getlist();
+  }
+};
+onMounted(() => {
+  getlist();
+});
+</script>
--- a/src/views/set/message.vue
+++ b/src/views/set/message.vue
@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="pl">
    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
      <div v-show="showSearch" class="search">
        <el-form ref="queryFormRef" :model="queryParams" :inline="true">
@ -20,6 +20,7 @@
      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
    >
      <el-table-column label="id" prop="id" align="center" width="150" />
+      <el-table-column label="发送者ID" prop="senderId" align="center" width="150" />
      <el-table-column label="标题" prop="title" align="center" width="150" />
      <el-table-column label="内容" prop="content" align="center" width="150" />
      <el-table-column label="创建时间" prop="createTime" align="center" width="250" />
@ -60,11 +61,11 @@
            <el-option v-for="(item, index) in sendScopelist" :label="item.label" :value="item.value" :key="index" />
          </el-select>
        </el-form-item>
-        <el-form-item label="类型">
+        <!-- <el-form-item label="类型">
          <el-select v-model="dataparams.msgType" placeholder="请选择类型">
            <el-option v-for="(item, index) in select" :label="item.label" :value="item.value" :key="index" />
          </el-select>
-        </el-form-item>
+        </el-form-item> -->
        <el-form-item label="内容">
          <Editor v-model="dataparams.content" placeholder="请输入内容" type="url"></Editor>
        </el-form-item>
@ -112,12 +113,11 @@ const getlist = async () => {
 const dataparams = ref<LeaveListVO>({
  content: null,
  title: null,
-  msgType: null,
  sendScope: null
 });
 const rules = reactive({
  title: [{ required: true, message: '请输入标题', trigger: 'blur' }],
-  msgType: [{ required: true, message: '请选择类型', trigger: 'change' }],
+  // msgType: [{ required: true, message: '请选择类型', trigger: 'change' }],
  content: [{ required: true, message: '请输入备注内容', trigger: 'blur' }],
  model: [{ required: true, message: '请输入 model 内容', trigger: 'blur' }]
 });