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>
<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">
<div slot="header" class="clearfix">
<span>资源库列表</span>
<i @click="deleteTabOne()" class="el-icon-close btn-icon" style=""></i>
<i
class="btn-icon"
......@@ -35,9 +11,10 @@
></i>
</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
>
> -->
<el-button class="btn-brush" icon="el-icon-plus" @click="centerDialogVisible = true">新增数据库资源库</el-button>
<div>
<el-table
v-loading="loading"
......@@ -48,21 +25,23 @@
>
<el-table-column prop="id" label="资源库编号" align="center" />
<el-table-column label="资源库名称" align="center">
<template slot-scope="scope">
<!-- <template slot-scope="scope">
<img
:src="scope.row.coverImageUrl"
alt=""
style="width: 80px; height: 80px"
/>
</template>
</template> -->
localhost3357k……
</el-table-column>
<el-table-column prop="doctorName" label="资源库主机名或IP地址" align="center" />
<el-table-column prop="username" label="资源库数据库名称" align="center" />
<el-table-column label="资源库更新时间" align="center">
<template slot-scope="scope">
<!-- <template slot-scope="scope">
<span>{{ scope.row.createTime | interceptionDate }}</span>
</template>
</template> -->
2021-01-13 11:49:46
</el-table-column>
<el-table-column prop label="操作" width="200" align="center">
<template slot-scope="scope">
......@@ -100,6 +79,72 @@
</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>
</template>
......@@ -141,6 +186,25 @@ export default {
// doctor: {},
headers: {}, // 头部信息
// fileList: [],
centerDialogVisible: false,
form: {},
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: ''
};
},
created() {
......@@ -206,10 +270,10 @@ export default {
},
// 添加活动
    addTask() {
      console.log('传递添加活动写死传递1:')
      this.$router.push({ path: '/oracle/add', query: { id: '1' }})
    },
//     addTask() {
//       console.log('传递添加活动写死传递1:')
//       this.$router.push({ path: '/oracle/add', query: { id: '1' }})
//     },
    // 编辑活动
//     goPage(id) {
//       console.log('传递编辑活动di:', id)
......
src/views/watch/transform.vue
......@@ -295,5 +295,8 @@ export default {
font-size:30px;
font-weight:bold;
}
.right{
float:right;
}
</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