吉安感知网项目-前端
shuishen
2026-02-03 89380e6260a75d1d3b94de687ebcc2f50d50659d
applications/drone-command/src/views/dataCockpit/components/HistoryWarning.vue
@@ -8,14 +8,14 @@
      <!-- 搜索区(设计稿红框) -->
      <div class="search-box">
         <!-- 关键字 -->
         <el-input v-model="query.keyword" class="command-data-cockpit-search-input" placeholder="请输入数据名称" clearable
            @keyup.enter="onSearch">
         <el-input v-model="query.keyword" class="command-input" placeholder="请输入数据名称" clearable
            @keyup.enter="onSearch" @clear="onSearch">
         </el-input>
         <!-- 日期范围 -->
         <el-date-picker v-model="query.dateRange" 
              class="command-data-cockpit-date-picker"
             popper-class="command-data-cockpit-date-picker-popper"
              class="command-date-picker"
             popper-class="command-date-picker-popper"
             type="daterange" 
            range-separator="~"
            start-placeholder="创建开始日期" end-placeholder="结束日期" format="YYYY年MM月DD日" value-format="YYYY-MM-DD"
@@ -38,6 +38,7 @@
</template>
<script setup>
   import { dateRangeFormat } from '@ztzf/utils'
import { ref, computed, onMounted } from 'vue'
import HistoryTemplate from './templateComponents/HistoryTemplate.vue'
import { alarmLogApi } from '@/api/dataCockpit'
@@ -62,10 +63,11 @@
}
const fetchHistoryWarning = async () => {
   const startAt = Date.now()
   loading.value = true
   try {
      const [startTime, endTime] = query.value.dateRange || []
      const [startTime, endTime] = dateRangeFormat(query.value.dateRange) || []
      const keyword = (query.value.keyword || '').trim()
      const params = {
         current: 1,
@@ -110,7 +112,7 @@
      flex-direction: column;
      gap: 10px;
      ::v-deep(.command-data-cockpit-date-picker) {
      ::v-deep(.command-date-picker) {
         width: 100% !important;
      }
   }