换然而站温度报警排序问题

src/views/AIStation/PipelineTempPage/index.vue

@@ -385,11 +385,17 @@ watch(
             />
           </el-config-provider>
         </el-form-item>
-        <el-form-item>
+        <el-form-item v-if="selectedBtn !== 3">
           <el-button type="primary" @click="search" class="add-search-btn">查询</el-button>
           <el-button type="primary" @click="resetSearch" class="add-search-btn" v-if="selectedBtn !== 3">重置</el-button>
           <el-button type="primary" @click="handleExport()" class="add-search-btn">导出</el-button>
         </el-form-item>
+        <div>
+          <el-form-item v-if="selectedBtn === 3">
+            <el-button type="primary" @click="search" class="add-search-btn">查询</el-button>
+            <el-button type="primary" @click="handleExport" class="add-search-btn">导出</el-button>
+          </el-form-item>
+        </div>
       </el-form>
     </div>
     <div>

src/views/AIStation/TransTempPage/TransTempAlarmPage.vue

@@ -173,7 +173,19 @@ function handleStatus1() {
   console.log('?===========')
 
 }
-
+function handleDetail(item){
+  switch (item) {
+    case 0:
+      statusData.value = TransTempAlarmData.value.filter(item => item.handleStatus === 0);
+      break;
+    case 1:
+      statusData.value = TransTempAlarmData.value.filter(item => item.handleStatus === 1);
+      break;
+    default:
+      // 可以处理其他情况或不做任何操作
+      break;
+  }
+}
 </script>
 
 <template>
@@ -184,7 +196,7 @@ function handleStatus1() {
             :data="TransTempAlarmData"
             border
             style="width: 98%;margin-left: 15px"
-            height="calc(100vh - 280px)"
+            height="calc(100vh - 330px)"
             :header-cell-class-name="tableHeaderClass"
             :row-class-name="tableBodyClass"
             @sort-change="handleSortChange"
@@ -228,7 +240,7 @@ function handleStatus1() {
               </el-image>
             </template>
           </el-table-column>
-          <el-table-column prop="handleStatus" align="center" label="处理状态">
+          <el-table-column prop="handleStatus" align="center" label="处理状态" sortable :sort-map="sortMapData">
             <template #header>
               <span>处理状态</span>
               <el-button size="small" @click="handleStatus1">操作</el-button>
@@ -262,6 +274,10 @@ function handleStatus1() {
                width="1200px"
                :close-on-click-modal="false"
                append-to-body>
+      <div style="margin-bottom: 20px;padding-left: 20px">
+      <el-button type="primary" @click="handleDetail(0)">未处理</el-button>
+      <el-button type="primary" @click="handleDetail(1)">已处理</el-button>
+      </div>
       <el-table
           :data="statusData"
           border

src/views/AIStation/TransTempPage/index.vue

@@ -394,11 +394,17 @@ watch(
             />
           </el-config-provider>
         </el-form-item>
-        <el-form-item>
+        <el-form-item v-if="selectedBtn !== 3">
           <el-button type="primary" @click="search" class="add-search-btn">查询</el-button>
           <el-button type="primary" @click="resetSearch" class="add-search-btn" v-if="selectedBtn !== 3">重置</el-button>
           <el-button type="primary" @click="handleExport" class="add-search-btn">导出</el-button>
         </el-form-item>
+        <div>
+          <el-form-item v-if="selectedBtn === 3">
+          <el-button type="primary" @click="search" class="add-search-btn">查询</el-button>
+          <el-button type="primary" @click="handleExport" class="add-search-btn">导出</el-button>
+        </el-form-item>
+        </div>
       </el-form>
     </div>
     <div>