From 098ea60f200cbaa3f5369900e1946ae461b427b6 Mon Sep 17 00:00:00 2001 From: shuishen <1109946754@qq.com> Date: Wed, 14 Jan 2026 15:03:18 +0800 Subject: [PATCH] feat:设备出入库新增、查看、编辑等弹窗风格样式调整 --- applications/drone-command/src/views/dataCockpit/components/DeviceHistoryDialog.vue | 65 ++++++++++++++------------------ 1 files changed, 29 insertions(+), 36 deletions(-) diff --git a/applications/drone-command/src/views/dataCockpit/components/DeviceHistoryDialog.vue b/applications/drone-command/src/views/dataCockpit/components/DeviceHistoryDialog.vue index 836cb79..3057b8c 100644 --- a/applications/drone-command/src/views/dataCockpit/components/DeviceHistoryDialog.vue +++ b/applications/drone-command/src/views/dataCockpit/components/DeviceHistoryDialog.vue @@ -2,43 +2,36 @@ <el-dialog class="ztzf-data-cockpit-dialog" append-to-body v-model="visibleModel" :title="dialogTitle" :close-on-click-modal="false" :destroy-on-close="true"> <el-form ref="queryParamsRef" :model="searchParams" class="ztzf-dialog-history-search"> - <el-row :gutter="12"> - <el-col :span="4"> - <el-form-item label="关键字" prop="keyword"> - <el-input class="ztzf-data-cockpit-search-input" v-model="searchParams.keyword" - placeholder="名称/序列号" clearable @clear="handleSearch" /> - </el-form-item> - </el-col> - <el-col :span="5"> - <el-form-item prop="dateRange"> - <el-date-picker class="ztzf-data-cockpit-date-picker" - popper-class="ztzf-data-cockpit-date-picker-popper" v-model="searchParams.dateRange" - type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" - value-format="YYYY/MM/DD" @change="handleSearch" /> - </el-form-item> - </el-col> - <el-col :span="4"> - <el-form-item label="区域" prop="area"> - <el-tree-select class="ztzf-data-cockpit-select" popper-class="ztzf-tree-cockpit-select-popper" - v-model="searchParams.area" :data="areaTree" :props="areaTreeProps" node-key="value" - check-strictly clearable placeholder="请选择" @change="handleSearch" /> - </el-form-item> - </el-col> - <el-col :span="5"> - <el-form-item label="无人机类型" prop="droneType"> - <el-select class="ztzf-data-cockpit-select" popper-class="ztzf-data-cockpit-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-col> + <el-form-item label="关键字" prop="keyword"> + <el-input class="ztzf-data-cockpit-search-input" v-model="searchParams.keyword" placeholder="名称/序列号" + clearable @clear="handleSearch" /> + </el-form-item> - <el-form-item class="history-search-actions"> - <el-button :icon="RefreshRight" @click="resetForm"></el-button> - <el-button :icon="Search" @click="handleSearch"></el-button> - </el-form-item> - </el-row> + <el-form-item prop="dateRange"> + <el-date-picker class="ztzf-data-cockpit-date-picker" + popper-class="ztzf-data-cockpit-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="ztzf-data-cockpit-select" popper-class="ztzf-data-cockpit-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="ztzf-data-cockpit-select" popper-class="ztzf-data-cockpit-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-button :icon="RefreshRight" @click="resetForm"></el-button> + <el-button :icon="Search" @click="handleSearch"></el-button> + </el-form-item> </el-form> <div class="ztzf-table-container" v-loading="loading" element-loading-background="rgba(5, 5, 15, 0.6)"> -- Gitblit v1.9.3