a_bazu
/
cloud-web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fine:()前台代码

pull/4/head
Yueng 2024-08-27 21:59:20 +08:00
parent 2587a2cad9
commit 072a31abf7
8 changed files with 506 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/api/property/asDisplay.js 100644
View File

@ -0,0 +1,9 @@
import request from '@/utils/request'
export function getConnectList(data) {
return request({
url: '/property/dataSource/dataName',
method: 'post',
data: data
})
}

9
src/api/property/asauth.js 100644
View File

@ -0,0 +1,9 @@
import request from '@/utils/request'
export function getConnectList(data) {
return request({
url: '/property/connect/selectConnect',
method: 'post',
data: data
})
}

9
src/api/property/astr.js 100644
View File

@ -0,0 +1,9 @@
import request from '@/utils/request'
export function getSelectList(data) {
return request({
url: '/property/dataSource/dataName',
method: 'post',
data: data
})
}

32
src/api/property/property.js
View File

@ -15,3 +15,35 @@ export function insertConnectList(data) {
data: data
})
}
export function updConnectList(data) {
return request({
url: '/property/connect/upd',
method: 'put',
data: data
})
}
export function textHandleClick(data) {
return request({
url: '/property/connect/text',
method: 'post',
data: data
})
}
export function delHandleClick(data) {
return request({
url: '/property/connect/del/'+data,
method: 'Delete',
data: data
})
}
export function selectHandleClick(data) {
return request({
url: '/property/tableField/list',
method: 'post',
data: data
})
}

82
src/views/property/asDisplay/index.vue 100644
View File

@ -0,0 +1,82 @@
<template>
<div>
<el-container>
<el-aside width="200px">Aside</el-aside>
<el-container>
<el-header>Header</el-header>
<el-main>Main</el-main>
<el-footer>Footer</el-footer>
</el-container>
</el-container>
</div>
</template>
<style>
.el-header, .el-footer {
background-color: #a1a1a1;
color: #a1a1a1;
text-align: center;
line-height: 680px;
}
.el-aside {
background-color: #ffffff;
color: #606060;
text-align: center;
line-height: 500px;
}
.el-main {
background-color: #a1a1a1;
color: #a1a1a1;
text-align: center;
line-height: 680px;
}
</style>
<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
//例如：import 《组件名称》 from '《组件路径》,
export default {
//import引入的组件需要注入到对象中才能使用"
components: {},
props: {},
data() {
//这里存放数据"
return {}
},
//计算属性 类似于data概念",
computed: {},
//监控data中的数据变化",
watch: {},
//方法集合",
methods: {},
//生命周期 - 创建完成（可以访问当前this实例）",
created() {
},
//生命周期 - 挂载完成（可以访问DOM元素）",
mounted() {
},
beforeCreate() {
}, //生命周期 - 创建之前",
beforeMount() {
}, //生命周期 - 挂载之前",
beforeUpdate() {
}, //生命周期 - 更新之前",
updated() {
}, //生命周期 - 更新之后",
beforeDestroy() {
}, //生命周期 - 销毁之前",
destroyed() {
}, //生命周期 - 销毁完成",
activated() {
} //如果页面有keep-alive缓存功能，这个函数会触发",
}
</script>
<style scoped>
</style>

82
src/views/property/asauth/index.vue 100644
View File

@ -0,0 +1,82 @@
<template>
<div>
<el-container>
<el-aside width="200px">Aside</el-aside>
<el-container>
<el-header>Header</el-header>
<el-main>Main</el-main>
<el-footer>Footer</el-footer>
</el-container>
</el-container>
</div>
</template>
<style>
.el-header, .el-footer {
background-color: #a1a1a1;
color: #a1a1a1;
text-align: center;
line-height: 680px;
}
.el-aside {
background-color: #ffffff;
color: #606060;
text-align: center;
line-height: 500px;
}
.el-main {
background-color: #a1a1a1;
color: #a1a1a1;
text-align: center;
line-height: 680px;
}
</style>
<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
//例如：import 《组件名称》 from '《组件路径》,
export default {
//import引入的组件需要注入到对象中才能使用"
components: {},
props: {},
data() {
//这里存放数据"
return {}
},
//计算属性 类似于data概念",
computed: {},
//监控data中的数据变化",
watch: {},
//方法集合",
methods: {},
//生命周期 - 创建完成（可以访问当前this实例）",
created() {
},
//生命周期 - 挂载完成（可以访问DOM元素）",
mounted() {
},
beforeCreate() {
}, //生命周期 - 创建之前",
beforeMount() {
}, //生命周期 - 挂载之前",
beforeUpdate() {
}, //生命周期 - 更新之前",
updated() {
}, //生命周期 - 更新之后",
beforeDestroy() {
}, //生命周期 - 销毁之前",
destroyed() {
}, //生命周期 - 销毁完成",
activated() {
} //如果页面有keep-alive缓存功能，这个函数会触发",
}
</script>
<style scoped>
</style>

