航司信息维护

src/components/dialog/index.vue

@@ -1,16 +1,33 @@
 <template>
   <div class="dialog">
-    <el-dialog :model-value="props.flag" :append-to-body="props.isBody" ref="dialogTk" :top="props.top" :custom-class="props.customClass" :lock-scroll="false" :modal="props.modal" :before-close="close" :close-on-click-modal="false" :width="props.width" :show-close="props.showFlag">
+    <el-dialog
+      :model-value="props.flag"
+      :append-to-body="props.isBody"
+      ref="dialogTk"
+      :top="props.top"
+      :custom-class="props.customClass"
+      :lock-scroll="false"
+      :modal="props.modal"
+      :before-close="close"
+      :close-on-click-modal="false"
+      :width="props.width"
+      :show-close="props.showFlag"
+    >
       <div class="dialog-content">
-        <template v-if="props.type=='del'">
+        <template v-if="props.type == 'del'">
           <div class="airportInfoDialog">
-            <div class="title del-title">{{props.msgTitle}}</div>
+            <div class="title del-title">{{ props.msgTitle }}</div>
             <div class="Delcontent">
               <div class="content del-content">
-                <span class="DelIcon"></span>是否确认删除<span class="error l10">{{ props.delName }}</span>？
+                <span class="DelIcon"></span>是否确认删除<span
+                  class="error l10"
+                  >{{ props.delName }}</span
+                >？
               </div>
               <div class="Delfoot text-right t30">
-                <el-button size="default" type="danger" @click="delRemove">删除</el-button>
+                <el-button size="default" type="danger" @click="delRemove"
+                  >删除</el-button
+                >
                 <el-button size="default" @click="delRest">取消</el-button>
               </div>
             </div>
@@ -20,11 +37,19 @@
           <div class="airportInfoDialog dialog-public-background">
             <div class="title">{{ props.msgTitle }}</div>
             <div class="content">
-              <slot />
+              <slot name="content" />
             </div>
             <div class="foot text-right t30">
-              <el-button size="default" type="primary" class="r25 r26" @click="submitForm">提交</el-button>
-              <el-button size="default" class="r26" @click="resetForm">取消</el-button>
+              <el-button
+                size="default"
+                type="primary"
+                class="r25 r26"
+                @click="submitForm"
+                >提交</el-button
+              >
+              <el-button size="default" class="r26" @click="resetForm"
+                >取消</el-button
+              >
             </div>
           </div>
         </template>

src/components/minheader/index.vue

@@ -20,7 +20,9 @@
         <el-button type="danger" size="default" class="br L12">搜索</el-button>
       </template>
       <template v-if="isAuth">
-        <el-button size="default" plain class="btn-white br">新增</el-button>
+        <el-button size="default" plain class="btn-white br" @click="addBbut()"
+          >新增</el-button
+        >
       </template>
     </div>
   </div>
@@ -55,6 +57,10 @@ const props = defineProps({
 });
 //搜索内容
 const input = ref("");
+const emits = defineEmits(["addForm"]);
+const addBbut = () => {
+  emits("addForm");
+};
 </script>
 <style lang="scss" scoped>
 .data-table-btn {

src/styles/index.scss

@@ -138,6 +138,9 @@
   width: 64px;
   height: 32px;
 }
+.diacont {
+  padding: 0 0 0 24px;
+}
 .L12 {
   margin-left: 12px;
 }

src/theme/index.scss

@@ -83,6 +83,9 @@
     background-color: #ac014d;
   }
 }
+.el-form-item--small {
+  margin-bottom: 20px;
+}
 .r10 {
   margin-right: 10px;
 }

src/views/BasicsData/airlineCompany/index.vue

@@ -1,22 +1,108 @@
 <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"
+      >
+        <template #content>
+          <div class="diacont">
+            <el-form :model="tableForm">
+              <el-row :gutter="24">
+                <el-col>
+                  <el-form-item label="航司名称">
+                    <el-input v-model="tableForm.name" />
+                  </el-form-item>
+                </el-col>
+                <el-col>
+                  <el-form-item label="中文简称">
+                    <el-input v-model="tableForm.china" />
+                  </el-form-item>
+                </el-col>
+                <el-col>
+                  <el-form-item label="英文简称">
+                    <el-input v-model="tableForm.englin" />
+                  </el-form-item>
+                </el-col>
+                <el-col>
+                  <el-form-item label="航司二字码">
+                    <el-input v-model="tableForm.two" />
+                  </el-form-item>
+                </el-col>
+                <el-col>
+                  <el-form-item label="航司三字码">
+                    <el-input v-model="tableForm.three" />
+                  </el-form-item>
+                </el-col>
+                <el-col>
+                  <el-form-item label="备注">
+                    <el-input type="textarea" v-model="tableForm.text" />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </div>
+        </template>
+      </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: 100px;
 }
 </style>

src/views/systemSettings/queryTemplate/index.vue

@@ -1,11 +1,19 @@
 <template>
-  <div></div>
+  <div class="airportInfo">
+    <div class="wrap">
+      <Minheader :is-auth="true" :is-statuser="true">
+        <template #header>
+          <div class="status flex-wrap">
+            <div class="manageTitle">查询模板</div>
+          </div>
+        </template></Minheader
+      >
+      <DataTable />
+    </div>
+  </div>
 </template>
