查询

src/components/minheader/index.vue

@@ -20,6 +20,11 @@
         <Search @clear="clear" @search="search" />
         <!-- <el-button type="danger" size="default" class="br L12">搜索</el-button> -->
       </template>
+      <template v-if="isMeasure">
+        <el-button size="default" plain class="btn-white br" @click="addBbut()"
+          >测试</el-button
+        >
+      </template>
       <template v-if="isPreser">
         <el-button
           type="danger"
@@ -71,6 +76,11 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  //是否显示测试
+  isMeasure: {
+    type: Boolean,
+    default: false,
+  },
 });
 //搜索内容
 const input = ref("");

src/router/routes/routes-file-four.ts

@@ -47,12 +47,36 @@ const HomeRoutes = {
       meta: { title: "查询模板", elSvgIcon: "Fold", icon: "table" },
       component: () => import("@/views/systemSettings/queryTemplate/index.vue"),
     },
+    {
+      path: "/systemSettings/queryTemplateAdd",
+      name: "QueryTemplateAdd",
+      hidden: true,
+      meta: { title: "新增查询模板", elSvgIcon: "Fold", icon: "table" },
+      component: () =>
+        import("@/views/systemSettings/queryTemplate/queryTemplateAdd.vue"),
+    },
+    {
+      path: "/systemSettings/queryTemplateColumn",
+      name: "QueryTemplateColumn",
+      hidden: true,
+      meta: { title: "查询模板设置", elSvgIcon: "Fold", icon: "table" },
+      component: () =>
+        import("@/views/systemSettings/queryTemplate/queryTemplateColumn.vue"),
+    },
     {
       path: "/systemSettings/sourceservice",
       name: "Sourceservice",
       meta: { title: "数据源服务", elSvgIcon: "Fold", icon: "table" },
       component: () => import("@/views/systemSettings/sourceservice/index.vue"),
     },
