feat: 样式调整

罗广辉

2026-01-17 97162876c5b5110380c82246f5a075f8a685bba3

 applications/task-work-order/src/views/dataCockpit/components/DeviceHistoryDialog.vue

@@ -1,42 +1,42 @@
<template>
   <el-dialog class="work-data-cockpit-dialog" append-to-body v-model="visibleModel" :title="dialogTitle"
   <el-dialog class="gd-dialog1" append-to-body v-model="visibleModel" :title="dialogTitle"
      :close-on-click-modal="false" :destroy-on-close="true">
      <el-form ref="queryParamsRef" :model="searchParams" class="work-dialog-history-search">
      <el-form ref="queryParamsRef" :model="searchParams" class="gd-dialog-form">
         <el-form-item label="关键字" prop="keyword">
            <el-input class="work-data-cockpit-search-input" v-model="searchParams.keyword" placeholder="名称/序列号"
            <el-input class="gd-input" v-model="searchParams.keyword" placeholder="名称/序列号"
               clearable @clear="handleSearch" />
         </el-form-item>

         <el-form-item prop="dateRange">
            <el-date-picker class="work-data-cockpit-date-picker"
               popper-class="work-data-cockpit-tree-select-popper" v-model="searchParams.dateRange"
            <el-date-picker class="gd-date-picker"
               popper-class="gd-tree-select-popper" v-model="searchParams.dateRange"
               type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
               value-format="YYYY/MM/DD" @change="handleSearch" />
         </el-form-item>

         <el-form-item label="区域" prop="area">
            <el-tree-select class="work-data-cockpit-select" popper-class="work-data-cockpit-tree-select-popper"
            <el-tree-select class="gd-select" popper-class="gd-tree-select-popper"
               v-model="searchParams.area" :data="areaTree" :props="areaTreeProps" node-key="value" check-strictly
               clearable placeholder="请选择" @change="handleSearch" />
         </el-form-item>

         <el-form-item label="无人机类型" prop="droneType">
            <el-select class="work-data-cockpit-select" popper-class="work-select-popper"
            <el-select class="gd-select" popper-class="gd-select-popper"
               v-model="searchParams.droneType" placeholder="请选择" clearable @change="handleSearch">
               <el-option v-for="item in droneTypeOptions" :key="item.value" :label="item.label"
                  :value="item.value" />
            </el-select>
         </el-form-item>

         <el-form-item class="history-search-actions">
         <el-form-item class="gd-search-actions">
            <el-button :icon="RefreshRight" @click="resetForm"></el-button>
            <el-button :icon="Search" @click="handleSearch"></el-button>
         </el-form-item>
      </el-form>

      <div class="work-table-container" v-loading="loading" element-loading-background="rgba(5, 5, 15, 0.6)">
         <div class="work-table-content">
            <el-table class="work-data-cockpit-table" :data="list">
      <div class="gd-table-container" v-loading="loading" element-loading-background="rgba(5, 5, 15, 0.6)">
         <div class="gd-table-content">
            <el-table class="gd-table" :data="list">
               <el-table-column type="index" width="60" label="序号" />
               <el-table-column prop="droneName" label="无人机名称" min-width="120" />
               <el-table-column prop="droneSerialNo" label="无人机序列号" min-width="140" />
@@ -62,8 +62,8 @@
            </el-table>
         </div>

         <div class="work-table-pagination">
            <el-pagination popper-class="work-select-popper"
         <div class="gd-pagination-parent">
            <el-pagination popper-class="gd-select-popper"
               v-model:current-page="searchParams.current" v-model:page-size="searchParams.size"
               layout="total, prev, pager, next, sizes" :total="total" @change="getList" />
         </div>