测试

src/api/etl/switch.js

@@ -0,0 +1,8 @@
+//查询数据源列表
+export function selectSourceList(data){
+  return request({
+    url: "/etl/source/list",
+    method: "POST",
+    data:data
+  })
+}

src/views/etl/switch/index.vue

@@ -0,0 +1,77 @@
+<template>
+  <div>
+
+    <el-form  label-width="80px" :model="SourceReq">
+      <el-form-item label="数据源名称">
+        <el-input v-model="SourceReq.dataResourceName"></el-input>
+      </el-form-item>
+      <el-form-item label="数据来源系统名称">
+        <el-input v-model="SourceReq.dataSourcesSystemName"></el-input>
+      </el-form-item>
+      <el-form-item label="数据库名称">
+        <el-input v-model="SourceReq.databaseName"></el-input>
+      </el-form-item>
+      <el-button @click="findSelectSourceList">
+        查询
+      </el-button>
+    </el-form>
+
+
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+import {selectSourceList} from "@/api/etl/switch";
+export default {
+  //import引入的组件需要注入到对象中才能使用"
+  components: {},
+  props: {},
+  data() {
+    //这里存放数据"
+
+    return {
+      SourceReq:{
+
+      }
+    };
+  },
+  //计算属性 类似于data概念",
+  computed: {},
+  //监控data中的数据变化",
+  watch: {},
+  //方法集合",
+  methods: {
+    findSelectSourceList(){
+      selectSourceList(this.SourceReq).then(res=>{
+
+      })
+    },
+  },
+  //生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+    this.findSelectSourceList();
+  },
+  //生命周期 - 挂载完成（可以访问DOM元素）",
+  mounted() {
+  },
+  beforeCreate() {
+  }, //生命周期 - 创建之前",
+  beforeMount() {
+  }, //生命周期 - 挂载之前",
+  beforeUpdate() {
+  }, //生命周期 - 更新之前",
+  updated() {
+  }, //生命周期 - 更新之后",
+  beforeDestroy() {
+  }, //生命周期 - 销毁之前",
+  destroyed() {
+  }, //生命周期 - 销毁完成",
+  activated() {
+  } //如果页面有keep-alive缓存功能，这个函数会触发",
+};
+</script>
+<style scoped>
+
+</style>