|
@@ -1,177 +1,81 @@
|
|
|
<template>
|
|
|
<div class="airportInfoDetails">
|
|
|
- <Minheader
|
|
|
- :is-auth="true"
|
|
|
- :is-statuser="true"
|
|
|
- powerData="new_airport_button"
|
|
|
- @addForm="addForm"
|
|
|
- >
|
|
|
+ <Minheader :is-auth="true" :is-statuser="true" powerData="new_airport_button" @addForm="addForm">
|
|
|
<template #header>
|
|
|
<div class="status flex-wrap">
|
|
|
<div class="manageTitle">机场信息维护</div>
|
|
|
</div>
|
|
|
- </template></Minheader
|
|
|
- >
|
|
|
+ </template>
|
|
|
+ </Minheader>
|
|
|
<div class="airportInfo-content">
|
|
|
<el-row :gutter="24">
|
|
|
<el-col :span="6" style="background: #fff">
|
|
|
<div class="tree_left">
|
|
|
<el-scrollbar style="height: 100%">
|
|
|
<div class="corporate">{{ company }}</div>
|
|
|
- <el-tree
|
|
|
- :data="data.value"
|
|
|
- :props="defaultProps"
|
|
|
- accordion
|
|
|
- @node-click="handleNodeClick"
|
|
|
- >
|
|
|
+ <el-tree :data="data" :props="defaultProps" accordion @node-click="handleNodeClick">
|
|
|
</el-tree>
|
|
|
</el-scrollbar>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="18">
|
|
|
<div class="app-containers">
|
|
|
- <DataTable
|
|
|
- :btnGroupWidth="btnGroupWidth"
|
|
|
- :tableHeader="tableCols"
|
|
|
- :tableData="tableData"
|
|
|
- :tableBtnGroup="tableBtnGroup"
|
|
|
- :tableProperty="{ rowKey: 'ID' }"
|
|
|
- @btnClick="btnClick"
|
|
|
- />
|
|
|
+ <DataTable :btnGroupWidth="btnGroupWidth" :tableHeader="tableCols" :tableData="tableData" :tableBtnGroup="tableBtnGroup" :tableProperty="{ rowKey: 'ID' }" @btnClick="btnClick" />
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <Dialog
|
|
|
- width="600px"
|
|
|
- :flag="flag"
|
|
|
- :type="type"
|
|
|
- :msgTitle="msgTitle"
|
|
|
- :delName="tableForm.airportName"
|
|
|
- @resetForm="resetForm"
|
|
|
- @delRest="delRest"
|
|
|
- @submitForm="submitForm"
|
|
|
- @delRemove="delRemove"
|
|
|
- >
|
|
|
+ <Dialog width="600px" :flag="flag" :type="type" :msgTitle="msgTitle" :delName="tableForm.airportName" @resetForm="resetForm" @delRest="delRest" @submitForm="submitForm" @delRemove="delRemove">
|
|
|
<div class="diacont">
|
|
|
<el-form :model="tableForm" :rules="formRules" ref="airportInfoForm">
|
|
|
<el-row :gutter="24">
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item
|
|
|
- label="中文全称"
|
|
|
- size="default"
|
|
|
- prop="airportName"
|
|
|
- :rules="formRules.isNotNull"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- v-model="tableForm.airportName"
|
|
|
- placeholder="请输入机场名称"
|
|
|
- />
|
|
|
+ <el-form-item label="中文全称" size="default" prop="airportName" :rules="formRules.isNotNull">
|
|
|
+ <el-input v-model="tableForm.airportName" placeholder="请输入机场名称" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item
|
|
|
- label="中文简称"
|
|
|
- size="default"
|
|
|
- prop="abbreviation"
|
|
|
- :rules="formRules.isNotNull"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- v-model="tableForm.abbreviation"
|
|
|
- placeholder="请输入中文简称"
|
|
|
- />
|
|
|
+ <el-form-item label="中文简称" size="default" prop="abbreviation" :rules="formRules.isNotNull">
|
|
|
+ <el-input v-model="tableForm.abbreviation" placeholder="请输入中文简称" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="英文简称" size="default">
|
|
|
- <el-input
|
|
|
- v-model="tableForm.englishAbbreviation"
|
|
|
- placeholder="请输入英文简称"
|
|
|
- />
|
|
|
+ <el-input v-model="tableForm.englishAbbreviation" placeholder="请输入英文简称" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="英文全称" size="default">
|
|
|
- <el-input
|
|
|
- v-model="tableForm.fullName"
|
|
|
- placeholder="请输入英文全称"
|
|
|
- />
|
|
|
+ <el-input v-model="tableForm.fullName" placeholder="请输入英文全称" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item
|
|
|
- label="三字码"
|
|
|
- size="default"
|
|
|
- prop="IATACode"
|
|
|
- :rules="formRules.isNotNull"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- v-model="tableForm.IATACode"
|
|
|
- placeholder="请输入三字码"
|
|
|
- />
|
|
|
+ <el-form-item label="三字码" size="default" prop="IATACode" :rules="formRules.isNotNull">
|
|
|
+ <el-input v-model="tableForm.IATACode" placeholder="请输入三字码" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item
|
|
|
- label="四字码"
|
|
|
- size="default"
|
|
|
- prop="ICAOCode"
|
|
|
- :rules="formRules.isNotNull"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- v-model="tableForm.ICAOCode"
|
|
|
- placeholder="请输入四字码"
|
|
|
- />
|
|
|
+ <el-form-item label="四字码" size="default" prop="ICAOCode" :rules="formRules.isNotNull">
|
|
|
+ <el-input v-model="tableForm.ICAOCode" placeholder="请输入四字码" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item
|
|
|
- label="时区"
|
|
|
- size="default"
|
|
|
- prop="airportTimeZone"
|
|
|
- :rules="formRules.isNotNull"
|
|
|
- >
|
|
|
+ <el-form-item label="时区" size="default" prop="airportTimeZone" :rules="formRules.isNotNull">
|
|
|
<!-- <el-input v-model="tableForm.china" /> -->
|
|
|
- <el-select
|
|
|
- style="width: 100%"
|
|
|
- v-model="tableForm.airportTimeZone"
|
|
|
- class="input-shadow"
|
|
|
- filterable
|
|
|
- default-first-option
|
|
|
- clearable
|
|
|
- placeholder="请选择时区"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in tableOptionser"
|
|
|
- :key="item.v ? item.v : item.planDepartureApt"
|
|
|
- :label="item.k ? item.k : item.planDepartureApt"
|
|
|
- :value="item.v ? item.v : item.planDepartureApt"
|
|
|
- >
|
|
|
+ <el-select style="width: 100%" v-model="tableForm.airportTimeZone" class="input-shadow" filterable default-first-option clearable placeholder="请选择时区">
|
|
|
+ <el-option v-for="item in tableOptionser" :key="item.v ? item.v : item.planDepartureApt" :label="item.k ? item.k : item.planDepartureApt" :value="item.v ? item.v : item.planDepartureApt">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item
|
|
|
- label="公司名称"
|
|
|
- size="default"
|
|
|
- prop="companyName"
|
|
|
- :rules="formRules.isNotNull"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- disabled
|
|
|
- v-model="tableForm.companyName"
|
|
|
- placeholder="请输入公司名称"
|
|
|
- />
|
|
|
+ <el-form-item label="公司名称" size="default" prop="companyName" :rules="formRules.isNotNull">
|
|
|
+ <el-input disabled v-model="tableForm.companyName" placeholder="请输入公司名称" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="备注" size="default">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- v-model="tableForm.remarks"
|
|
|
- placeholder="请输入备注"
|
|
|
- />
|
|
|
+ <el-input type="textarea" v-model="tableForm.remarks" placeholder="请输入备注" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -189,7 +93,7 @@ import { ElMessage } from "element-plus";
|
|
|
import Cookies from "js-cookie";
|
|
|
const formRules = useElement().formRules;
|
|
|
const router = useRouter();
|
|
|
-const tableBtnGroup = ref<Array>([
|
|
|
+const tableBtnGroup = ref<any>([
|
|
|
{
|
|
|
name: "编辑",
|
|
|
className: "editBtn",
|
|
@@ -211,21 +115,21 @@ const tableBtnGroup = ref<Array>([
|
|
|
]); //单独的编辑
|
|
|
const page = ref<number>(0); //分页参数
|
|
|
const dataContent = ref<object>({});
|
|
|
-const noMore = ref<Boolean>(false);
|
|
|
-const rowTitle = ref<String>("");
|
|
|
-const tableCols = ref([]); //表头数据
|
|
|
-const serviceId = ref<String>("");
|
|
|
+const noMore = ref<boolean>(false);
|
|
|
+const rowTitle = ref<string>("");
|
|
|
+const tableCols = ref<any>([]); //表头数据
|
|
|
+const serviceId = ref<any>("");
|
|
|
const tableObj = ref({}); //增删改数据缓存
|
|
|
const defaultProps = ref({
|
|
|
children: "children",
|
|
|
label: "companyName",
|
|
|
});
|
|
|
const companyID = ref(""); //机场id
|
|
|
-const btnGroupWidth = ref<String>("");
|
|
|
-const flag = ref<Boolean>(false); //弹窗开关
|
|
|
-const type = ref<String>(""); //判断是否删除
|
|
|
-const msgTitle = ref<String>("新增机场信息维护"); //弹窗标题
|
|
|
-const tableOptionser = ref<Array>([
|
|
|
+const btnGroupWidth = ref<string>("");
|
|
|
+const flag = ref<boolean>(false); //弹窗开关
|
|
|
+const type = ref<string>(""); //判断是否删除
|
|
|
+const msgTitle = ref<string>("新增机场信息维护"); //弹窗标题
|
|
|
+const tableOptionser = ref<any>([
|
|
|
{
|
|
|
k: "UTC",
|
|
|
v: "1",
|
|
@@ -320,7 +224,7 @@ const tableOptionser = ref<Array>([
|
|
|
},
|
|
|
]); //弹窗下拉
|
|
|
const tableColsCopys = reactive<Object>({}); //弹窗
|
|
|
-const tableForm = reactive({
|
|
|
+const tableForm = reactive<any>({
|
|
|
airportID: "",
|
|
|
airportName: "",
|
|
|
IATACode: "",
|
|
@@ -343,7 +247,7 @@ const tableColumnProperty = reactive({
|
|
|
headerAlign: "",
|
|
|
}); //弹窗内容
|
|
|
//列表
|
|
|
-const tableData = ref([]);
|
|
|
+const tableData = ref<any>([]);
|
|
|
//表头
|
|
|
const state = reactive({
|
|
|
list: [
|
|
@@ -359,7 +263,7 @@ const state = reactive({
|
|
|
listLoading: true,
|
|
|
});
|
|
|
const company = ref("所属公司");
|
|
|
-const data = reactive([]);
|
|
|
+const data = ref([]);
|
|
|
//新增
|
|
|
const addForm = () => {
|
|
|
msgTitle.value = "新增机场信息维护";
|
|
@@ -370,7 +274,7 @@ const addForm = () => {
|
|
|
};
|
|
|
//取消
|
|
|
const resetForm = () => {
|
|
|
- airportInfoForm.value?.resetFields()
|
|
|
+ airportInfoForm.value?.resetFields();
|
|
|
flag.value = false;
|
|
|
// tableForm.airportID = "";
|
|
|
// tableForm.airportName = "";
|
|
@@ -518,7 +422,7 @@ const getAirlines = async () => {
|
|
|
dataContent: [],
|
|
|
});
|
|
|
if (res.code === "0") {
|
|
|
- let arr = [];
|
|
|
+ let arr: any = [];
|
|
|
arr = translateDataToTreeAll(
|
|
|
res.returnData.listValues,
|
|
|
"parentID",
|