| | |
|---|
| | | <template> |
|---|
| | | <el-dialog class="command-data-cockpit-dialog" append-to-body v-model="visibleModel" :title="dialogTitle" |
|---|
| | | <el-dialog class="command-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="command-dialog-history-search"> |
|---|
| | | <el-form-item label="关键字" prop="keyword"> |
|---|
| | | <el-input class="command-data-cockpit-search-input" v-model="searchParams.keyword" placeholder="名称/序列号" |
|---|
| | | <el-input class="command-search-input" v-model="searchParams.keyword" placeholder="名称/序列号" |
|---|
| | | clearable @clear="handleSearch" /> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-form-item prop="dateRange"> |
|---|
| | | <el-date-picker class="command-data-cockpit-date-picker" |
|---|
| | | popper-class="command-data-cockpit-date-picker-popper" v-model="searchParams.dateRange" |
|---|
| | | <el-date-picker class="command-date-picker" |
|---|
| | | popper-class="command-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-form-item label="区域" prop="area"> |
|---|
| | | <el-tree-select class="command-data-cockpit-select" popper-class="command-data-cockpit-tree-select-popper" |
|---|
| | | <el-tree-select class="command-select" popper-class="command-tree-select-popper" |
|---|
| | | v-model="searchParams.area" :data="areaTree" :props="areaTreeProps" node-key="value" check-strictly filterable :filter-node-method="filterAreaNode" clearable placeholder="请选择" @change="handleSearch" /> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-form-item label="无人机类型" prop="droneType"> |
|---|
| | | <el-select class="command-data-cockpit-select" popper-class="command-data-cockpit-select-popper" |
|---|
| | | <el-select class="command-select" popper-class="command-select-popper" |
|---|
| | | v-model="searchParams.droneType" placeholder="请选择" clearable @change="handleSearch"> |
|---|
| | | <el-option v-for="item in dictObj.droneType" :key="item.dictKey" :label="item.dictValue" |
|---|
| | | :value="item.dictKey" /> |
|---|
| | |
|---|
| | | |
|---|
| | | <div class="command-table-container" v-loading="loading" element-loading-background="rgba(5, 5, 15, 0.6)"> |
|---|
| | | <div class="command-table-content"> |
|---|
| | | <el-table class="command-data-cockpit-table" :data="list"> |
|---|
| | | <el-table class="command-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" /> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="command-table-pagination"> |
|---|
| | | <el-pagination popper-class="command-data-cockpit-select-popper" |
|---|
| | | <el-pagination popper-class="command-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> |
|---|
