From a37af6a57399011c15468003c4099a3213aa765b Mon Sep 17 00:00:00 2001
From: SunTao <328867980@qq.com>
Date: Tue, 10 Dec 2024 12:59:10 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E6=94=B9=E9=80=82?=
 =?UTF-8?q?=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/screen/index/旅游标志.png          | Bin 0 -> 3934 bytes
 src/layout/components/Navbar.vue              |  11 +-
 .../big-screen/components/img-dialog.vue      |   4 +-
 .../disease-components/traffic-log.vue        | 236 +++++++++---------
 .../disease-components/traffic-safety.vue     |   4 +-
 .../disease-components/traffic-statistic.vue  |   6 +-
 .../disease-components/traffic-trend.vue      |  24 +-
 src/views/big-screen/index.vue                |   2 +
 .../overview-components/disease-current.vue   |   4 +-
 .../overview-components/disease-trends.vue    |  10 +-
 .../inspection-vehicles.vue                   |  15 +-
 .../overview-components/today-inspection.vue  |   1 +
 .../road-components/anomaly-facilities.vue    |   7 +-
 .../road-components/road-statistic.vue        |   6 +-
 src/views/index-components/daily-index.vue    |   9 +-
 src/views/index-components/disease-index.vue  |   4 +-
 src/views/index-components/road-index.vue     |   2 +
 src/views/index-components/traffic-index.vue  |   3 +-
 src/views/index.vue                           |  27 +-
 19 files changed, 206 insertions(+), 169 deletions(-)
 create mode 100644 src/assets/screen/index/旅游标志.png

diff --git a/src/assets/screen/index/旅游标志.png b/src/assets/screen/index/旅游标志.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0fcadbf0c24c1bb7f85f4beb720e6fc5a47f11a
GIT binary patch
literal 3934
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

literal 0
HcmV?d00001

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 4003702..c125696 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -16,7 +16,7 @@
 
     <div class="right-menu">
       <template v-if="device !== 'mobile'">
-        <div class="menu-return">
+        <div class="menu-return right-menu-item">
           <i class="el-icon-data-analysis" @click="goBigScreen"></i>
         </div>
         <search id="header-search" class="right-menu-item" />
