Skip to content

E
ETL-admin
Commit 4f3dcb0b by 莫晓莉
Options

777

parent 87ef082a
Showing with 101 additions and 34 deletions
src/views/oracle/oracle.vue
<template> <template>
<div class="app-container"> <div class="app-container">
<!-- 搜索 -->
<!-- <div>
<el-form :inline="true" size="small">
<el-form-item label="标题">
<el-input
v-model="pageInfo.title"
placeholder="请输入标题"
clearable
/>
</el-form-item>
<el-form-item>
<el-button type="success" icon="el-icon-search" @click="pageChange()"
>搜 索</el-button
>
</el-form-item>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button type="text" @click="addShow(true)">新增 </el-button>
</span> -->
<!-- 表格 -->
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>资源库列表</span> <span>资源库列表</span>
<i @click="deleteTabOne()" class="el-icon-close btn-icon" style=""></i> <i @click="deleteTabOne()" class="el-icon-close btn-icon" style=""></i>
<i <i
class="btn-icon" class="btn-icon"
...@@ -35,9 +11,10 @@ ...@@ -35,9 +11,10 @@
></i> ></i>
</div> </div>
<el-button class="btn-brush" icon="el-icon-plus" <!-- <el-button class="btn-brush" icon="el-icon-plus" @click="centerDialogVisible = true"
 @click="addTask">新增数据库资源库</el-button  @click="addTask">新增数据库资源库</el-button
> > -->
<el-button class="btn-brush" icon="el-icon-plus" @click="centerDialogVisible = true">新增数据库资源库</el-button>
<div> <div>
<el-table <el-table
v-loading="loading" v-loading="loading"
...@@ -48,21 +25,23 @@ ...@@ -48,21 +25,23 @@
> >
<el-table-column prop="id" label="资源库编号" align="center" /> <el-table-column prop="id" label="资源库编号" align="center" />
<el-table-column label="资源库名称" align="center"> <el-table-column label="资源库名称" align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">
<img <img
:src="scope.row.coverImageUrl" :src="scope.row.coverImageUrl"
alt="" alt=""
style="width: 80px; height: 80px" style="width: 80px; height: 80px"
/> />
</template> </template> -->
localhost3357k……
</el-table-column> </el-table-column>
<el-table-column prop="doctorName" label="资源库主机名或IP地址" align="center" /> <el-table-column prop="doctorName" label="资源库主机名或IP地址" align="center" />
<el-table-column prop="username" label="资源库数据库名称" align="center" /> <el-table-column prop="username" label="资源库数据库名称" align="center" />
<el-table-column label="资源库更新时间" align="center"> <el-table-column label="资源库更新时间" align="center">
<template slot-scope="scope"> <!-- <template slot-scope="scope">
<span>{{ scope.row.createTime | interceptionDate }}</span> <span>{{ scope.row.createTime | interceptionDate }}</span>
</template> </template> -->
2021-01-13 11:49:46
</el-table-column> </el-table-column>
<el-table-column prop label="操作" width="200" align="center"> <el-table-column prop label="操作" width="200" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
...@@ -100,6 +79,72 @@ ...@@ -100,6 +79,72 @@
</el-card> </el-card>
<!-- 新增和编辑弹窗start -->
<el-dialog
title="添加数据库资源库"
:visible.sync="centerDialogVisible"
width="60%"
center>
<el-row :gutter="20">
<el-col :span="12" :offset="6">
<el-form ref="form" :model="form" label-width="250px">
<el-form-item label="资源库名称:">
<el-input placeholder="请输入资源库名称" v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="登录资源库用户名:">
<el-input placeholder="请输入登录资源库用户名" v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="登录资源库密码:">
<el-input placeholder="请输入登录资源库密码" v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="资源库类型:">
<el-select v-model="value" clearable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="数据库数据访问模式:">
<el-select v-model="value" clearable placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="资源库数据库主机名或者IP地址：">
<el-input placeholder="请输入资源库数据库主机名或者IP地址" v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="资源库数据库端口号：">
<el-input placeholder="请输入资源库数据库端口号" v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="资源库数据库名称：">
<el-input placeholder="请输入资源库数据库名称" v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="资源库数据库登录账号:">
<el-input placeholder="请输入资源库数据库登录账号" v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="资源库数据库登录密码：">
<el-input placeholder="请输入资源库数据库登录密码" v-model="form.name"></el-input>
</el-form-item>
</el-form>
</el-col>
</el-row>
<span slot="footer" class="dialog-footer">
<el-button class="btn-brush" type="success" icon="el-icon-check" @click="centerDialogVisible = true">测试链接</el-button>
<el-button class="btn-brush" type="success" icon="el-icon-check" @click="centerDialogVisible = false">保存</el-button>
<el-button class="btn-brush" type="success" icon="el-icon-plus" @click="centerDialogVisible = true">取消</el-button>
<!-- <el-button @click="centerDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button> -->
</span>
</el-dialog>
<!-- 新增和编辑弹窗end -->
</div> </div>
</template> </template>
...@@ -141,6 +186,25 @@ export default { ...@@ -141,6 +186,25 @@ export default {
// doctor: {}, // doctor: {},
headers: {}, // 头部信息 headers: {}, // 头部信息
// fileList: [], // fileList: [],
centerDialogVisible: false,
form: {},
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: ''
}; };
}, },
created() { created() {
...@@ -206,10 +270,10 @@ export default { ...@@ -206,10 +270,10 @@ export default {
}, },
// 添加活动 // 添加活动
    addTask() { //     addTask() {
      console.log('传递添加活动写死传递1:') //       console.log('传递添加活动写死传递1:')
      this.$router.push({ path: '/oracle/add', query: { id: '1' }}) //       this.$router.push({ path: '/oracle/add', query: { id: '1' }})
    }, //     },
    // 编辑活动     // 编辑活动
//     goPage(id) { //     goPage(id) {
//       console.log('传递编辑活动di:', id) //       console.log('传递编辑活动di:', id)
......
src/views/watch/transform.vue
...@@ -295,5 +295,8 @@ export default { ...@@ -295,5 +295,8 @@ export default {
font-size:30px; font-size:30px;
font-weight:bold; font-weight:bold;
} }
.right{
float:right;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment