修复样式污染导致的表数据页面无法正常显示数据问题
This commit is contained in:
diant
File diff suppressed because one or more lines are too long
1
zyplayer-doc-db/src/main/resources/dist/css/index.78fcebbe.css
vendored
Normal file
1
zyplayer-doc-db/src/main/resources/dist/css/index.78fcebbe.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
|||||||
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon-db.png"><title>数据库文档管理</title><link href="css/chunk-vendors.2fa4c9b3.css" rel="preload" as="style"><link href="css/index.0b546ad4.css" rel="preload" as="style"><link href="js/chunk-vendors.6270548d.js" rel="preload" as="script"><link href="js/index.76574511.js" rel="preload" as="script"><link href="css/chunk-vendors.2fa4c9b3.css" rel="stylesheet"><link href="css/index.0b546ad4.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but zyplayer-db-ui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.6270548d.js"></script><script src="js/index.76574511.js"></script></body></html>
|
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon-db.png"><title>数据库文档管理</title><link href="css/chunk-vendors.2fa4c9b3.css" rel="preload" as="style"><link href="css/index.78fcebbe.css" rel="preload" as="style"><link href="js/chunk-vendors.6270548d.js" rel="preload" as="script"><link href="js/index.b43b64d2.js" rel="preload" as="script"><link href="css/chunk-vendors.2fa4c9b3.css" rel="stylesheet"><link href="css/index.78fcebbe.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but zyplayer-db-ui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.6270548d.js"></script><script src="js/index.b43b64d2.js"></script></body></html>
|
||||||
File diff suppressed because one or more lines are too long
1
zyplayer-doc-db/src/main/resources/dist/js/index.b43b64d2.js
vendored
Normal file
1
zyplayer-doc-db/src/main/resources/dist/js/index.b43b64d2.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -52,6 +52,8 @@ export default {
|
|||||||
height: function () {
|
height: function () {
|
||||||
this.$nextTick(function () {
|
this.$nextTick(function () {
|
||||||
this.editor.resize()
|
this.editor.resize()
|
||||||
|
//设置字体大小
|
||||||
|
this.editor.setFontSize(14);
|
||||||
//更新编辑器高度
|
//更新编辑器高度
|
||||||
document.getElementById("aceEditorId").style.height = this.height + "px";;
|
document.getElementById("aceEditorId").style.height = this.height + "px";;
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-tabs v-model="activePage" type="card" closable @tab-click="changePage" @tab-remove="removePageTab"
|
<el-tabs v-model="activePage" type="card" closable @tab-click="changePage" @tab-remove="removePageTab"
|
||||||
@contextmenu.prevent.native="openContextMenu($event)" style="padding: 5px 10px 0;">
|
@contextmenu.prevent.native="openContextMenu($event)" style="padding: 5px 10px 0;height: 30px;font-size: 12px;margin: 0 0 5px;">
|
||||||
<el-tab-pane :label="pageTabNameMap[item.fullPath]||item.name" :name="getRouteRealPath(item)"
|
<el-tab-pane :label="pageTabNameMap[item.fullPath]||item.name" :name="getRouteRealPath(item)"
|
||||||
:fullPath="item.fullPath" :key="item.fullPath" v-for="item in pageList"/>
|
:fullPath="item.fullPath" :key="item.fullPath" v-for="item in pageList"/>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
@@ -300,11 +300,6 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
/deep/ .el-tabs, .el-tabs--card, .el-tabs--top{
|
|
||||||
height: 30px;
|
|
||||||
font-size: 12px;
|
|
||||||
margin: 0 0 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/deep/ .el-tabs--card > .el-tabs__header .el-tabs__item {
|
/deep/ .el-tabs--card > .el-tabs__header .el-tabs__item {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
@@ -312,6 +307,16 @@ export default {
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/deep/ .el-tabs__nav-next {
|
||||||
|
line-height: 33px;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .el-tabs__nav-prev {
|
||||||
|
line-height: 33px;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.contextmenu {
|
.contextmenu {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
@@ -1,163 +1,168 @@
|
|||||||
<template>
|
<template>
|
||||||
<div style="padding: 0 10px;">
|
<div style="padding: 0 10px;">
|
||||||
<el-form :inline="true">
|
<el-card>
|
||||||
<el-form-item label="名字">
|
<el-form :inline="true">
|
||||||
<el-input v-model="searchParam.name" placeholder="名字"></el-input>
|
<el-form-item label="名字">
|
||||||
</el-form-item>
|
<el-input v-model="searchParam.name" placeholder="名字"></el-input>
|
||||||
<el-form-item label="分组">
|
</el-form-item>
|
||||||
<el-select v-model="searchParam.groupName" placeholder="分组">
|
<el-form-item label="分组">
|
||||||
<el-option value="">全部</el-option>
|
<el-select v-model="searchParam.groupName" placeholder="分组">
|
||||||
<el-option :value="item" v-for="(item,index) in datasourceGroupList" :key="index"></el-option>
|
<el-option value="">全部</el-option>
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" :loading="loadDataListLoading" @click="getDatasourceList"
|
|
||||||
icon="el-icon-search">查询
|
|
||||||
</el-button>
|
|
||||||
<el-button @click="addDatasource" icon="el-icon-circle-plus-outline">新增</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<el-table :data="datasourceList" stripe border style="width: 100%; margin-bottom: 5px;">
|
|
||||||
<el-table-column prop="name" label="名字"></el-table-column>
|
|
||||||
<el-table-column prop="groupName" label="分组"></el-table-column>
|
|
||||||
<el-table-column prop="driverClassName" label="驱动类"></el-table-column>
|
|
||||||
<el-table-column prop="sourceName" label="账号"></el-table-column>
|
|
||||||
<el-table-column label="操作" width="220">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button v-on:click="editDatasource(scope.row)" type="primary" size="mini">修改</el-button>
|
|
||||||
<el-button v-on:click="editDbAuth(scope.row)" type="success" size="mini">权限</el-button>
|
|
||||||
<el-button v-on:click="deleteDatasource(scope.row)" type="danger" size="mini">删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<el-pagination
|
|
||||||
style="margin: 10px 0 20px 0;text-align: right;"
|
|
||||||
@size-change="handlePageSizeChange"
|
|
||||||
@current-change="handleCurrentChange"
|
|
||||||
:current-page="currentPage"
|
|
||||||
:page-sizes="[10, 30, 50]"
|
|
||||||
:page-size="pageSize"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
:total="tableTotalCount">
|
|
||||||
</el-pagination>
|
|
||||||
<!--增加数据源弹窗-->
|
|
||||||
<el-dialog :inline="true" :title="newDatasource.id>0?'编辑数据源':'新增数据源'"
|
|
||||||
:visible.sync="datasourceDialogVisible" width="760px" :close-on-click-modal="false">
|
|
||||||
<el-form label-width="120px">
|
|
||||||
<el-form-item label="分组：">
|
|
||||||
<el-select v-model="newDatasource.groupName" placeholder="请选择或输入新的分组名字"
|
|
||||||
style="width: 100%" filterable allow-create>
|
|
||||||
<el-option value="">未分组</el-option>
|
|
||||||
<el-option :value="item" v-for="(item,index) in datasourceGroupList" :key="index"></el-option>
|
<el-option :value="item" v-for="(item,index) in datasourceGroupList" :key="index"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="数据源名称：">
|
<el-form-item>
|
||||||
<el-input v-model="newDatasource.name" placeholder="给数据源起个中文名称"></el-input>
|
<el-button type="primary" :loading="loadDataListLoading" @click="getDatasourceList"
|
||||||
</el-form-item>
|
icon="el-icon-search">查询
|
||||||
<el-form-item label="驱动类：">
|
|
||||||
<el-select v-model="newDatasource.driverClassName" @change="driverClassNameChange"
|
|
||||||
placeholder="驱动类" style="width: 100%">
|
|
||||||
<el-option label="MYSQL: com.mysql.jdbc.Driver" value="com.mysql.jdbc.Driver"></el-option>
|
|
||||||
<el-option label="SQLSERVER: net.sourceforge.jtds.jdbc.Driver"
|
|
||||||
value="net.sourceforge.jtds.jdbc.Driver"></el-option>
|
|
||||||
<el-option label="ORACLE: oracle.jdbc.driver.OracleDriver"
|
|
||||||
value="oracle.jdbc.driver.OracleDriver"></el-option>
|
|
||||||
<el-option label="POSTGRESQL: org.postgresql.Driver" value="org.postgresql.Driver"></el-option>
|
|
||||||
<el-option label="HIVE: org.apache.hive.jdbc.HiveDriver"
|
|
||||||
value="org.apache.hive.jdbc.HiveDriver"></el-option>
|
|
||||||
<el-option label="达梦: dm.jdbc.driver.DmDriver" value="dm.jdbc.driver.DmDriver"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="数据源URL：">
|
|
||||||
<el-input v-model="newDatasource.sourceUrl" :placeholder="urlPlaceholder"
|
|
||||||
:disabled="sourceUrlDisabled&&!newDatasource.id>0">
|
|
||||||
<el-button slot="append" @click="autoFillDialog"
|
|
||||||
:disabled="sourceUrlDisabled&&!newDatasource.id>0">智能填入
|
|
||||||
</el-button>
|
|
||||||
</el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="账号：">
|
|
||||||
<el-input v-model="newDatasource.sourceName" placeholder="账号"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="密码：">
|
|
||||||
<el-input v-model="newDatasource.sourcePassword" placeholder="密码"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="测试连接：">
|
|
||||||
<el-button v-on:click="testDatasource" type="primary" v-loading="testDatasourceErrLoading">
|
|
||||||
测试数据源
|
|
||||||
</el-button>
|
</el-button>
|
||||||
|
<el-button @click="addDatasource" icon="el-icon-circle-plus-outline">新增</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div slot="footer" style="text-align: center;">
|
<el-table :data="datasourceList" stripe border style="width: 100%; margin-bottom: 5px;">
|
||||||
<el-button v-on:click="saveDatasource" type="primary">保存</el-button>
|
<el-table-column prop="name" label="名字"></el-table-column>
|
||||||
<el-button v-on:click="datasourceDialogVisible=false" plain>取消</el-button>
|
<el-table-column prop="groupName" label="分组"></el-table-column>
|
||||||
</div>
|
<el-table-column prop="driverClassName" label="驱动类"></el-table-column>
|
||||||
</el-dialog>
|
<el-table-column prop="sourceName" label="账号"></el-table-column>
|
||||||
<!--人员权限弹窗-->
|
<el-table-column label="操作" width="220">
|
||||||
<el-dialog :visible.sync="dbSourceAuthDialogVisible" width="900px" :close-on-click-modal="false">
|
<template slot-scope="scope">
|
||||||
|
<el-button v-on:click="editDatasource(scope.row)" type="primary" size="mini">修改</el-button>
|
||||||
|
<el-button v-on:click="editDbAuth(scope.row)" type="success" size="mini">权限</el-button>
|
||||||
|
<el-button v-on:click="deleteDatasource(scope.row)" type="danger" size="mini">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-pagination
|
||||||
|
style="margin: 10px 0 20px 0;text-align: right;"
|
||||||
|
@size-change="handlePageSizeChange"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
:current-page="currentPage"
|
||||||
|
:page-sizes="[10, 30, 50]"
|
||||||
|
:page-size="pageSize"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="tableTotalCount">
|
||||||
|
</el-pagination>
|
||||||
|
<!--增加数据源弹窗-->
|
||||||
|
<el-dialog :inline="true" :title="newDatasource.id>0?'编辑数据源':'新增数据源'"
|
||||||
|
:visible.sync="datasourceDialogVisible" width="760px" :close-on-click-modal="false">
|
||||||
|
<el-form label-width="120px">
|
||||||
|
<el-form-item label="分组：">
|
||||||
|
<el-select v-model="newDatasource.groupName" placeholder="请选择或输入新的分组名字"
|
||||||
|
style="width: 100%" filterable allow-create>
|
||||||
|
<el-option value="">未分组</el-option>
|
||||||
|
<el-option :value="item" v-for="(item,index) in datasourceGroupList"
|
||||||
|
:key="index"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="数据源名称：">
|
||||||
|
<el-input v-model="newDatasource.name" placeholder="给数据源起个中文名称"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="驱动类：">
|
||||||
|
<el-select v-model="newDatasource.driverClassName" @change="driverClassNameChange"
|
||||||
|
placeholder="驱动类" style="width: 100%">
|
||||||
|
<el-option label="MYSQL: com.mysql.jdbc.Driver" value="com.mysql.jdbc.Driver"></el-option>
|
||||||
|
<el-option label="SQLSERVER: net.sourceforge.jtds.jdbc.Driver"
|
||||||
|
value="net.sourceforge.jtds.jdbc.Driver"></el-option>
|
||||||
|
<el-option label="ORACLE: oracle.jdbc.driver.OracleDriver"
|
||||||
|
value="oracle.jdbc.driver.OracleDriver"></el-option>
|
||||||
|
<el-option label="POSTGRESQL: org.postgresql.Driver"
|
||||||
|
value="org.postgresql.Driver"></el-option>
|
||||||
|
<el-option label="HIVE: org.apache.hive.jdbc.HiveDriver"
|
||||||
|
value="org.apache.hive.jdbc.HiveDriver"></el-option>
|
||||||
|
<el-option label="达梦: dm.jdbc.driver.DmDriver"
|
||||||
|
value="dm.jdbc.driver.DmDriver"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="数据源URL：">
|
||||||
|
<el-input v-model="newDatasource.sourceUrl" :placeholder="urlPlaceholder"
|
||||||
|
:disabled="sourceUrlDisabled&&!newDatasource.id>0">
|
||||||
|
<el-button slot="append" @click="autoFillDialog"
|
||||||
|
:disabled="sourceUrlDisabled&&!newDatasource.id>0">智能填入
|
||||||
|
</el-button>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="账号：">
|
||||||
|
<el-input v-model="newDatasource.sourceName" placeholder="账号"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="密码：">
|
||||||
|
<el-input v-model="newDatasource.sourcePassword" placeholder="密码"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="测试连接：">
|
||||||
|
<el-button v-on:click="testDatasource" type="primary" v-loading="testDatasourceErrLoading">
|
||||||
|
测试数据源
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" style="text-align: center;">
|
||||||
|
<el-button v-on:click="saveDatasource" type="primary">保存</el-button>
|
||||||
|
<el-button v-on:click="datasourceDialogVisible=false" plain>取消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
<!--人员权限弹窗-->
|
||||||
|
<el-dialog :visible.sync="dbSourceAuthDialogVisible" width="900px" :close-on-click-modal="false">
|
||||||
<span slot="title">
|
<span slot="title">
|
||||||
<span>权限编辑</span>
|
<span>权限编辑</span>
|
||||||
<span style="margin-left: 10px;color: #999;font-size: 12px;"><i class="el-icon-info"></i> 添加、删除或编辑之后记得点击保存哦~</span>
|
<span style="margin-left: 10px;color: #999;font-size: 12px;"><i class="el-icon-info"></i> 添加、删除或编辑之后记得点击保存哦~</span>
|
||||||
</span>
|
</span>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-select v-model="dbSourceAuthNewUser" filterable remote reserve-keyword autoComplete="new-password"
|
<el-select v-model="dbSourceAuthNewUser" filterable remote reserve-keyword
|
||||||
placeholder="请输入名字、邮箱、账号搜索用户" :remote-method="getSearchUserList"
|
autoComplete="new-password"
|
||||||
:loading="dbSourceAuthUserLoading" style="width: 750px;margin-right: 10px;">
|
placeholder="请输入名字、邮箱、账号搜索用户" :remote-method="getSearchUserList"
|
||||||
<el-option v-for="item in searchUserList" :key="item.id" :label="item.userName"
|
:loading="dbSourceAuthUserLoading" style="width: 750px;margin-right: 10px;">
|
||||||
:value="item.id"></el-option>
|
<el-option v-for="item in searchUserList" :key="item.id" :label="item.userName"
|
||||||
</el-select>
|
:value="item.id"></el-option>
|
||||||
<el-button v-on:click="addDbSourceAuthUser">添加</el-button>
|
</el-select>
|
||||||
</el-row>
|
<el-button v-on:click="addDbSourceAuthUser">添加</el-button>
|
||||||
<el-table :data="dbSourceAuthUserList" border style="width: 100%; margin: 10px 0;" size="mini">
|
</el-row>
|
||||||
<el-table-column prop="userName" label="用户" width="150"></el-table-column>
|
<el-table :data="dbSourceAuthUserList" border style="width: 100%; margin: 10px 0;" size="mini">
|
||||||
<el-table-column label="权限">
|
<el-table-column prop="userName" label="用户" width="150"></el-table-column>
|
||||||
<template slot-scope="scope">
|
<el-table-column label="权限">
|
||||||
<el-select v-model="scope.row.executeAuth" placeholder="选择权限"
|
<template slot-scope="scope">
|
||||||
style="width: 150px;margin-right: 10px;">
|
<el-select v-model="scope.row.executeAuth" placeholder="选择权限"
|
||||||
<el-option value="">无权限</el-option>
|
style="width: 150px;margin-right: 10px;">
|
||||||
<el-option :value="1" label="库表查看权"></el-option>
|
<el-option value="">无权限</el-option>
|
||||||
<el-option :value="2" label="数据查询权"></el-option>
|
<el-option :value="1" label="库表查看权"></el-option>
|
||||||
<el-option :value="3" label="所有权限"></el-option>
|
<el-option :value="2" label="数据查询权"></el-option>
|
||||||
</el-select>
|
<el-option :value="3" label="所有权限"></el-option>
|
||||||
<el-checkbox :true-label="1" :false-label="0" v-model="scope.row.descEditAuth">
|
</el-select>
|
||||||
表字段注释修改权
|
<el-checkbox :true-label="1" :false-label="0" v-model="scope.row.descEditAuth">
|
||||||
</el-checkbox>
|
表字段注释修改权
|
||||||
<el-checkbox :true-label="1" :false-label="0" v-model="scope.row.procEditAuth">函数修改权
|
</el-checkbox>
|
||||||
</el-checkbox>
|
<el-checkbox :true-label="1" :false-label="0" v-model="scope.row.procEditAuth">函数修改权
|
||||||
</template>
|
</el-checkbox>
|
||||||
</el-table-column>
|
</template>
|
||||||
<el-table-column label="操作" width="80">
|
</el-table-column>
|
||||||
<template slot-scope="scope">
|
<el-table-column label="操作" width="80">
|
||||||
<el-button size="small" type="danger" plain v-on:click="deleteUserDbSourceAuth(scope.row)">
|
<template slot-scope="scope">
|
||||||
删除
|
<el-button size="small" type="danger" plain v-on:click="deleteUserDbSourceAuth(scope.row)">
|
||||||
</el-button>
|
删除
|
||||||
</template>
|
</el-button>
|
||||||
</el-table-column>
|
</template>
|
||||||
</el-table>
|
</el-table-column>
|
||||||
<div>
|
</el-table>
|
||||||
<el-button type="primary" v-on:click="saveUserDbSourceAuth">保存配置</el-button>
|
<div>
|
||||||
</div>
|
<el-button type="primary" v-on:click="saveUserDbSourceAuth">保存配置</el-button>
|
||||||
</el-dialog>
|
</div>
|
||||||
<!--错误信息弹窗-->
|
</el-dialog>
|
||||||
<el-dialog title="测试数据源失败" :visible.sync="testDatasourceErrVisible" :footer="null" width="760px">
|
<!--错误信息弹窗-->
|
||||||
<div v-highlight>
|
<el-dialog title="测试数据源失败" :visible.sync="testDatasourceErrVisible" :footer="null" width="760px">
|
||||||
<pre><code v-html="testDatasourceErrInfo"></code></pre>
|
<div v-highlight>
|
||||||
</div>
|
<pre><code v-html="testDatasourceErrInfo"></code></pre>
|
||||||
</el-dialog>
|
</div>
|
||||||
<!--数据源url地址自动输入弹窗-->
|
</el-dialog>
|
||||||
<el-dialog
|
<!--数据源url地址自动输入弹窗-->
|
||||||
title="智能填入"
|
<el-dialog
|
||||||
:visible.sync="autoFillDialogVisible"
|
title="智能填入"
|
||||||
width="30%" :close-on-click-modal="false">
|
:visible.sync="autoFillDialogVisible"
|
||||||
<el-form :model="autoFillForm" :rules="rules" label-width="90px" ref="autoFillForm">
|
width="30%" :close-on-click-modal="false">
|
||||||
<el-form-item label="主机地址" prop="hostIp">
|
<el-form :model="autoFillForm" :rules="rules" label-width="90px" ref="autoFillForm">
|
||||||
<el-input v-model="autoFillForm.hostIp" placeholder="请输入主机地址"></el-input>
|
<el-form-item label="主机地址" prop="hostIp">
|
||||||
</el-form-item>
|
<el-input v-model="autoFillForm.hostIp" placeholder="请输入主机地址"></el-input>
|
||||||
<el-form-item label="端口号" prop="port">
|
</el-form-item>
|
||||||
<el-input v-model="autoFillForm.port" placeholder="请输入数据库端口号"></el-input>
|
<el-form-item label="端口号" prop="port">
|
||||||
</el-form-item>
|
<el-input v-model="autoFillForm.port" placeholder="请输入数据库端口号"></el-input>
|
||||||
<el-form-item label="服务名" prop="serverName" v-if="oracleServerNameShow">
|
</el-form-item>
|
||||||
<template slot="label">
|
<el-form-item label="服务名" prop="serverName" v-if="oracleServerNameShow">
|
||||||
|
<template slot="label">
|
||||||
<span>服务名
|
<span>服务名
|
||||||
<el-tooltip class="item" effect="dark" placement="right">
|
<el-tooltip class="item" effect="dark" placement="right">
|
||||||
<i class="el-icon-question"
|
<i class="el-icon-question"
|
||||||
@@ -169,19 +174,20 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<el-input v-model="autoFillForm.serverName" placeholder="请输入服务名"></el-input>
|
<el-input v-model="autoFillForm.serverName" placeholder="请输入服务名"></el-input>
|
||||||
<el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top-start">
|
<el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top-start">
|
||||||
<i class="el-icon-question-solid"/>
|
<i class="el-icon-question-solid"/>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-button @click="autoFillDialogVisible = false">取 消</el-button>
|
<el-button @click="autoFillDialogVisible = false">取 消</el-button>
|
||||||
<el-button type="primary" @click="autoFill('autoFillForm')">确 定</el-button>
|
<el-button type="primary" @click="autoFill('autoFillForm')">确 定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user