datax前台页面

src/api/data-datax/datax.ts

@@ -0,0 +1,9 @@
+import request from "@/utils/request";
+import data from "@/views/sys/dict/data.vue";
+export function listDatax() {
+  return request({
+    url: 'srt-cloud-datax/datax/stuList',
+    method: 'post',
+    data
+  })
+}

src/views/data-datax/index.vue

@@ -0,0 +1,113 @@
+<template>
+  <div>
+    <el-table :data="tableData" style="width: 100%">
+      <el-table-column label="id" width="180">
+        <template slot-scope="scope">
+          <span style="margin-left: 10px">{{ scope.row.id }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="姓名" width="180">
+        <template slot-scope="scope">
+          <span style="margin-left: 10px">{{ scope.row.name }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="端口" width="180">
+        <template slot-scope="scope">
+          <span style="margin-left: 10px">{{ scope.row.post }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" width="180">
+        <template slot-scope="scope">
+          <span style="margin-left: 10px">{{ scope.row.status }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" width="180">
+        <template slot-scope="scope">
+          <span style="margin-left: 10px">{{ scope.row.createTime }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建用户" width="180">
+        <template slot-scope="scope">
+          <span style="margin-left: 10px">{{ scope.row.createUser }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="修改时间" width="180">
+        <template slot-scope="scope">
+          <span style="margin-left: 10px">{{ scope.row.updateTime }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="修改用户" width="180">
+        <template slot-scope="scope">
+          <span style="margin-left: 10px">{{ scope.row.updateUser }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+          <el-button
+            size="mini"
+            type="danger"
+            @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+import { listDatax } from "@/api/data-datax/datax";
+
+export default {
+    //import引入的组件需要注入到对象中才能使用"
+    components: {},
+    props: {},
+    data() {
+      //这里存放数据"
+
+      return {
+        tableData: []
+      };
+    },
+    //计算属性 类似于data概念",
+    computed: {},
+    //监控data中的数据变化",
+    watch: {},
+    //方法集合",
+    methods: {
+      show() {
+        listDatax().then(res => {
+          console.log(res)
+          this.tableData = res.data
+        })
+      }
+    },
+    //生命周期 - 创建完成（可以访问当前this实例）",
+    created() {
+      this.show()
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）",
+    mounted() {
+    },
+    beforeCreate() {
+    }, //生命周期 - 创建之前",
+    beforeMount() {
+    }, //生命周期 - 挂载之前",
+    beforeUpdate() {
+    }, //生命周期 - 更新之前",
+    updated() {
+    }, //生命周期 - 更新之后",
+    beforeDestroy() {
+    }, //生命周期 - 销毁之前",
+    destroyed() {
+    }, //生命周期 - 销毁完成",
+    activated() {
+    } //如果页面有keep-alive缓存功能，这个函数会触发",
+  };
+</script>
+<style scoped>
+
+</style>

src/views/data-integrate/access/add-or-update.vue

@@ -210,6 +210,22 @@
             <el-icon><QuestionFilled /></el-icon>
           </el-tooltip>
         </el-form-item>
+        <el-form-item label="数据同步引擎" prop="dataSynchronization">
+          <el-radio-group v-model="dataForm.dataSynchronization">
+            <el-radio label="dbswitch"></el-radio>
+            <el-radio label="datax"></el-radio>
+          </el-radio-group>
+        </el-form-item>
+
+        <el-form-item label="引擎" prop="dataFormDataxEngine">
+          <el-select v-model="dataForm.dataxEngine" v-if="dataForm.dataSynchronization==='dbswitch'" placeholder="请选择">
+            <el-option label="101.34.77.101" value="101.34.77.101"></el-option>
+          </el-select>
+          <el-select v-model="dataForm.dataxEngine" v-if="dataForm.dataSynchronization==='datax'" placeholder="请选择">
+            <el-option label="124.223.48.209" value="124.223.48.209"></el-option>
+          </el-select>
+        </el-form-item>
+
       </div>
       <!-- 映射转换配置 -->
       <div v-show="active == 4">
@@ -482,7 +498,9 @@ const dataForm = reactive({
   batchSize: 1000,
   tableNameMapper: [],
   columnNameMapper: [],
-	})
+  dataSynchronization: null,
+  dataxEngine: ''
+})
 
 const cronPopover = ref()
 const changeCron = (val: any) => {
@@ -735,7 +753,7 @@ defineExpose({
 </script>
 
 <style scoped>
-	.tip-content {
+.tip-content {
   font-size: 14px;
-	}
+}
 </style>