除机场的基础数据

src/views/BasicsData/airlineCompany/index.vue

@@ -21,32 +21,51 @@
             <el-row :gutter="24">
               <el-col>
                 <el-form-item label="航司名称">
-                  <el-input v-model="tableForm.name" />
+                  <el-input
+                    v-model="tableForm.name"
+                    placeholder="请输入航司名称"
+                  />
                 </el-form-item>
               </el-col>
               <el-col>
                 <el-form-item label="中文简称">
-                  <el-input v-model="tableForm.china" />
+                  <el-input
+                    v-model="tableForm.china"
+                    placeholder="请输入中文简称"
+                  />
                 </el-form-item>
               </el-col>
               <el-col>
                 <el-form-item label="英文简称">
-                  <el-input v-model="tableForm.englin" />
+                  <el-input
+                    v-model="tableForm.englin"
+                    placeholder="请输入英文简称"
+                  />
                 </el-form-item>
               </el-col>
               <el-col>
                 <el-form-item label="航司二字码">
-                  <el-input v-model="tableForm.two" />
+                  <el-input
+                    v-model="tableForm.two"
+                    placeholder="请输入航司二字码"
+                  />
                 </el-form-item>
               </el-col>
               <el-col>
                 <el-form-item label="航司三字码">
-                  <el-input v-model="tableForm.three" />
+                  <el-input
+                    v-model="tableForm.three"
+                    placeholder="请输入航司三字码"
+                  />
                 </el-form-item>
               </el-col>
               <el-col>
                 <el-form-item label="备注">
-                  <el-input type="textarea" v-model="tableForm.text" />
+                  <el-input
+                    type="textarea"
+                    v-model="tableForm.text"
+                    placeholder="请输入备注"
+                  />
                 </el-form-item>
               </el-col>
             </el-row>

src/views/BasicsData/airportCompany/index.vue

@@ -21,17 +21,42 @@
             <el-row :gutter="24">
               <el-col>
                 <el-form-item label="公司名称">
-                  <el-input v-model="tableForm.name" />
+                  <el-input
+                    v-model="tableForm.name"
+                    placeholder="请输入公司名称"
+                  />
                 </el-form-item>
               </el-col>
               <el-col>
                 <el-form-item label="上级公司">
                   <!-- <el-input v-model="tableForm.china" /> -->
+                  <el-select
+                    style="width: 100%"
+                    v-model="tableForm.china"
+                    class="input-shadow"
+                    size="small"
+                    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>
                 <el-form-item label="公司描述">
-                  <el-input type="textarea" v-model="tableForm.text" />
+                  <el-input
+                    type="textarea"
+                    v-model="tableForm.text"
+                    placeholder="请输入公司描述"
+                  />
                 </el-form-item>
               </el-col>
             </el-row>
@@ -48,6 +73,7 @@ import Dialog from "@/components/dialog/index.vue";
 const flag = ref<Boolean>(false); //弹窗开关
 const type = ref<String>(""); //判断是否删除
 const msgTitle = ref<String>("新增机场公司维护"); //弹窗标题
