From b618191bab4e910744711fb4f2d6335d14aaa00a Mon Sep 17 00:00:00 2001 From: shuishen <1109946754@qq.com> Date: Fri, 16 Jan 2026 09:29:47 +0800 Subject: [PATCH] feat:部分菜单页显示处理 --- applications/drone-command/src/views/dataCockpit/components/DeviceHistoryDialog.vue | 67 +++++++++++++++------------------ 1 files changed, 30 insertions(+), 37 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..f8e3dab 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)"> @@ -115,7 +108,7 @@ }) const searchParams = ref(initSearchParams()) const queryParamsRef = ref(null) -const loading = ref(false) +const loading = ref(true) const list = ref([]) const total = ref(0) const areaTree = ref([ -- Gitblit v1.9.3