| | |
|---|
| | | <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-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" |
|---|
| | | 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-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-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-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"> |
|---|
| | |
|---|
| | | :value="item.value" /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | |
|---|
| | | <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> |
|---|
| | | |
|---|
| | | <div class="ztzf-table-container" v-loading="loading" element-loading-background="rgba(5, 5, 15, 0.6)"> |
|---|