+const tableOptionser = ref<Array>([]); //弹窗下拉
 const tableColsCopys = reactive<Object>({}); //弹窗
 const tableForm = reactive<Object>({
   name: "",

src/views/BasicsData/cargoInformation/index.vue

@@ -1,22 +1,101 @@
 <template>
   <div class="airportInfo">
     <div class="wrap">
-      <Minheader :is-auth="true" :is-statuser="true">
+      <Minheader :is-auth="true" :is-statuser="true" @addForm="addForm">
         <template #header>
           <div class="status flex-wrap">
-            <div class="manageTitle">代货信息维护</div>
+            <div class="manageTitle">货代管理</div>
           </div>
         </template></Minheader
       >
-      <DataTable />
+      <DataTable @editDialog="editDialog" @eleDialog="eleDialog" />
+      <Dialog
+        :flag="flag"
+        :type="type"
+        :msgTitle="msgTitle"
+        @resetForm="resetForm"
+        @delRest="delRest"
+      >
+        <div class="diacont">
+          <el-form :model="tableForm">
+            <el-row :gutter="24">
+              <el-col>
+                <el-form-item label="货代名称">
+                  <el-input
+                    v-model="tableForm.name"
+                    placeholder="请输入货代名称"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="货代编码">
+                  <el-input
+                    v-model="tableForm.china"
+                    placeholder="请输入货代编码"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="货代描述">
+                  <el-input
+                    type="textarea"
+                    v-model="tableForm.text"
+                    placeholder="请输入货代描述"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </Dialog>
     </div>
   </div>
 </template>
 <script setup lang="ts">
 import DataTable from "@/views/table/index.vue";
 import Minheader from "@/components/minheader/index.vue";
+import Dialog from "@/components/dialog/index.vue";
+const flag = ref<Boolean>(false); //弹窗开关
+const type = ref<String>(""); //判断是否删除
+const msgTitle = ref<String>("新增货代管理"); //弹窗标题
+const tableColsCopys = reactive<Object>({}); //弹窗
+const tableForm = reactive<Object>({
+  name: "",
+  china: "",
+  englin: "",
+  two: "",
+  three: "",
+  text: "",
+}); //弹窗内容
+//新增
+const addForm = () => {
+  msgTitle.value = "新增货代管理";
+  flag.value = true;
+  type.value = "";
+};
+//取消
+const resetForm = () => {
+  flag.value = false;
+};
+//编辑
+const editDialog = () => {
+  msgTitle.value = "编辑货代管理";
+  flag.value = true;
+  type.value = "";
+};
+//删除
+const eleDialog = () => {
+  msgTitle.value = "删除货代管理";
+  flag.value = true;
+  type.value = "del";
+};
+//删除
+const delRest = () => {
+  flag.value = false;
+};
 </script>
 <style lang="scss" scoped>
-.airportInfo {
+::v-deep .el-form-item__label {
+  width: 80px;
 }
 </style>

src/views/BasicsData/containerMaintenance/index.vue

@@ -1,22 +1,101 @@
 <template>
   <div class="airportInfo">
     <div class="wrap">
-      <Minheader :is-auth="true" :is-statuser="true">
+      <Minheader :is-auth="true" :is-statuser="true" @addForm="addForm">
         <template #header>
           <div class="status flex-wrap">
             <div class="manageTitle">容器维护</div>
           </div>
         </template></Minheader
       >
-      <DataTable />
+      <DataTable @editDialog="editDialog" @eleDialog="eleDialog" />
+      <Dialog
+        :flag="flag"
+        :type="type"
+        :msgTitle="msgTitle"
+        @resetForm="resetForm"
+        @delRest="delRest"
+      >
+        <div class="diacont">
+          <el-form :model="tableForm">
+            <el-row :gutter="24">
+              <el-col>
+                <el-form-item label="容器名称">
+                  <el-input
+                    v-model="tableForm.name"
+                    placeholder="请输入容器名称"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="标识符">
+                  <el-input
+                    v-model="tableForm.china"
+                    placeholder="请输入标识符"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="容器描述">
+                  <el-input
+                    type="textarea"
+                    v-model="tableForm.text"
+                    placeholder="请输入容器描述"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </Dialog>
     </div>
   </div>
 </template>
 <script setup lang="ts">
 import DataTable from "@/views/table/index.vue";
 import Minheader from "@/components/minheader/index.vue";
+import Dialog from "@/components/dialog/index.vue";
+const flag = ref<Boolean>(false); //弹窗开关
+const type = ref<String>(""); //判断是否删除
+const msgTitle = ref<String>("新增容器维护"); //弹窗标题
+const tableColsCopys = reactive<Object>({}); //弹窗
+const tableForm = reactive<Object>({
+  name: "",
+  china: "",
+  englin: "",
+  two: "",
+  three: "",
+  text: "",
+}); //弹窗内容
+//新增
+const addForm = () => {
+  msgTitle.value = "新增容器维护";
+  flag.value = true;
+  type.value = "";
+};
+//取消
+const resetForm = () => {
+  flag.value = false;
+};
+//编辑
+const editDialog = () => {
+  msgTitle.value = "编辑容器维护";
+  flag.value = true;
+  type.value = "";
+};
+//删除
+const eleDialog = () => {
+  msgTitle.value = "删除容器维护";
+  flag.value = true;
+  type.value = "del";
+};
+//删除
+const delRest = () => {
+  flag.value = false;
+};
 </script>
 <style lang="scss" scoped>
-.airportInfo {
+::v-deep .el-form-item__label {
+  width: 80px;
 }
 </style>

src/views/BasicsData/deployNode/index.vue

@@ -1,22 +1,98 @@
 <template>
   <div class="airportInfo">
     <div class="wrap">
-      <Minheader :is-auth="true" :is-statuser="true">
+      <Minheader :is-auth="true" :is-statuser="true" @addForm="addForm">
         <template #header>
           <div class="status flex-wrap">
             <div class="manageTitle">节点信息维护</div>
           </div>
         </template></Minheader
       >
-      <DataTable />
+      <DataTable @editDialog="editDialog" @eleDialog="eleDialog" />
+      <Dialog
+        :flag="flag"
+        :type="type"
+        :msgTitle="msgTitle"
+        @resetForm="resetForm"
+        @delRest="delRest"
+      >
+        <div class="diacont">
+          <el-form :model="tableForm">
+            <el-row :gutter="24">
+              <el-col>
+                <el-form-item label="名称">
+                  <el-input v-model="tableForm.name" placeholder="请输入ID" />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="编码">
+                  <el-input
+                    v-model="tableForm.china"
+                    placeholder="请输入航站名称"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="描述">
+                  <el-input
+                    type="textarea"
+                    v-model="tableForm.text"
+                    placeholder="请输入机场三字码"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </Dialog>
     </div>
   </div>
 </template>
 <script setup lang="ts">
 import DataTable from "@/views/table/index.vue";
 import Minheader from "@/components/minheader/index.vue";
+import Dialog from "@/components/dialog/index.vue";
+const flag = ref<Boolean>(false); //弹窗开关
+const type = ref<String>(""); //判断是否删除
+const msgTitle = ref<String>("新增节点信息维护"); //弹窗标题
+const tableColsCopys = reactive<Object>({}); //弹窗
+const tableForm = reactive<Object>({
+  name: "",
+  china: "",
+  englin: "",
+  two: "",
+  three: "",
+  text: "",
+}); //弹窗内容
+//新增
+const addForm = () => {
+  msgTitle.value = "新增节点信息维护";
+  flag.value = true;
+  type.value = "";
+};
+//取消
+const resetForm = () => {
+  flag.value = false;
+};
+//编辑
+const editDialog = () => {
+  msgTitle.value = "编辑节点信息维护";
+  flag.value = true;
+  type.value = "";
+};
+//删除
+const eleDialog = () => {
+  msgTitle.value = "删除节点信息维护";
+  flag.value = true;
+  type.value = "del";
+};
+//删除
+const delRest = () => {
+  flag.value = false;
+};
 </script>
 <style lang="scss" scoped>
-.airportInfo {
+::v-deep .el-form-item__label {
+  width: 50px;
 }
 </style>

src/views/BasicsData/equipmentMaintenance/index.vue

@@ -1,22 +1,101 @@
 <template>
   <div class="airportInfo">
     <div class="wrap">
-      <Minheader :is-auth="true" :is-statuser="true">
+      <Minheader :is-auth="true" :is-statuser="true" @addForm="addForm">
         <template #header>
           <div class="status flex-wrap">
             <div class="manageTitle">设备维护</div>
           </div>
         </template></Minheader
       >
-      <DataTable />
+      <DataTable @editDialog="editDialog" @eleDialog="eleDialog" />
+      <Dialog
+        :flag="flag"
+        :type="type"
+        :msgTitle="msgTitle"
+        @resetForm="resetForm"
+        @delRest="delRest"
+      >
+        <div class="diacont">
+          <el-form :model="tableForm">
+            <el-row :gutter="24">
+              <el-col>
+                <el-form-item label="设备名称">
+                  <el-input
+                    v-model="tableForm.name"
+                    placeholder="请输入设备名称"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="设备类型">
+                  <el-input
+                    v-model="tableForm.china"
+                    placeholder="请输入设备类型"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="设备IP">
+                  <el-input
+                    type="textarea"
+                    v-model="tableForm.text"
+                    placeholder="请输入设备IP"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </Dialog>
     </div>
   </div>
 </template>
 <script setup lang="ts">
 import DataTable from "@/views/table/index.vue";
 import Minheader from "@/components/minheader/index.vue";
+import Dialog from "@/components/dialog/index.vue";
+const flag = ref<Boolean>(false); //弹窗开关
+const type = ref<String>(""); //判断是否删除
+const msgTitle = ref<String>("新增设备维护"); //弹窗标题
+const tableColsCopys = reactive<Object>({}); //弹窗
+const tableForm = reactive<Object>({
+  name: "",
+  china: "",
+  englin: "",
+  two: "",
+  three: "",
+  text: "",
+}); //弹窗内容
+//新增
+const addForm = () => {
+  msgTitle.value = "新增设备维护";
+  flag.value = true;
+  type.value = "";
+};
+//取消
+const resetForm = () => {
+  flag.value = false;
+};
+//编辑
+const editDialog = () => {
+  msgTitle.value = "编辑设备维护";
+  flag.value = true;
+  type.value = "";
+};
+//删除
+const eleDialog = () => {
+  msgTitle.value = "删除设备维护";
+  flag.value = true;
+  type.value = "del";
+};
+//删除
+const delRest = () => {
+  flag.value = false;
+};
 </script>
 <style lang="scss" scoped>
-.airportInfo {
+::v-deep .el-form-item__label {
+  width: 80px;
 }
 </style>

src/views/BasicsData/modelMaintenance/index.vue

@@ -1,22 +1,101 @@
 <template>
   <div class="airportInfo">
     <div class="wrap">
-      <Minheader :is-auth="true" :is-statuser="true">
+      <Minheader :is-auth="true" :is-statuser="true" @addForm="addForm">
         <template #header>
           <div class="status flex-wrap">
             <div class="manageTitle">机型维护</div>
           </div>
         </template></Minheader
       >
-      <DataTable />
+      <DataTable @editDialog="editDialog" @eleDialog="eleDialog" />
+      <Dialog
+        :flag="flag"
+        :type="type"
+        :msgTitle="msgTitle"
+        @resetForm="resetForm"
+        @delRest="delRest"
+      >
+        <div class="diacont">
+          <el-form :model="tableForm">
+            <el-row :gutter="24">
+              <el-col>
+                <el-form-item label="机型名称">
+                  <el-input
+                    v-model="tableForm.name"
+                    placeholder="请输入机型名称"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="标识符">
+                  <el-input
+                    v-model="tableForm.china"
+                    placeholder="请输入标识符"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="机型描述">
+                  <el-input
+                    type="textarea"
+                    v-model="tableForm.text"
+                    placeholder="请输入机型描述"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </Dialog>
     </div>
   </div>
 </template>
 <script setup lang="ts">
 import DataTable from "@/views/table/index.vue";
 import Minheader from "@/components/minheader/index.vue";
+import Dialog from "@/components/dialog/index.vue";
+const flag = ref<Boolean>(false); //弹窗开关
+const type = ref<String>(""); //判断是否删除
+const msgTitle = ref<String>("新增机型维护"); //弹窗标题
+const tableColsCopys = reactive<Object>({}); //弹窗
+const tableForm = reactive<Object>({
+  name: "",
+  china: "",
+  englin: "",
+  two: "",
+  three: "",
+  text: "",
+}); //弹窗内容
+//新增
+const addForm = () => {
+  msgTitle.value = "新增机型维护";
+  flag.value = true;
+  type.value = "";
+};
+//取消
+const resetForm = () => {
+  flag.value = false;
+};
+//编辑
+const editDialog = () => {
+  msgTitle.value = "编辑机型维护";
+  flag.value = true;
+  type.value = "";
+};
+//删除
+const eleDialog = () => {
+  msgTitle.value = "删除机型维护";
+  flag.value = true;
+  type.value = "del";
+};
+//删除
+const delRest = () => {
+  flag.value = false;
+};
 </script>
 <style lang="scss" scoped>
-.airportInfo {
+::v-deep .el-form-item__label {
+  width: 80px;
 }
 </style>

src/views/BasicsData/specialCargoMaintenance/index.vue

@@ -1,22 +1,101 @@
 <template>
   <div class="airportInfo">
     <div class="wrap">
-      <Minheader :is-auth="true" :is-statuser="true">
+      <Minheader :is-auth="true" :is-statuser="true" @addForm="addForm">
         <template #header>
           <div class="status flex-wrap">
             <div class="manageTitle">特殊货物类型维护</div>
           </div>
         </template></Minheader
       >
-      <DataTable />
+      <DataTable @editDialog="editDialog" @eleDialog="eleDialog" />
+      <Dialog
+        :flag="flag"
+        :type="type"
+        :msgTitle="msgTitle"
+        @resetForm="resetForm"
+        @delRest="delRest"
+      >
+        <div class="diacont">
+          <el-form :model="tableForm">
+            <el-row :gutter="24">
+              <el-col>
+                <el-form-item label="类型名称">
+                  <el-input
+                    v-model="tableForm.name"
+                    placeholder="请输入类型名称"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="类型编码">
+                  <el-input
+                    v-model="tableForm.china"
+                    placeholder="请输入类型编码"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="描述">
+                  <el-input
+                    type="textarea"
+                    v-model="tableForm.text"
+                    placeholder="请输入描述"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </Dialog>
     </div>
   </div>
 </template>
 <script setup lang="ts">
 import DataTable from "@/views/table/index.vue";
 import Minheader from "@/components/minheader/index.vue";
+import Dialog from "@/components/dialog/index.vue";
+const flag = ref<Boolean>(false); //弹窗开关
+const type = ref<String>(""); //判断是否删除
+const msgTitle = ref<String>("新增特殊货物类型维护"); //弹窗标题
+const tableColsCopys = reactive<Object>({}); //弹窗
+const tableForm = reactive<Object>({
+  name: "",
+  china: "",
+  englin: "",
+  two: "",
+  three: "",
+  text: "",
+}); //弹窗内容
+//新增
+const addForm = () => {
+  msgTitle.value = "新增特殊货物类型维护";
+  flag.value = true;
+  type.value = "";
+};
+//取消
+const resetForm = () => {
+  flag.value = false;
+};
+//编辑
+const editDialog = () => {
+  msgTitle.value = "编辑特殊货物类型维护";
+  flag.value = true;
+  type.value = "";
+};
+//删除
+const eleDialog = () => {
+  msgTitle.value = "删除特殊货物类型维护";
+  flag.value = true;
+  type.value = "del";
+};
+//删除
+const delRest = () => {
+  flag.value = false;
+};
 </script>
 <style lang="scss" scoped>
-.airportInfo {
+::v-deep .el-form-item__label {
+  width: 80px;
 }
 </style>