测试连接完成修改状态
parent
e2fc9d5ef1
commit
eefc9723bb
|
|
@ -2,14 +2,14 @@
|
|||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="数据源类型" prop="typeId">
|
||||
<el-select v-model="queryParams.typeId" placeholder="请选择数据源类型">
|
||||
<el-option
|
||||
v-for="item in typeList"
|
||||
:key="item.id"
|
||||
:label="item.dataType"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
<el-select v-model="queryParams.typeId" placeholder="请选择数据源类型">
|
||||
<el-option
|
||||
v-for="item in typeList"
|
||||
:key="item.id"
|
||||
:label="item.dataType"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="数据源名称" prop="dataSourceName">
|
||||
<el-input
|
||||
|
|
@ -42,7 +42,8 @@
|
|||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['data:source:add']"
|
||||
>新增</el-button>
|
||||
>新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
|
|
@ -53,7 +54,8 @@
|
|||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['data:source:edit']"
|
||||
>修改</el-button>
|
||||
>修改
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
|
|
@ -64,7 +66,8 @@
|
|||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['data:source:remove']"
|
||||
>删除</el-button>
|
||||
>删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
|
|
@ -74,22 +77,23 @@
|
|||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['data:source:export']"
|
||||
>导出</el-button>
|
||||
>导出
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="sourceList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="主键id" align="center" prop="id" />
|
||||
<el-table-column label="数据源名称" align="center" prop="dataSourceName" />
|
||||
<el-table-column label="数据源系统名称" align="center" prop="dataSourceSystemName" />
|
||||
<el-table-column label="数据源类型" align="center" prop="dataType" />
|
||||
<el-table-column label="数据源ip地址" align="center" prop="dataSourceIp" />
|
||||
<el-table-column label="端口号" align="center" prop="dataSourcePort" />
|
||||
<el-table-column label="连接数据库名称" align="center" prop="dataSourceDatabaseName" />
|
||||
<el-table-column label="状态" align="center" prop="status" />
|
||||
<el-table-column label="备注说明" align="center" prop="remark" />
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column label="主键id" align="center" prop="id"/>
|
||||
<el-table-column label="数据源名称" align="center" prop="dataSourceName"/>
|
||||
<el-table-column label="数据源系统名称" align="center" prop="dataSourceSystemName"/>
|
||||
<el-table-column label="数据源类型" align="center" prop="dataType"/>
|
||||
<el-table-column label="数据源ip地址" align="center" prop="dataSourceIp"/>
|
||||
<el-table-column label="端口号" align="center" prop="dataSourcePort"/>
|
||||
<el-table-column label="连接数据库名称" align="center" prop="dataSourceDatabaseName"/>
|
||||
<el-table-column label="状态" align="center" prop="status"/>
|
||||
<el-table-column label="备注说明" align="center" prop="remark"/>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
|
|
@ -98,21 +102,24 @@
|
|||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['data:source:edit']"
|
||||
>修改</el-button>
|
||||
>修改
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="testConnection(scope.row.id)"
|
||||
v-hasPermi="['data:source:testConnection']"
|
||||
>测试链接</el-button>
|
||||
>测试链接
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['data:source:remove']"
|
||||
>删除</el-button>
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
|
@ -135,24 +142,24 @@
|
|||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="数据源名称" prop="dataSourceName">
|
||||
<el-input v-model="form.dataSourceName" placeholder="请输入数据源名称" />
|
||||
<el-input v-model="form.dataSourceName" placeholder="请输入数据源名称"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="数据源系统名称" prop="dataSourceSystemName">
|
||||
<el-input v-model="form.dataSourceSystemName" placeholder="请输入数据源系统名称" />
|
||||
<el-input v-model="form.dataSourceSystemName" placeholder="请输入数据源系统名称"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="数据源ip地址" prop="dataSourceIp">
|
||||
<el-input v-model="form.dataSourceIp" placeholder="请输入数据源ip地址" />
|
||||
<el-input v-model="form.dataSourceIp" placeholder="请输入数据源ip地址"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="端口号" prop="dataSourcePort">
|
||||
<el-input v-model="form.dataSourcePort" placeholder="请输入端口号" />
|
||||
<el-input v-model="form.dataSourcePort" placeholder="请输入端口号"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
|
@ -171,7 +178,7 @@
|
|||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="连接数据库名称" prop="dataSourceDatabaseName">
|
||||
<el-input v-model="form.dataSourceDatabaseName" placeholder="请输入连接数据库名称" />
|
||||
<el-input v-model="form.dataSourceDatabaseName" placeholder="请输入连接数据库名称"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
|
@ -183,18 +190,18 @@
|
|||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="用户名" prop="dataSourceUsername">
|
||||
<el-input v-model="form.dataSourceUsername" placeholder="请输入用户名" />
|
||||
<el-input v-model="form.dataSourceUsername" placeholder="请输入用户名"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="密码" prop="dataSourcePassword">
|
||||
<el-input v-model="form.dataSourcePassword" placeholder="请输入密码" />
|
||||
<el-input v-model="form.dataSourcePassword" placeholder="请输入密码"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-col :sm="24">
|
||||
<el-form-item label="额外配置" prop="connectionParam">
|
||||
<el-input v-model="form.additionalConfiguration" placeholder="请输入内容" />
|
||||
<el-input v-model="form.additionalConfiguration" placeholder="请输入内容"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-row :gutter="10" style="margin: 10px 0">
|
||||
|
|
@ -206,7 +213,8 @@
|
|||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-col :md="8" :xs="12" style="margin: 10px 0" v-for="(dataSourceParam, dataSourceParamIndex) in dataSourceParamList">
|
||||
<el-col :md="8" :xs="12" style="margin: 10px 0"
|
||||
v-for="(dataSourceParam, dataSourceParamIndex) in dataSourceParamList">
|
||||
<el-col :span="10">
|
||||
<el-input v-model="dataSourceParam.name" placeholder="请输入参数键" @keyup.native="processParam"/>
|
||||
</el-col>
|
||||
|
|
@ -228,22 +236,22 @@
|
|||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="初始化连接数量" prop="initialNumberOfConnections">
|
||||
<el-input v-model="form.initialNumberOfConnections" placeholder="请输入初始化连接数量" />
|
||||
<el-input v-model="form.initialNumberOfConnections" placeholder="请输入初始化连接数量"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="最大连接数量" prop="maximumNumberOfConnections">
|
||||
<el-input v-model="form.maximumNumberOfConnections" placeholder="请输入最大连接数量" />
|
||||
<el-input v-model="form.maximumNumberOfConnections" placeholder="请输入最大连接数量"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="最大等待时间" prop="maximumWaitingTime">
|
||||
<el-input v-model="form.maximumWaitingTime" placeholder="请输入最大等待时间" />
|
||||
<el-input v-model="form.maximumWaitingTime" placeholder="请输入最大等待时间"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="最大等待次数" prop="maximumWaitingTimes">
|
||||
<el-input v-model="form.maximumWaitingTimes" placeholder="请输入最大等待次数" />
|
||||
<el-input v-model="form.maximumWaitingTimes" placeholder="请输入最大等待次数"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
|
@ -262,7 +270,7 @@
|
|||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="备注说明" prop="remark">
|
||||
<el-input v-model="form.remark" placeholder="请输入备注说明" />
|
||||
<el-input v-model="form.remark" placeholder="请输入备注说明"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
|
@ -370,31 +378,32 @@ export default {
|
|||
testConnection(id) {
|
||||
testConnection(id).then(response => {
|
||||
console.log(response)
|
||||
if (response.data){
|
||||
if (response.data) {
|
||||
this.$modal.msgSuccess("测试成功");
|
||||
}else {
|
||||
} else {
|
||||
this.$modal.msgError("测试失败");
|
||||
}
|
||||
this.getList();
|
||||
})
|
||||
},
|
||||
// 添加参数
|
||||
addParam(){
|
||||
addParam() {
|
||||
this.dataSourceParamList.push({
|
||||
name: null,
|
||||
val: null
|
||||
})
|
||||
},
|
||||
// 删除参数
|
||||
deleteParam(index){
|
||||
if (index != null){
|
||||
deleteParam(index) {
|
||||
if (index != null) {
|
||||
this.dataSourceParamList.splice(index, 1);
|
||||
}else {
|
||||
} else {
|
||||
this.dataSourceParamList = []
|
||||
}
|
||||
this.processParam();
|
||||
},
|
||||
// 处理参数
|
||||
processParam(){
|
||||
processParam() {
|
||||
this.form.additionalConfiguration = this.dataSourceParamList
|
||||
.filter(item => item.name != null || item.val != null)
|
||||
.map(item => {
|
||||
|
|
@ -410,8 +419,12 @@ export default {
|
|||
this.sourceList.forEach(item => {
|
||||
if (item.status === 'Y') {
|
||||
item.status = '启用'
|
||||
} else {
|
||||
} else if (item.status === 'N') {
|
||||
item.status = '禁用'
|
||||
} else if (item.status === 'S') {
|
||||
item.status = '成功'
|
||||
} else if (item.status === 'E') {
|
||||
item.status = '失败'
|
||||
}
|
||||
})
|
||||
this.total = response.data.total;
|
||||
|
|
@ -469,7 +482,7 @@ export default {
|
|||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
|
|
@ -511,12 +524,13 @@ export default {
|
|||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除数据源信息编号为"' + ids + '"的数据项？').then(function() {
|
||||
this.$modal.confirm('是否确认删除数据源信息编号为"' + ids + '"的数据项？').then(function () {
|
||||
return delSource(ids);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
}).catch(() => {
|
||||
});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
|
|
|
|||
Loading…
Reference in New Issue