From ac687d46631445a2ad0efebe843c300535277dec Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期一, 28 十一月 2022 22:02:54 +0800 Subject: [PATCH] 1 --- src/views/datamanage/dataLoader.vue | 184 +++++++++++++++++++++++++++++++++++---------- 1 files changed, 141 insertions(+), 43 deletions(-) diff --git a/src/views/datamanage/dataLoader.vue b/src/views/datamanage/dataLoader.vue index 249237b..69a293f 100644 --- a/src/views/datamanage/dataLoader.vue +++ b/src/views/datamanage/dataLoader.vue @@ -204,33 +204,39 @@ /> <el-table-column align="center" - prop="tab" :label="$t('dataManage.dataUpObj.tableName')" fixed - /> + > + <template slot-scope="scope"> + <a @click="detail(scope.row)" >{{ + scope.row.tab + }}</a> + </template> + </el-table-column> + <el-table-column align="center" prop="rows" :label="$t('common.lineNuber')" - fixed + /> <el-table-column align="center" prop="desc" :label="$t('dataManage.dataUpObj.describe')" - fixed + /> <el-table-column align="center" prop="uname" :label="$t('dataManage.vmobj.createonuser')" - fixed + /> <el-table-column align="center" prop="createTime" :label="$t('dataManage.vmobj.createontime')" - fixed + :formatter="changetimeFile" /> </el-table> @@ -293,6 +299,46 @@ <el-button class="primary" @click="setInsrtWareTable">纭� 瀹�</el-button> </span> </el-dialog> + +<el-dialog + :title="$t('common.details')" + :visible.sync="dialogVisible" + width="70%" + > + <div style="height:600px"> + <el-table + ref="filterTable" + :data="dbTableData" + height="90%" + border + style="width: 100%" + > + <el-table-column width="60" type="index" :label="$t('common.index')" /> + <el-table-column + v-for="(item, index) in attributeData" + :key="index" + :label="item.alias" + :prop="item.field" + show-overflow-tooltip + align="center" + ></el-table-column> + </el-table> + <div style="margin-top: 10px" class="pagination_box"> + <el-pagination + @size-change="handleLoaderSizeChange" + @current-change="handleLoaderCurrentChange" + :current-page="listLoader.pageIndex" + :page-sizes="[10, 20, 30, 40]" + :page-size="listLoader.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="count1" + > + </el-pagination> + </div> + </div> + +</el-dialog> + </div> </template> @@ -311,7 +357,9 @@ dataLoader_selectMappers, dataLoader_SelectTabs, dataLoader_selectByPageForUpload, -dataLoader_deleteMetas +dataLoader_deleteMetas, +dataLoader_selectFields, +dataLoader_selectDbData } from '../../api/api'; export default { name: 'dataUpdata', @@ -369,6 +417,15 @@ activeName3: '', wareTableFlag: null, multipleDelete:[], + dialogVisible:false, + attributeData:[], + listLoader:{ + id:null, + pageSize:1, + pageSize:10, + }, + count1:0, + dbTableData:[], }; }, @@ -406,10 +463,50 @@ }, deep: true, immediate: true, + }, }, methods: { + async detail(res){ + var val = res.tab.split("."); + const data = await dataLoader_selectFields({ + ns:val[0], + tab:val[1] + }) + if(data.code != 200){ + this.$message.error('瀛楁鍒楄〃璋冪敤澶辫触'); + return + } + this.dialogVisible = true; + this.attributeData =data.result; + this.listLoader={ + id:res.id, + pageIndex:1, + pageSize:10, + } + this.getDataLoaderSelectDbData(); + }, + async getDataLoaderSelectDbData (){ + const data1 = await dataLoader_selectDbData(this.listLoader); + if(data1.code != 200){ + this.$message.error('瀛楁鍒楄〃璋冪敤澶辫触'); + return + } + this.dbTableData =data1.result; + }, + handleLoaderSizeChange(val){ + this.listLoader.pageIndex= 1; + this.listLoader.pageSize =val; + this.getDataLoaderSelectDbData(); + }, +handleLoaderCurrentChange(val){ + this.listLoader.pageIndex= val; + this.getDataLoaderSelectDbData(); +}, + + + changetimeFile(res){ //shijianchuo鏄暣鏁帮紝鍚﹀垯瑕乸arseInt杞崲 @@ -979,42 +1076,7 @@ background-color: #216fe6; } } - .pagination_box { - margin-top: 20px; - /deep/.el-input__inner { - background-color: transparent !important; - border: 1px solid; - color: white; - } - /deep/.el-pagination__total { - color: white; - } - /deep/.el-pagination__jump { - color: white; - } - /deep/.el-pager li.active { - color: #409eff; - } - /deep/.el-pager li { - color: white; - background: transparent; - } - /deep/.el-pager li { - color: white; - } - /deep/.btn-prev { - background: transparent; - } - /deep/.btn-next { - background: transparent; - } - /deep/.btn-next i { - color: white; - } - /deep/.btn-prev i { - color: white; - } - } + } .primary { background: #409eff; @@ -1174,5 +1236,41 @@ /deep/ .el-tabs__item { color: #409eff; } + .pagination_box { + margin-top: 20px; + /deep/.el-input__inner { + background-color: transparent !important; + border: 1px solid; + color: white; + } + /deep/.el-pagination__total { + color: white; + } + /deep/.el-pagination__jump { + color: white; + } + /deep/.el-pager li.active { + color: #409eff; + } + /deep/.el-pager li { + color: white; + background: transparent; + } + /deep/.el-pager li { + color: white; + } + /deep/.btn-prev { + background: transparent; + } + /deep/.btn-next { + background: transparent; + } + /deep/.btn-next i { + color: white; + } + /deep/.btn-prev i { + color: white; + } + } } </style> -- Gitblit v1.9.3