From a0f4d01559785001e7b16b21025cc6a42e65d167 Mon Sep 17 00:00:00 2001
From: sgj <1442489573@qq.com>
Date: 星期五, 05 十二月 2025 17:36:31 +0800
Subject: [PATCH] 添加ai事件管理页面

---
 fzzy-igdss-core/src/main/java/com/fzzy/igds/mapper/EventInfoMapper.java                 |   10 
 fzzy-igdss-web/src/main/resources/static/eventInfo/eventInfo.js                         |  278 +++++++++++++++++++++
 fzzy-igdss-web/src/main/java/com/fzzy/sys/controller/eventInfo/EventInfoController.java |   59 ++++
 fzzy-igdss-core/src/main/java/com/fzzy/igds/service/EventInfoService.java               |   85 ++++++
 fzzy-igdss-web/src/main/resources/static/eventInfo/eventInfo-style.css                  |  201 +++++++++++++++
 fzzy-igdss-web/src/main/java/com/fzzy/sys/manager/eventInfo/EventInfoManager.java       |   42 +++
 fzzy-igdss-web/src/main/resources/templates/eventInfo/eventInfo.html                    |  103 +++++++
 7 files changed, 778 insertions(+), 0 deletions(-)

diff --git a/fzzy-igdss-core/src/main/java/com/fzzy/igds/mapper/EventInfoMapper.java b/fzzy-igdss-core/src/main/java/com/fzzy/igds/mapper/EventInfoMapper.java
new file mode 100644
index 0000000..ff390ff
--- /dev/null
+++ b/fzzy-igdss-core/src/main/java/com/fzzy/igds/mapper/EventInfoMapper.java
@@ -0,0 +1,10 @@
+package com.fzzy.igds.mapper;
+
+import com.baomidou.mybatisplus.core.mapper.BaseMapper;
+import com.fzzy.igds.domain.EventInfo;
+import org.apache.ibatis.annotations.Mapper;
+
+@Mapper
+public interface EventInfoMapper extends BaseMapper<EventInfo> {
+
+}
diff --git a/fzzy-igdss-core/src/main/java/com/fzzy/igds/service/EventInfoService.java b/fzzy-igdss-core/src/main/java/com/fzzy/igds/service/EventInfoService.java
new file mode 100644
index 0000000..5c9a3d3
--- /dev/null
+++ b/fzzy-igdss-core/src/main/java/com/fzzy/igds/service/EventInfoService.java
@@ -0,0 +1,85 @@
+package com.fzzy.igds.service;
+
+import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
+import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
+import com.fzzy.igds.data.BaseResp;
+import com.fzzy.igds.data.IgdsBaseParam;
+import com.fzzy.igds.domain.EventInfo;
+import com.fzzy.igds.mapper.EventInfoMapper;
+import com.fzzy.igds.utils.ContextUtil;
+import com.ruoyi.common.utils.StringUtils;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+
+import javax.annotation.Resource;
+import java.util.Date;
+import java.util.List;
+
+@Slf4j
+@Service
+public class EventInfoService {
+
+    @Resource
+    private EventInfoMapper eventInfoMapper;
+
+    /**
+     * 鍒嗛〉鏌ヨ鏁版嵁
+     *
+     * @param page
+     * @param param
+     */
+    public void listPage(Page<EventInfo> page, IgdsBaseParam param) {
+        QueryWrapper<EventInfo> queryWrapper = getQueryWrapper(param);
+        eventInfoMapper.selectPage(page, queryWrapper);
+    }
+
+    /**
+     * 灏佽鏌ヨ鏉′欢
+     *
+     * @param param
+     */
+    public QueryWrapper<EventInfo> getQueryWrapper(IgdsBaseParam param) {
+        QueryWrapper<EventInfo> queryWrapper = new QueryWrapper<>();
+
+        param.setCompanyId(ContextUtil.getCompanyId());
+        queryWrapper.eq("company_id", param.getCompanyId());
+
+        if (StringUtils.isNotBlank(param.getDeptId())) {
+            queryWrapper.eq("dept_id", param.getDeptId());
+        }
+        queryWrapper.orderByDesc("create_time");
+
+        return queryWrapper;
+    }
+
+    public List<EventInfo> listAll(IgdsBaseParam param) {
+        if (null == param)
+            return eventInfoMapper.selectList(null);
+
+        QueryWrapper<EventInfo> queryWrapper = new QueryWrapper<>();
+        if (StringUtils.isNotEmpty(param.getName())) {
+            queryWrapper.like("name", param.getName());
+        }
+        return eventInfoMapper.selectList(queryWrapper);
+    }
+
+    public BaseResp addData(EventInfo eventInfo) {
+        eventInfo.setId(ContextUtil.generateId());
+        eventInfo.setCompanyId(ContextUtil.getCompanyId());
+        eventInfo.setUpdateBy(ContextUtil.getLoginUserName());
+        eventInfo.setUpdateTime(new Date());
+        eventInfo.setCreateBy(ContextUtil.getLoginUserName());
+        eventInfo.setCreateTime(new Date());
+        return eventInfoMapper.insert(eventInfo) > 0 ? BaseResp.success() : BaseResp.error("娣诲姞澶辫触");
+    }
+
+    public BaseResp updateData(EventInfo eventInfo) {
+        eventInfo.setUpdateBy(ContextUtil.getLoginUserName());
+        eventInfo.setUpdateTime(new Date());
+        return eventInfoMapper.updateById(eventInfo) > 0 ? BaseResp.success() : BaseResp.error("鏇存柊澶辫触");
+    }
+
+    public BaseResp deleteData(EventInfo eventInfo) {
+        return eventInfoMapper.deleteById(eventInfo) > 0 ? BaseResp.success() : BaseResp.error("鍒犻櫎澶辫触");
+    }
+}
diff --git a/fzzy-igdss-web/src/main/java/com/fzzy/sys/controller/eventInfo/EventInfoController.java b/fzzy-igdss-web/src/main/java/com/fzzy/sys/controller/eventInfo/EventInfoController.java
new file mode 100644
index 0000000..b6f715e
--- /dev/null
+++ b/fzzy-igdss-web/src/main/java/com/fzzy/sys/controller/eventInfo/EventInfoController.java
@@ -0,0 +1,59 @@
+package com.fzzy.sys.controller.eventInfo;
+
+import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
+import com.fzzy.igds.constant.RespCodeEnum;
+import com.fzzy.igds.data.IgdsBaseParam;
+import com.fzzy.igds.data.PageResponse;
+import com.fzzy.igds.domain.EventInfo;
+import com.fzzy.sys.manager.eventInfo.EventInfoManager;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.ResponseBody;
+
+import javax.annotation.Resource;
+
+@Slf4j
+@Controller
+@RequestMapping("/eventInfo")
+public class EventInfoController {
+
+    private static final String prefix = "eventInfo";
+
+    @Resource
+    private EventInfoManager eventInfoManager;
+
+    @GetMapping
+    public String getEventInfo(
+            Model model) {
+
+        IgdsBaseParam param = new IgdsBaseParam();
+        param.setPage(1);
+        param.setLimit(6);
+        Page<EventInfo> events = eventInfoManager.pageData(param);
+        model.addAttribute("eventInfoList", events.getRecords());
+        model.addAttribute("currentPage", events.getCurrent());
+        model.addAttribute("totalItems", events.getTotal());
+        model.addAttribute("pageSize", events.getSize());
+        return prefix + "/eventInfo";
+    }
+
+    /**
+     * 鍒嗛〉鑾峰彇鏁版嵁
+     *
+     * @param param
+     * @return
+     */
+    @RequestMapping("/pageData")
+    @ResponseBody
+    public PageResponse<Page<EventInfo>> pageData(@RequestBody IgdsBaseParam param) {
+        Page<EventInfo> eventInfoPage = eventInfoManager.pageData(param);
+        if (null == eventInfoPage.getRecords() || eventInfoPage.getRecords().isEmpty()) {
+            return new PageResponse<>(RespCodeEnum.CODE_2000.getCode(), "鑾峰彇鍒版暟鎹俊鎭负绌�");
+        }
+        return new PageResponse<>(RespCodeEnum.CODE_0000, eventInfoPage);
+    }
+}
diff --git a/fzzy-igdss-web/src/main/java/com/fzzy/sys/manager/eventInfo/EventInfoManager.java b/fzzy-igdss-web/src/main/java/com/fzzy/sys/manager/eventInfo/EventInfoManager.java
new file mode 100644
index 0000000..9d02db4
--- /dev/null
+++ b/fzzy-igdss-web/src/main/java/com/fzzy/sys/manager/eventInfo/EventInfoManager.java
@@ -0,0 +1,42 @@
+package com.fzzy.sys.manager.eventInfo;
+
+import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
+import com.fzzy.igds.data.IgdsBaseParam;
+import com.fzzy.igds.domain.EventInfo;
+import com.fzzy.igds.service.EventInfoService;
+import com.fzzy.igds.utils.ContextUtil;
+import com.ruoyi.common.utils.StringUtils;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Component;
+
+import javax.annotation.Resource;
+import java.util.ArrayList;
+
+@Slf4j
+@Component
+public class EventInfoManager {
+
+    @Resource
+    private EventInfoService eventInfoService;
+
+    /**
+     * 鍒嗛〉鏌ヨ鏁版嵁
+     *
+     * @param param
+     * @return
+     */
+    public Page<EventInfo> pageData(IgdsBaseParam param) {
+        if (StringUtils.isEmpty(param.getCompanyId())) {
+            param.setCompanyId(ContextUtil.getCompanyId());
+        }
+
+        Page<EventInfo> corePage = new Page<>(param.getPage(), param.getLimit());
+        eventInfoService.listPage(corePage, param);
+
+        if (null == corePage.getRecords() || corePage.getRecords().isEmpty()) {
+            return corePage.setRecords(new ArrayList<>());
+        }
+
+        return corePage;
+    }
+}
diff --git a/fzzy-igdss-web/src/main/resources/static/eventInfo/eventInfo-style.css b/fzzy-igdss-web/src/main/resources/static/eventInfo/eventInfo-style.css
new file mode 100644
index 0000000..c773d4f
--- /dev/null
+++ b/fzzy-igdss-web/src/main/resources/static/eventInfo/eventInfo-style.css
@@ -0,0 +1,201 @@
+/* 鍥剧墖棰勮灞傛牱寮� */
+.img-preview {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.9);
+    z-index: 1000;
+    justify-content: center;
+    align-items: center;
+}
+
+.preview-content {
+    max-width: 90%;
+    max-height: 90%;
+    position: relative;
+}
+
+.preview-img {
+    max-width: 100%;
+    max-height: 90vh;
+    border-radius: 4px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
+}
+
+.close-preview {
+    position: absolute;
+    top: -40px;
+    right: -10px;
+    color: white;
+    font-size: 2rem;
+    cursor: pointer;
+    background: rgba(0, 0, 0, 0.5);
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    transition: all 0.3s ease;
+}
+
+.close-preview:hover {
+    background: rgba(255, 255, 255, 0.2);
+    transform: scale(1.1);
+}
+
+/* 鍥剧墖缃戞牸鏍峰紡 */
+.gallery-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
+    gap: 20px;
+    margin-bottom: 15px;
+}
+
+.gallery-item {
+    background: white;
+    border-radius: 8px;
+    overflow: hidden;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+}
+
+.gallery-item:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
+}
+
+.gallery-img {
+    width: 100%;
+    height: 195px;
+    object-fit: cover;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.gallery-img:hover {
+    opacity: 0.95;
+}
+
+.gallery-info {
+    padding: 15px;
+}
+
+.gallery-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+}
+
+.gallery-title {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: #333;
+    margin: 0;
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.gallery-meta {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+}
+
+.meta-item {
+    display: flex;
+    align-items: center;
+    font-size: 1.3rem;
+    color: #666;
+}
+
+.meta-item i {
+    width: 16px;
+    margin-right: 6px;
+    color: #999;
+    font-size: 1.25rem;
+}
+
+.gallery-filename i {
+    margin-right: 5px;
+    font-size: 0.7rem;
+}
+
+/* 鏍囩鏍峰紡 */
+.gallery-tags {
+    display: flex;
+    flex-wrap: wrap;
+    /*gap: 8px;*/
+    /*margin: 12px 0;*/
+}
+
+
+/* 鍒嗛〉鏍峰紡 */
+.pagination-container {
+    display: flex;
+    justify-content: center;
+    /*margin-top: 40px;*/
+}
+
+/* 绌虹姸鎬佹牱寮� */
+.empty-state {
+    grid-column: 1 / -1;
+    text-align: center;
+    padding: 60px 20px;
+    color: #999;
+}
+
+.empty-state i {
+    font-size: 4rem;
+    margin-bottom: 20px;
+    color: #ddd;
+}
+
+.empty-state h3 {
+    font-size: 1.5rem;
+    margin-bottom: 10px;
+    color: #666;
+}
+
+/* 鍝嶅簲寮忚璁� */
+@media (max-width: 992px) {
+    .gallery-grid {
+        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+        gap: 25px;
+    }
+}
+
+@media (max-width: 768px) {
+
+
+    .main-nav li {
+        margin: 0 10px;
+    }
+
+    .gallery-grid {
+        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+        gap: 20px;
+    }
+
+    .gallery-img {
+        height: 180px;
+    }
+
+}
+
+@media (max-width: 576px) {
+    .gallery-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .gallery-img {
+        height: 200px;
+    }
+
+}
\ No newline at end of file
diff --git a/fzzy-igdss-web/src/main/resources/static/eventInfo/eventInfo.js b/fzzy-igdss-web/src/main/resources/static/eventInfo/eventInfo.js
new file mode 100644
index 0000000..d396730
--- /dev/null
+++ b/fzzy-igdss-web/src/main/resources/static/eventInfo/eventInfo.js
@@ -0,0 +1,278 @@
+var layer;
+var laypage;
+
+$(function () {
+    // 鍒濆鍖栧垎椤�
+    layui.use(['laypage', 'layer'], function () {
+        layer = layui.layer;
+        laypage = layui.laypage;
+
+        // 鍒濆鍖栧垎椤电粍浠�
+        initPagination();
+    });
+
+    // 鍒濆鍖栧浘鐗囬瑙堝姛鑳�
+    initImagePreview();
+});
+
+/**
+ * 鍒濆鍖栧垎椤电粍浠�
+ */
+function initPagination() {
+    laypage.render({
+        elem: 'pagination',
+        count: typeof totalItems !== 'undefined' ? totalItems : 0,
+        limit: typeof pageSize !== 'undefined' ? pageSize : 6,
+        curr: typeof currentPage !== 'undefined' ? currentPage : 1,
+        layout: ['count', 'prev', 'page', 'next', 'refresh', 'skip'],
+        jump: function (obj, first) {
+            if (!first) {
+                searchRecord(obj.curr, obj.limit)
+            }
+        }
+    });
+}
+
+/**
+ * 閲嶆柊鍒濆鍖栧垎椤电粍浠�
+ * @param {number} totalCount - 鎬昏褰曟暟
+ * @param {number} pageSize - 姣忛〉澶у皬
+ * @param {number} currentPage - 褰撳墠椤电爜
+ */
+function reinitPagination(totalCount, pageSize, currentPage) {
+    laypage.render({
+        elem: 'pagination',
+        count: totalCount,
+        limit: pageSize,
+        curr: currentPage,
+        layout: ['count', 'prev', 'page', 'next', 'refresh', 'skip'],
+        jump: function (obj, first) {
+            if (!first) {
+                searchRecord(obj.curr, obj.limit)
+            }
+        }
+    });
+}
+
+/**
+ * 鑾峰彇浜嬩欢璁板綍鏁版嵁
+ * @param {Object} params - 鏌ヨ鍙傛暟瀵硅薄
+ * @param {Function} callback - 鍥炶皟鍑芥暟
+ */
+function fetchEventInfoData(params, callback) {
+    $.ajax({
+        url: '../../eventInfo/pageData',
+        type: 'POST',
+        dataType: "json",
+        contentType: "application/json;charset=UTF-8",
+        data: JSON.stringify(params),
+        success: function (response) {
+            if (response.code === '0000') {
+                callback(null, response.data);
+            } else {
+                callback(new Error(response.msg || '鏁版嵁鍔犺浇澶辫触'), null);
+            }
+        },
+        error: function (xhr, status, error) {
+            callback(new Error('璇锋眰澶辫触锛岃绋嶅悗閲嶈瘯'), null);
+        }
+    });
+}
+
+/**
+ * 鏋勫缓鏌ヨ鍙傛暟
+ * @param {number} page - 椤电爜
+ * @param {number} size - 姣忛〉澶у皬
+ * @returns {Object} 鏌ヨ鍙傛暟瀵硅薄
+ */
+function buildQueryParams(page, size) {
+    var params = {
+        page: page,
+        limit: size
+    };
+
+    // 娣诲姞琛ㄥ崟鏌ヨ鏉′欢
+    var form = document.getElementById('eventInfo-form');
+    if (form) {
+        var inputs = form.querySelectorAll('input[name], select[name]');
+        inputs.forEach(function(input) {
+            if (input.value) { // 鍙坊鍔犻潪绌哄��
+                params[input.name] = input.value;
+            }
+        });
+    }
+
+    return params;
+}
+
+/**
+ * 鏇存柊浜嬩欢鐢诲粖鍐呭
+ * @param {Array} records - 浜嬩欢璁板綍鏁版嵁
+ */
+function updateGallery(records) {
+    var container = document.getElementById('gallery-container');
+    if (!container) return;
+
+    // 娓呯┖鐜版湁鍐呭
+    container.innerHTML = '';
+
+    if (!records || records.length === 0) {
+        // 鏄剧ず绌虹姸鎬�
+        container.innerHTML = `
+            <div class="empty-state">
+                <i class="fa-solid fa-bell-slash"></i>
+                <h3>鏆傛棤浜嬩欢璁板綍</h3>
+                <p>褰撳墠娌℃湁鍙睍绀虹殑AI浜嬩欢鏁版嵁</p>
+            </div>
+        `;
+        // 闅愯棌鍒嗛〉
+        $('.pagination-container').hide();
+        return;
+    }
+
+    // 鏄剧ず鍒嗛〉
+    $('.pagination-container').show();
+
+    // 鐢熸垚浜嬩欢鍗$墖
+    var html = '';
+    records.forEach(function(record) {
+        html += `
+            <div class="gallery-item">
+                <img src="/logo-sm.png" alt="${record.id}"
+                     data-url="/logo-sm.png" data-id="${record.id}"
+                     class="gallery-img" onclick="showEventInfoPreview(this.getAttribute('data-url'))">
+                <div class="gallery-info">
+                    <div class="gallery-header">
+                        <h3 class="gallery-title">${record.name || record.id}</h3>
+                    </div>
+                    <div class="gallery-meta">
+                        <div class="meta-item">
+                            <i class="layui-icon layui-icon-home"></i>
+                            <span>${record.deptId || ''}</span>
+                        </div>
+                        <div class="meta-item">
+                            <i class="layui-icon layui-icon-video"></i>
+                            <span>${record.serId || ''}</span>
+                        </div>
+                        <div class="meta-item">
+                            <i class="layui-icon layui-icon-date"></i>
+                            <span>${formatDate(record.time)}</span>
+                        </div>
+                    </div>
+                    <div class="gallery-tags">
+                        <span class="tag-person">
+                            <i class="layui-icon layui-icon-face-smile"></i>
+                            <span>${record.level || '鏈煡'}</span>
+                        </span>
+                    </div>
+                </div>
+            </div>
+        `;
+    });
+
+    container.innerHTML = html;
+}
+
+/**
+ * 鏍煎紡鍖栨棩鏈�
+ * @param {string|number} date - 鏃ユ湡瀛楃涓叉垨鏃堕棿鎴�
+ */
+function formatDate(date) {
+    if (!date) return '';
+    var d = new Date(date);
+    return d.getFullYear() + '-' +
+        String(d.getMonth() + 1).padStart(2, '0') + '-' +
+        String(d.getDate()).padStart(2, '0') + ' ' +
+        String(d.getHours()).padStart(2, '0') + ':' +
+        String(d.getMinutes()).padStart(2, '0') + ':' +
+        String(d.getSeconds()).padStart(2, '0');
+}
+
+/**
+ * 鍒濆鍖栧浘鐗囬瑙堝姛鑳�
+ */
+function initImagePreview() {
+    var preview = document.getElementById('imgPreview');
+    var previewImg = document.getElementById('previewImg');
+    var closeBtn = document.getElementById('closePreview');
+
+    // 濡傛灉棰勮鍏冪礌涓嶅瓨鍦紝鍒欎笉鍒濆鍖�
+    if (!preview || !previewImg) {
+        return;
+    }
+
+    // 鍏抽棴鎸夐挳鐐瑰嚮浜嬩欢
+    if (closeBtn) {
+        closeBtn.addEventListener('click', closePreview);
+    }
+
+    // 鐐瑰嚮棰勮鍖哄煙澶栧叧闂�
+    preview.addEventListener('click', function (e) {
+        if (e.target === preview) {
+            closePreview();
+        }
+    });
+
+    // 閿洏浜嬩欢鐩戝惉
+    document.addEventListener('keydown', function (e) {
+        if (e.key === 'Escape' && preview.style.display === 'flex') {
+            closePreview();
+        }
+    });
+
+    // 鍏抽棴棰勮鍑芥暟
+    function closePreview() {
+        preview.style.display = 'none';
+        previewImg.src = '';
+    }
+}
+
+/**
+ * 鏄剧ず鍥剧墖棰勮
+ * @param {string} imgUrl 鍥剧墖URL
+ */
+function showEventInfoPreview(imgUrl) {
+    var preview = document.getElementById('imgPreview');
+    var previewImg = document.getElementById('previewImg');
+
+    if (preview && previewImg) {
+        previewImg.src = imgUrl;
+        preview.style.display = 'flex';
+    }
+}
+
+/**
+ * 璇诲彇浜嬩欢璁板綍
+ */
+function searchRecord(page , size) {
+    var pageNumber = 1;
+    var sizeNumber = 6;
+    if (pageSize && pageSize > 0){
+        size = pageSize;
+    }
+
+    if (size && size > 0){
+        sizeNumber = size;
+    }
+    if (page && page > 0){
+        pageNumber = page;
+    }
+    // 鏋勯�犳煡璇㈠弬鏁帮紝浠庣涓�椤靛紑濮�
+    var queryParams = buildQueryParams(pageNumber, sizeNumber);
+    // 鏄剧ずloading
+    var loadingIndex = layer.load(1, {shade: [0.1, '#fff']});
+    // 璋冪敤鏁版嵁璇锋眰鏂规硶
+    fetchEventInfoData(queryParams, function(error, data) {
+        // 鍏抽棴loading
+        layer.close(loadingIndex);
+        if (error) {
+            layer.msg(error.message);
+            return;
+        }
+
+        // 鏇存柊椤甸潰鏁版嵁
+        updateGallery(data.records);
+        // 閲嶆柊鍒濆鍖栧垎椤电粍浠�
+        reinitPagination(data.total, data.size, data.current);
+    });
+}
diff --git a/fzzy-igdss-web/src/main/resources/templates/eventInfo/eventInfo.html b/fzzy-igdss-web/src/main/resources/templates/eventInfo/eventInfo.html
new file mode 100644
index 0000000..490cd29
--- /dev/null
+++ b/fzzy-igdss-web/src/main/resources/templates/eventInfo/eventInfo.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="renderer" content="webkit">
+    <th:block th:include="include :: header('AI浜嬩欢绠$悊')" />
+    <link rel="stylesheet" type="text/css" th:href="@{/ajax/libs/layui-ruoyi/css/layui.css}"/>
+    <link rel="stylesheet" th:href="@{/eventInfo/eventInfo-style.css}">
+</head>
+<body class="gray-bg">
+<div class="container-div">
+    <div class="row">
+        <div class="col-sm-12 search-collapse">
+            <form id="eventInfo-form">
+                <div class="select-list">
+                    <ul>
+                        <li>
+                            鎵�灞炲簱鍖猴細<input type="text" name="deptId"/>
+                        </li>
+                        <li>
+                            <a class="btn btn-primary btn-rounded btn-sm" onclick="searchRecord()"><i class="fa fa-search"></i>&nbsp;鎼滅储</a>
+                            <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;閲嶇疆</a>
+                        </li>
+                    </ul>
+                </div>
+            </form>
+        </div>
+
+        <div class="col-sm-12 " style="padding-top: 10px;">
+            <!-- 浜嬩欢缃戞牸 -->
+            <div class="gallery-grid" id="gallery-container">
+                <!-- 浜嬩欢涓虹┖鏃舵樉绀� -->
+                <div th:if="${#lists.isEmpty(eventInfoList)}" class="empty-state">
+                    <i class="fa-solid fa-bell-slash"></i>
+                    <h3>鏆傛棤浜嬩欢璁板綍</h3>
+                    <p>褰撳墠娌℃湁鍙睍绀虹殑AI浜嬩欢鏁版嵁</p>
+                </div>
+                <!-- 浜嬩欢鍗$墖 -->
+                <div th:each="eventInfo : ${eventInfoList}" class="gallery-item">
+                    <img th:src="@{/logo-sm.png}" th:alt="${eventInfo.id}"
+                         th:data-url="@{/logo-sm.png}" th:data-id="${eventInfo.id}"
+                         class="gallery-img" onclick="showEventInfoPreview(this.getAttribute('data-url'))">
+                    <div class="gallery-info">
+                        <div class="gallery-header">
+                            <h3 class="gallery-title" th:text="${eventInfo.name}"></h3>
+                        </div>
+
+                        <div class="gallery-meta">
+                            <div class="meta-item">
+                                <i class="layui-icon layui-icon-home"></i>
+                                <span th:text="${eventInfo.deptId}"></span>
+                            </div>
+                            <div class="meta-item">
+                                <i class="layui-icon layui-icon-video"></i>
+                                <span th:text="${eventInfo.serId}"></span>
+                            </div>
+                            <div class="meta-item">
+                                <i class="layui-icon layui-icon-date"></i>
+                                <span th:text="${#dates.format(eventInfo.time, 'yyyy-MM-dd HH:mm:ss')}"></span>
+                            </div>
+                        </div>
+
+                        <!-- 鏍囩鍒楄〃 -->
+                        <div class="gallery-tags">
+                            <span class="tag-person">
+                                <i class="layui-icon layui-icon-face-smile"></i>
+                                <span th:text="${eventInfo.level}"></span>
+                            </span>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+
+            <!-- 鍒嗛〉鎺т欢 -->
+            <div class="pagination-container" th:if="${not #lists.isEmpty(eventInfoList)}">
+                <div id="pagination"></div>
+            </div>
+        </div>
+    </div>
+    <!-- 鍥剧墖棰勮灞� -->
+    <div class="img-preview" id="imgPreview">
+        <div class="preview-content">
+            <img src="" alt="棰勮鍥剧墖" class="preview-img" id="previewImg">
+            <div class="close-preview" id="closePreview">
+                <i class="layui-icon layui-icon-clear"></i>
+            </div>
+        </div>
+    </div>
+</div>
+<th:block th:include="include :: footer" />
+<script th:src="@{/ajax/libs/layui-ruoyi/layui.js}"></script>
+<script th:src="@{/eventInfo/eventInfo.js}"></script>
+<script th:inline="javascript">
+    var currentPage = [[${currentPage}]];
+    var totalItems = [[${totalItems}]];
+    var pageSize = [[${pageSize}]];
+</script>
+
+</body>
+</html>

--
Gitblit v1.9.3