修改了热成像页面的分辨率问题

src/views/AIStation/TransTempPage/index.vue

@@ -380,41 +380,22 @@ function getSupplys() {
 <template>
   <div class="app-content">
     <div class="search-wrapper">
-      <el-form :model="queryParams" :inline="true" style="padding: 10px 0 0 10px;display: flex;justify-content: center;align-items: center" >
-        <div style="width: 350px;">
+      <el-form :model="queryParams" :inline="true" style="padding: 10px 0 0 10px;display: flex;align-items: center" >
+        <div style="width: 25%;">
           <el-form-item label="换热站:">
             <el-cascader :options="options" v-model="queryParams.stationId" filterable clearable :show-all-levels="false"
-                         placeholder="请选择" style="min-width: 250px;"  :props="props" collapse-tags/>
+                         placeholder="请选择" style="min-width: 180px;"  :props="props" collapse-tags/>
           </el-form-item>
         </div>
-        <div style="width: 150px;">
+        <div style="width: 20%;">
           <el-form-item label="自动更新:">
             <el-switch v-model="refresh" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
           </el-form-item>
-        </div>
-        <div style="width: 300px;">
-          <el-form-item label="告警状态:" prop="alarmStatus" v-show="selectedBtn === 1 || selectedBtn === 2">
-            <el-select placeholder="请选择" clearable style="width: 200px" v-model="queryParams.alarmStatus">
-              <el-option v-for="item in alarmStatusList" :key="item.value" :value="item.value" :label="item.label"/>
-            </el-select>
-          </el-form-item>
           <el-form-item label="设备名称:" prop="deviceName">
-            <el-input placeholder="请输入内容" style="width: 200px" v-model="queryParams.deviceName" clearable></el-input>
-          </el-form-item>
-        </div>
-        <div style="width: 300px;" v-if="selectedBtn === 3">
-          <el-form-item label="处理状态:" prop="handleStatus" v-show="selectedBtn === 3">
-            <el-select placeholder="请选择" clearable style="width: 200px" v-model="queryParams.handleStatus">
-              <el-option v-for="item in handleStatusList" :key="item.value" :value="item.value" :label="item.label"/>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="报警类型:" prop="alarmType" v-show="selectedBtn === 3">
-            <el-select placeholder="请选择" clearable style="width: 200px" v-model="queryParams.alarmType">
-              <el-option v-for="item in alarmTypeList" :key="item.value" :value="item.value" :label="item.label"/>
-            </el-select>
+            <el-input placeholder="请输入内容" v-model="queryParams.deviceName" clearable></el-input>
           </el-form-item>
         </div>
-        <div style="width: 300px;" v-if="selectedBtn !== 1">
+        <div style="width: 20%;" v-if="selectedBtn !== 1">
           <el-form-item label="开始时间:" prop="beginTime" v-if="selectedBtn !== 1">
             <el-config-provider :locale="zhCn">
               <el-date-picker
@@ -440,13 +421,41 @@ function getSupplys() {
             </el-config-provider>
           </el-form-item>
         </div>
-        <div>
-          <el-form-item>
-            <el-button type="primary" @click="search" class="add-search-btn">查询</el-button>
-            <el-button type="primary" @click="resetSearch" class="add-search-btn">重置</el-button>
-            <el-button type="primary" @click="handleExport" class="add-search-btn">导出</el-button>
+        <div style="width: 20%;" v-if="selectedBtn === 1 || selectedBtn === 2">
+          <el-form-item label="告警状态:" prop="alarmStatus" v-if="selectedBtn === 1 || selectedBtn === 2">
+            <el-select placeholder="请选择" clearable style="width: 200px" v-model="queryParams.alarmStatus">
+              <el-option v-for="item in alarmStatusList" :key="item.value" :value="item.value" :label="item.label"/>
+            </el-select>
           </el-form-item>
         </div>
+        <div style="width: 20%;" v-if="selectedBtn === 3">
+          <el-form-item label="处理状态:" prop="handleStatus" v-if="selectedBtn === 3">
+            <el-select placeholder="请选择" clearable style="width: 200px" v-model="queryParams.handleStatus">
+              <el-option v-for="item in handleStatusList" :key="item.value" :value="item.value" :label="item.label"/>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="报警类型:" prop="alarmType" v-if="selectedBtn === 3">
+            <el-select placeholder="请选择" clearable style="width: 200px" v-model="queryParams.alarmType">
+              <el-option v-for="item in alarmTypeList" :key="item.value" :value="item.value" :label="item.label"/>
+            </el-select>
+          </el-form-item>
+        </div>
+<!--        <div style="width: 200px;">-->
+<!--          <el-form-item>-->
+<!--            <el-button style="margin-left: 12px;margin-right: 10px" type="primary" @click="search" class="add-search-btn">查询</el-button>-->
+<!--            <el-button style="margin-right: 10px" type="primary" @click="resetSearch" class="add-search-btn">重置</el-button>-->
+<!--            <el-button style="margin-right: 10px;margin-top: 10px" type="primary" @click="handleExport" class="add-search-btn">导出</el-button>-->
+<!--          </el-form-item>-->
+<!--        </div>-->
+        <div style="display: flex; flex-direction: column;margin-bottom: 1%">
+          <div style="display: flex; justify-content: space-between;">
+            <el-button style="margin-left: 12px;" type="primary" @click="search" class="add-search-btn">查询</el-button>
+            <el-button style="margin-left: 12px;" type="primary" @click="resetSearch" class="add-search-btn">重置</el-button>
+          </div>
+          <div style="display: flex; justify-content: flex-start;">
+            <el-button style="margin-top: 12px;margin-left: 12px;" type="primary" @click="handleExport" class="add-search-btn">导出</el-button>
+          </div>
+        </div>
       </el-form>
     </div>
     <div>