消息等等

public/demo.js

@@ -49,12 +49,16 @@ const DATACONTENT_ID = {
   /***-----系统设置------***/
   sysProtoTabId: 1, //系统设置-协议管理-表格-id
   sysServiceTabId: 2, //系统设置-服务管理-表格-id
+  structureTabId: 5, //系统设置-数据结构管理-表格-id
+  sourceDataTabId: 6, //系统设置-源数据管理-表格-id
+  dataitemTabId: 9, //系统设置-数据项-表格-id
   sysLogTable: 12, //系统设置-日志-表格
   sysServiceWarningId: 18029, //查询预警报警场景列表
   sysServiceWarnId: 18030, //预警报警场景(按照ID)
   sysServiceStrategyId: 18033, //预警报警策略(按照ID)
   sysSourceId: 13, //系统设置-数据源-id
   sysServiceTopTable: 31, //系统设置-服务管理-服务拓扑-查看日志
+  messageQueryTabId: 1803442, //系统设置-消息查询-表格-id
 };
 
 const SERVICE_ID = {

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

@@ -88,12 +88,12 @@ const HomeRoutes = {
       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/sourceservice",
+    //   name: "Sourceservice",
+    //   meta: { title: "源数据管理", elSvgIcon: "Fold", icon: "table" },
+    //   component: () => import("@/views/systemSettings/sourceservice/index.vue"),
+    // },
     {
       path: "/systemSettings/sourceserviceEdit",
       name: "SourceserviceEdit",
@@ -105,7 +105,7 @@ const HomeRoutes = {
     {
       path: "/systemSettings/sourceTube",
       name: "SourceTube",
-      meta: { title: "数据源服务", elSvgIcon: "Fold", icon: "table" },
+      meta: { title: "源数据管理", elSvgIcon: "Fold", icon: "table" },
       component: () => import("@/views/systemSettings/sourceTube/index.vue"),
     },
     {

src/views/systemSettings/datastructure/datastructureTerm.vue

@@ -10,7 +10,7 @@
       >
       <div class="app-containers">
         <DataTable
-          :tableHeader="state.list"
+          :tableHeader="tableCols"
           :tableData="tableData"
           :tableBtnGroup="tableBtnGroup"
           :tableProperty="{ rowKey: 'ID' }"
@@ -24,6 +24,8 @@
         :msgTitle="msgTitle"
         @resetForm="resetForm"
         @delRest="delRest"
+        @submitForm="submitForm"
+        @delRemove="delRemove"
       >
         <div class="diacont">
           <el-form :model="tableForm">
@@ -31,7 +33,7 @@
               <el-col :span="12">
                 <el-form-item label="数据项名称" size="default">
                   <el-input
-                    v-model="tableForm.name"
+                    v-model="tableForm.ItemName"
                     placeholder="请输入数据项名称"
                   />
                 </el-form-item>
@@ -40,7 +42,7 @@
                 <el-form-item label="数据项类型" size="default">
                   <el-select
                     style="width: 100%"
-                    v-model="tableForm.china"
+                    v-model="tableForm.dataType"
                     class="input-shadow"
                     filterable
                     default-first-option
@@ -60,21 +62,21 @@
               <el-col :span="12">
                 <el-form-item label="输出标识符" size="default">
                   <el-input
-                    v-model="tableForm.englin"
+                    v-model="tableForm.outputIdentifier"
                     placeholder="请输入输出标识符"
                   />
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="描述" size="default">
+                <!-- <el-form-item label="描述" size="default">
                   <el-input v-model="tableForm.two" placeholder="请输入描述" />
-                </el-form-item>
+                </el-form-item> -->
               </el-col>
               <el-col :span="8">
                 <el-form-item label="唯一项" size="default">
                   <el-select
                     style="width: 100%"
-                    v-model="tableForm.three"
+                    v-model="tableForm.isKey"
                     class="input-shadow"
                     filterable
                     default-first-option
@@ -95,7 +97,7 @@
                 <el-form-item label="必填项" size="default">
                   <el-select
                     style="width: 100%"
-                    v-model="tableForm.text"
+                    v-model="tableForm.isMust"
                     class="input-shadow"
                     filterable
                     default-first-option
@@ -116,7 +118,7 @@
                 <el-form-item label="多条拆分" size="default">
                   <el-select
                     style="width: 100%"
-                    v-model="tableForm.text1"
+                    v-model="tableForm.isSplite"
                     class="input-shadow"
                     filterable
                     default-first-option
@@ -133,7 +135,7 @@
                   </el-select>
                 </el-form-item>
               </el-col>
-              <el-col>
+              <!-- <el-col>
                 <el-form-item label="取值表达式" size="default">
                   <el-input
                     type="textarea"
@@ -141,8 +143,8 @@
                     placeholder="请输入取值表达式"
                   />
                 </el-form-item>
-              </el-col>
-              <el-col>
+              </el-col> -->
+              <!-- <el-col>
                 <el-form-item label="实时计算表达式" size="default">
                   <el-input
                     type="textarea"
@@ -150,28 +152,28 @@
                     placeholder="请输入实时计算表达式"
                   />
                 </el-form-item>
-              </el-col>
-              <el-col>
+              </el-col> -->
+              <!-- <el-col>
                 <el-form-item label="计算结果标识符" size="default">
                   <el-input
                     v-model="tableForm.text4"
                     placeholder="请输入计算结果标识符"
                   />
                 </el-form-item>
-              </el-col>
-              <el-col>
+              </el-col> -->
+              <!-- <el-col>
                 <el-form-item label="计算参数" size="default">
                   <el-input
                     v-model="tableForm.text5"
                     placeholder="请输入计算参数"
                   />
                 </el-form-item>
-              </el-col>
+              </el-col> -->
               <el-col :span="12">
                 <el-form-item label="计算数据源" size="default">
                   <el-select
                     style="width: 100%"
-                    v-model="tableForm.text6"
+                    v-model="tableForm.dataSourceName"
                     class="input-shadow"
                     filterable
                     default-first-option
@@ -199,55 +201,36 @@
 import DataTable from "@/components/tableTemp/index.vue";
 import Minheader from "@/components/minheader/index.vue";
 import Dialog from "@/components/dialog/index.vue";
+import { Query, GeneralDataReception } from "@/api/webApi";
+import { ElMessage } from "element-plus";
+const router = useRouter();
+const route = useRoute();
+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 tableObj = ref({}); //增删改数据缓存
 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: "",
-  text6: "",
+  ItemID: "",
+  dataStructureID: route.query.dataStructureID,
+  ItemName: "",
+  outputIdentifier: "",
+  dataType: "",
+  isKey: "",
+  isMust: "",
+  isSplite: "",
+  dataSourceName: "",
+  event: "",
 }); //弹窗内容
 //列表
-const tableData = ref([
-  {
-    name: "测试",
-    china: "测试",
-    englin: "测试",
-    two: "测试",
-    three: "测试",
-    text: "测试",
-    text1: "测试",
-  },
-  {
-    name: "测试",
-    china: "测试",
-    englin: "测试",
-    two: "测试",
-    three: "测试",
-    text: "测试",
-    text1: "测试",
-  },
-  {
-    name: "测试",
-    china: "测试",
-    englin: "测试",
-    two: "测试",
-    three: "测试",
-    text: "测试",
-    text1: "测试",
-  },
-]);
+const tableData = ref([]);
 //表头
 const state = reactive({
   list: [
@@ -276,24 +259,21 @@ const tableBtnGroup = ref([
 //新增
 const addForm = () => {
   msgTitle.value = "新增数据项";
+  tableForm.event = 1;
   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 = "";
-  tableForm.text6 = "";
+  tableForm.ItemID = "";
+  tableForm.ItemName = "";
+  tableForm.outputIdentifier = "";
+  tableForm.dataType = "";
+  tableForm.isKey = "";
+  tableForm.isMust = "";
+  tableForm.isSplite = "";
+  tableForm.dataSourceName = "";
 };
 //编辑
 // const editDialog = (data) => {
@@ -313,22 +293,28 @@ const btnClick = (row, index, param) => {
     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;
-    tableForm.text6 = index.text6;
+    tableForm.event = 2;
+    tableForm.ItemID = index.ItemID;
+    tableForm.ItemName = index.ItemName;
+    tableForm.outputIdentifier = index.outputIdentifier;
+    tableForm.dataType = index.dataType;
+    tableForm.isKey = index.isKey;
+    tableForm.isMust = index.isMust;
+    tableForm.isSplite = index.isSplite;
+    tableForm.dataSourceName = index.dataSourceName;
   } else if (param === 3) {
     msgTitle.value = "删除数据项";
     flag.value = true;
     type.value = "del";
+    tableForm.event = 3;
+    tableForm.ItemID = index.ItemID;
+    tableForm.ItemName = index.ItemName;
+    tableForm.outputIdentifier = index.outputIdentifier;
+    tableForm.dataType = index.dataType;
+    tableForm.isKey = index.isKey;
+    tableForm.isMust = index.isMust;
+    tableForm.isSplite = index.isSplite;
+    tableForm.dataSourceName = index.dataSourceName;
   } else if (param === 4) {
   }
 };
@@ -338,10 +324,99 @@ const eleDialog = () => {
   flag.value = true;
   type.value = "del";
 };
+const delRemove = () => {
+  tableForm.event = 3;
+  generalDataReception(tableForm);
+};
 //删除
 const delRest = () => {
   flag.value = false;
 };
+//获取表格数据
+const getQuery = async () => {
+  try {
+    const { code, returnData } = await Query({
+      id: DATACONTENT_ID.dataitemTabId,
+      needPage: ++page.value,
+      dataContent: [route.query.dataStructureID],
+    });
+    if (code === "0") {
+      if (returnData.listValues.length === 0) {
+        page.value--;
+        noMore.value = true;
+      }
+      const titleColumn = returnData.columnSet.find(
+        (item) => item.needShow === 1
+      );
+      if (titleColumn) {
+        rowTitle.value = titleColumn.columnName;
+      }
+      tableData.value.push(...returnData.listValues);
+      tableCols.value = returnData.columnSet;
+      tableCols.value.forEach((element) => {
+        element.label = element.columnLabel;
+        element.key = element.columnName;
+        // if (element.columnName === "queryTemplate") {
+        //   element.width = "300px";
+        // }
+      });
+      serviceId.value = returnData.submitID;
+    } else {
+      page.value--;
+    }
+  } catch (error) {
+    page.value--;
+  }
+};
+//确认提交
+const submitForm = () => {
+  generalDataReception(tableForm);
+};
+const resetTable = () => {
+  page.value = 0;
+  noMore.value = false;
+  tableData.value = [];
+};
+//新增-编辑-删除
+const generalDataReception = async (data) => {
+  try {
+    let obj = {
+      dataStructureID: route.query.dataStructureID,
+    };
+    data = {
+      ...data,
+      ...obj,
+    };
+    const { code } = await GeneralDataReception({
+      serviceId: serviceId.value,
+      dataContent: JSON.stringify(data),
+    });
+    if (code == 0) {
+      ElMessage.success(`操作成功`);
+      // this.$message.success("操作成功");
+      resetTable();
+      getQuery();
+      resetForm();
+      flag.value = false;
+      // rmFlag.value = false;
+      tableObj.value = {};
+      // this.$router.go(0);
+    } else {
+      ElMessage.error(`操作失败`);
+      // this.$message.error("操作失败");
+      // this.flag = false;
+      // this.rmFlag = false;
+      tableObj.value = {};
+      resetForm();
+    }
+  } catch (error) {
+    flag.value = false;
+    //  rmFlag.value = false;
+    tableObj.value = {};
+    resetForm();
+  }
+};
+getQuery();
 </script>
 <style lang="scss" scoped>
 ::v-deep .el-form-item__label {

src/views/systemSettings/datastructure/index.vue

@@ -10,7 +10,7 @@
       >
       <div class="app-containers">
         <DataTable
-          :tableHeader="state.list"
+          :tableHeader="tableCols"
           :tableData="tableData"
           :tableBtnGroup="tableBtnGroup"
           :tableProperty="{ rowKey: 'ID' }"
@@ -24,6 +24,8 @@
         :msgTitle="msgTitle"
         @resetForm="resetForm"
         @delRest="delRest"
+        @submitForm="submitForm"
+        @delRemove="delRemove"
       >
         <div class="diacont">
           <el-form :model="tableForm">
@@ -31,7 +33,7 @@
               <el-col>
                 <el-form-item label="结构名称" size="default">
                   <el-input
-                    v-model="tableForm.name"
+                    v-model="tableForm.structureName"
                     placeholder="请输入结构名称"
                   />
                 </el-form-item>
@@ -40,7 +42,7 @@
                 <el-form-item label="数据格式" size="default">
                   <el-select
                     style="width: 100%"
-                    v-model="tableForm.china"
+                    v-model="tableForm.datatype"
                     class="input-shadow"
                     filterable
                     default-first-option
@@ -60,7 +62,7 @@
               <el-col>
                 <el-form-item label="事件标识" size="default">
                   <el-input
-                    v-model="tableForm.englin"
+                    v-model="tableForm.eventID"
                     placeholder="请输入事件标识"
                   />
                 </el-form-item>
@@ -69,7 +71,7 @@
                 <el-form-item label="描述" size="default">
                   <el-input
                     type="textarea"
-                    v-model="tableForm.two"
+                    v-model="tableForm.dataDescribe"
                     placeholder="请输入备注"
                   />
                 </el-form-item>
@@ -85,6 +87,15 @@
 import DataTable from "@/components/tableTemp/index.vue";
 import Minheader from "@/components/minheader/index.vue";
 import Dialog from "@/components/dialog/index.vue";
+import { Query, GeneralDataReception } from "@/api/webApi";
+import { ElMessage } from "element-plus";
+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 tableObj = ref({}); //增删改数据缓存
 const router = useRouter();
 const flag = ref<Boolean>(false); //弹窗开关
 const type = ref<String>(""); //判断是否删除
@@ -92,35 +103,15 @@ const msgTitle = ref<String>("新增数据结构"); //弹窗标题
 const tableColsCopys = reactive<Object>({}); //弹窗\
 const tableOptionser = ref<Array>([]); //弹窗下拉
 const tableForm = reactive({
-  name: "",
-  china: "",
-  englin: "",
-  two: "",
-  three: "",
-  text: "",
-  time: "",
+  dataStructureID: "",
+  structureName: "",
+  datatype: "",
+  eventID: "",
+  dataDescribe: "",
+  event: "",
 }); //弹窗内容
 //列表
-const tableData = ref([
-  {
-    name: "测试",
-    china: "测试",
-    englin: "测试",
-    two: "测试",
-  },
-  {
-    name: "测试",
-    china: "测试",
-    englin: "测试",
-    two: "测试",
-  },
-  {
-    name: "测试",
-    china: "测试",
-    englin: "测试",
-    two: "测试",
-  },
-]);
+const tableData = ref([]);
 //表头
 const state = reactive({
   list: [
@@ -153,16 +144,16 @@ const addForm = () => {
   msgTitle.value = "新增数据结构";
   flag.value = true;
   type.value = "";
+  tableForm.event = 1;
 };
 //取消
 const resetForm = () => {
   flag.value = false;
-  tableForm.name = "";
-  tableForm.china = "";
-  tableForm.englin = "";
-  tableForm.two = "";
-  tableForm.three = "";
-  tableForm.text = "";
+  tableForm.dataStructureID = "";
+  tableForm.structureName = "";
+  tableForm.datatype = "";
+  tableForm.eventID = "";
+  tableForm.dataDescribe = "";
 };
 //编辑
 // const editDialog = (data) => {
@@ -182,20 +173,29 @@ const btnClick = (row, index, param) => {
     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.event = 2;
+    tableForm.dataStructureID = index.dataStructureID;
+    tableForm.structureName = index.structureName;
+    tableForm.datatype = index.datatype;
+    tableForm.eventID = index.eventID;
+    tableForm.dataDescribe = index.dataDescribe;
   } else if (param === 3) {
     msgTitle.value = "删除数据结构";
     flag.value = true;
     type.value = "del";
+    tableForm.event = 3;
+    tableForm.dataStructureID = index.dataStructureID;
+    tableForm.structureName = index.structureName;
+    tableForm.datatype = index.datatype;
+    tableForm.eventID = index.eventID;
+    tableForm.dataDescribe = index.dataDescribe;
   } else if (param === 4) {
-    router.push({ path: "/systemSettings/datastructureTerm" });
+    router.push({
+      path: "/systemSettings/datastructureTerm",
+      query: {
+        dataStructureID: index.dataStructureID,
+      },
+    });
   }
 };
 //删除
@@ -204,10 +204,95 @@ const eleDialog = () => {
   flag.value = true;
   type.value = "del";
 };
+const delRemove = () => {
+  tableForm.event = 3;
+  generalDataReception(tableForm);
+};
 //删除
 const delRest = () => {
   flag.value = false;
 };
+//获取表格数据
+const getQuery = async () => {
+  try {
+    const { code, returnData } = await Query({
+      id: DATACONTENT_ID.structureTabId,
+      needPage: ++page.value,
+      dataContent: Object.values(dataContent.value),
+    });
+    if (code === "0") {
+      if (returnData.listValues.length === 0) {
+        page.value--;
+        noMore.value = true;
+      }
+      const titleColumn = returnData.columnSet.find(
+        (item) => item.needShow === 1
+      );
+      if (titleColumn) {
+        rowTitle.value = titleColumn.columnName;
+      }
+      tableData.value.push(...returnData.listValues);
+      tableCols.value = returnData.columnSet;
+      tableCols.value.forEach((element) => {
+        element.label = element.columnLabel;
+        element.key = element.columnName;
+        // if (element.columnName === "queryTemplate") {
+        //   element.width = "300px";
+        // }
+      });
+      serviceId.value = returnData.submitID;
+    } else {
+      page.value--;
+    }
+  } catch (error) {
+    page.value--;
+  }
+};
+//确认提交
+const submitForm = () => {
+  generalDataReception(tableForm);
+};
+const resetTable = () => {
+  page.value = 0;
+  noMore.value = false;
+  tableData.value = [];
+};
+//新增-编辑-删除
+const generalDataReception = async (data) => {
+  try {
+    data = {
+      ...data,
+    };
+    const { code } = await GeneralDataReception({
+      serviceId: serviceId.value,
+      dataContent: JSON.stringify(data),
+    });
+    if (code == 0) {
+      ElMessage.success(`操作成功`);
+      // this.$message.success("操作成功");
+      resetTable();
+      getQuery();
+      resetForm();
+      flag.value = false;
+      // rmFlag.value = false;
+      tableObj.value = {};
+      // this.$router.go(0);
+    } else {
+      ElMessage.error(`操作失败`);
+      // this.$message.error("操作失败");
+      // this.flag = false;
+      // this.rmFlag = false;
+      tableObj.value = {};
+      resetForm();
+    }
+  } catch (error) {
+    flag.value = false;
+    //  rmFlag.value = false;
+    tableObj.value = {};
+    resetForm();
+  }
+};
+getQuery();
 </script>
 <style lang="scss" scoped>
 ::v-deep .el-form-item__label {

src/views/systemSettings/messageTemplate/index.vue

@@ -10,7 +10,7 @@
       >
       <div class="app-containers">
         <DataTable
-          :tableHeader="state.list"
+          :tableHeader="tableCols"
           :tableData="tableData"
           :tableBtnGroup="tableBtnGroup"
           :tableProperty="{ rowKey: 'ID' }"
@@ -23,6 +23,8 @@
         :msgTitle="msgTitle"
         @resetForm="resetForm"
         @delRest="delRest"
+        @submitForm="submitForm"
+        @delRemove="delRemove"
       >
         <div class="diacont">
           <el-form :model="tableForm">
@@ -52,6 +54,15 @@
 import DataTable from "@/components/tableTemp/index.vue";
 import Minheader from "@/components/minheader/index.vue";
 import Dialog from "@/components/dialog/index.vue";
+import { Query, GeneralDataReception } from "@/api/webApi";
+import { ElMessage } from "element-plus";
+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 tableObj = ref({}); //增删改数据缓存
 const flag = ref<Boolean>(false); //弹窗开关
 const type = ref<String>(""); //判断是否删除
 const msgTitle = ref<String>("新增消息模板"); //弹窗标题
@@ -65,20 +76,7 @@ const tableForm = reactive({
   text: "",
 }); //弹窗内容
 //列表
-const tableData = ref([
-  {
-    name: "中国国际航空",
-    china: "国航",
-  },
-  {
-    name: "中国国际航空",
-    china: "国航",
-  },
-  {
-    name: "中国国际航空",
-    china: "国航",
-  },
-]);
+const tableData = ref([]);
 //表头
 const state = reactive({
   list: [
@@ -152,10 +150,95 @@ const eleDialog = () => {
   flag.value = true;
   type.value = "del";
 };
+const delRemove = () => {
+  tableForm.event = 3;
+  generalDataReception(tableForm);
+};
 //删除
 const delRest = () => {
   flag.value = false;
 };
+//获取表格数据
+const getQuery = async () => {
+  try {
+    const { code, returnData } = await Query({
+      id: DATACONTENT_ID.messageQueryTabId,
+      needPage: ++page.value,
+      dataContent: Object.values(dataContent.value),
+    });
+    if (code === "0") {
+      if (returnData.listValues.length === 0) {
+        page.value--;
+        noMore.value = true;
+      }
+      const titleColumn = returnData.columnSet.find(
+        (item) => item.needShow === 1
+      );
+      if (titleColumn) {
+        rowTitle.value = titleColumn.columnName;
+      }
+      tableData.value.push(...returnData.listValues);
+      tableCols.value = returnData.columnSet;
+      tableCols.value.forEach((element) => {
+        element.label = element.columnLabel;
+        element.key = element.columnName;
+        // if (element.columnName === "queryTemplate") {
+        //   element.width = "300px";
+        // }
+      });
+      serviceId.value = returnData.submitID;
+    } else {
+      page.value--;
+    }
+  } catch (error) {
+    page.value--;
+  }
+};
+//确认提交
+const submitForm = () => {
+  generalDataReception(tableForm);
+};
+const resetTable = () => {
+  page.value = 0;
+  noMore.value = false;
+  tableData.value = [];
+};
+//新增-编辑-删除
+const generalDataReception = async (data) => {
+  try {
+    data = {
+      ...data,
+    };
+    const { code } = await GeneralDataReception({
+      serviceId: serviceId.value,
+      dataContent: JSON.stringify(data),
+    });
+    if (code == 0) {
+      ElMessage.success(`操作成功`);
+      // this.$message.success("操作成功");
+      resetTable();
+      getQuery();
+      resetForm();
+      flag.value = false;
+      // rmFlag.value = false;
+      tableObj.value = {};
+      // this.$router.go(0);
+    } else {
+      ElMessage.error(`操作失败`);
+      // this.$message.error("操作失败");
+      // this.flag = false;
+      // this.rmFlag = false;
+      tableObj.value = {};
+      resetForm();
+    }
+  } catch (error) {
+    flag.value = false;
+    //  rmFlag.value = false;
+    tableObj.value = {};
+    resetForm();
+  }
+};
+getQuery();
 </script>
 <style lang="scss" scoped>
 ::v-deep .el-form-item__label {

src/views/systemSettings/protocolManagement/index.vue

@@ -10,7 +10,7 @@
       >
       <div class="app-containers">
         <DataTable
-          :tableHeader="state.list"
+          :tableHeader="tableCols"
           :tableData="tableData"
           :tableBtnGroup="tableBtnGroup"
           :tableProperty="{ rowKey: 'ID' }"
@@ -24,6 +24,8 @@
         :msgTitle="msgTitle"
         @resetForm="resetForm"
         @delRest="delRest"
+        @submitForm="submitForm"
+        @delRemove="delRemove"
       >
         <div class="diacont">
           <el-form :model="tableForm">
@@ -31,7 +33,7 @@
               <el-col>
                 <el-form-item label="协议名称" size="default">
                   <el-input
-                    v-model="tableForm.name"
+                    v-model="tableForm.protocolName"
                     placeholder="请输入协议名称"
                   />
                 </el-form-item>
@@ -40,15 +42,23 @@
                 <el-form-item label="类名" size="default">
                   <el-input
                     type="textarea"
-                    v-model="tableForm.china"
+                    v-model="tableForm.className"
                     placeholder="请输入类名"
                   />
                 </el-form-item>
               </el-col>
+              <!-- <el-col>
+                <el-form-item label="协议类型" size="default">
+                  <el-input
+                    v-model="tableForm.protocolType"
+                    placeholder="请输入协议类型"
+                  />
+                </el-form-item>
+              </el-col> -->
               <el-col>
                 <el-form-item label="读方法名" size="default">
                   <el-input
-                    v-model="tableForm.englin"
+                    v-model="tableForm.rmethodName"
                     placeholder="请输入读方法名"
                   />
                 </el-form-item>
@@ -56,7 +66,7 @@
               <el-col>
                 <el-form-item label="写方法名" size="default">
                   <el-input
-                    v-model="tableForm.two"
+                    v-model="tableForm.smethodName"
                     placeholder="请输入写方法名"
                   />
                 </el-form-item>
@@ -65,7 +75,7 @@
                 <el-form-item label="文件名及路径" size="default">
                   <el-input
                     type="textarea"
-                    v-model="tableForm.three"
+                    v-model="tableForm.filePath"
                     placeholder="请输入文件名及路径"
                   />
                 </el-form-item>
@@ -81,42 +91,31 @@
 import DataTable from "@/components/tableTemp/index.vue";
 import Minheader from "@/components/minheader/index.vue";
 import Dialog from "@/components/dialog/index.vue";
+import { Query, GeneralDataReception } from "@/api/webApi";
+import { ElMessage } from "element-plus";
+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 tableObj = ref({}); //增删改数据缓存
 const flag = ref<Boolean>(false); //弹窗开关
 const type = ref<String>(""); //判断是否删除
 const msgTitle = ref<String>("新增协议管理"); //弹窗标题
 const tableColsCopys = reactive<Object>({}); //弹窗
 const tableForm = reactive({
-  name: "",
-  china: "",
-  englin: "",
-  two: "",
-  three: "",
-  text: "",
+  protocolID: "",
+  protocolName: "",
+  protocolType: "",
+  filePath: "",
+  className: "",
+  rmethodName: "",
+  smethodName: "",
+  event: "",
 }); //弹窗内容
 //列表
-const tableData = ref([
-  {
-    name: "测试",
-    china: "测试",
-    englin: "测试",
-    two: "测试",
-    three: "测试",
-  },
-  {
-    name: "测试",
-    china: "测试",
-    englin: "测试",
-    two: "测试",
-    three: "测试",
-  },
-  {
-    name: "测试",
-    china: "测试",
-    englin: "测试",
-    two: "测试",
-    three: "测试",
-  },
-]);
+const tableData = ref([]);
 //表头
 const state = reactive({
   list: [
@@ -145,34 +144,45 @@ const addForm = () => {
   msgTitle.value = "新增协议管理";
   flag.value = true;
   type.value = "";
+  tableForm.event = 1;
 };
 //取消
 const resetForm = () => {
   flag.value = false;
-  tableForm.name = "";
-  tableForm.china = "";
-  tableForm.englin = "";
-  tableForm.two = "";
-  tableForm.three = "";
-  tableForm.text = "";
+  tableForm.protocolID = "";
+  tableForm.protocolName = "";
+  tableForm.protocolType = "";
+  tableForm.filePath = "";
+  tableForm.className = "";
+  tableForm.rmethodName = "";
+  tableForm.smethodName = "";
 };
-//编辑
 //编辑-删除
 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.event = 2;
+    tableForm.protocolID = index.protocolID;
+    tableForm.protocolName = index.protocolName;
+    tableForm.protocolType = index.protocolType;
+    tableForm.filePath = index.filePath;
+    tableForm.className = index.className;
+    tableForm.rmethodName = index.rmethodName;
+    tableForm.smethodName = index.smethodName;
   } else if (param === 3) {
     msgTitle.value = "删除协议管理";
     flag.value = true;
     type.value = "del";
+    tableForm.event = 3;
+    tableForm.protocolID = index.protocolID;
+    tableForm.protocolName = index.protocolName;
+    tableForm.protocolType = index.protocolType;
+    tableForm.filePath = index.filePath;
+    tableForm.className = index.className;
+    tableForm.rmethodName = index.rmethodName;
+    tableForm.smethodName = index.smethodName;
   } else if (param === 4) {
   }
 };
@@ -182,10 +192,95 @@ const eleDialog = () => {
   flag.value = true;
   type.value = "del";
 };
+const delRemove = () => {
+  tableForm.event = 3;
+  generalDataReception(tableForm);
+};
 //删除
 const delRest = () => {
   flag.value = false;
 };
+//获取表格数据
+const getQuery = async () => {
+  try {
+    const { code, returnData } = await Query({
+      id: DATACONTENT_ID.sysProtoTabId,
+      needPage: ++page.value,
+      dataContent: Object.values(dataContent.value),
+    });
+    if (code === "0") {
+      if (returnData.listValues.length === 0) {
+        page.value--;
+        noMore.value = true;
+      }
+      const titleColumn = returnData.columnSet.find(
+        (item) => item.needShow === 1
+      );
+      if (titleColumn) {
+        rowTitle.value = titleColumn.columnName;
+      }
+      tableData.value.push(...returnData.listValues);
+      tableCols.value = returnData.columnSet;
+      tableCols.value.forEach((element) => {
+        element.label = element.columnLabel;
+        element.key = element.columnName;
+        // if (element.columnName === "queryTemplate") {
+        //   element.width = "300px";
+        // }
+      });
+      serviceId.value = returnData.submitID;
+    } else {
+      page.value--;
+    }
+  } catch (error) {
+    page.value--;
+  }
+};
+//确认提交
+const submitForm = () => {
+  generalDataReception(tableForm);
+};
+const resetTable = () => {
+  page.value = 0;
+  noMore.value = false;
+  tableData.value = [];
+};
+//新增-编辑-删除
+const generalDataReception = async (data) => {
+  try {
+    data = {
+      ...data,
+    };
+    const { code } = await GeneralDataReception({
+      serviceId: serviceId.value,
+      dataContent: JSON.stringify(data),
+    });
+    if (code == 0) {
+      ElMessage.success(`操作成功`);
+      // this.$message.success("操作成功");
+      resetTable();
+      getQuery();
+      resetForm();
+      flag.value = false;
+      // rmFlag.value = false;
+      tableObj.value = {};
+      // this.$router.go(0);
+    } else {
+      ElMessage.error(`操作失败`);
+      // this.$message.error("操作失败");
+      // this.flag = false;
+      // this.rmFlag = false;
+      tableObj.value = {};
+      resetForm();
+    }
+  } catch (error) {
+    flag.value = false;
+    //  rmFlag.value = false;
+    tableObj.value = {};
+    resetForm();
+  }
+};
+getQuery();
 </script>
 <style lang="scss" scoped>
 ::v-deep .el-form-item__label {

src/views/systemSettings/sourceTube/index.vue

@@ -4,13 +4,13 @@
       <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
       >
       <div class="app-containers">
         <DataTable
-          :tableHeader="state.list"
+          :tableHeader="tableCols"
           :tableData="tableData"
           :tableBtnGroup="tableBtnGroup"
           :tableProperty="{ rowKey: 'ID' }"
@@ -23,6 +23,8 @@
         :msgTitle="msgTitle"
         @resetForm="resetForm"
         @delRest="delRest"
+        @submitForm="submitForm"
+        @delRemove="delRemove"
       >
         <div class="diacont">
           <el-form :model="tableForm">
@@ -30,7 +32,7 @@
               <el-col>
                 <el-form-item label="数据源名称" size="default">
                   <el-input
-                    v-model="tableForm.name"
+                    v-model="tableForm.dataSourceName"
                     placeholder="请输入数据源名称"
                   />
                 </el-form-item>
@@ -39,7 +41,7 @@
                 <el-form-item label="协议名称" size="default">
                   <el-select
                     style="width: 100%"
-                    v-model="tableForm.china"
+                    v-model="tableForm.protocolName"
                     class="input-shadow"
                     filterable
                     default-first-option
@@ -60,7 +62,7 @@
                 <el-form-item label="连接参数" size="default">
                   <el-input
                     type="textarea"
-                    v-model="tableForm.englin"
+                    v-model="tableForm.connectConfig"
                     placeholder="请输入连接参数"
                   />
                 </el-form-item>
@@ -76,37 +78,30 @@
 import DataTable from "@/components/tableTemp/index.vue";
 import Minheader from "@/components/minheader/index.vue";
 import Dialog from "@/components/dialog/index.vue";
+import { Query, GeneralDataReception } from "@/api/webApi";
+import { ElMessage } from "element-plus";
+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 tableObj = ref({}); //增删改数据缓存
 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: "",
+  dataSourceID: "",
+  protocolID: "",
+  dataSourceName: "",
+  connectConfig: "",
+  protocolName: "",
+  event: "",
 }); //弹窗内容
 //列表
-const tableData = ref([
-  {
-    name: "测试",
-    china: "测试",
-    englin: "测试",
-  },
-  {
-    name: "测试",
-    china: "测试",
-    englin: "测试",
-  },
-  {
-    name: "测试",
-    china: "测试",
-    englin: "测试",
-  },
-]);
+const tableData = ref([]);
 //表头
 const state = reactive({
   list: [
@@ -130,19 +125,19 @@ const tableBtnGroup = ref([
 ]);
 //新增
 const addForm = () => {
-  msgTitle.value = "新增数据源服务";
+  msgTitle.value = "新增数据源";
+  tableForm.event = 1;
   flag.value = true;
   type.value = "";
 };
 //取消
 const resetForm = () => {
   flag.value = false;
-  tableForm.name = "";
-  tableForm.china = "";
-  tableForm.englin = "";
-  tableForm.two = "";
-  tableForm.three = "";
-  tableForm.text = "";
+  tableForm.dataSourceID = "";
+  tableForm.protocolID = "";
+  tableForm.dataSourceName = "";
+  tableForm.connectConfig = "";
+  tableForm.protocolName = "";
 };
 //编辑
 // const editDialog = (data) => {
@@ -159,19 +154,25 @@ const resetForm = () => {
 //编辑-删除
 const btnClick = (row, index, param) => {
   if (param === 2) {
-    msgTitle.value = "编辑数据源服务";
+    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.event = 2;
+    tableForm.dataSourceID = index.dataSourceID;
+    tableForm.protocolID = index.protocolID;
+    tableForm.dataSourceName = index.dataSourceName;
+    tableForm.connectConfig = index.connectConfig;
+    tableForm.protocolName = index.protocolName;
   } else if (param === 3) {
-    msgTitle.value = "删除数据源服务";
+    msgTitle.value = "删除数据源";
     flag.value = true;
     type.value = "del";
+    tableForm.event = 3;
+    tableForm.dataSourceID = index.dataSourceID;
+    tableForm.protocolID = index.protocolID;
+    tableForm.dataSourceName = index.dataSourceName;
+    tableForm.connectConfig = index.connectConfig;
+    tableForm.protocolName = index.protocolName;
   } else if (param === 4) {
   }
 };
@@ -181,10 +182,95 @@ const eleDialog = () => {
   flag.value = true;
   type.value = "del";
 };
+const delRemove = () => {
+  tableForm.event = 3;
+  generalDataReception(tableForm);
+};
 //删除
 const delRest = () => {
   flag.value = false;
 };
+//获取表格数据
+const getQuery = async () => {
+  try {
+    const { code, returnData } = await Query({
+      id: DATACONTENT_ID.sourceDataTabId,
+      needPage: ++page.value,
+      dataContent: Object.values(dataContent.value),
+    });
+    if (code === "0") {
+      if (returnData.listValues.length === 0) {
+        page.value--;
+        noMore.value = true;
+      }
+      const titleColumn = returnData.columnSet.find(
+        (item) => item.needShow === 1
+      );
+      if (titleColumn) {
+        rowTitle.value = titleColumn.columnName;
+      }
+      tableData.value.push(...returnData.listValues);
+      tableCols.value = returnData.columnSet;
+      tableCols.value.forEach((element) => {
+        element.label = element.columnLabel;
+        element.key = element.columnName;
+        // if (element.columnName === "queryTemplate") {
+        //   element.width = "300px";
+        // }
+      });
+      serviceId.value = returnData.submitID;
+    } else {
+      page.value--;
+    }
+  } catch (error) {
+    page.value--;
+  }
+};
+//确认提交
+const submitForm = () => {
+  generalDataReception(tableForm);
+};
+const resetTable = () => {
+  page.value = 0;
+  noMore.value = false;
+  tableData.value = [];
+};
+//新增-编辑-删除
+const generalDataReception = async (data) => {
+  try {
+    data = {
+      ...data,
+    };
+    const { code } = await GeneralDataReception({
+      serviceId: serviceId.value,
+      dataContent: JSON.stringify(data),
+    });
+    if (code == 0) {
+      ElMessage.success(`操作成功`);
+      // this.$message.success("操作成功");
+      resetTable();
+      getQuery();
+      resetForm();
+      flag.value = false;
+      // rmFlag.value = false;
+      tableObj.value = {};
+      // this.$router.go(0);
+    } else {
+      ElMessage.error(`操作失败`);
+      // this.$message.error("操作失败");
+      // this.flag = false;
+      // this.rmFlag = false;
+      tableObj.value = {};
+      resetForm();
+    }
+  } catch (error) {
+    flag.value = false;
+    //  rmFlag.value = false;
+    tableObj.value = {};
+    resetForm();
+  }
+};
+getQuery();
 </script>
 <style lang="scss" scoped>
 ::v-deep .el-form-item__label {

src/views/systemSettings/sourceservice/index.vue

@@ -10,7 +10,7 @@
       >
       <div class="app-containers">
         <DataTable
-          :tableHeader="state.list"
+          :tableHeader="tableCols"
           :tableData="tableData"
           :tableBtnGroup="tableBtnGroup"
           :tableProperty="{ rowKey: 'ID' }"
@@ -115,6 +115,16 @@
 import DataTable from "@/components/tableTemp/index.vue";
 import Minheader from "@/components/minheader/index.vue";
 import Dialog from "@/components/dialog/index.vue";
+import { Query, GeneralDataReception } from "@/api/webApi";
+import { ElMessage } from "element-plus";
+const page = ref<number>(0); //分页参数
+const dataContent = ref<object>({});
+const noMore = ref<Boolean>(false);
+const asShow = ref<Boolean>(false);
+const rowTitle = ref<String>("");
+const tableCols = ref([]); //表头数据
+const serviceId = ref<String>("");
+const tableObj = ref({}); //增删改数据缓存
 const router = useRouter();
 const flag = ref<Boolean>(false); //弹窗开关
 const type = ref<String>(""); //判断是否删除