| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div> |
| | | <el-form-item label="类型名称:"> |
| | | <el-input v-model="params.typeName" placeholder="请输入空域名称" clearable /> |
| | | <el-input v-model="params.typeName" placeholder="请输入类型名称" clearable /> |
| | | </el-form-item> |
| | | </div> |
| | | <div> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="getList">搜索</el-button> |
| | | <el-button @click="cancelSearch">取消</el-button> |
| | | <el-button @click="cancelSearch">清空</el-button> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </el-dialog> --> |
| | | <el-dialog class="ztzf-dialog" append-to-body v-model="isShowEditView" :title="titleTxt" |
| | | :width="pxToRem(800)" :height="pxToRem(900)" :close-on-click-modal="false" :destroy-on-close="true"> |
| | | :width="pxToRem(880)" :close-on-click-modal="false" :destroy-on-close="true"> |
| | | <div class="content-edit"> |
| | | <el-form ref="ruleFormRef" :model="editParams" :rules="rules" inline> |
| | | <el-form-item label="类型名称" prop="type_name"> |
| | |
| | | </template> |
| | | <script setup> |
| | | import { getAirSpaceTypeList, airSpaceTypeEdit, airSpaceTypeAdd, airSpaceTypeDelete } from '@/api/airspace/airspace'; |
| | | import { ElMessage } from 'element-plus' |
| | | import { ElMessage, ElMessageBox } from 'element-plus' |
| | | |
| | | const total = ref(0) |
| | | const params = ref({ |
| | |
| | | rowView.value = row |
| | | } |
| | | function handleDelete (row) { |
| | | airSpaceTypeDelete(row.id).then(res => { |
| | | ElMessage.success('删除成功') |
| | | getList() |
| | | ElMessageBox.confirm('确定将选择数据删除?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning', |
| | | }).then(() => { |
| | | airSpaceTypeDelete(row.id).then(res => { |
| | | ElMessage.success('删除成功') |
| | | getList() |
| | | }) |
| | | }).catch(() => { |
| | | ElMessage({ |
| | | type: 'info', |
| | | message: '已取消删除' |
| | | }) |
| | | }) |
| | | } |
| | | function handleAdd() { |
| | |
| | | .airspaceManage { |
| | | height: 0; |
| | | flex: 1; |
| | | padding: 20px; |
| | | margin: 0 10px 10px 10px; |
| | | background-color: #ffffff; |
| | | padding: 10px 20px; |
| | | // padding: 10px 20px; |
| | | border-radius: 5px; |
| | | display: flex; |
| | | flex-direction: column; |