大屏网络管理修改

src/views/privateOrder/Screen.vue

@@ -71,7 +71,7 @@
         <commandControl />
       </div>
     </el-dialog>
-    <div class="left-tabs-box" v-if="isShow">
+    <!-- <div class="left-tabs-box" v-if="isShow">
       <router-link
         v-for="item in menusTwo"
         :key="item.id"
@@ -82,7 +82,7 @@
       >
         {{ item.name }}
       </router-link>
-    </div>
+    </div> -->
   </div>
   <!-- </div> -->
 </template>

src/views/privateOrder/ecosphere/components/componentRight.vue

@@ -94,7 +94,7 @@
         </div>
       </div>
       <div class="section" style="padding-top: 35px">
-        <module-title> 清朗专项行动动态 </module-title>
+        <!-- <module-title> 清朗专项行动动态 </module-title>
         <div @click.stop="itemClick($event)">
           <vueSeamlessScroll
             style="overflow: hidden"
@@ -129,6 +129,35 @@
               </div>
             </div>
           </vueSeamlessScroll>
+        </div> -->
+        <module-title>清朗专项行动工作动态</module-title>
+        <div class="clean-action-table">
+          <div class="table-header">
+            <div class="header-cell">时间</div>
+            <div class="header-cell">标题</div>
+            <div class="header-cell">来源</div>
+          </div>
+          <vue-seamless-scroll 
+            :data="cleanActionData" 
+            :class-option="cleanActionScrollOption" 
+            class="scroll-container"
+          >
+            <div class="table-body">
+              <div 
+                v-for="(item, index) in cleanActionData" 
+                :key="index" 
+                class="table-row"
+                :class="{'highlight-row': item.highlight}"
+              >
+                <div class="cell time-cell">{{ item.time }}</div>
+                <div class="cell title-cell">
+                  <span v-if="item.highlight" class="highlight-tag">{{ item.highlightTag }}</span>
+                  {{ item.title }}
+                </div>
+                <div class="cell source-cell">{{ item.source }}</div>
+              </div>
+            </div>
+          </vue-seamless-scroll>
         </div>
         <div class="leftmh"></div>
         <div class="rightmh"></div>
@@ -197,6 +226,28 @@ export default {
         { url: require("@/assets/ecosphere/清朗专项行动图/1-3.png") },
         { url: require("@/assets/ecosphere/清朗专项行动图/1-4.png") },
       ],
+      cleanActionData: [
+        { time: '2024-12-28', title: '"清朗行动" 持续发力', source: '即时动态', highlight: false },
+        { time: '2024-12-26', title: '净化人力资源市场环境，商......', source: '头条', highlight: false },
+        { time: '2024-12-23', title: '高贸区开展打击人力资源市......', source: '即时动态', highlight: false },
+        { time: '2024-11-20', title: '科教区开展打击人力资源市......', source: '头条', highlight: false },
+        { time: '2024-10-15', title: '持续净化人力资源市场秩序......', source: '即时动态', highlight: true, highlightTag: '43.58%' },
+        { time: '2024-10-08', title: '保持高压态势 确保 "清朗" ......', source: '头条', highlight: false },
+        { time: '2024-09-11', title: '高贸区劳动监察大队走访园区......', source: '头条', highlight: false },
+        { time: '2024-08-25', title: '净化人力资源市场环境，商......', source: '工作动态', highlight: false },
+        { time: '2024-08-04', title: '高贸区开展打击人力资源市......', source: '头条', highlight: false },
+        { time: '2024-07-28', title: '保持高压态势 确保 "清朗" ......', source: '即时动态', highlight: false }
+      ],
+      cleanActionScrollOption: {
+        step: 0.4, // 数值越大速度滚动越快
+        limitMoveNum: 5, // 开始无缝滚动的数据量 this.dataList.length
+        hoverStop: true, // 是否开启鼠标悬停stop
+        direction: 1, // 0向下 1向上 2向左 3向右
+        openWatch: true, // 开启数据实时监控刷新dom
+        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
+        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
+        waitTime: 1000, // 单步运动停止的时间(默认值1000ms)
+      },
       qlzxdtList: [],
       number: 0,
       reportingTimer: null,
@@ -731,6 +782,105 @@ export default {
     .section {
       width: 720px;
       height: 487px;
+      .clean-action-table {
+        margin-top: 20px;
+        height: 400px;
+        
+        .table-header {
+          display: flex;
+          background-color: #1A3B6E;
+          
+          .header-cell {
+            padding: 12px 15px;
+            color: #ffffff;
+            font-size: 18px;
+            font-weight: normal;
+            text-align: center;
+            
+            &:first-child {
+              width: 120px;
+            }
+            
+            &:nth-child(2) {
+              flex: 1;
+            }
+            
+            &:last-child {
+              width: 100px;
+            }
+          }
+        }
+        
+        .scroll-container {
+          height: 360px;
+          overflow: hidden;
+        }
+        
+        .table-body {
+          width: 100%;
+          
+          .table-row {
+            display: flex;
+            background-color: rgba(18, 40, 69, 0.5);
+            border-bottom: 1px solid #193859;
+            
+            &:hover {
+              background-color: rgba(33, 150, 243, 0.1) !important;
+            }
+            
+            &:nth-child(odd) {
+              background-color: rgba(18, 40, 69, 0.7);
+            }
+            
+            &.highlight-row {
+              position: relative;
+              
+              .title-cell {
+                position: relative;
+                
+                .highlight-tag {
+                  position: absolute;
+                  top: 50%;
+                  right: 20px;
+                  transform: translateY(-50%);
+                  color: #ff5252;
+                  font-weight: bold;
+                  font-size: 16px;
+                  background-color: transparent;
+                  padding: 2px 8px;
+                  border-radius: 0;
+                }
+              }
+            }
+            
+            .cell {
+              padding: 12px 15px;
+              font-size: 16px;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              
+              &.time-cell {
+                width: 120px;
+                color: #9BB8D5;
+                text-align: center;
+              }
+              
+              &.title-cell {
+                flex: 1;
+                color: #ffffff;
+                padding-right: 40px;
+              }
+              
+              &.source-cell {
+                width: 100px;
+                color: #9BB8D5;
+                text-align: center;
+              }
+            }
+          }
+        }
+      }
     }
     .section-reportingProcess {
       width: 720px;

src/views/privateOrder/security/components/componentLeft.vue

@@ -157,7 +157,7 @@
           </div>
         </module-title>
         <!-- 受攻击情况 -->
-        <attackSituation :current-index="currentIndex"></attackSituation>
+        <!-- <attackSituation :current-index="currentIndex"></attackSituation> -->
       </div>
     </div>
     <!-- 安全监测详细弹框 -->