|
@@ -4,98 +4,114 @@
|
|
|
@Date: 2021-04-01 15:38
|
|
|
-->
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <!-- 查询项 -->
|
|
|
- <el-form :inline="true" class="search-form">
|
|
|
- <el-form-item label="数据资源名称">
|
|
|
- <el-input v-model="condition.resourceName.value" clearable></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <dg-button type="primary" icon="el-icon-search" @click="handleSearch">查询</dg-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <!-- 表格 -->
|
|
|
- <dg-table ref="checkTable" url="/authsvr/v2/dataauth/dataDetailList" :condition="condition" border row-key="id">
|
|
|
- <dg-table-column type="index" width="70" label="序号" align="center"></dg-table-column>
|
|
|
- <dg-table-column prop="resourceName" label="数据资源名称" align="center"></dg-table-column>
|
|
|
- <dg-table-column prop="tableCode" label="数据资源英文名称" align="center"></dg-table-column>
|
|
|
- <dg-table-column prop="resourceCode" label="数据资源标识符" align="center"></dg-table-column>
|
|
|
- <dg-table-column label="操作" align="center" width="120">
|
|
|
- <template slot-scope="{ row }">
|
|
|
- <div class="u-table__operation">
|
|
|
- <el-tooltip content="查看列权限清单" effect="dark" placement="top-end">
|
|
|
- <i class="el-icon-document" @click="handleViewColumnCheckList(row)"></i>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </dg-table-column>
|
|
|
- </dg-table>
|
|
|
- </div>
|
|
|
+ <div>
|
|
|
+ <!-- 查询项 -->
|
|
|
+ <el-form :inline="true" class="search-form">
|
|
|
+ <el-form-item label="数据资源名称">
|
|
|
+ <el-input v-model="condition.resourceName.value" placeholder="请输入数据资源名称" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <dg-button type="primary" icon="el-icon-search" @click="handleSearch">查询</dg-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <!-- 表格 -->
|
|
|
+ <new-table
|
|
|
+ ref="table"
|
|
|
+ :tableUrl="tableUrl"
|
|
|
+ :tableHeader="tableHeader"
|
|
|
+ :condition="searchCondition"
|
|
|
+ :tableOptList="tableOptList"
|
|
|
+ @submitTableOpt="receviceOpt"
|
|
|
+ ></new-table>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
// 列权限清单弹框
|
|
|
-import columnCheckLayer from "./column-check-layer";
|
|
|
+import columnCheckLayer from './column-check-layer';
|
|
|
+import newTable from '@/pages/common/new-table';
|
|
|
export default {
|
|
|
- props: {
|
|
|
- tab: String,
|
|
|
- codeDataTypeStr: String,
|
|
|
+ props: {
|
|
|
+ tab: String,
|
|
|
+ codeDataTypeStr: String,
|
|
|
+ idcard: {
|
|
|
+ type: String,
|
|
|
+ default: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: { newTable },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ condition: {
|
|
|
+ codeDataTypeStr: {
|
|
|
+ value: '',
|
|
|
+ op: '='
|
|
|
+ },
|
|
|
+ resourceName: {
|
|
|
+ value: '',
|
|
|
+ op: 'like'
|
|
|
+ },
|
|
|
idcard: {
|
|
|
- type: String,
|
|
|
- default: ""
|
|
|
+ value: '',
|
|
|
+ op: '='
|
|
|
}
|
|
|
- },
|
|
|
- components: {},
|
|
|
- data() {
|
|
|
- return {
|
|
|
- condition: {
|
|
|
- codeDataTypeStr: {
|
|
|
- value: "",
|
|
|
- op: "="
|
|
|
- },
|
|
|
- resourceName: {
|
|
|
- value: "",
|
|
|
- op: "like"
|
|
|
- },
|
|
|
- idcard: {
|
|
|
- value: "",
|
|
|
- op: "="
|
|
|
- }
|
|
|
- }
|
|
|
- };
|
|
|
- },
|
|
|
- computed: {},
|
|
|
- methods: {
|
|
|
- handleViewColumnCheckList(row) {
|
|
|
- const layer = this.$dgLayer({
|
|
|
- title: "列权限清单列表",
|
|
|
- content: columnCheckLayer,
|
|
|
- props: {
|
|
|
- tableList: row.dataItems
|
|
|
- },
|
|
|
- on: {
|
|
|
- success(params) {
|
|
|
- layer.close(layer.dialogIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- cancel: function (index, layero) {
|
|
|
- // 关闭对应弹窗的ID
|
|
|
- layer.close(index);
|
|
|
- return false;
|
|
|
- },
|
|
|
- area: ["900px", "760px"]
|
|
|
- });
|
|
|
+ },
|
|
|
+ searchCondition: {},
|
|
|
+ tableUrl: '/authsvr/v2/dataauth/dataDetailList',
|
|
|
+ tableHeader: [
|
|
|
+ {
|
|
|
+ prop: 'resourceName',
|
|
|
+ label: '数据资源名称'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'tableCode',
|
|
|
+ label: '数据资源英文名称'
|
|
|
},
|
|
|
-
|
|
|
- handleSearch() {
|
|
|
- this.$refs.checkTable.searchForm();
|
|
|
+ {
|
|
|
+ prop: 'resourceCode',
|
|
|
+ label: '数据资源标识符'
|
|
|
}
|
|
|
+ ],
|
|
|
+ tableOptList: ['查看列权限清单']
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {},
|
|
|
+ methods: {
|
|
|
+ receviceOpt(opt, row) {
|
|
|
+ this.handleViewColumnCheckList(row);
|
|
|
},
|
|
|
- created() {
|
|
|
- this.condition.codeDataTypeStr.value = this.codeDataTypeStr;
|
|
|
- this.condition.idcard.value = this.idcard;
|
|
|
+ handleViewColumnCheckList(row) {
|
|
|
+ const layer = this.$dgLayer({
|
|
|
+ title: '列权限清单列表',
|
|
|
+ content: columnCheckLayer,
|
|
|
+ props: {
|
|
|
+ tableList: row.dataItems
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ success(params) {
|
|
|
+ layer.close(layer.dialogIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ cancel: function (index, layero) {
|
|
|
+ // 关闭对应弹窗的ID
|
|
|
+ layer.close(index);
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ area: ['900px', '760px']
|
|
|
+ });
|
|
|
},
|
|
|
- mounted() {}
|
|
|
+
|
|
|
+ handleSearch() {
|
|
|
+ this.searchCondition = this.condition;
|
|
|
+ this.$refs.table.handleSearch();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.condition.codeDataTypeStr.value = this.codeDataTypeStr;
|
|
|
+ this.condition.idcard.value = this.idcard;
|
|
|
+ this.searchCondition = this.condition;
|
|
|
+ },
|
|
|
+ mounted() {}
|
|
|
};
|
|
|
</script>
|
|
|
|