@@ -95,8 +95,8 @@ export default {
   },
   methods: {
     /* 点击跳转大屏页面 */
-    goBigScreen(){
-      this.$router.push("/screen")
+    goBigScreen() {
+      this.$router.push("/screen");
     },
     toggleSideBar() {
       this.$store.dispatch("app/toggleSideBar");
@@ -165,12 +165,11 @@ export default {
 
     .menu-return {
       height: 100%;
-      margin-right: 0.5rem;
+      padding: 0 8px;
 
       i {
         cursor: pointer;
-        font-size: 1.4rem;
-        line-height: 3.1rem;
+        font-size: 18px;
         font-weight: bold;
       }
     }
diff --git a/src/views/big-screen/components/img-dialog.vue b/src/views/big-screen/components/img-dialog.vue
index e875dbd..645002b 100644
--- a/src/views/big-screen/components/img-dialog.vue
+++ b/src/views/big-screen/components/img-dialog.vue
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-10-22 15:30:25
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2024-12-09 10:29:47
+ * @LastEditTime: 2024-12-10 11:45:44
  * @FilePath: \znxjxt-ui\src\views\big-screen\components\img-dialog.vue
  * @Description: 大屏查看图片弹窗
 -->
@@ -46,7 +46,7 @@
           ref="imgForm"
           size="small"
           :inline="true"
-          label-width="5rem"
+          label-width="6rem"
         >
           <el-form-item label="路段名称">
             <el-select
diff --git a/src/views/big-screen/disease-components/traffic-log.vue b/src/views/big-screen/disease-components/traffic-log.vue
index 7439031..db57b60 100644
--- a/src/views/big-screen/disease-components/traffic-log.vue
+++ b/src/views/big-screen/disease-components/traffic-log.vue
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-11-08 11:56:02
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2024-12-09 09:25:57
+ * @LastEditTime: 2024-12-10 11:28:03
  * @FilePath: \znxjxt-ui\src\views\big-screen\disease-components\traffic-log.vue
  * @Description: 病害巡检-病害日志
 -->
@@ -10,118 +10,124 @@
   <div class="content">
     <!-- 搜索表单 -->
     <div class="traffic-form">
-      <el-form
-        :model="trafficForm"
-        ref="trafficForm"
-        size="small"
-        :inline="true"
-        label-position="left"
-        label-width="5rem"
-      >
-        <el-form-item class="form-item" label="路线名称" prop="routeId">
-          <el-select
-            v-model="trafficForm.routeId"
-            :popper-append-to-body="false"
-            placeholder="请选择路线"
-            filterable
-            clearable
-            @change="chengeLine"
+      <fssm-scroll>
+        <el-form
+          :model="trafficForm"
+          ref="trafficForm"
+          size="small"
+          :inline="true"
+          label-position="left"
+          label-width="6rem"
+        >
+          <el-form-item class="form-item" label="路线名称" prop="routeId">
+            <el-select
+              v-model="trafficForm.routeId"
+              :popper-append-to-body="false"
+              placeholder="请选择路线"
+              filterable
+              clearable
+              @change="chengeLine"
+            >
+              <el-option
+                v-for="item in lineList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item class="form-item" label="路段名称" prop="segmentId">
+            <el-select
+              v-model="trafficForm.segmentId"
+              :popper-append-to-body="false"
+              placeholder="请选择路段"
+              filterable
+              clearable
+            >
+              <el-option
+                v-for="item in segmentList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            class="form-item"
+            label="上下行"
+            prop="inspectDirection"
           >
-            <el-option
-              v-for="item in lineList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
+            <el-select
+              v-model="trafficForm.inspectDirection"
+              :popper-append-to-body="false"
+              placeholder="请选择上下行"
+              clearable
+            >
+              <el-option label="上行" value="0" />
+              <el-option label="下行" value="1" />
+            </el-select>
+          </el-form-item>
+          <el-form-item class="form-item" label="公里桩" prop="stakeRange">
+            <el-input
+              v-model="trafficForm.stakeStart"
+              placeholder="格式K0000+000"
+              style="width: 8.5rem"
+              clearable
             />
-          </el-select>
-        </el-form-item>
-        <el-form-item class="form-item" label="路段名称" prop="segmentId">
-          <el-select
-            v-model="trafficForm.segmentId"
-            :popper-append-to-body="false"
-            placeholder="请选择路段"
-            filterable
-            clearable
-          >
-            <el-option
-              v-for="item in segmentList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
+            <span style="margin: 0 5px; color: #ffffff">-</span>
+            <el-input
+              v-model="trafficForm.stakeEnd"
+              placeholder="格式K0000+000"
+              style="width: 8.5rem"
+              clearable
             />
-          </el-select>
-        </el-form-item>
-        <el-form-item class="form-item" label="上下行" prop="inspectDirection">
-          <el-select
-            v-model="trafficForm.inspectDirection"
-            :popper-append-to-body="false"
-            placeholder="请选择上下行"
-            clearable
-          >
-            <el-option label="上行" value="0" />
-            <el-option label="下行" value="1" />
-          </el-select>
-        </el-form-item>
-        <el-form-item class="form-item" label="公里桩" prop="stakeRange">
-          <el-input
-            v-model="trafficForm.stakeStart"
-            placeholder="格式K0000+000"
-            style="width: 10rem"
-            clearable
-          />
-          <span style="margin: 0 5px; color: #ffffff">-</span>
-          <el-input
-            v-model="trafficForm.stakeEnd"
-            placeholder="格式K0000+000"
-            style="width: 9.5rem"
-            clearable
-          />
-        </el-form-item>
-        <el-form-item class="form-item" label="时间筛选" prop="dateTime">
-          <el-date-picker
-            v-model="dateTime"
-            type="daterange"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            format="yyyy-MM-dd"
-            value-format="yyyy-MM-dd"
-            clearable
-            popper-class="traffic-log-date-time"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item class="form-item" label="病害类型" prop="defectType">
-          <el-select
-            v-model="trafficForm.defectType"
-            :popper-append-to-body="false"
-            placeholder="请选择病害类型"
-            clearable
-          >
-            <el-option
-              v-for="item in eventType"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item class="form-item" label="病害状态" prop="state">
-          <el-select
-            v-model="trafficForm.state"
-            :popper-append-to-body="false"
-            placeholder="请选择病害状态"
-            clearable
-          >
-            <el-option
-              v-for="item in defectStatus"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-form>
+          </el-form-item>
+          <el-form-item class="form-item" label="时间筛选" prop="dateTime">
+            <el-date-picker
+              v-model="dateTime"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
+              clearable
+              popper-class="traffic-log-date-time"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item class="form-item" label="病害类型" prop="defectType">
+            <el-select
+              v-model="trafficForm.defectType"
+              :popper-append-to-body="false"
+              placeholder="请选择病害类型"
+              clearable
+            >
+              <el-option
+                v-for="item in eventType"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item class="form-item" label="病害状态" prop="state">
+            <el-select
+              v-model="trafficForm.state"
+              :popper-append-to-body="false"
+              placeholder="请选择病害状态"
+              clearable
+            >
+              <el-option
+                v-for="item in defectStatus"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </fssm-scroll>
     </div>
     <div class="form-btn">
       <el-button class="btn-submit" size="mini" @click="handleQuery"
@@ -153,7 +159,7 @@
             {{ scope.row.state === "2" ? "已修复" : "未修复" }}
           </template>
         </el-table-column>
-        <el-table-column prop="pci" label="操作">
+        <el-table-column width="50" prop="pci" label="操作">
           <template slot-scope="scope">
             <el-button
               slot="reference"
@@ -186,8 +192,10 @@
 <script>
 import { emergencyData, DefectType } from "@/api/xj/screen/traffic-screen";
 import { getSegment, getDefectDropDown } from "@/api/xj/screen/index";
+import fssmScroll from "@/components/scroll/fssm-scroll.vue";
 export default {
   name: "TrafficLog",
+  components: { fssmScroll },
   props: {
     // 病害巡检中4种类型点击绑定
     bottomTipClick: {
@@ -425,6 +433,7 @@ export default {
 .content {
   width: 100%;
   height: 100%;
+  overflow: hidden;
 
   .traffic-form {
     width: calc(100% - 0.5rem);
@@ -432,10 +441,11 @@ export default {
     padding: 0.5rem;
 
     .form-item {
-      width: 100%;
+      width: calc(100% - 1rem);
+      margin-bottom: 15px;
 
       ::v-deep .el-form-item__content {
-        width: calc(100% - 5rem);
+        width: calc(100% - 6rem);
 
         .el-select,
         .el-date-editor {
diff --git a/src/views/big-screen/disease-components/traffic-safety.vue b/src/views/big-screen/disease-components/traffic-safety.vue
index eafc8d5..e477e68 100644
--- a/src/views/big-screen/disease-components/traffic-safety.vue
+++ b/src/views/big-screen/disease-components/traffic-safety.vue
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-10-21 09:59:32
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2024-12-09 11:39:11
+ * @LastEditTime: 2024-12-10 10:52:10
  * @FilePath: \znxjxt-ui\src\views\big-screen\disease-components\traffic-safety.vue
  * @Description: 病害巡检大屏-今日巡查
 -->
@@ -713,7 +713,7 @@ export default {
       display: flex;
       align-items: center;
       font-family: "DouYu";
-      font-size: 0.9rem;
+      font-size: 1rem;
 
       .up {
         color: #ff2e2e;
diff --git a/src/views/big-screen/disease-components/traffic-statistic.vue b/src/views/big-screen/disease-components/traffic-statistic.vue
index 8ce1c51..95aaf37 100644
--- a/src/views/big-screen/disease-components/traffic-statistic.vue
+++ b/src/views/big-screen/disease-components/traffic-statistic.vue
@@ -170,7 +170,7 @@ export default {
           backgroundColor: "rgba(9, 24, 48, 0.5)",
           borderColor: "rgba(75, 253, 238, 0.4)",
           textStyle: {
-            fontSize: "1rem",
+            fontSize: 12,
             color: "#808C9F",
           },
         },
@@ -182,7 +182,7 @@ export default {
             top: "50%",
             textStyle: {
               fontFamily: "DinBm",
-              fontSize: "1rem",
+            fontSize: 15,
               color: "#ffffff",
             },
           },
@@ -192,7 +192,7 @@ export default {
             top: "40%",
             textStyle: {
               fontFamily: "DouYu",
-              fontSize: "1.2rem",
+              fontSize:15,
               color: "rgba(255, 183, 89, 0.8)",
             },
           },
diff --git a/src/views/big-screen/disease-components/traffic-trend.vue b/src/views/big-screen/disease-components/traffic-trend.vue
index ee30ad4..b8afe21 100644
--- a/src/views/big-screen/disease-components/traffic-trend.vue
+++ b/src/views/big-screen/disease-components/traffic-trend.vue
@@ -10,8 +10,17 @@
 <template>
   <div class="content">
     <div class="traffic-select">
-      <el-select :popper-append-to-body="false" v-model="itemSelect" placeholder="请选择">
-        <el-option v-for="item in trafficList" :key="item.value" :label="item.label" :value="item.value" />
+      <el-select
+        :popper-append-to-body="false"
+        v-model="itemSelect"
+        placeholder="请选择"
+      >
+        <el-option
+          v-for="item in trafficList"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        />
       </el-select>
     </div>
     <div ref="trafficChart" class="traffic-echart"></div>
@@ -166,7 +175,7 @@ export default {
           backgroundColor: "rgba(9, 24, 48, 0.5)",
           borderColor: "rgba(75, 253, 238, 0.4)",
           textStyle: {
-            fontSize: "0.8rem",
+            fontSize: 12,
             color: "#808C9F",
           },
         },
@@ -184,7 +193,7 @@ export default {
             data: xData,
             axisLabel: {
               color: "#808C9F",
-            fontSize: "0.8rem",
+              fontSize: 12,
               interval: 0,
             },
             axisLine: {
@@ -223,7 +232,7 @@ export default {
             axisLabel: {
               show: true,
               color: "#808C9F",
-            fontSize: "0.8rem",
+              fontSize: 12,
             },
           },
         ],
@@ -246,7 +255,7 @@ export default {
               formatter: "{c}",
               position: "top",
               color: "#fff",
-            fontSize: "0.8rem",
+              fontSize: 14,
             },
             data: yData,
           },
@@ -266,7 +275,8 @@ export default {
             // 是否显示detail，即拖拽时候显示详细数值信息
             showDetail: false,
             // 数据窗口范围的起始数值
-            startValue: this.echartData.length > 6 ? this.echartData.length - 6 : 0,
+            startValue:
+              this.echartData.length > 6 ? this.echartData.length - 6 : 0,
             // 数据窗口范围的结束数值（一页显示多少条数据）
             endValue: this.echartData.length,
             // empty：当前数据窗口外的数据，被设置为空。
diff --git a/src/views/big-screen/index.vue b/src/views/big-screen/index.vue
index f4eaba6..7d9e769 100644
--- a/src/views/big-screen/index.vue
+++ b/src/views/big-screen/index.vue
@@ -1519,6 +1519,7 @@ export default {
       .map-image-select {
         left: 28%;
         top: 10%;
+        font-size: 1rem;
         position: absolute;
         color: #ffffff;
       }
@@ -1603,6 +1604,7 @@ export default {
   .header-time {
     display: flex;
     color: #89c5e8;
+    font-size: 1rem;
 
     > div {
       margin: 0 0.5rem;
diff --git a/src/views/big-screen/overview-components/disease-current.vue b/src/views/big-screen/overview-components/disease-current.vue
index 42a7ae5..9bff10f 100644
--- a/src/views/big-screen/overview-components/disease-current.vue
+++ b/src/views/big-screen/overview-components/disease-current.vue
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-10-18 10:19:56
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2024-12-09 17:38:03
+ * @LastEditTime: 2024-12-10 11:42:43
  * @FilePath: \znxjxt-ui\src\views\big-screen\overview-components\disease-current.vue
  * @Description: 总览大屏-病害三维饼图
 -->
@@ -198,7 +198,7 @@ export default {
             backgroundColor: "rgba(9, 24, 48, 0.5)",
             borderColor: "rgba(75, 253, 238, 0.4)",
             textStyle: {
-              fontSize: "0.8rem",
+              fontSize: 12,
               color: "#ffffff",
             },
             formatter: (params) => {
diff --git a/src/views/big-screen/overview-components/disease-trends.vue b/src/views/big-screen/overview-components/disease-trends.vue
index 9c583f4..119faf7 100644
--- a/src/views/big-screen/overview-components/disease-trends.vue
+++ b/src/views/big-screen/overview-components/disease-trends.vue
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-10-18 10:16:30
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2024-12-09 17:39:15
+ * @LastEditTime: 2024-12-10 11:42:05
  * @FilePath: \znxjxt-ui\src\views\big-screen\disease-components\disease-trends.vue
  * @Description: 总览大屏-病害趋势
 -->
@@ -57,7 +57,7 @@ export default {
           text: "",
           textStyle: {
             color: "#fff",
-            fontSize: "0.8rem",
+            fontSize: 12,
           },
         },
         legend: {
@@ -84,7 +84,7 @@ export default {
           backgroundColor: "rgba(9, 24, 48, 0.5)",
           borderColor: "rgba(75, 253, 238, 0.4)",
           textStyle: {
-            fontSize: "0.8rem",
+            fontSize: 12,
             color: "#808C9F",
           },
           confine: true,
@@ -103,7 +103,7 @@ export default {
           axisLabel: {
             interval: 0,
             color: "#808C9F",
-            fontSize: "0.8rem",
+            fontSize: 12,
           },
           boundaryGap: false, // true折线图以x轴刻度为中心点  false折线图折线从头开始
           data: xData,
@@ -118,7 +118,7 @@ export default {
           },
           axisLabel: {
             color: "#808C9F",
-            fontSize: "0.8rem",
+            fontSize: 14,
             formatter: function (value) {
               return value + "";
             },
diff --git a/src/views/big-screen/overview-components/inspection-vehicles.vue b/src/views/big-screen/overview-components/inspection-vehicles.vue
index 60ef6a4..9320fb4 100644
--- a/src/views/big-screen/overview-components/inspection-vehicles.vue
+++ b/src/views/big-screen/overview-components/inspection-vehicles.vue
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-11-08 09:40:18
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2024-12-09 17:44:25
+ * @LastEditTime: 2024-12-10 11:05:40
  * @FilePath: \znxjxt-ui\src\views\big-screen\overview-components\inspection-vehicles.vue
  * @Description: 总览大屏-巡检车辆
 -->
@@ -42,16 +42,18 @@
         style="width: 100%; background: none"
         height="80%"
       >
-        <el-table-column prop="plateNo" label="车牌号码"> </el-table-column>
-        <el-table-column width="60" prop="status" label="状态">
+        <el-table-column prop="plateNo" show-overflow-tooltip label="车牌号码">
         </el-table-column>
         <el-table-column
+          width="50"
           show-overflow-tooltip
-          prop="companyName"
-          label="所属"
+          prop="status"
+          label="状态"
         >
         </el-table-column>
-        <el-table-column width="130" prop="pci" label="操作">
+        <el-table-column show-overflow-tooltip prop="companyName" label="所属">
+        </el-table-column>
+        <el-table-column width="120" prop="pci" label="操作">
           <template slot-scope="scope">
             <el-popover
               popper-class="scope-popover"
@@ -304,6 +306,7 @@ export default {
 .content {
   width: 100%;
   height: 100%;
+  overflow: hidden;
   color: #ffffff;
 
   .inspection-top {
diff --git a/src/views/big-screen/overview-components/today-inspection.vue b/src/views/big-screen/overview-components/today-inspection.vue
index db023f1..faebf85 100644
--- a/src/views/big-screen/overview-components/today-inspection.vue
+++ b/src/views/big-screen/overview-components/today-inspection.vue
@@ -664,6 +664,7 @@ export default {
       display: flex;
       align-items: center;
       font-family: "DouYu";
+      font-size: 1rem;
 
       .up {
         color: #ff2e2e;
diff --git a/src/views/big-screen/road-components/anomaly-facilities.vue b/src/views/big-screen/road-components/anomaly-facilities.vue
index e581e7d..7d00ea2 100644
--- a/src/views/big-screen/road-components/anomaly-facilities.vue
+++ b/src/views/big-screen/road-components/anomaly-facilities.vue
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-10-18 15:21:24
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2024-10-31 14:24:19
+ * @LastEditTime: 2024-12-10 11:39:57
  * @FilePath: \znxjxt-ui\src\views\big-screen\road-components\anomaly-facilities.vue
  * @Description: 附属设施异常统计
 -->
@@ -255,7 +255,7 @@ export default {
             // 是否显示detail，即拖拽时候显示详细数值信息
             showDetail: false,
             // 数据窗口范围的起始数值
-            startValue: this.anomalyData.length > 10 ? this.anomalyData.length - 10 : 0,
+            startValue: this.anomalyData.length > 8 ? this.anomalyData.length - 8 : 0,
             // 数据窗口范围的结束数值（一页显示多少条数据）
             endValue: this.anomalyData.length,
             // empty：当前数据窗口外的数据，被设置为空。
@@ -299,6 +299,7 @@ export default {
   width: 100%;
   height: 100%;
   position: relative;
+  overflow: hidden;
 
   .anomaly-select {
     position: absolute;
@@ -313,4 +314,4 @@ export default {
     height: 100%;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/big-screen/road-components/road-statistic.vue b/src/views/big-screen/road-components/road-statistic.vue
index 6fdedbe..bc9577c 100644
--- a/src/views/big-screen/road-components/road-statistic.vue
+++ b/src/views/big-screen/road-components/road-statistic.vue
@@ -66,7 +66,7 @@
     </template>
   </div>
 </template>
-  
+
   <script>
 import { roadStatisticList } from "@/api/xj/screen/road-screen";
 import vueSeamlessScroll from "vue-seamless-scroll";
@@ -128,7 +128,7 @@ export default {
   },
 };
 </script>
-  
+
   <style lang="scss" scoped>
 .content {
   width: 100%;
@@ -143,6 +143,7 @@ export default {
     display: flex;
     flex-direction: column;
     justify-content: center;
+    font-size: 1rem;
 
     > div {
       display: flex;
@@ -252,4 +253,3 @@ export default {
   }
 }
 </style>
-  
\ No newline at end of file
diff --git a/src/views/index-components/daily-index.vue b/src/views/index-components/daily-index.vue
index 8c31e6b..791496b 100644
--- a/src/views/index-components/daily-index.vue
+++ b/src/views/index-components/daily-index.vue
@@ -22,13 +22,15 @@
         <div class="left-div">
           <div class="name">巡查里程</div>
           <div class="value">
-            <span>{{ formatNumber(mileage) }}</span>km
+            <span>{{ formatNumber(mileage) }}</span
+            >km
           </div>
         </div>
         <div class="left-div">
           <div class="name">覆盖道路数</div>
           <div class="value">
-            <span>{{ roadNum }}</span>条
+            <span>{{ roadNum }}</span
+            >条
           </div>
         </div>
         <!-- <div class="left-chart" ref="rateChart"></div> -->
@@ -446,6 +448,7 @@ export default {
     background: url("../../assets/index/div-title.png") no-repeat;
     background-size: 5%;
     background-position: 0 30%;
+    font-size: 1.2rem;
 
     span {
       font-family: "DouYu";
@@ -505,7 +508,7 @@ export default {
       width: 78%;
       height: 100%;
 
-      >div {
+      > div {
         height: 50%;
         width: 100%;
         background-color: #ffffff;
diff --git a/src/views/index-components/disease-index.vue b/src/views/index-components/disease-index.vue
index 451ad4d..2b9df89 100644
--- a/src/views/index-components/disease-index.vue
+++ b/src/views/index-components/disease-index.vue
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-10-29 15:17:58
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2024-12-05 16:35:11
+ * @LastEditTime: 2024-12-10 11:58:18
  * @FilePath: \znxjxt-ui\src\views\index-components\disease-index.vue
  * @Description: 首页-病害识别
 -->
@@ -411,6 +411,7 @@ export default {
     background: url("../../assets/index/div-title.png") no-repeat;
     background-size: 5%;
     background-position: 0 30%;
+    font-size: 1.2rem;
 
     span {
       font-family: "DouYu";
@@ -504,6 +505,7 @@ export default {
             align-items: center;
             background-color: #f6f6fa;
             border-radius: 0.2rem;
+            font-size: 1rem;
 
             .name {
               display: flex;
diff --git a/src/views/index-components/road-index.vue b/src/views/index-components/road-index.vue
index fed9e3a..529fd39 100644
--- a/src/views/index-components/road-index.vue
+++ b/src/views/index-components/road-index.vue
@@ -282,6 +282,7 @@ export default {
     background: url("../../assets/index/div-title.png") no-repeat;
     background-size: 5%;
     background-position: 0 30%;
+    font-size: 1.2rem;
 
     span {
       font-family: "DouYu";
@@ -296,6 +297,7 @@ export default {
     padding-left: 3rem;
     background: url("../../assets/index/top-div-title.png") no-repeat;
     background-size: 100% 100%;
+    font-size: 1rem;
 
     a {
       margin-top: 0.4rem;
diff --git a/src/views/index-components/traffic-index.vue b/src/views/index-components/traffic-index.vue
index b672a8e..0087b27 100644
--- a/src/views/index-components/traffic-index.vue
+++ b/src/views/index-components/traffic-index.vue
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-10-29 15:30:35
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2024-12-09 11:54:48
+ * @LastEditTime: 2024-12-10 11:56:27
  * @FilePath: \znxjxt-ui\src\views\index-components\traffic-index.vue
  * @Description: 首页-路况评定
 -->
@@ -355,6 +355,7 @@ export default {
     background: url("../../assets/index/div-title.png") no-repeat;
     background-size: 5%;
     background-position: 0 30%;
+    font-size: 1.2rem;
 
     >span {
       font-family: "DouYu";
diff --git a/src/views/index.vue b/src/views/index.vue
index 97b9696..0e2cc37 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -75,18 +75,20 @@ export default {
     /* 获取顶栏数据 */
     getTopData() {
       this.loading = true;
-      getTotalCount().then(({ code, data }) => {
-        if (code === 200) {
-          this.topList = [
-            { name: "路面病害总数", value: data.road, unit: "个" },
-            { name: "交安事件总数 ", value: data.event, unit: "个" },
-            { name: "桥隧病害总数", value: data.bridge, unit: "个" },
-            { name: "绿化待处理问题数", value: data.green, unit: "个" },
-          ];
-        }
-      }).finally(() => {
-        this.loading = false;
-      });
+      getTotalCount()
+        .then(({ code, data }) => {
+          if (code === 200) {
+            this.topList = [
+              { name: "路面病害总数", value: data.road, unit: "个" },
+              { name: "交安事件总数 ", value: data.event, unit: "个" },
+              { name: "桥隧病害总数", value: data.bridge, unit: "个" },
+              { name: "绿化待处理问题数", value: data.green, unit: "个" },
+            ];
+          }
+        })
+        .finally(() => {
+          this.loading = false;
+        });
     },
   },
 };
@@ -104,6 +106,7 @@ export default {
   display: flex;
   align-items: center;
   justify-content: space-around;
+  font-size: 1.2rem;
   background: url("../assets/index/top-content.png") no-repeat;
   background-size: 100% 100%;