fix：修改适配

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;
       }
     }

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

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 {

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;

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)",
             },
           },

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：当前数据窗口外的数据，被设置为空。

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;

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) => {

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 + "";
             },

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 {

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;

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;

src/views/big-screen/road-components/road-statistic.vue

@@ -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>
-  

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;

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;

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;

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";

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%;