109
src/views/property/astr/index.vue 100644
View File

@ -0,0 +1,109 @@
<template>
<div>
<el-container>
<el-aside width="300px">
<el-tree :data="dataName" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
<el-select v-model="dataName" placeholder="请选择">
<el-option
v-for="item in dataName"
:value="item.value">
</el-option>
</el-select>
</el-aside>
<el-container>
<el-header>Header</el-header>
<el-main>Main</el-main>
<el-footer>Footer</el-footer>
</el-container>
</el-container>
</div>
</template>
<style>
.el-header, .el-footer {
background-color: #a1a1a1;
color: #a1a1a1;
text-align: center;
line-height: 680px;
}
.el-aside {
background-color: #ffffff;
color: #606060;
text-align: center;
line-height: 500px;
}
.el-main {
background-color: #a1a1a1;
color: #a1a1a1;
text-align: center;
line-height: 680px;
}
</style>
<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
//例如：import 《组件名称》 from '《组件路径》,
import { getSelectList } from '@/api/property/astr'
export default {
//import引入的组件需要注入到对象中才能使用"
components: {},
props: {},
data() {
//这里存放数据"
return {
dataName:[],
defaultProps: {
children: 'children',
label: 'label'
}
}
},
//计算属性 类似于data概念",
computed: {},
//监控data中的数据变化",
watch: {
},
//方法集合",
methods: {
getSelectList(){
getSelectList().then(res=>{
console.log(res.data)
this.dataName=res.data
})
},
},
//生命周期 - 创建完成（可以访问当前this实例）",
created() {
this.getSelectList()
},
//生命周期 - 挂载完成（可以访问DOM元素）",
mounted() {
},
beforeCreate() {
}, //生命周期 - 创建之前",
beforeMount() {
}, //生命周期 - 挂载之前",
beforeUpdate() {
}, //生命周期 - 更新之前",
updated() {
}, //生命周期 - 更新之后",
beforeDestroy() {
}, //生命周期 - 销毁之前",
destroyed() {
}, //生命周期 - 销毁完成",
activated() {
} //如果页面有keep-alive缓存功能，这个函数会触发",
}
</script>
<style scoped>
</style>

183
src/views/property/property/index.vue
View File

