表格样式修改

src/views/quniao/infoStatistics/index.vue

@@ -95,7 +95,7 @@
             </div>
           </div>
           <div class="table_box">
-            <el-table :data="tableData" style="width: 97%" border>
+            <el-table :data="tableData" style="width: 97%" border >
               <el-table-column label="序号" align="center" width="100">
                 <template slot-scope="{ $index }">
                   <span>{{ $index + 1 }}</span>
@@ -238,9 +238,8 @@
                       图{{ 2 * index + 1 }}鸟类入侵抓图
                     </div>
                   </div>
-                  <div style="margin-left: 4%; width: 95%; margin-top: 3%">
-                    <span
-                      >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{
+                  <div style=" width: 100%; margin-top: 3%">
+                    <div class="second_Content" >{{
                         index + 1
                       }}.2驱离详情：根据入侵方位，启动{{
                         item.deviceName
@@ -251,7 +250,7 @@
                       }}</span
                       >。打击结果如下视频/图{{
                         2 * index + 2
-                      }}鸟类驱离视频/图*所示：</span
+                      }}鸟类驱离视频/图*所示：</div
                     >
                   </div>
                   <div>
@@ -324,7 +323,7 @@ export default {
     this.changeDate();
   },
   mounted() {
-    this.initIntrusionNum();
+   
     this.initReportList();
     this.initTime();
   },
@@ -332,6 +331,7 @@ export default {
     changeDate() {
       this.echartsTime.startTime = this.timeData[0];
       this.echartsTime.endTime = this.timeData[1];
+       this.initIntrusionNum();
     },
     // 初始化echarts数据
     initIntrusionNum() {
@@ -726,10 +726,17 @@ export default {
 }
 
 ::v-deep .el-table tr {
-  background-color: #222f3d;
+  /* background-color: #222f3d; */
   color: #ffffff;
 }
 
+::v-deep .el-table tr:nth-child(even) {
+  background-color: #222f3d !important; /* 偶数行背景色 */
+}
+
+::v-deep .el-table tr:nth-child(odd) {
+  background-color: #1c293a !important; /* 奇数行背景色 */
+}
 ::v-deep .el-table td.el-table__cell {
   border-bottom: 1px solid rgba(64, 72, 106, 1);
 }
@@ -857,8 +864,8 @@ export default {
   font-weight: bold;
 }
 .report_video {
-  margin-left: 4%;
-  width: 95%;
+  /* margin-left: 4%;  */
+  width: 100%;
   height: 48%;
 }
 .report_video video {
@@ -866,8 +873,8 @@ export default {
   height: 100%;
 }
 .report_img {
-  width: 95%;
-  margin-left: 4%;
+  width: 100%;
+  /* margin-left: 4%; */
   margin-top: 2%;
 }
 </style>