+    {
+      path: "/systemSettings/sourceserviceEdit",
+      name: "SourceserviceEdit",
+      hidden: true,
+      meta: { title: "编辑数据源服务", elSvgIcon: "Fold", icon: "table" },
+      component: () =>
+        import("@/views/systemSettings/sourceserviceEdit/index.vue"),
+    },
     {
       path: "/systemSettings/protocolManagement",
       name: "ProtocolManagement",

src/views/BasicsData/airportCompany/index.vue

@@ -37,7 +37,6 @@
               </el-col>
               <el-col>
                 <el-form-item label="上级公司" size="default">
-                  <!-- <el-input v-model="tableForm.china" /> -->
                   <el-select
                     style="width: 100%"
                     v-model="tableForm.china"

src/views/systemSettings/queryTemplate/index.vue

@@ -1,19 +1,138 @@
 <template>
-  <div class="airportInfo">
+  <div class="airportInfo scroll-y">
     <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 />
+      <div class="app-containers">
+        <DataTable
+          :tableHeader="state.list"
+          :tableData="tableData"
+          :tableBtnGroup="tableBtnGroup"
+          :tableProperty="{ rowKey: 'ID' }"
+          @btnClick="btnClick"
+        />
+      </div>
     </div>
   </div>
 </template>
 <script setup lang="ts">
-import DataTable from "@/views/table/index.vue";
+import DataTable from "@/components/tableTemp/index.vue";
 import Minheader from "@/components/minheader/index.vue";
+import Dialog from "@/components/dialog/index.vue";
+const router = useRouter();
+const flag = ref<Boolean>(false); //弹窗开关
+const type = ref<String>(""); //判断是否删除
+const msgTitle = ref<String>("新增查询模板"); //弹窗标题
+const tableColsCopys = reactive<Object>({}); //弹窗
+const tableOptionser = ref<Array>([]); //弹窗下拉
+const tableForm = reactive({
+  name: "",
+  china: "",
+  englin: "",
+  two: "",
+  three: "",
+  text: "",
+}); //弹窗内容
+//列表
+const tableData = ref([
+  {
+    name: "测试",
+    china: "测试",
+    englin: "测试",
+  },
+  {
+    name: "测试",
+    china: "测试",
+    englin: "测试",
+  },
+  {
+    name: "测试",
+    china: "测试",
+    englin: "测试",
+  },
+]);
+//表头
+const state = reactive({
+  list: [
+    { label: "查询模板名称", key: "name" },
+    { label: "查询模板协议", key: "china" },
+    { label: "查询模板描述", key: "englin" },
+  ],
+  listLoading: true,
+});
+const tableBtnGroup = ref([
+  {
+    name: "编辑",
+    className: "editBtn",
+    param: 2,
+  },
+  {
+    name: "删除",
+    className: "delBtn",
+    param: 3,
+  },
+]);
+//新增
+const addForm = () => {
+  router.push({ path: "/systemSettings/queryTemplateAdd" });
+  // msgTitle.value = "新增查询模板";
+  // flag.value = true;
+  // type.value = "";
+};
+//取消
+const resetForm = () => {
+  flag.value = false;
+  tableForm.name = "";
+  tableForm.china = "";
+  tableForm.englin = "";
+  tableForm.two = "";
+  tableForm.three = "";
+  tableForm.text = "";
+};
+//编辑
+// const editDialog = (data) => {
+//   msgTitle.value = "编辑航司信息维护";
+//   flag.value = true;
+//   type.value = "";
+//   tableForm.name = data.name;
+//   tableForm.china = data.china;
+//   tableForm.englin = data.englin;
+//   tableForm.two = data.two;
+//   tableForm.three = data.three;
+//   tableForm.text = data.text;
+// };
+//编辑-删除
+const btnClick = (row, index, param) => {
+  if (param === 2) {
+    router.push({ path: "/systemSettings/queryTemplateColumn" });
+  } else if (param === 3) {
+    msgTitle.value = "删除查询模板";
+    flag.value = true;
+    type.value = "del";
+  } else if (param === 4) {
+  }
+};
+//删除
+const eleDialog = () => {
+  msgTitle.value = "删除查询模板";
+  flag.value = true;
+  type.value = "del";
+};
+//删除
+const delRest = () => {
+  flag.value = false;
+};
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+::v-deep .el-form-item__label {
+  width: 100px;
+}
+.app-containers {
+  height: calc(100vh - 180px);
+}
+</style>

src/views/systemSettings/queryTemplate/queryTemplateAdd.vue

@@ -0,0 +1,109 @@
+<template>
+  <div class="airportInfo scroll-y">
+    <Minheader
+      :is-statuser="true"
+      :is-Preser="true"
+      :is-Measure="true"
+      @preserForm="preserForm"
+    >
+      <template #header>
+        <div class="status flex-wrap">
+          <div class="manageTitle">新增查询模板</div>
+        </div>
+      </template></Minheader
+    >
+    <div class="app-container">
+      <el-form :model="tableForm">
+        <el-row :gutter="24">
+          <el-col :span="5">
+            <el-form-item label="查询模板名称" size="default">
+              <el-input
+                v-model="tableForm.name"
+                placeholder="请输入查询模板名称"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="查询协议" size="default">
+              <el-select
+                style="width: 100%"
+                v-model="tableForm.china"
+                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="14">
+            <el-form-item label="查询模板描述" size="default">
+              <el-input
+                v-model="tableForm.englin"
+                placeholder="请输入查询模板描述"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col>
+            <el-form-item label="查询配置" size="default">
+              <el-input
+                :autosize="{ minRows: 4, maxRows: 4 }"
+                type="textarea"
+                v-model="tableForm.two"
+                placeholder="请输入查询配置"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col>
+            <el-form-item label="查询语句" size="default">
+              <el-input
+                :autosize="{ minRows: 24, maxRows: 24 }"
+                type="textarea"
+                v-model="tableForm.three"
+                placeholder="请输入查询语句"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Minheader from "@/components/minheader/index.vue";
+const router = useRouter();
+const tableOptionser = ref<Array>([]); //下拉
+const tableForm = reactive({
+  name: "",
+  china: "",
+  englin: "",
+  two: "",
+  three: "",
+  text: "",
+}); //内容
+//保存
+const preserForm = () => {
+  router.push({ path: "/systemSettings/queryTemplate" });
+};
+</script>
+
+<style lang="scss" scoped>
+.airportInfo {
+  padding: 24px;
+  height: 100%;
+  background: #ffffff;
+  border-radius: 4px;
+}
+::v-deep .el-form-item__label {
+  width: 110px;
+}
+</style>

src/views/systemSettings/queryTemplate/queryTemplateColumn.vue

@@ -0,0 +1,408 @@
+<template>
+  <div class="airportInfo scroll-y">
+    <div class="wrap">
+      <Minheader :is-auth="true" :is-statuser="true" @addForm="addForm">
+        <template #header>
+          <div class="status flex-wrap">
+            <div class="manageTitle">查询项设置</div>
+          </div>
+        </template></Minheader
+      >
+      <div class="app-containers">
+        <DataTable
+          :tableHeader="state.list"
+          :tableData="tableData"
+          :tableBtnGroup="tableBtnGroup"
+          :tableProperty="{ rowKey: 'ID' }"
+          @btnClick="btnClick"
+        />
+      </div>
+      <Dialog
+        width="734px"
+        :flag="flag"
+        :type="type"
+        :msgTitle="msgTitle"
+        @resetForm="resetForm"
+        @delRest="delRest"
+      >
+        <div class="diacont">
+          <el-form :model="tableForm">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="名称" size="default">
+                  <el-input v-model="tableForm.name" placeholder="请输入名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="标签" size="default">
+                  <el-input
+                    v-model="tableForm.china"
+                    placeholder="请输入标签"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="描述" size="default">
+                  <el-select
+                    style="width: 100%"
+                    v-model="tableForm.englin"
+                    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">
+                  <el-select
+                    style="width: 100%"
+                    v-model="tableForm.two"
+                    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">
+                  <el-select
+                    style="width: 100%"
+                    v-model="tableForm.three"
+                    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">
+                  <el-select
+                    style="width: 100%"
+                    v-model="tableForm.text"
+                    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">
+                  <el-select
+                    style="width: 100%"
+                    v-model="tableForm.text1"
+                    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">
+                  <el-select
+                    style="width: 100%"
+                    v-model="tableForm.text2"
+                    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">
+                  <el-select
+                    style="width: 100%"
+                    v-model="tableForm.text3"
+                    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">
+                  <el-select
+                    style="width: 100%"
+                    v-model="tableForm.text4"
+                    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">
+                  <el-select
+                    style="width: 100%"
+                    v-model="tableForm.text5"
+                    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-row>
+          </el-form>
+        </div>
+      </Dialog>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import DataTable from "@/components/tableTemp/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 tableOptionser = ref<Array>([]); //弹窗下拉
+const tableForm = reactive({
+  name: "",
+  china: "",
+  englin: "",
+  two: "",
+  three: "",
+  text: "",
+  text1: "",
+  text2: "",
+  text3: "",
+  text4: "",
+  text5: "",
+}); //弹窗内容
+//列表
+const tableData = ref([
+  {
+    name: "测试",
+    china: "测试",
+    englin: "测试",
+    two: "测试",
+    three: "测试",
+    text: "测试",
+    text1: "测试",
+    text2: "测试",
+    text3: "测试",
+    text4: "测试",
+    text5: "测试",
+  },
+  {
+    name: "测试",
+    china: "测试",
+    englin: "测试",
+    two: "测试",
+    three: "测试",
+    text: "测试",
+    text1: "测试",
+    text2: "测试",
+    text3: "测试",
+    text4: "测试",
+    text5: "测试",
+  },
+  {
+    name: "测试",
+    china: "测试",
+    englin: "测试",
+    two: "测试",
+    three: "测试",
+    text: "测试",
+    text1: "测试",
+    text2: "测试",
+    text3: "测试",
+    text4: "测试",
+    text5: "测试",
+  },
+]);
+//表头
+const state = reactive({
+  list: [
+    { label: "名称", key: "name" },
+    { label: "标签", key: "china" },
+    { label: "描述", key: "englin" },
+    { label: "排序", key: "two" },
+    { label: "过滤", key: "three" },
+    { label: "显示", key: "text" },
+    { label: "分组", key: "text1" },
+    { label: "下拉", key: "text2" },
+    { label: "数据类型", key: "text3" },
+    { label: "字段排位", key: "text4" },
+    { label: "合计", key: "text5" },
+  ],
+  listLoading: true,
+});
+const tableBtnGroup = ref([
+  {
+    name: "编辑",
+    className: "editBtn",
+    param: 2,
+  },
+  {
+    name: "删除",
+    className: "delBtn",
+    param: 3,
+  },
+]);
+//新增
+const addForm = () => {
+  msgTitle.value = "新增查询项";
+  flag.value = true;
+  type.value = "";
+};
+//取消
+const resetForm = () => {
+  flag.value = false;
+  tableForm.name = "";
+  tableForm.china = "";
+  tableForm.englin = "";
+  tableForm.two = "";
+  tableForm.three = "";
+  tableForm.text = "";
+  tableForm.text1 = "";
+  tableForm.text2 = "";
+  tableForm.text3 = "";
+  tableForm.text4 = "";
+  tableForm.text5 = "";
+};
+//编辑
+// const editDialog = (data) => {
+//   msgTitle.value = "编辑航司信息维护";
+//   flag.value = true;
+//   type.value = "";
+//   tableForm.name = data.name;
+//   tableForm.china = data.china;
+//   tableForm.englin = data.englin;
+//   tableForm.two = data.two;
+//   tableForm.three = data.three;
+//   tableForm.text = data.text;
+// };
+//编辑-删除
+const btnClick = (row, index, param) => {
+  if (param === 2) {
+    msgTitle.value = "编辑查询项";
+    flag.value = true;
+    type.value = "";
+    tableForm.name = index.name;
+    tableForm.china = index.china;
+    tableForm.englin = index.englin;
+    tableForm.two = index.two;
+    tableForm.three = index.three;
+    tableForm.text = index.text;
+    tableForm.text1 = index.text1;
+    tableForm.text2 = index.text2;
+    tableForm.text3 = index.text3;
+    tableForm.text4 = index.text4;
+    tableForm.text5 = index.text5;
+  } else if (param === 3) {
+    msgTitle.value = "删除查询项";
+    flag.value = true;
+    type.value = "del";
+  } else if (param === 4) {
+  }
+};
+//删除
+const eleDialog = () => {
+  msgTitle.value = "删除查询项";
+  flag.value = true;
+  type.value = "del";
+};
+//删除
+const delRest = () => {
+  flag.value = false;
+};
+</script>
+<style lang="scss" scoped>
+::v-deep .el-form-item__label {
+  width: 100px;
+}
+.app-containers {
+  height: calc(100vh - 180px);
+}
+</style>

src/views/systemSettings/sourceservice/index.vue

@@ -1,19 +1,241 @@
 <template>
-  <div class="airportInfo">
+  <div class="airportInfo scroll-y">
     <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 />
+      <div class="app-containers">
+        <DataTable
+          :tableHeader="state.list"
+          :tableData="tableData"
+          :tableBtnGroup="tableBtnGroup"
+          :tableProperty="{ rowKey: 'ID' }"
+          @btnClick="btnClick"
+        />
+      </div>
+      <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="所属数据项" size="default">
+                  <el-select
+                    style="width: 100%"
+                    v-model="tableForm.name"
+                    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>
+                <el-form-item label="源数据名称" size="default">
+                  <el-input
+                    v-model="tableForm.china"
+                    placeholder="请输入源数据名称"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="数据格式" size="default">
+                  <el-select
+                    style="width: 100%"
+                    v-model="tableForm.englin"
+                    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>
+                <el-form-item label="描述" size="default">
+                  <el-input
+                    type="textarea"
+                    v-model="tableForm.two"
+                    placeholder="请输入描述"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="取值方法" size="default">
+                  <el-input
+                    type="textarea"
+                    v-model="tableForm.three"
+                    placeholder="请输入取值方法"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col>
+                <el-form-item label="检测方法" size="default">
+                  <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 DataTable from "@/components/tableTemp/index.vue";
 import Minheader from "@/components/minheader/index.vue";
+import Dialog from "@/components/dialog/index.vue";
+const router = useRouter();
+const flag = ref<Boolean>(false); //弹窗开关
+const type = ref<String>(""); //判断是否删除
+const msgTitle = ref<String>("新增源数据管理"); //弹窗标题
+const tableColsCopys = reactive<Object>({}); //弹窗
+const tableOptionser = ref<Array>([]); //弹窗下拉
+const tableForm = reactive({
+  name: "",
+  china: "",
+  englin: "",
+  two: "",
+  three: "",
+  text: "",
+}); //弹窗内容
+//列表
+const tableData = ref([
+  {
+    name: "测试",
+    china: "测试",
+    englin: "测试",
+    two: "测试",
+  },
+  {
+    name: "测试",
+    china: "测试",
+    englin: "测试",
+    two: "测试",
+  },
+  {
+    name: "测试",
+    china: "测试",
+    englin: "测试",
+    two: "测试",
+  },
+]);
+//表头
+const state = reactive({
+  list: [
+    { label: "源数据名称", key: "name" },
+    { label: "所属数据项", key: "china" },
+    { label: "数据格式", key: "englin" },
+    { label: "描述", key: "two" },
+  ],
+  listLoading: true,
+});
+const tableBtnGroup = ref([
+  {
+    name: "编辑",
+    className: "editBtn",
+    param: 2,
+  },
+  {
+    name: "删除",
+    className: "delBtn",
+    param: 3,
+  },
+]);
+//新增
+const addForm = () => {
+  msgTitle.value = "新增源数据管理";
+  flag.value = true;
+  type.value = "";
+};
+//取消
+const resetForm = () => {
+  flag.value = false;
+  tableForm.name = "";
+  tableForm.china = "";
+  tableForm.englin = "";
+  tableForm.two = "";
+  tableForm.three = "";
+  tableForm.text = "";
+};
+//编辑
+// const editDialog = (data) => {
+//   msgTitle.value = "编辑航司信息维护";
+//   flag.value = true;
+//   type.value = "";
+//   tableForm.name = data.name;
+//   tableForm.china = data.china;
+//   tableForm.englin = data.englin;
+//   tableForm.two = data.two;
+//   tableForm.three = data.three;
+//   tableForm.text = data.text;
+// };
+//编辑-删除
+const btnClick = (row, index, param) => {
+  if (param === 2) {
+    router.push({ path: "/systemSettings/sourceserviceEdit" });
+    // msgTitle.value = "编辑源数据管理";
+    // flag.value = true;
+    // type.value = "";
+    // tableForm.name = index.name;
+    // tableForm.china = index.china;
+    // tableForm.englin = index.englin;
+    // tableForm.two = index.two;
+    // tableForm.three = index.three;
+    // tableForm.text = index.text;
+  } else if (param === 3) {
+    msgTitle.value = "删除源数据管理";
+    flag.value = true;
+    type.value = "del";
+  } else if (param === 4) {
+  }
+};
+//删除
+const eleDialog = () => {
+  msgTitle.value = "删除源数据管理";
+  flag.value = true;
+  type.value = "del";
+};
+//删除
+const delRest = () => {
+  flag.value = false;
+};
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+::v-deep .el-form-item__label {
+  width: 100px;
+}
+.app-containers {
+  height: calc(100vh - 180px);
+}
+</style>

src/views/systemSettings/sourceserviceEdit/index.vue

@@ -0,0 +1,371 @@
+<template>
+  <div class="airportInfo">
+    <div class="headerBox">
+      <Minheader :is-Preser="true" :is-statuser="true">
+        <template #header>
+          <div class="status flex-wrap">
+            <div class="manageTitle">编辑源数据信息</div>
+          </div>
+        </template></Minheader
+      >
+      <div class="diacont">
+        <el-form :model="tableForm" class="w100 fw">
+          <div class="outersurface pd30">
+            <el-form-item label="源数据名称" size="default">
+              <el-input
+                v-model="tableForm.name"
+                placeholder="请输入源数据名称"
+              />
+            </el-form-item>
+          </div>
+          <div class="outersurface pd30">
+            <el-form-item label="数据格式" size="default">
+              <el-select
+                style="width: 100%"
+                v-model="tableForm.china"
+                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>
+          </div>
+          <div class="outersurface50">
+            <el-form-item label="描述" size="default">
+              <el-input v-model="tableForm.englin" placeholder="请输入描述" />
+            </el-form-item>
+          </div>
+          <div class="outersurface50 pd30">
+            <el-form-item label="取值方法" size="default">
+              <el-input v-model="tableForm.two" placeholder="请输入取值方法" />
+            </el-form-item>
+          </div>
+          <div class="outersurface50">
+            <el-form-item label="检测方法" size="default">
+              <el-input
+                v-model="tableForm.three"
+                placeholder="请输入检测方法"
+              />
+            </el-form-item>
+          </div>
+        </el-form>
+      </div>
+    </div>
+    <div class="centerBox">
+      <Minheader
+        :is-auth="true"
+        :is-statuser="true"
+        :is-Search="true"
+        @addForm="addForm"
+        style="margin-top: 20px"
+      >
+        <template #header>
+          <div class="status flex-wrap">
+            <div class="manageTitle">数据项信息</div>
+          </div>
+        </template></Minheader
+      >
+    </div>
+    <div class="containers scroll-y">
+      <DataTable
+        :tableHeader="state.list"
+        :tableData="tableData"
+        :tableBtnGroup="tableBtnGroup"
+        :tableProperty="{ rowKey: 'ID' }"
+        @btnClick="btnClick"
+      />
+    </div>
+    <Dialog
+      width="748px"
+      :flag="flag"
+      :type="type"
+      :msgTitle="msgTitle"
+      @resetForm="resetForm"
+      @delRest="delRest"
+    >
+      <div class="diacont">
+        <el-form :model="tableForms">
+          <el-row :gutter="24">
+            <el-col :span="12">
+              <el-form-item label="策略名称" size="default">
+                <el-input
+                  v-model="tableForms.name"
+                  placeholder="请输入策略名称"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="数据类型" size="default">
+                <el-select
+                  style="width: 100%"
+                  v-model="tableForms.china"
+                  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">
+                <el-select
+                  style="width: 100%"
+                  v-model="tableForms.two"
+                  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">
+                <el-input
+                  v-model="tableForms.two"
+                  placeholder="请输入输出标识符"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col>
+              <el-form-item label="输出标识符" size="default">
+                <el-input
+                  type="textarea"
+                  v-model="tableForms.three"
+                  placeholder="请输入输出标识符"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col>
+              <el-form-item label="数据项描述" size="default">
+                <el-input
+                  v-model="tableForms.text"
+                  placeholder="请输入数据项描述"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="多条拆分" prop="roleStatus">
+                <el-radio-group v-model="tableForms.radio1">
+                  <el-radio label="1">是</el-radio>
+                  <el-radio label="2"> 否</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="是否必填" prop="roleStatus">
+                <el-radio-group v-model="tableForms.radio2">
+                  <el-radio label="1">是</el-radio>
+                  <el-radio label="2"> 否</el-radio>
+                </el-radio-group>
+              </el-form-item></el-col
+            >
+            <el-col :span="12">
+              <el-form-item label="是否唯一" prop="roleStatus">
+                <el-radio-group v-model="tableForms.radio3">
+                  <el-radio label="1">是</el-radio>
+                  <el-radio label="2"> 否</el-radio>
+                </el-radio-group>
+              </el-form-item></el-col
+            >
+          </el-row>
+        </el-form>
+      </div>
+    </Dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Minheader from "@/components/minheader/index.vue";
+import DataTable from "@/components/tableTemp/index.vue";
+import Dialog from "@/components/dialog/index.vue";
+const tableForm = reactive({
+  name: "",
+  china: "",
+  englin: "",
+  two: "",
+  three: "",
+  text: "",
+  time: "",
+}); //报警预警场景
+const tableForms = reactive({
+  name: "",
+  china: "",
+  englin: "",
+  two: "",
+  three: "",
+  radio1: "1",
+  radio2: "1",
+  radio3: "1",
+}); //弹窗内容
+const tableOptionser = ref<Array>([]); //下拉
+const flag = ref<Boolean>(false); //弹窗开关
+const type = ref<String>(""); //判断是否删除
+const msgTitle = ref<String>("新增报警预警策略"); //弹窗标题
+//列表
+const tableData = ref([
+  {
+    name: "测试",
+    china: "测试",
+    englin: "测试",
+    two: "测试",
+    three: "测试",
+  },
+  {
+    name: "测试",
+    china: "测试",
+    englin: "测试",
+    two: "测试",
+    three: "测试",
+  },
+  {
+    name: "测试",
+    china: "测试",
+    englin: "测试",
+    two: "测试",
+    three: "测试",
+  },
+]);
+//表头
+const state = reactive({
+  list: [
+    { label: "数据项名称", key: "name" },
+    { label: "源数据编号", key: "china" },
+    { label: "数据类型", key: "englin" },
+    { label: "数据项描述", key: "two" },
+    { label: "取值方法", key: "three" },
+    { label: "取值表达式", key: "text" },
+    { label: "输出标识符", key: "text1" },
+    { label: "多条拆分", key: "radio1" },
+    { label: "是否必填", key: "radio2" },
+    { label: "是否唯一", key: "radio3" },
+  ],
+  listLoading: true,
+});
+const tableBtnGroup = ref([
+  {
+    name: "编辑",
+    className: "editBtn",
+    param: 2,
+  },
+  {
+    name: "删除",
+    className: "delBtn",
+    param: 3,
+  },
+]);
+//新增
+const addForm = () => {
+  msgTitle.value = "新增报警预警策略";
+  flag.value = true;
+  type.value = "";
+};
+//取消
+const resetForm = () => {
+  flag.value = false;
+  tableForm.name = "";
+  tableForm.china = "";
+  tableForm.englin = "";
+  tableForm.two = "";
+  tableForm.three = "";
+  tableForm.text = "";
+};
+//删除
+const delRest = () => {
+  flag.value = false;
+};
+//编辑-删除
+const btnClick = (row, index, param) => {
+  if (param === 2) {
+    msgTitle.value = "编辑报警预警策略";
+    flag.value = true;
+    type.value = "";
+    tableForms.name = index.name;
+    tableForms.china = index.china;
+    tableForms.englin = index.englin;
+    tableForms.two = index.two;
+    tableForms.three = index.three;
+    tableForms.text = index.text;
+    tableForms.text1 = index.text1;
+    tableForms.text2 = index.text2;
+  } else if (param === 3) {
+    msgTitle.value = "删除报警预警策略";
+    flag.value = true;
+    type.value = "del";
+  } else if (param === 4) {
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.airportInfo {
+  .headerBox {
+    width: 100%;
+    min-height: 200px;
+    background: #ffffff;
+    border-radius: 4px;
+    padding: 24px;
+    .diacont {
+      width: 100%;
+      padding: 0;
+      .w100 {
+        width: 100%;
+      }
+      .fw {
+        display: flex;
+        flex-wrap: wrap;
+      }
+      .outersurface {
+        width: 25%;
+      }
+      .outersurface50 {
+        width: 50%;
+      }
+      .pd30 {
+        padding: 0 30px 0 0;
+      }
+      .outertwowid {
+        width: 40%;
+      }
+      .outerthreewid {
+        width: 60%;
+      }
+    }
+  }
+  .centerBox {
+    padding: 0 24px;
+  }
+  .containers {
+    height: 540px;
+  }
+}
+::v-deep .el-form-item__label {
+  width: 90px;
+}
+</style>