@ -70,7 +70,11 @@
<el-table-column
label="是否初始化">
<template slot-scope="scope">{{ scope.row.initialization }}</template>
<template slot-scope="scope">
<el-tag v-if="scope.row.initialization==='Y'" type="success">初始化</el-tag>
<el-tag v-if="scope.row.initialization==='N'" type="danger">不初始化</el-tag>
</template>
</el-table-column>
<el-table-column
@ -80,15 +84,136 @@
<el-table-column
label="操作">
<el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
<el-button type="text" size="small">编辑</el-button>
<template slot-scope="scope">
<el-button @click="selectHandleClick(scope.row)" type="text" size="small">同步资产结构</el-button>
<el-button @click="textHandleClick(scope.row)" type="text" size="small">测试</el-button>
<el-button @click="updHandleClick(scope.row)" type="text" size="small">修改</el-button>
<el-button @click="delHandleClick(scope.row)" type="text" size="small">删除</el-button>
</template>
</el-table-column>
</el-table>
<!-- Form -->
<!-- 修改-->
<el-dialog title="修改配置参数" :visible.sync="updDialogFormVisible" width="1100px">
<el-form :model="connectDTO" :inline="true" :label-width="formLabelWidth">
<el-form-item label="ID" style="display: none;">
<el-input v-model="connectDTO.id" autocomplete="off" placeholder="Id"></el-input>
</el-form-item>
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>基本配置信息</span>
</div>
<div class="text item" :label-width="formLabelWidth">
<el-form-item label="接入源名称">
<el-input v-model="connectDTO.accSourName" autocomplete="off" placeholder="请输入接入源名称"></el-input>
</el-form-item>
<el-form-item label="数据来源系统名称" label-width="125px">
<el-input v-model="connectDTO.dataSourSystemName" autocomplete="off" placeholder="请输入数据来源系统"></el-input>
</el-form-item>
<el-dialog title="收货地址" :visible.sync="addDialogFormVisible" width="1100px">
<el-form-item label="ip地址">
<el-input v-model="connectDTO.ipAddress" autocomplete="off" placeholder="请输入IP地址"></el-input>
</el-form-item>
<el-form-item label="端口号地址">
<el-input v-model="connectDTO.port" autocomplete="off" placeholder="请输入端口号地址"></el-input>
</el-form-item>
<el-form-item label="数据接入类型" label-width="110px">
<template>
<el-select v-model="connectDTO.dataAccType" placeholder="请选择" label-width="100px">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
<!-- <el-input v-model="connectDTO.name" autocomplete="off" placeholder="请输入数据接入类型"></el-input>-->
</el-form-item>
<el-form-item label="数据库名称">
<el-input v-model="connectDTO.databaseName" autocomplete="off" placeholder="请输入数据库名称"></el-input>
</el-form-item>
<el-form-item label="数据库用户">
<el-input v-model="connectDTO.userName" autocomplete="off" placeholder="数据库用户"></el-input>
</el-form-item>
<el-form-item label="数据库密码" label-width="125px">
<el-input v-model="connectDTO.password" autocomplete="off" placeholder="数据库密码"></el-input>
</el-form-item>
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>数据连接参数</span>
</div>
<div class="text item" >
<el-form-item label="数据连接参数">
<el-input v-model="connectDTO.dataConnParam" autocomplete="off" placeholder="请输入数据连接参数" style="width: 990px;"></el-input>
</el-form-item>
</div>
</el-card>
</div>
</el-card>
<el-card class="box-card" style="margin-top: 20px;">
<div slot="header" class="clearfix">
<span>连接池配置</span>
</div>
<div class="text item" >
<el-form-item label="初始连接数量">
<el-input v-model="connectDTO.initSize" autocomplete="off" placeholder="请输入数据连接参数" style="width: 350px;"></el-input>
</el-form-item>
<el-form-item label="最大连接数量">
<el-input v-model="connectDTO.maxNumConn" autocomplete="off" placeholder="请输入数据连接参数" style="width: 350px;"></el-input>
</el-form-item>
<el-form-item label="最大等待时间">
<el-input v-model="connectDTO.maxWaitTime" autocomplete="off" placeholder="请输入数据连接参数" style="width: 350px;"></el-input>
</el-form-item>
<el-form-item label="最大等待次数">
<el-input v-model="connectDTO.maxWaitTimes" autocomplete="off" placeholder="请输入数据连接参数" style="width: 350px;"></el-input>
</el-form-item>
</div>
</el-card>
<el-card class="box-card" style="margin-top: 20px;">
<div slot="header" class="clearfix">
<span>其他信息</span>
</div>
<div class="text item" >
<el-form-item label="是否初始化" :label-width="formLabelWidth">
<el-radio v-model="connectDTO.initialization" label="Y">是</el-radio>
<el-radio v-model="connectDTO.initialization" label="N">否</el-radio>
</el-form-item>
<el-form-item label="备注" :label-width="formLabelWidth">
<el-input
type="textarea"
:rows="2"
:cole="1000"
placeholder="请输入内容"
v-model="connectDTO.notes" style="width: 850px;">
</el-input>
</el-form-item>
</div>
</el-card>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="updDialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="updsDialogFormVisible">确 定</el-button>
</div>
</el-dialog>
<!-- Form -->
<!--添加-->
<el-dialog title="添加配置参数" :visible.sync="addDialogFormVisible" width="1100px">
<el-form :model="connectDTO" :inline="true" :label-width="formLabelWidth">
<el-card class="box-card">
@ -189,7 +314,7 @@
:rows="2"
:cole="1000"
placeholder="请输入内容"
v-model="connectDTO.textarea" style="width: 850px;">
v-model="connectDTO.notes" style="width: 850px;">
</el-input>
</el-form-item>
</div>
@ -209,7 +334,13 @@
<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
//例如：import 《组件名称》 from '《组件路径》,
import { getConnectList, insertConnectList } from '@/api/property/property'
import {
delHandleClick,
getConnectList,
insertConnectList, selectHandleClick,
textHandleClick,
updConnectList
} from '@/api/property/property'
export default {
//import引入的组件需要注入到对象中才能使用"
@ -230,6 +361,7 @@ export default {
tableWidth: '100%',
multipleSelection: [],
addDialogFormVisible: false,
updDialogFormVisible: false,
formLabelWidth:'100px',
options: [{
value: 'Mysql',
@ -246,6 +378,38 @@ export default {
watch: {},
//方法集合",
methods: {
selectHandleClick(row){
selectHandleClick(row).then(res=>{
console.log(res.data)
this.$message.success(res.msg)
})
},
delHandleClick(row){
delHandleClick(row.id).then(res=>{
this.$message.success(res.msg)
this.getConnectList()
})
},
textHandleClick(row){
textHandleClick(row).then(res=>{
this.$message.success(res.msg)
})
},
updHandleClick(row){
console.log(row)
this.connectDTO=row
this.updDialogFormVisible=true
},
updsDialogFormVisible(){
updConnectList(this.connectDTO).then(res=>{
this.updDialogFormVisible=false
this.$message.success(res.msg)
this.getConnectList()
})
},
insertConnectList(){
this.addDialogFormVisible=true
},
@ -253,8 +417,9 @@ export default {
insertConnectList(this.connectDTO).then(res=>{
this.addDialogFormVisible=false
this.getConnectList()
this.$message.success(res.msg)
this.getConnectList()
})
},
handleSelectionChange(val) {
@ -262,7 +427,7 @@ export default {
},
getConnectList(){
getConnectList(this.connectDTO).then(res=>{
console.log(res)
this.connect=res.data
})
},
selectConnectList(){