Skip to content

B
back-own
Commit 38d2a6bb by chenyu
Options

update: update

parent b119f266
Showing with 92 additions and 34 deletions
src/views/errorPage/index.vue
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<div class="bullshit"> <div class="bullshit">
<!-- <div class="bullshit__oops">404</div> --> <!-- <div class="bullshit__oops">404</div> -->
<div class="bullshit__headline">{{ message }}</div> <div class="bullshit__headline">{{ message }}</div>
<a href="#/index" class="bullshit__return-home">返回首页</a> <a href="#/module" class="bullshit__return-home">返回首页</a>
</div> </div>
</div> </div>
</div> </div>
......
src/views/index/home.vue
...@@ -10,37 +10,49 @@ ...@@ -10,37 +10,49 @@
<div class="unreview-wrap common-set-wrap"> <div class="unreview-wrap common-set-wrap">
<div class="right-content"> <div class="right-content">
<div class="right-box" style="min-height: calc(100vh - 126px)"> <div class="right-box" style="min-height: calc(100vh - 126px)">
<div class="m-b-20 flex"> <div class="m-b-20 flex flex-space-between">
<div class="search-items"> <div class="flex">
<p class="search-items-label">是否处理：</p> <div class="search-items">
<el-select style="width:140px;" v-model="searchParams.dealFlag" placeholder="请选择是否处理" clearable @change="searchPage"> <p class="search-items-label">是否处理：</p>
<el-option label="是" :value="1"></el-option> <el-select style="width:140px;" v-model="searchParams.dealFlag" placeholder="请选择是否处理" clearable @change="searchPage">
<el-option label="否" :value="0"></el-option> <el-option label="是" :value="1"></el-option>
<el-option label="无" :value="-1"></el-option> <el-option label="否" :value="0"></el-option>
</el-select> <el-option label="无" :value="-1"></el-option>
</div> </el-select>
<div class="search-items"> </div>
<p class="search-items-label">库地址：</p> <div class="search-items">
<el-select style="width:140px;" v-model="searchParams.dataSourceId" placeholder="请选择库地址" clearable @change="searchPage"> <p class="search-items-label">库地址：</p>
<el-option v-for="item in sqlUrlOpts" :label="item.name" :value="item.key" :key="item.key"></el-option> <el-select style="width:140px;" v-model="searchParams.dataSourceId" placeholder="请选择库地址" clearable>
</el-select> <el-option v-for="item in sqlUrlOpts" :label="item.name" :value="item.key" :key="item.key"></el-option>
</div> </el-select>
<div class="search-items"> </div>
<p class="search-items-label">库名：</p> <div class="search-items">
<el-input style="width:140px;" placeholder="请输入库名" v-model="searchParams.scame" clearable @change="searchPage"> </el-input> <p class="search-items-label">库名：</p>
</div> <el-input style="width:140px;" placeholder="请输入库名" v-model="searchParams.scame" clearable> </el-input>
<div class="search-items"> </div>
<p class="search-items-label">表名：</p> <div class="search-items">
<el-input style="width:140px;" placeholder="请输入表名" v-model="searchParams.tableName" clearable @change="searchPage"> </el-input> <p class="search-items-label">表名：</p>
<el-input style="width:140px;" placeholder="请输入表名" v-model="searchParams.tableName" clearable> </el-input>
</div>
<el-button type="primary" @click="getTableList">筛选</el-button>
</div> </div>
<el-button type="primary" @click="download">下载</el-button>
</div> </div>
<div class="reviewed-body-content"> <div class="reviewed-body-content">
<el-table ref="multipleTable" v-loading="loading" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"> <el-table ref="multipleTable" v-loading="loading" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column label="uuid" prop="uuid" show-overflow-tooltip></el-table-column> <el-table-column label="uuid" prop="uuid" show-overflow-tooltip></el-table-column>
<el-table-column label="时间" prop="updateTime" show-overflow-tooltip></el-table-column> <el-table-column label="时间" prop="updateTime" show-overflow-tooltip></el-table-column>
<el-table-column label="sql内容" prop="sqlContent" show-overflow-tooltip></el-table-column> <el-table-column label="sql内容" prop="sqlContent" min-width="200">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" :content="scope.row.sqlContent" placement="top"
><span class="ellipsis">{{ scope.row.sqlContent }}</span>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="复制" placement="top"><i class="copy el-icon-copy-document" @click="copy(scope.row.sqlContent)"></i> </el-tooltip>
<!-- el-icon-copy-document -->
</template>
</el-table-column>
<el-table-column label="处理后的索引" prop="useIndex" show-overflow-tooltip></el-table-column> <el-table-column label="处理后的索引" prop="useIndex" show-overflow-tooltip></el-table-column>
<el-table-column label="是否处理所有" prop="sureFlag" show-overflow-tooltip> <el-table-column label="是否处理索引" width="120" prop="sureFlag" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.sureFlag === 0 ? '否' : '是' }} {{ scope.row.sureFlag === 0 ? '否' : '是' }}
</template> </template>
...@@ -84,9 +96,9 @@ export default { ...@@ -84,9 +96,9 @@ export default {
tableData: [], tableData: [],
sqlUrlOpts: [], sqlUrlOpts: [],
searchParams: { searchParams: {
tableName: '', // 表名 必填 tableName: 'tab_gic_store', // 表名 必填
dataSourceId: '', // 库地址 必填 dataSourceId: '', // 库地址 必填
scame: '', // 库名 必填 scame: 'gic3_test', // 库名 必填
dealFlag: -1 // 是否处理索引默认-1 1已处理 0未处理 dealFlag: -1 // 是否处理索引默认-1 1已处理 0未处理
}, },
showDailog: false, showDailog: false,
...@@ -107,7 +119,7 @@ export default { ...@@ -107,7 +119,7 @@ export default {
const that = this; const that = this;
console.log(item); console.log(item);
that.ruleForm = { that.ruleForm = {
indexName: item.sureUseIndex, indexName: item.useIndex || item.sureUseIndex || '',
uuid: item.uuid uuid: item.uuid
}; };
that.showDailog = true; that.showDailog = true;
...@@ -117,6 +129,27 @@ export default { ...@@ -117,6 +129,27 @@ export default {
that.showDailog = false; that.showDailog = false;
that.$refs['ruleForm'].resetFields(); that.$refs['ruleForm'].resetFields();
}, },
download() {
const that = this;
that.loading = true;
let para = { ...this.searchParams };
getRequest('/redis-limiter-web/sql/sql-download', para)
.then(res => {
let resData = res.data;
that.loading = false;
if (resData.errorCode == 1) {
return;
}
errMsg.errorMsg(resData);
})
.catch(function(error) {
that.$message.error({
duration: 1000,
message: error.message
});
})
.finally(_ => (that.loading = false));
},
submitForm() { submitForm() {
const that = this; const that = this;
let para = { ...this.ruleForm }; let para = { ...this.ruleForm };
...@@ -185,6 +218,18 @@ export default { ...@@ -185,6 +218,18 @@ export default {
message: error.message message: error.message
}); });
}); });
},
copy(value) {
let newInput = document.createElement('input');
newInput.value = value;
document.body.appendChild(newInput);
newInput.select();
document.execCommand('Copy');
newInput.remove();
this.$message({
message: '复制成功',
type: 'success'
});
} }
}, },
mounted() { mounted() {
...@@ -205,4 +250,17 @@ export default { ...@@ -205,4 +250,17 @@ export default {
color: #303133; color: #303133;
} }
} }
.ellipsis {
display: inline-block;
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.copy.el-icon-copy-document {
cursor: pointer;
&:hover {
color: #2f54ed;
}
}
</style> </style>
src/views/index/second.vue
...@@ -124,7 +124,7 @@ export default { ...@@ -124,7 +124,7 @@ export default {
*/ */
toNext(row) { toNext(row) {
const that = this; const that = this;
that.$router.push(`/third?rateId=${row.rateId}&moudleId=${that.$route.query.moudleId}`); that.$router.push(`/module/third?rateId=${row.rateId}&moudleId=${that.$route.query.moudleId}`);
}, },
/** /**
* 弹窗操作 * 弹窗操作
......
src/views/module/home.vue
...@@ -104,7 +104,7 @@ export default { ...@@ -104,7 +104,7 @@ export default {
*/ */
toNext(row) { toNext(row) {
const that = this; const that = this;
that.$router.push(`/second?moudleId=${row.moudleId}`); that.$router.push(`/module/second?moudleId=${row.moudleId}`);
}, },
/** /**
* 弹窗操作 * 弹窗操作
......
src/views/module/second.vue
...@@ -85,7 +85,7 @@ export default { ...@@ -85,7 +85,7 @@ export default {
navpath: [ navpath: [
{ {
name: '模块', name: '模块',
path: '/index' path: '/module/first'
}, },
{ {
name: '限流', name: '限流',
...@@ -124,7 +124,7 @@ export default { ...@@ -124,7 +124,7 @@ export default {
*/ */
toNext(row) { toNext(row) {
const that = this; const that = this;
that.$router.push(`/third?rateId=${row.rateId}&moudleId=${that.$route.query.moudleId}`); that.$router.push(`/module/third?rateId=${row.rateId}&moudleId=${that.$route.query.moudleId}`);
}, },
/** /**
* 弹窗操作 * 弹窗操作
......
src/views/module/third.vue
...@@ -118,11 +118,11 @@ export default { ...@@ -118,11 +118,11 @@ export default {
navpath: [ navpath: [
{ {
name: '模块', name: '模块',
path: '/index' path: '/module/first'
}, },
{ {
name: '限流', name: '限流',
path: `/second?moudleId=${this.$route.query.moudleId}` path: `/module/second?moudleId=${this.$route.query.moudleId}`
}, },
{ {
name: '企业关系', name: '企业关系',
......
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