数据源增加

src/api/etl/switch.js

@@ -17,3 +17,25 @@ export function selectSourceExport(data){
     data:data
   })
 }
+
+
+//新增
+export function insertAdd(data){
+  return request({
+    url: "/source/source/insert",
+    method: "get",
+    data:data
+  })
+}
+
+
+//获取基本信息
+export function getInfo(id){
+  return request({
+    url: "/source/source/id",
+    method: "get",
+  })
+}
+
+
+

src/views/etl/switch/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
 
-    <el-form  label-width="80px" :model="SourceReq" class="demo-form-inline">
+    <el-form  label-width="80px" :model="SourceReq" ref="queryForm"  :inline="true" class="demo-form-inline" size="small">
       <el-form-item label="数据源名称">
         <el-input v-model="SourceReq.dataResourceName"></el-input>
       </el-form-item>
@@ -26,10 +26,88 @@
 <!--    >删除-->
 <!--    </el-button>-->
 
-  <el-button @click="findSelectSourceExport">
+    <el-button
-    导出
+      v-hasPermi="['tool:gen:import']"
+      icon="el-icon-upload"
+      plain
+      size="mini"
+      type="info"
+      @click="findSelectSourceExport"
+    >导出
     </el-button>
 
+
+    <el-button
+      icon="el-icon-delete"
+      plain
+      size="mini"
+      type="danger"
+      @click="insertAdd()"
+    >新增
+    </el-button>
+
+
+    <el-dialog title="添加数据源接入" :visible.sync="dialogFormVisible">
+
+      <el-form :model="sourceAddReq">
+        <el-form-item label="接入源名称">
+          <el-input v-model="sourceAddReq.dataResourceName"></el-input>
+        </el-form-item>
+        <el-form-item label="数据来源系统名称">
+          <el-input v-model="sourceAddReq.dataSourcesSystemName"></el-input>
+        </el-form-item>
+        <el-form-item label="主机地址">
+          <el-input v-model="sourceAddReq.host"></el-input>
+        </el-form-item>
+        <el-form-item label="主机端口">
+          <el-input v-model="sourceAddReq.port"></el-input>
+        </el-form-item>
+        <el-form-item label="数据接入类型">
+          <el-input v-model="sourceAddReq.databaseType"></el-input>
+        </el-form-item>
+        <el-form-item label="数据库名称">
+          <el-input v-model="sourceAddReq.databaseName"></el-input>
+        </el-form-item>
+        <el-form-item label="数据库用户">
+          <el-input v-model="sourceAddReq.username"></el-input>
+        </el-form-item>
+        <el-form-item label="数据库密码">
+          <el-input v-model="sourceAddReq.password"></el-input>
+        </el-form-item>
+        <el-form-item label="数据连接参数">
+          <el-input v-model="sourceAddReq.connectionParams"></el-input>
+        </el-form-item>
+        <el-form-item label="初始化连接数量">
+          <el-input v-model="sourceAddReq.initLinkNum"></el-input>
+        </el-form-item>
+        <el-form-item label="最大连接数量">
+          <el-input v-model="sourceAddReq.maxLinkNum"></el-input>
+        </el-form-item>
+        <el-form-item label="最大等待时间">
+          <el-input v-model="sourceAddReq.maxWaitTime"></el-input>
+        </el-form-item>
+        <el-form-item label="最大等待次数">
+          <el-input v-model="sourceAddReq.maxWaitTimes"></el-input>
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input v-model="sourceAddReq.remark"></el-input>
+        </el-form-item>
+
+      </el-form>
+
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">测试</el-button>
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
+      </div>
+    </el-dialog>
+
+
+
+
+
+
     <el-table
       :data="source"
       style="width: 100%"
@@ -128,6 +206,7 @@
 //例如：import 《组件名称》 from '《组件路径》,
 import {selectSourceList} from "@/api/etl/switch";
 import {selectSourceExport} from "@/api/etl/switch";
+import {insertAdd} from "@/api/etl/switch";
 export default {
   //import引入的组件需要注入到对象中才能使用"
   components: {},
@@ -136,8 +215,12 @@ export default {
     //这里存放数据"
 
     return {
+      dialogFormVisible:false,
       SourceReq:{
 
+      },
+      sourceAddReq:{
+
       },
       source:[],
     };
@@ -148,6 +231,9 @@ export default {
   watch: {},
   //方法集合",
   methods: {
+    insertAdd(){
+      this.dialogFormVisible=true
+    },
     findSelectSourceList(){
       selectSourceList(this.SourceReq).then(res=>{
           this.source=res.data.rows;