Merge branch 'dev' of https://gogs.tjp.com.cn/maoming/yjhtgl-web into feature/planManage

# Conflicts:
#	src/types/components.d.ts
#	src/views/duty/eventing/index.vue

src/api/kenowledge/index.ts

@@ -0,0 +1,64 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import {QueryParams, ReportItem, FetchReportsResponse, AddReportParams} from './types';
+import {UnwrapNestedRefs, UnwrapRef} from "vue";
+
+// 获取报告列表
+export const fetchReports = (params: QueryParams): AxiosPromise<FetchReportsResponse> => {
+  return request({
+    url: '/api/knowledge/select',
+    method: 'get',
+    params: {
+      pageNum: params.pageNum,  // 分页参数中的页码
+      pageSize: params.pageSize,  // 分页参数中的每页大小
+      eventType: params.eventType,  // 事件类型（可选）
+      publishDate: params.publishDate,  // 发布日期范围（可选）
+      subject: params.subject,  // 关键字（可选）
+      sortBy: params.sortBy, // 排序字段
+      sortOrder: params.sortOrder  // 排序方式
+    }
+  });
+};
+
+// 新增报告
+export const addReport = (data: UnwrapNestedRefs<AddReportParams>): AxiosPromise<void> => {
+  return request({
+    url: '/api/knowledge/create',
+    method: 'post',
+    data: data,
+  });
+};
+
+// 获取报告详情
+export const fetchReportDetail = (reportId: string): AxiosPromise<ReportItem> => {
+  return request({
+    url: `/api/knowledge/detail?reportID=${reportId}`,
+    method: 'get',
+  });
+};
+
+// 修改报告
+export const updateReport = (data: {
+  summary: UnwrapRef<AddReportParams["summary"]>;
+  publishingUnit: UnwrapRef<AddReportParams["publishingUnit"]>;
+  reportName: UnwrapRef<AddReportParams["reportName"]>;
+  reportId: string;
+  subject: UnwrapRef<AddReportParams["subject"]>;
+  publishDate: UnwrapRef<AddReportParams["publishDate"]>;
+  eventType: UnwrapRef<AddReportParams["eventType"]>;
+  fileNames: UnwrapRef<AddReportParams["fileNames"]>
+}): AxiosPromise<void> => {
+  return request({
+    url: `/api/reports/update/${data.reportId}`,
+    method: 'put',
+    data: data,
+  });
+};
+
+// 删除报告
+export const deleteReport = (reportNumber: string): AxiosPromise<void> => {
+  return request({
+    url: `/api/reports/delete/${reportNumber}`,
+    method: 'delete',
+  });
+};

src/api/kenowledge/types.ts

@@ -0,0 +1,62 @@
+// 定义获取报告列表接口的请求参数类型
+import {UnwrapRef} from "vue";
+
+// 定义查询参数的类型
+export interface QueryParams {
+  pageNum: number;
+  pageSize: number;
+  eventType?: string;
+  publishDate?: [string, string];
+  subject?: string;
+  sortBy: string;
+  sortOrder: string;
+}
+
+// 定义报告项的类型
+export interface ReportItem {
+  reportName: string;
+  reportId?: string;
+  publishDate: string;
+  summary: string;
+  updateTime: string | null;
+  subject: string;
+  eventType: string;
+  publishingUnit: string;
+  notificationType: string;
+  base_code: string;
+}
+
+// 定义新增报告接口的请求参数类型
+export interface AddReportParams {
+  reportName: string;
+  summary: string;
+  publishDate: string;
+  subject: string;
+  eventType: string;
+  publishingUnit: string;
+  fileNames: [];
+}
+
+// 定义获取报告列表接口响应的数据结构,total
+export interface FetchReportsResponse {
+  code: number;
+  msg: string;
+  pages: number;
+  total: number;
+  currentPage: number;
+  pageSize: number;
+  data: ReportItem[];
+
+  map(param: (item: ReportItem) => {
+    summary: string;
+    publishingUnit: string;
+    reportName: string;
+    reportId?: string;
+    subject: string;
+    publishDate: string;
+    base_code: string;
+    updateTime: string | null;
+    eventType: string;
+    notificationType: string
+  }): UnwrapRef<ReportItem[]>;
+}

src/api/system/user/index.ts

@@ -26,7 +26,7 @@ import { parseStrEmpty } from '@/utils/ruoyi';
  * 查询用户列表
  * @param query
  */
