cbx
/
srt_cloud_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

数据源前台

master
chenbingxuan 2023-12-11 11:16:02 +08:00
parent 7a59d466fc
commit 7c6ec131a1
1 changed files with 116 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/data-integrate/database/add-or-update.vue
View File

@ -4,6 +4,13 @@
<el-form-item label="名称" prop="name"> <el-form-item label="名称" prop="name">
<el-input v-model="dataForm.name" placeholder="名称"></el-input> <el-input v-model="dataForm.name" placeholder="名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="是否是关系型数据库" prop="isJdbc">
<el-radio-group v-model="dataForm.isJdbc">
<el-radio label="是"></el-radio>
<el-radio label="否"></el-radio>
</el-radio-group>
</el-form-item>
<!---方娇-->
<el-form-item label="数据库类型" prop="databaseType"> <el-form-item label="数据库类型" prop="databaseType">
<fast-select v-model="dataForm.databaseType" dict-type="database_type" placeholder="请选择" clearable></fast-select> <fast-select v-model="dataForm.databaseType" dict-type="database_type" placeholder="请选择" clearable></fast-select>
</el-form-item> </el-form-item>
@ -13,10 +20,20 @@
<el-form-item label="端口" prop="databasePort"> <el-form-item label="端口" prop="databasePort">
<el-input v-model="dataForm.databasePort" placeholder="端口"></el-input> <el-input v-model="dataForm.databasePort" placeholder="端口"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="库名(服务名)" prop="databaseName"> <el-form-item label="索引" prop="databaseIndex" v-if="dataForm.databaseType==19">
<el-input v-model="dataForm.databaseIndex" placeholder="索引"></el-input>
</el-form-item>
<el-form-item label="文档" prop="databaseDocument" v-if="dataForm.databaseType==19">
<el-input v-model="dataForm.databaseDocument" placeholder="文档"></el-input>
</el-form-item>
<el-form-item label="文档" prop="databaseKafKa" v-if="dataForm.databaseType==18">
<el-input v-model="dataForm.databaseKafKa" placeholder="文档"></el-input>
</el-form-item>
<el-form-item label="库名(服务名)" prop="databaseName" v-if="dataForm.databaseType!=17 && dataForm.databaseType!=18 && dataForm.databaseType!=19 && dataForm.databaseType!=20">
<el-input v-model="dataForm.databaseName" placeholder="库名(服务名)"></el-input> <el-input v-model="dataForm.databaseName" placeholder="库名(服务名)"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="用户名" prop="userName"> <el-form-item label="用户名" prop="userName" v-if="dataForm.databaseType!=17 && dataForm.databaseType!=18 && dataForm.databaseType!=19 && dataForm.databaseType!=20">
<el-input v-model="dataForm.userName" placeholder="用户名"></el-input> <el-input v-model="dataForm.userName" placeholder="用户名"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="密码" prop="password"> <el-form-item label="密码" prop="password">
@ -25,6 +42,7 @@
<el-form-item label="jdbc连接串" prop="jdbcUrl"> <el-form-item label="jdbc连接串" prop="jdbcUrl">
<el-input v-model="dataForm.jdbcUrl" placeholder="jdbc连接串(若填写将以填写的内容连接,否则会后台自动构建连接)"></el-input> <el-input v-model="dataForm.jdbcUrl" placeholder="jdbc连接串(若填写将以填写的内容连接,否则会后台自动构建连接)"></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="所属项目" prop="projectId"> <!-- <el-form-item label="所属项目" prop="projectId">
<fast-project-select v-model="dataForm.projectId" placeholder="所属项目" clearable></fast-project-select> <fast-project-select v-model="dataForm.projectId" placeholder="所属项目" clearable></fast-project-select>
</el-form-item> --> </el-form-item> -->
@ -56,8 +74,12 @@ const dataForm = reactive({
userName: '', userName: '',
password: '', password: '',
jdbcUrl: '', jdbcUrl: '',
projectId: '' projectId: '',
}) isJdbc: '',
databaseIndex: '',
databaseDocument: '',
databaseKafKa: '',
})
const init = (id?: number) => { const init = (id?: number) => {
visible.value = true visible.value = true
@ -84,9 +106,6 @@ const dataRules = ref({
databaseType: [{ required: true, message: '必填项不能为空', trigger: 'blur' }], databaseType: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
databaseIp: [{ required: true, message: '必填项不能为空', trigger: 'blur' }], databaseIp: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
databasePort: [{ required: true, message: '必填项不能为空', trigger: 'blur' }], databasePort: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
databaseName: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
userName: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
password: [{ required: true, message: '必填项不能为空', trigger: 'blur' }],
/* projectId: [{ required: true, message: '必填项不能为空', trigger: 'blur' }] */}) /* projectId: [{ required: true, message: '必填项不能为空', trigger: 'blur' }] */})
// 表单提交 // 表单提交