大屏首页，AI事件统计，添加当日库区网关掉线的针对文案表述

sgj

2026-03-25 a23f3acdf2a09dd056778d2217964a1878b66ea6

 fzzy-igdss-web/src/main/resources/templates/work/flow-his.html

@@ -12,21 +12,17 @@
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* IE 和 Edge */
        }

        /* Chrome, Safari 和 Opera */
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }

        /* 平滑滚动效果 */
        .smooth-scroll {
            scroll-behavior: smooth;
        }

        html {
            overflow: hidden;
        }

        /* 页面基础样式 */
        body {
            background-color: #FFF;
@@ -35,7 +31,6 @@
            font-size: 14px;
            overflow-x: hidden;
        }

        .container {
            margin: 0 auto;
            background-color: #fff;
@@ -43,13 +38,11 @@
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

        .header {
            background-color: #e6e6e6;
            padding: 15px;
            font-weight: bold;
        }

        .summary-box {
            margin: 20px;
            padding: 15px;
@@ -58,22 +51,18 @@
            border-radius: 4px;
            font-size: 14px;
        }

        .summary-box .layui-icon {
            margin-right: 8px;
            color: #1E9FFF;
        }

        .timeline-container {
            padding: 0 20px 20px;
        }

        /* 自定义时间轴样式 */
        .custom-timeline {
            position: relative;
            padding: 20px 0;
        }

        .custom-timeline:before {
            content: '';
            position: absolute;
@@ -83,17 +72,14 @@
            width: 2px;
            background-color: #e8e8e8;
        }

        .timeline-item {
            position: relative;
            padding-left: 50px;
            margin-bottom: 25px;
        }

        .timeline-item:last-child {
            margin-bottom: 0;
        }

        .timeline-icon {
            position: absolute;
            left: 0;
@@ -107,7 +93,6 @@
            color: white;
            z-index: 2;
        }

        .timeline-content {
            background-color: #f9f9f9;
            border-radius: 6px;
@@ -115,7 +100,6 @@
            border-left: 3px solid #1E9FFF;
            font-size: 14px;
        }

        .operator-info {
            font-weight: bold;
            color: #333;
@@ -129,31 +113,25 @@
            color: #888;
            font-size: 13px;
        }

        .time-info {
            text-align: right;
            color: #999;
            font-size: 13px;
            margin-top: 8px;
        }

        /* 不同状态的图标颜色 */
        .status-created {
            background-color: #FFB800;
        }

        .status-waiting {
            background-color: #FF5722;
        }

        .status-processing {
            background-color: #1E9FFF;
        }

        .status-completed {
            background-color: #009688;
        }

        /* 可滚动区域样式 */
        .scrollable-area {
            max-height: 400px; /* 设置最大高度 */
@@ -205,8 +183,8 @@
    <!--    </div>-->
    <div class="summary-box">
        <i class="layui-icon layui-icon-tips"></i>
        处理记录：该工单累计处理时长 <span style="color:#1E9FFF; font-weight:bold;">1分钟</span>，累计处理次数 <span
            style="color:#1E9FFF; font-weight:bold;">3次</span>
        处理记录：该工单累计处理时长 <span style="color:#1E9FFF; font-weight:bold;" th:text="${tipTime}">0分钟</span>，累计处理次数 <span
            style="color:#1E9FFF; font-weight:bold;" th:text="${tipCount}">0次</span>
    </div>

    <div class="timeline-container">