-export const listUser = (query: UserQuery): AxiosPromise<UserVO[]> => {
+export const listUser = (query): AxiosPromise<UserVO[]> => {
   return request({
     url: '/system/user/list',
     method: 'get',

src/components/ChunkUpload/index.vue

@@ -34,6 +34,7 @@ export default defineComponent({
   setup(props) {
     const fileInput = ref<HTMLInputElement | null>(null);
     const uploading = ref(false);
+    const uploadedFileNames = ref<string[]>([]);
     const uploadProgressList = ref<{ fileName: string; percentage: number }[]>([]);
     const CHUNK_SIZE = 1 * 1024 * 1024; // 每个分片的大小为 1MB
 
@@ -79,7 +80,7 @@ export default defineComponent({
 
           // 文件分片上传完成后，调用合并接口
           const uuidFilename = await mergeChunks(fileIdentifier, file.name);
-          console.log("上传成功的文件 UUID 名称:", uuidFilename);
+          uploadedFileNames.value.push(uuidFilename); // 保存上传成功的文件名
         }
 
         ElMessage.success("文件上传完成！");
@@ -138,12 +139,17 @@ export default defineComponent({
       return uuidv1();  // 生成一个固定的 UUID1
     };
 
+    const getUploadedFileNames = () => {
+      return uploadedFileNames.value;
+    };
+
     return {
       fileInput,
       uploading,
       uploadProgressList,
       handleClick,
       handleFileChange,
+      getUploadedFileNames,
     };
   },
 });

src/router/index.ts

@@ -88,6 +88,20 @@ export const constantRoutes: RouteRecordRaw[] = [
         meta: { title: '个人中心', icon: 'user' }
       }
     ]
+  },
+  {
+    path: '/test',
+    component: Layout,
+    hidden: true,
+    redirect: 'noredirect',
+    children: [
+      {
+        path: 'eventDetails',
+        component: () => import('@/views/duty/eventing/eventDetails.vue'),
+        name: 'eventDetails',
+        meta: { title: '事件详情', icon: 'user' }
+      }
+    ]
   }
 ];
 

src/types/components.d.ts

@@ -18,6 +18,8 @@ declare module 'vue' {
     Editor: typeof import('./../components/Editor/index.vue')['default']
     ElAnchor: typeof import('element-plus/es')['ElAnchor']
     ElAnchorLink: typeof import('element-plus/es')['ElAnchorLink']
+    ElAnchor: typeof import('element-plus/es')['ElAnchor']
+    ElAnchorLink: typeof import('element-plus/es')['ElAnchorLink']
     ElAutocomplete: typeof import('element-plus/es')['ElAutocomplete']
     ElBadge: typeof import('element-plus/es')['ElBadge']
     ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
@@ -67,11 +69,18 @@ declare module 'vue' {
     ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElTree: typeof import('element-plus/es')['ElTree']
+    ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
+    ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
+    ElText: typeof import('element-plus/es')['ElText']
+    ElTimeline: typeof import('element-plus/es')['ElTimeline']
+    ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
     ElUpload: typeof import('element-plus/es')['ElUpload']
     FileUpload: typeof import('./../components/FileUpload/index.vue')['default']
     Hamburger: typeof import('./../components/Hamburger/index.vue')['default']
     HeaderSearch: typeof import('./../components/HeaderSearch/index.vue')['default']
     IconSelect: typeof import('./../components/IconSelect/index.vue')['default']
+    IEpCaretBottom: typeof import('~icons/ep/caret-bottom')['default']
+    IEpCaretTop: typeof import('~icons/ep/caret-top')['default']
     IEpUploadFilled: typeof import('~icons/ep/upload-filled')['default']
     IFrame: typeof import('./../components/iFrame/index.vue')['default']
     ImagePreview: typeof import('./../components/ImagePreview/index.vue')['default']

src/views/duty/eventing/index.vue

@@ -1,4 +1,4 @@
-<template>
+<template xmlns="">
   <div class="app-container">
     <transition name="fade">
       <div v-show="showSearch" class="mb-[20px]">
@@ -48,12 +48,7 @@
               <el-form-item label="行政区划" prop="regionCode">
                 <el-select v-model="queryParams.regionCode" placeholder="全部" clearable>
                   <el-option label="全部" value=""></el-option>
-                  <el-option
-                    v-for="item in data.regionSelection"
-                    :key="item.dictValue"
-                    :label="item.dictLabel"
-                    :value="item.dictValue"
-                  ></el-option>
+                  <el-option v-for="item in data.regionSelection" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
                 </el-select>
               </el-form-item>
             </el-col>
@@ -61,22 +56,16 @@
           <el-row :gutter="10" class="mt-[10px]">
             <el-col :span="6">
               <el-form-item label="事发时间" prop="eventTime">
-                <el-date-picker
-                  v-model="queryParams.eventTime"
-                  type="datetime"
-                  value-format="YYYY-MM-DD HH:mm:ss"
-                  placeholder="选择事发时间"
-                ></el-date-picker>
+                <el-date-picker v-model="queryParams.eventTime" type="datetime" placeholder="选择事发时间"></el-date-picker>
               </el-form-item>
             </el-col>
             <el-col :span="6">
               <el-form-item>
-                <el-input v-model="queryParams.keyword" placeholder="请输入事件标题/事件地点" clearable
-                          @keyup.enter="handleQuery"/>
+                <el-input v-model="queryParams.subject" placeholder="请输入事件标题/事件地点" clearable @keyup.enter="handleQuery" />
               </el-form-item>
             </el-col>
-              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
           </el-row>
         </el-form>
       </div>
@@ -86,21 +75,20 @@
         <el-button type="primary" plain icon="Plus" @click="handleAdd">新增事件</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete(selectedRow)">删除事件
-        </el-button>
+        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete(selectedRow)">删除事件 </el-button>
       </el-col>
     </el-row>
 
     <!-- 表格组w件 -->
     <el-table v-loading="loading" :data="eventList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center"/>
-      <el-table-column label="事件编号" align="center" prop="eventId"/>
-      <el-table-column label="事件标题" align="center" prop="eventTitle"/>
-      <el-table-column label="事件类型" align="center" prop="eventType"/>
-      <el-table-column label="事件等级" align="center" prop="eventLevel"/>
-      <el-table-column label="事件地点" align="center" prop="address"/>
-      <el-table-column label="事件状态" align="center" prop="eventStatus"/>
-      <el-table-column label="事件时间" align="center" prop="eventTime"/>
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="事件编号" align="center" prop="eventId" />
+      <el-table-column label="事件标题" align="center" prop="eventTitle" />
+      <el-table-column label="事件类型" align="center" prop="eventType" />
+      <el-table-column label="事件等级" align="center" prop="eventLevel" />
+      <el-table-column label="事件地点" align="center" prop="address" />
+      <el-table-column label="事件状态" align="center" prop="eventStatus" />
+      <el-table-column label="事件时间" align="center" prop="eventTime" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
           <el-tooltip content="查看" placement="top">
@@ -116,43 +104,27 @@
       </el-table-column>
     </el-table>
 
-    <pagination v-show="total > 0" v-model:page="queryParams.page" v-model:limit="queryParams.pageSize"
-                :total="total" @pagination="getList"/>
+    <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" :total="total" @pagination="getList" />
 
     <!-- 新增/修改弹窗 -->
-    <el-dialog v-model="dialog.visible" :title="dialog.title" width="650px" append-to-body>
+    <el-dialog v-model="dialog.visible" :title="dialog.title" width="500px" append-to-body>
       <el-form ref="eventFormRef" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="事件标题" prop="eventTitle">
-          <el-input v-model="form.eventTitle" placeholder="请输入事件标题"/>
+          <el-input v-model="form.eventTitle" placeholder="请输入事件标题" />
         </el-form-item>
         <el-form-item label="事件类型" prop="eventType">
           <el-select v-model="form.eventType" placeholder="请选择事件类型" clearable>
-            <el-option
-              v-for="item in data.eventTypeSelection"
-              :key="item.dictValue"
-              :label="item.dictLabel"
-              :value="item.dictValue"
-            ></el-option>
+            <el-option v-for="item in data.eventTypeSelection" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="事件等级" prop="eventLevel">
           <el-select v-model="form.eventLevel" placeholder="请选择事件等级" clearable>
-            <el-option
-              v-for="item in data.eventLevelSelection"
-              :key="item.dictValue"
-              :label="item.dictLabel"
-              :value="item.dictValue"
-            ></el-option>
+            <el-option v-for="item in data.eventLevelSelection" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="事件状态" prop="eventStatus">
           <el-select v-model="form.eventStatus" placeholder="请选择事件状态" clearable>
-            <el-option
-              v-for="item in data.eventStatusSelection"
-              :key="item.dictValue"
-              :label="item.dictLabel"
-              :value="item.dictValue"
-            ></el-option>
+            <el-option v-for="item in data.eventStatusSelection" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="事件地点" prop="address">
@@ -160,30 +132,20 @@
           <el-input v-model="form.address" placeholder="请输入事件地点" readonly />
         </el-form-item>
         <el-form-item label="事发时间" prop="eventTime">
-          <el-date-picker
-            v-model="form.eventTime"
-            type="datetime"
-            value-format="YYYY-MM-DD HH:mm:ss"
-            placeholder="选择事发时间"
-          ></el-date-picker>
+          <el-date-picker v-model="form.eventTime" type="datetime" placeholder="选择事发时间"></el-date-picker>
         </el-form-item>
         <el-form-item label="上报时间" prop="reportTime">
-          <el-date-picker
-            v-model="form.reportTime"
-            value-format="YYYY-MM-DD HH:mm:ss"
-            type="datetime"
-            placeholder="选择上报时间"
-          ></el-date-picker>
+          <el-date-picker v-model="form.reportTime" type="datetime" placeholder="选择上报时间"></el-date-picker>
         </el-form-item>
         <el-form-item label="伤亡情况">
           <el-row :gutter="10">
             <el-col :span="6">
-              <el-input v-model="form.deaths" placeholder="死亡">
+              <el-input v-model="form.deceased" placeholder="死亡">
                 <template #suffix>人</template>
               </el-input>
             </el-col>
             <el-col :span="6">
-              <el-input v-model="form.injuries" placeholder="受伤">
+              <el-input v-model="form.injured" placeholder="受伤">
                 <template #suffix>人</template>
               </el-input>
             </el-col>
@@ -195,7 +157,7 @@
           </el-row>
         </el-form-item>
         <el-form-item label="事件来源" prop="eventSource">
-          <el-input v-model="form.eventSource" placeholder="请输入事件来源"/>
+          <el-input v-model="form.eventSource" placeholder="请输入事件来源" />
         </el-form-item>
       </el-form>
       <template #footer>
@@ -207,18 +169,20 @@
     </el-dialog>
 
     <!-- 地图弹窗 -->
-    <company-map v-model:visible="mapDialogVisible" :address="form.address" @confirm="handleMapChange"></company-map>
-
+    <el-dialog v-model="mapDialogVisible" title="地图定位" width="600px">
+      <company-map v-model:visible="mapDialogVisible" :address="form.address" @change="handleMapChange"></company-map>
+      <template #footer>
+        <el-button @click="mapDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmMapLocation">确定</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <script setup lang="ts">
 import { ref, reactive, toRefs, onMounted } from 'vue';
 import { ElMessage } from 'element-plus';
-import { getDicts } from "@/api/system/dict/data";
-import { addEvent, getEvent } from '@/api/duty/eventing';
-import { deepClone } from '@/utils';
-import { parseTime } from '@/utils/ruoyi';
+import { getDicts } from '@/api/system/dict/data';
 
 const router = useRouter();
 const eventList = ref([]);
@@ -246,12 +210,10 @@ const initFormData = {
   eventLevel: '',
   eventStatus: '',
   address: '',
-  longitude: '',
-  latitude: '',
   eventTime: '',
   reportTime: '',
-  deaths: '',
-  injuries: '',
+  deceased: '',
+  injured: '',
   missing: '',
   eventSource: ''
 };
@@ -259,14 +221,14 @@ const initFormData = {
 const data = reactive({
   form: { ...initFormData },
   queryParams: {
-    page: 1,
+    pageNum: 1,
     pageSize: 10,
     eventType: '',
     eventLevel: '',
     eventStatus: '',
     eventTime: '',
     regionCode: '',
-    keyword: ''
+    subject: ''
   },
   rules: {
     eventTitle: [{ required: true, message: '事件标题不能为空', trigger: 'blur' }],
@@ -286,14 +248,49 @@ const data = reactive({
 
 const { queryParams, form, rules } = toRefs(data);
 
-const getList = () => {
+const getList = async () => {
   loading.value = true;
-  getEvent(queryParams.value).then(res => {
-    eventList.value = res.data;
-    total.value = res.total;
-  }).finally(() => {
+  eventList.value = [
+    {
+      'eventId': 'YJSJ000000001',
+      'eventTitle': 'XXX公交站西侧出现积水倒灌情况',
+      'eventType': '0', //字典（事件类型：0自然灾害、1事故灾害、2公共卫生事件、3社会安全事件）
+      'eventLevel': '0', //字典（事件等级：0其他，1一般，2较大，3重大，4特别重大）
+      'eventStatus': '0', //字典（事件状态：0已登记，1指挥中，2指挥结束，3已关闭）
+      'latitude': 123.123, //纬度
+      'longitude': 345.456, //经度
+      'address': 'XXX道路左侧路面',
+      'eventTime': '2023-03-01 17:18'
+    }
+  ];
+  total.value = 1;
+  // try {
+  //   const response = await fetchEvents(queryParams.value);
+  //   const { data, total } = response;
+  //   eventList.value = data;
+  //   total.value = total;
+  // } catch (error) {
+  //   ElMessage.error('获取数据失败');
+  // } finally {
     loading.value = false;
-  })
+  // }
+};
+
+const fetchEvents = async (params) => {
+  // 假设后端接口为 /api/events
+  const response = await fetch('/api/events', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify(params)
+  });
+  const result = await response.json();
+  if (response.ok) {
+    return result;
+  } else {
+    throw new Error(result.message || '获取事件列表失败');
+  }
 };
 
 const cancel = () => {
@@ -307,12 +304,12 @@ const reset = () => {
 };
 
 const handleQuery = () => {
-  queryParams.value.page = 1;
+  queryParams.value.pageNum = 1;
   getList();
 };
 
 const resetQuery = () => {
-  queryParams.value = { page: 1, pageSize: 10, eventType: '', eventLevel: '', eventStatus: '', eventTime: '', regionCode: '', keyword: '' };
+  queryParams.value = { pageNum: 1, pageSize: 10, eventType: '', eventLevel: '', eventStatus: '', eventTime: '', regionCode: '', subject: '' };
   handleQuery();
 };
 
@@ -344,12 +341,16 @@ const submitForm = () => {
   eventFormRef.value?.validate((valid) => {
     if (valid) {
       buttonLoading.value = true;
-      addEvent(form.value).then(() => {
+      setTimeout(() => {
+        if (form.value.eventId) {
+          // 更新逻辑
+        } else {
+          // 添加逻辑
+        }
+        buttonLoading.value = false;
         dialog.visible = false;
         getList();
-      }).finally(() => {
-        buttonLoading.value = false
-      });
+      }, 500);
     }
   });
 };
@@ -385,7 +386,6 @@ const handleView = (row) => {
       query: { eventId: row.eventId }
     });
   }
-
 };
 
 // 地图定位
@@ -395,30 +395,23 @@ const openMapDialog = () => {
   mapDialogVisible.value = true;
 };
 
-const handleMapChange = (data ) => {
-  form.value.address = data.address
-  form.value.longitude = data.lnglat[0].toString()
-  form.value.latitude = data.lnglat[1].toString()
-  mapDialogVisible.value = false
+const handleMapChange = (lnglat) => {
+  form.value.address = `${lnglat[0]}, ${lnglat[1]}`;
 };
 
 const confirmMapLocation = () => {
   mapDialogVisible.value = false;
 };
 
-
 onMounted(() => {
   getList();
-  Promise.all([
-    getDicts("mm_event_type"),
-    getDicts("mm_event_level"),
-    getDicts("mm_event_state"),
-    getDicts("region")
-  ]).then(([eventTypeRes, eventLevelRes, eventStatusRes, regionRes]) => {
-    data.eventTypeSelection = eventTypeRes.data;
-    data.eventLevelSelection = eventLevelRes.data;
-    data.eventStatusSelection = eventStatusRes.data;
-    data.regionSelection = regionRes.data;
-  });
+  Promise.all([getDicts('mm_event_type'), getDicts('mm_event_level'), getDicts('mm_event_state'), getDicts('region')]).then(
+    ([eventTypeRes, eventLevelRes, eventStatusRes, regionRes]) => {
+      data.eventTypeSelection = eventTypeRes.data;
+      data.eventLevelSelection = eventLevelRes.data;
+      data.eventStatusSelection = eventStatusRes.data;
+      data.regionSelection = regionRes.data;
+    }
+  );
 });
 </script>

src/views/knowledge/knowledge-management/detail.vue

@@ -14,23 +14,44 @@
     <div class="basic-info">
       <strong>基本信息</strong>
       <el-row>
-        <el-col :span="8">报告编号：{{ report.reportId }}</el-col>
-        <el-col :span="8">主题词：{{ report.keyword }}</el-col>
-        <el-col :span="8">事件类型：{{ report.eventType }}</el-col>
+        <el-col :span="8">
+          <span class="label">报告编号：</span>
+          <span class="value">{{ report.reportId }}</span>
+        </el-col>
+        <el-col :span="8">
+          <span class="label">主题词：</span>
+          <span class="value">{{ report.subject }}</span>
+        </el-col>
+        <el-col :span="8" style="display: flex; align-items: center;">
+          <span class="label">事件类型：</span>
+          <dict-tag class="value" :options="mm_event_type" :value="report.eventType" style="margin-left: 8px;" />
+        </el-col>
       </el-row>
       <el-row>
-        <el-col :span="8">发布日期：{{ report.publishDate }}</el-col>
-        <el-col :span="8">来源单位：{{ report.sourceUnit }}</el-col>
-        <el-col :span="8">通知类型：{{ report.notificationType }}</el-col>
+        <el-col :span="8">
+          <span class="label">发布日期：</span>
+          <span class="value">{{ report.publishDate }}</span>
+        </el-col>
+        <el-col :span="8">
+          <span class="label">来源单位：</span>
+          <span class="value">{{ report.sourceUnit }}</span>
+        </el-col>
+        <el-col :span="8">
+          <span class="label">通知类型：</span>
+          <span class="value">{{ report.notificationType }}</span>
+        </el-col>
       </el-row>
       <el-row>
-        <el-col :span="24">摘要：{{ report.summary }}</el-col>
+        <el-col :span="24">
+          <span class="label">摘要：</span>
+          <span class="value">{{ report.summary }}</span>
+        </el-col>
       </el-row>
     </div>
     <div class="attachments">
       <strong>报告附件：</strong>
     </div>
-    <el-link :href="report.attachmentUrl" target="_blank">{{ report.attachmentName }}</el-link>
+    <el-link :href="report.attachmentUrl" target="_blank" class="value">{{ report.attachmentName }}</el-link>
   </div>
 </template>
 
@@ -38,11 +59,13 @@
 import { ref, onMounted } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { ElMessageBox, ElMessage } from 'element-plus';
+import { fetchReportDetail } from '@/api/kenowledge/index';
+import { getDicts } from "@/api/system/dict/data/index";
 
 const report = ref({
   reportId: '',
   title: '',
-  keyword: '',
+  subject: '',
   eventType: '',
   publishDate: '',
   sourceUnit: '',
@@ -55,12 +78,15 @@ const report = ref({
 const route = useRoute();
 const router = useRouter();
 
+// 初始化事件类型字典
+const mm_event_type = ref([]);
+
+// 返回上一级
 const goBack = () => {
   router.go(-1);
 };
 
 const handleEdit = () => {
-  // 编辑逻辑
   ElMessageBox.prompt('编辑报告', '提示', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
@@ -80,7 +106,6 @@ const handleEdit = () => {
 };
 
 const handleDelete = () => {
-  // 删除逻辑
   ElMessageBox.confirm('此操作将永久删除该报告, 是否继续?', '提示', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
@@ -99,25 +124,45 @@ const handleDelete = () => {
   });
 };
 
-onMounted(() => {
-  const reportId = route.params.reportId;
-
-  // 模拟数据对象
-  const mockData = {
-    reportId: 'YJYA0000000001',
-    title: '广东省城市轨道交通运营突发事件总结报告',
-    keyword: '轨道交通',
-    eventType: '自然灾害',
-    publishDate: '2024-07-11 16:09:09',
-    sourceUnit: '茂名市应急管理局',
-    notificationType: '总结报告',
-    summary: '广东省城市轨道交通运营突发事件总结报告。',
-    attachmentName: '关于X市公交XXX公交车司机出现状况的调查报告.pdf',
-    attachmentUrl: '/path/to/attachment.pdf'
-  };
-
-  // 直接赋值给 report
-  report.value = mockData;
+onMounted(async () => {
+  try {
+    const dictResponse = await getDicts('mm_event_type');
+
+    // 格式化字典数据
+    mm_event_type.value = dictResponse.data.map(item => ({
+      label: item.dictLabel,
+      value: item.dictValue,
+    }));
+
+    const reportId = route.query.reportID;
+    const response = await fetchReportDetail(reportId);
+    const data = response.data[0];
+
+    const publishDate = new Date(data.publishDate).toLocaleString('zh-CN', {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit',
+    }).replace(/\//g, '-');
+
+    report.value = {
+      reportId: data.report_id,
+      title: data.reportName,
+      subject: data.subject,
+      eventType: data.eventType,
+      publishDate: publishDate,
+      sourceUnit: data.publishingUnit,
+      notificationType: data.notificationType,
+      summary: data.summary,
+      attachmentName: data.file.length > 0 ? data.file[0].name : '',
+      attachmentUrl: data.file.length > 0 ? data.file[0].url : ''
+    };
+  } catch (error) {
+    ElMessage.error('获取报告详情或字典数据失败');
+    console.error(error);
+  }
 });
 </script>
 
@@ -134,4 +179,17 @@ onMounted(() => {
 .attachments {
   margin-bottom: 20px;
 }
+
+.label {
+  font-weight: bold; /* 保持标签加粗 */
+}
+
+.value {
+  font-weight: normal; /* 去除后端数据的加粗 */
+  color: #333; /* 可选：更改字体颜色 */
+}
+
+.el-divider {
+  margin-top: 1px;
+}
 </style>

src/views/knowledge/knowledge-management/index.vue

@@ -2,103 +2,102 @@
   <div class="app-container">
     <transition name="fade">
       <div v-show="showSearch" class="mb-[10px]">
-          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
-            <el-form-item style="width: 200px" label="事件类型" prop="eventType">
-              <el-select v-model="queryParams.eventType" placeholder="全部" clearable>
-                <el-option label="全部" value=""></el-option>
-                <el-option
-                  v-for="item in data.eventTypeSelection"
-                  :key="item.dictValue"
-                  :label="item.dictLabel"
-                  :value="item.dictValue"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="发布日期" prop="publishDate">
-              <el-date-picker
-                v-model="queryParams.publishDate"
-                type="daterange"
-                range-separator="-"
-                start-placeholder="开始日期"
-                end-placeholder="结束日期"
-                value-format="yyyy-MM-dd"
-              ></el-date-picker>
-            </el-form-item>
-            <el-form-item>
-              <el-input v-model="queryParams.keyword" placeholder="请输入报告的关键词/主题词" clearable
-                        @keyup.enter="handleQuery"/>
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            </el-form-item>
-            <el-form-item>
-              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-            </el-form-item>
-          </el-form>
+        <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+          <el-form-item style="width: 200px" label="事件类型" prop="eventType">
+            <el-select v-model="queryParams.eventType" placeholder="全部" clearable>
+              <el-option label="全部" value=""></el-option>
+              <el-option
+                v-for="item in eventTypeSelection"
+                :key="item.dictValue"
+                :label="item.dictLabel"
+                :value="item.dictValue"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="发布日期" prop="publishDate">
+            <el-date-picker
+              v-model="queryParams.publishDate"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              value-format="YYYY-MM-DD"
+            ></el-date-picker>
+          </el-form-item>
+          <el-form-item>
+            <el-input v-model="queryParams.subject" placeholder="请输入报告的关键词/主题词" clearable
+                      @keyup.enter="handleQuery"/>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+          </el-form-item>
+          <el-form-item>
+            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+          </el-form-item>
+        </el-form>
       </div>
     </transition>
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate(selectedRow)">修改
-            </el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete(selectedRow)">删除
-            </el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="warning" plain icon="Download" @click="handleExport">导出</el-button>
-          </el-col>
-          <right-toolbar v-model:showSearch="showSearch" @query-table="getList"></right-toolbar>
-        </el-row>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate(selectedRow)">修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete(selectedRow)">删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="warning" plain icon="Download" @click="handleExport">导出</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @query-table="getList"></right-toolbar>
+    </el-row>
 
-      <!--      表格组件-->
-      <el-table v-loading="loading" :data="demoList" @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center"/>
-        <el-table-column label="报告编号" align="center" prop="reportNumber"/>
-        <el-table-column label="报告名称" align="center" prop="reportName"/>
-        <el-table-column label="主题词" align="center" prop="keyword"/>
-        <el-table-column label="事件类型" align="center" prop="eventType"/>
-        <el-table-column label="摘要" align="center" prop="summary"/>
-        <el-table-column label="来源单位" align="center" prop="sourceUnit"/>
-        <el-table-column label="发布日期" align="center" prop="publishDate"/>
-        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-          <template #default="scope">
-            <el-tooltip content="查看" placement="top">
-              <el-button link type="primary" icon="View" @click="handleView(scope.row)"></el-button>
-            </el-tooltip>
-            <el-tooltip content="修改" placement="top">
-              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
-            </el-tooltip>
-            <el-tooltip content="删除" placement="top">
-              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
-            </el-tooltip>
-          </template>
-        </el-table-column>
-      </el-table>
+    <!-- 表格组件 -->
+    <el-table v-loading="loading" :data="demoList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column label="报告编号" align="center" prop="reportId"/>
+      <el-table-column label="报告名称" align="center" prop="reportName"/>
+      <el-table-column label="主题词" align="center" prop="subject"/>
+      <el-table-column label="事件类型" align="center" prop="eventType">
+        <template #default="scope">
+          <dict-tag :options="mm_event_type" :value="scope.row.eventType" />
+        </template>
+      </el-table-column>
+      <el-table-column label="摘要" align="center" prop="summary"/>
+      <el-table-column label="来源单位" align="center" prop="publishingUnit"/>
+      <el-table-column label="发布日期" align="center" prop="publishDate"/>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <el-tooltip content="查看" placement="top">
+            <el-button link type="primary" icon="View" @click="handleView(scope.row)"></el-button>
+          </el-tooltip>
+          <el-tooltip content="修改" placement="top">
+            <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
+          </el-tooltip>
+          <el-tooltip content="删除" placement="top">
+            <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+    </el-table>
 
-      <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
-                  :total="total" @pagination="getList"/>
+    <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+                :total="total" @pagination="getList"/>
 
-    <!--    新增/修改弹窗-->
+    <!-- 新增/修改弹窗 -->
     <el-dialog v-model="dialog.visible" :title="dialog.title" width="500px" append-to-body>
       <el-form ref="demoFormRef" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="报告编号" prop="reportNumber">
-          <el-input v-model="form.reportNumber" placeholder="请输入报告编号"/>
-        </el-form-item>
         <el-form-item label="报告名称" prop="reportName">
           <el-input v-model="form.reportName" placeholder="请输入报告名称"/>
         </el-form-item>
-        <el-form-item label="主题词" prop="keyword">
-          <el-input v-model="form.keyword" placeholder="请输入主题词"/>
+        <el-form-item label="主题词" prop="subject">
+          <el-input v-model="form.subject" placeholder="请输入主题词"/>
         </el-form-item>
         <el-form-item label="事件类型" prop="eventType">
           <el-select v-model="form.eventType" placeholder="请选择事件类型" clearable>
             <el-option
-              v-for="item in data.eventTypeSelection"
+              v-for="item in eventTypeSelection"
               :key="item.dictValue"
               :label="item.dictLabel"
               :value="item.dictValue"
@@ -108,20 +107,19 @@
         <el-form-item label="摘要" prop="summary">
           <el-input v-model="form.summary" placeholder="请输入摘要"/>
         </el-form-item>
-        <el-form-item label="来源单位" prop="sourceUnit">
-          <el-input v-model="form.sourceUnit" placeholder="请输入来源单位"/>
+        <el-form-item label="来源单位" prop="publishingUnit">
+          <el-input v-model="form.publishingUnit" placeholder="请输入来源单位"/>
         </el-form-item>
         <el-form-item label="发布日期" prop="publishDate">
           <el-date-picker
             v-model="form.publishDate"
-            type="date"
+            type="datetime"
             placeholder="选择发布日期"
-            value-format="yyyy-MM-dd"
           ></el-date-picker>
         </el-form-item>
         <el-col :span="1.5">
-          <!-- 使用分片上传组件,每个分片-->
-          <chunk-upload :max-file-size="50 * 1024 * 1024" :max-files="5" />
+          <!-- 使用分片上传组件,每个分片 -->
+          <chunk-upload ref="chunkUploadRef" :max-file-size="50 * 1024 * 1024" :max-files="5" />
         </el-col>
       </el-form>
       <template #footer>
@@ -135,183 +133,236 @@
 </template>
 
 <script setup lang="ts">
-import {ref, reactive, toRefs, onMounted} from 'vue';
-import {getDicts} from "@/api/system/dict/data";
-import {ElMessage} from 'element-plus';
+import { ref, reactive, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import { fetchReports, addReport, updateReport, deleteReport } from '@/api/kenowledge';
+import {AddReportParams, QueryParams, ReportItem} from '@/api/kenowledge/types';
 import ChunkUpload from '@/components/ChunkUpload/index.vue';
+import {getDicts} from "@/api/system/dict/data";
+import router from "@/router";
 
-const demoList = ref([]);
+const demoFormRef = ref(null);
+const demoList = ref<ReportItem[]>([]);
 const buttonLoading = ref(false);
 const loading = ref(true);
 const showSearch = ref(true);
-const ids = ref([]);
+const ids = ref<string[]>([]);
 const single = ref(true);
 const multiple = ref(true);
 const total = ref(0);
-const selectedRow = ref(null);
-
-const queryFormRef = ref();
-const demoFormRef = ref();
+const selectedRow = ref<ReportItem | null>(null);
+let proxy = getCurrentInstance()?.proxy;
+const { mm_event_type } = toRefs<any>(proxy?.useDict('mm_event_type'));
+const chunkUploadRef = ref(null);
 
-// const fileList = ref([]);
-
-const dialog = reactive({
-  visible: false,
-  title: ''
+const queryParams = reactive<QueryParams>({
+  pageNum: 1,
+  pageSize: 10,
+  eventType: '',
+  publishDate: ['', ''],
+  subject: '',
+  sortBy: 'publishDate',
+  sortOrder: 'desc',
 });
-
-const initFormData = {
-  reportNumber: '',
+ // 表单数据
+const form = reactive<AddReportParams>({
   reportName: '',
-  keyword: '',
+  subject: '',
   eventType: '',
   summary: '',
-  sourceUnit: '',
-  publishDate: ''
-};
+  publishingUnit: '',
+  publishDate: '',
+  fileNames: [],
+});
 
-const data = reactive({
-  form: {...initFormData},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    eventType: '',
-    publishDate: ['', ''],
-    keyword: ''
-  },
-  rules: {
-    reportNumber: [{required: true, message: '报告编号不能为空', trigger: 'blur'}],
-    reportName: [{required: true, message: '报告名称不能为空', trigger: 'blur'}],
-    keyword: [{required: true, message: '主题词不能为空', trigger: 'blur'}],
-    eventType: [{required: true, message: '事件类型不能为空', trigger: 'blur'}],
-    summary: [{required: true, message: '摘要不能为空', trigger: 'blur'}],
-    sourceUnit: [{required: true, message: '来源单位不能为空', trigger: 'blur'}],
-    publishDate: [{required: true, message: '发布日期不能为空', trigger: 'blur'}]
-  },
-  eventTypeSelection: []
+const rules = reactive({
+  reportName: [{ required: true, message: '报告名称不能为空', trigger: 'blur' }],
+  subject: [{ required: true, message: '主题词不能为空', trigger: 'blur' }],
+  eventType: [{ required: true, message: '事件类型不能为空', trigger: 'blur' }],
+  summary: [{ required: true, message: '摘要不能为空', trigger: 'blur' }],
+  publishingUnit: [{ required: true, message: '来源单位不能为空', trigger: 'blur' }],
+  publishDate: [{ required: true, message: '发布日期不能为空', trigger: 'blur' }]
+});
+
+const eventTypeSelection = ref([]);
+
+const dialog = reactive({
+  visible: false,
+  title: ''
 });
 
-const {queryParams, form, rules} = toRefs(data);
 
+// 更新 getList 函数
 const getList = async () => {
   loading.value = true;
   try {
-    const response = await fetchReports(queryParams.value);
-    const {data, total} = response;
-    demoList.value = data;
-    total.value = total;
+    const response = await fetchReports(queryParams);
+    if (response && response.code === 200) {
+      // 去掉日期字符串中的 'T'
+      demoList.value = response.data.map((item: ReportItem) => {
+        return {
+          ...item,
+          publishDate: item.publishDate.replace('T', ' ')
+        };
+      });
+      total.value = response.total;
+      queryParams.pageNum = response.currentPage; // 确保currentPage赋值
+      queryParams.pageSize = response.pageSize; // 确保pageSize赋值
+    } else {
+      console.error('数据格式不匹配:', response);
+      throw new Error(response.msg || '响应数据格式不正确');
+    }
   } catch (error) {
+    console.error('获取数据时出错:', error);
     ElMessage.error('获取数据失败');
   } finally {
     loading.value = false;
   }
 };
 
-// 获取报告列表
-const fetchReports = async (params) => {
-  // 假设后端接口为 /api/reports
-  const response = await fetch('/api/reports', {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    body: JSON.stringify(params)
-  });
-  const result = await response.json();
-  if (response.ok) {
-    return result;
-  } else {
-    throw new Error(result.message || '获取报告列表失败');
-  }
-};
-
-const cancel = () => {
-  reset();
-  dialog.visible = false;
-};
-
-const reset = () => {
-  form.value = {...initFormData};
-  demoFormRef.value?.resetFields();
-};
 
 const handleQuery = () => {
-  queryParams.value.pageNum = 1;
+  queryParams.pageNum = 1;
   getList();
 };
 
+// 重置查询条件
 const resetQuery = () => {
-  queryParams.value = {pageNum: 1, pageSize: 10, eventType: '', publishDate: ['', ''], keyword: ''};
-  handleQuery();
+  queryParams.pageNum = 1;
+  queryParams.pageSize = 10;
+  queryParams.eventType = '';
+  queryParams.publishDate = ['', ''];
+  queryParams.subject = '';
+  queryParams.sortBy = 'publishDate'; // 重置排序字段
+  queryParams.sortOrder = 'desc'; // 重置排序方式
+  getList();
 };
 
-const handleSelectionChange = (selection) => {
-  ids.value = selection.map((item) => item.reportNumber);
+// 多选框选中数据
+const handleSelectionChange = (selection: ReportItem[]) => {
+  ids.value = selection.map((item) => item.reportId);
   selectedRow.value = selection.length === 1 ? selection[0] : null;
   single.value = selection.length != 1;
   multiple.value = !selection.length;
 };
 
+// 新增报告
 const handleAdd = () => {
-  reset();
+  resetForm();
   dialog.visible = true;
   dialog.title = '添加报告';
 };
 
-// 查看报告
-const handleView = (row) => {
-  // 跳转到总结报告详情页
-  window.location.href = `/report/details/${row.reportId}`;
-};
-
-// 修改报告
-const handleUpdate = (row) => {
+const handleUpdate = (row: ReportItem) => {
   if (row) {
-    reset();
-    Object.assign(form.value, row);
+    resetForm();
+    Object.assign(form, row);
     dialog.visible = true;
     dialog.title = '修改报告';
   }
 };
- // 提交表单
+
+// 删除报告
+const handleDelete = async (row: ReportItem) => {
+  try {
+    await deleteReport(row.reportId);
+    ElMessage.success('删除成功');
+    getList();
+  } catch (error) {
+    ElMessage.error('删除失败');
+  }
+};
+
+// 详情页
+const handleView = (row: ReportItem) => {
+  router.push({
+    path: `/knowledge/detail`,
+    query: { reportID: row.reportId }
+  });
+};
+
+
+// 格式化日期
+const formatDate = (date: Date): string => {
+  const yyyy = date.getFullYear();
+  const mm = String(date.getMonth() + 1).padStart(2, '0'); // 月份以0为基数
+  const dd = String(date.getDate()).padStart(2, '0');
+  const hh = String(date.getHours()).padStart(2, '0');
+  const min = String(date.getMinutes()).padStart(2, '0');
+  const ss = String(date.getSeconds()).padStart(2, '0');
+  return `${yyyy}-${mm}-${dd} ${hh}:${min}:${ss}`;
+};
+
+// 提交表单
 const submitForm = () => {
-  demoFormRef.value?.validate((valid) => {
+  demoFormRef.value?.validate(async (valid: boolean) => {
     if (valid) {
       buttonLoading.value = true;
-      setTimeout(() => {
-        if (form.value.reportNumber) {
-          // 更新逻辑
+      try {
+        // 使用新定义的 getUploadedFileNames 方法
+        form.fileNames = chunkUploadRef.value?.getUploadedFileNames() || [];
+
+        // 格式化日期为后端所需的格式
+        form.publishDate = formatDate(new Date(form.publishDate));
+
+        // 打印发送的数据，检查格式是否正确
+        console.log('提交给后端的 JSON 数据:', JSON.stringify(form, null, 2));
+
+        if (dialog.title === '修改报告' && selectedRow.value) {
+          const updateData = {
+            ...form,
+            reportId: selectedRow.value.reportId,
+          };
+          await updateReport(updateData);
+          ElMessage.success('更新成功');
         } else {
-          // 添加逻辑
+          await addReport(form);
+          ElMessage.success('添加成功');
         }
-        buttonLoading.value = false;
         dialog.visible = false;
-        getList();
-      }, 500);
+        getList(); // 刷新列表
+      } catch (error) {
+        if (error.response) {
+          console.error('后端响应错误:', error.response.data);
+          ElMessage.error(`操作失败: ${error.response.data.message || '未知错误'}`);
+        } else {
+          console.error('提交失败:', error);
+          ElMessage.error('操作失败，无法连接到服务器');
+        }
+      } finally {
+        buttonLoading.value = false;
+      }
     }
   });
 };
+// 重置表单
+const resetForm = () => {
+  Object.assign(form, {
+    reportName: '',
+    subject: '',
+    eventType: '',
+    summary: '',
+    publishingUnit: '',
+    publishDate: '',
+    fileNames: [] // 也可以清空上传的文件名列表
+  });
+  demoFormRef.value?.resetFields();
+};
 
-const handleDelete = (row) => {
-  if (row) {
-    // 删除逻辑
-    setTimeout(() => {
-      demoList.value = demoList.value.filter((item) => item.reportNumber !== row.reportNumber);
-      getList();
-    }, 500);
-  }
+// 取消按钮
+const cancel = () => {
+  resetForm();
+  dialog.visible = false;
 };
 
 const handleExport = () => {
-  // 导出逻辑
-  console.log('导出数据');
+  ElMessage.success('导出成功');
 };
 
-// 处理文件上传数量限制
 onMounted(() => {
   getList();
   getDicts("mm_event_type").then(res => {
-    data.eventTypeSelection = res.data;
+    eventTypeSelection.value = res.data;
   });
 });
 </script>