-<script lang="ts">
-import { defineComponent } from "vue";
-
-export default defineComponent({
-  setup() {},
-});
+<script setup lang="ts">
+import DataTable from "@/views/table/index.vue";
+import Minheader from "@/components/minheader/index.vue";
 </script>
 <style lang="scss" scoped></style>

src/views/systemSettings/sourceservice/index.vue

@@ -1,11 +1,19 @@
 <template>
-  <div></div>
+  <div class="airportInfo">
+    <div class="wrap">
+      <Minheader :is-auth="true" :is-statuser="true">
+        <template #header>
+          <div class="status flex-wrap">
+            <div class="manageTitle">源数据管理</div>
+          </div>
+        </template></Minheader
+      >
+      <DataTable />
+    </div>
+  </div>
 </template>
-<script lang="ts">
-import { defineComponent } from "vue";
-
-export default defineComponent({
-  setup() {},
-});
+<script setup lang="ts">
+import DataTable from "@/views/table/index.vue";
+import Minheader from "@/components/minheader/index.vue";
 </script>
 <style lang="scss" scoped></style>

src/views/table/index.vue

@@ -1,152 +1,185 @@
 <template>
   <div class="app-container scroll-y">
-    <tableTemp :tableHeader="state.list" :tableProperty="{rowKey:'ID'}" :tableData="tableData" :tableBtnGroup="tableBtnGroup" @btnClick="btnClick" @load="loadMore"></tableTemp>
+    <tableTemp
+      :tableHeader="state.list"
+      :tableProperty="{ rowKey: 'ID' }"
+      :tableData="tableData"
+      :tableBtnGroup="tableBtnGroup"
+      @btnClick="btnClick"
+      @load="loadMore"
+    ></tableTemp>
   </div>
 </template>
 
 <script setup lang="ts">
 import tableTemp from "@/components/tableTemp/index.vue";
-import { ref } from 'vue';
+import { ref } from "vue";
 
 const state = reactive({
-  list: [{label:"序号",key:"ID",sortable:true},{label:"姓名",key:"NAME",},{label:"成绩",key:"score",sortable:true,lableClass:'scoreColumn'}],
-  listLoading: true
-})
-const tableData = ref(
-                    [{
-                    ID:0,
-                    NAME:"张三",
-                    score:'100',
-                    children:[
-                      {
-                      ID:2,
-                      NAME:"王麻子",
-                      score:'50',
-                      rowClass:"warning-row"
-                    }
-                    ]
-                  },{
-                    ID:1,
-                    NAME:"李四三",
-                    score:'80'
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  },{
-                    ID:2,
-                    NAME:"王麻子",
-                    score:'50',
-                    rowClass:"warning-row"
-                  }])
-const tableBtnGroup = ref(
-  [
-    {
-      name:"编辑",
-      className:"editBtn",
-      param:2
-    },
-    {
-      name:"删除",
-      className:"delBtn",
-      param:3
-    }
-  ]
-)
+  list: [
+    { label: "序号", key: "ID", sortable: true },
+    { label: "姓名", key: "NAME" },
+    { label: "成绩", key: "score", sortable: true, lableClass: "scoreColumn" },
+  ],
+  listLoading: true,
+});
+const tableData = ref([
+  {
+    ID: 0,
+    NAME: "张三",
+    score: "100",
+    children: [
+      {
+        ID: 2,
+        NAME: "王麻子",
+        score: "50",
+        rowClass: "warning-row",
+      },
+    ],
+  },
+  {
+    ID: 1,
+    NAME: "李四三",
+    score: "80",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+  {
+    ID: 2,
+    NAME: "王麻子",
+    score: "50",
+    rowClass: "warning-row",
+  },
+]);
+const tableBtnGroup = ref([
+  {
+    name: "编辑",
+    className: "editBtn",
+    param: 2,
+  },
+  {
+    name: "删除",
+    className: "delBtn",
+    param: 3,
+  },
+]);
+const emits = defineEmits(["editDialog", "eleDialog"]);
+//编辑-删除
+const btnClick = (row, index, param) => {
+  if (param === 2) {
+    emits("editDialog");
+  } else if (param === 3) {
+    emits("eleDialog");
+  }
+  console.log(row);
+  console.log(index);
+};
 
-const btnClick = (row,index)=>{
-  console.log(row)
-  console.log(index)
-
-}
-
-const loadMore = (type)=>{
-  console.log(type)
-}
+const loadMore = (type) => {
+  console.log(type);
+};
 </script>
 
 <style scoped lang="scss">
 ::v-deep.el-table .scoreColumn {
-  background: #EB2F3B!important;
+  background: #eb2f3b !important;
 }
 ::v-deep.el-table .warning-row {
-  background-color: #EB2F3B!important;
+  background-color: #eb2f3b !important;
 }
 ::v-deep.el-table .success-row {
-  --el-table-tr-bg-color: var(--el-color-success-light-9)
+  --el-table-tr-bg-color: var(--el-color-success-light-9);
 }
 </style>