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