From 8ae1b76ddcda5e704ab558dfb8b565fa82e6c54b Mon Sep 17 00:00:00 2001
From: Yueng <14617246+YuengMeYuuer@user.noreply.gitee.com>
Date: Sun, 1 Sep 2024 18:57:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=B5=84=E4=BA=A7=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/property/astr.js               |  11 +-
 src/views/property/asDisplay/index.vue | 147 ++++++++++++++-----------
 src/views/property/asauth/index.vue    | 115 ++++++++++---------
 src/views/property/astr/index.vue      |  38 +++++--
 4 files changed, 181 insertions(+), 130 deletions(-)

diff --git a/src/api/property/astr.js b/src/api/property/astr.js
index 4eef47c..7a69bbb 100644
--- a/src/api/property/astr.js
+++ b/src/api/property/astr.js
@@ -7,9 +7,16 @@ export function getExtractDataTableNameList() {
   })
 }
 
-export function findTableValue(id,dataName) {
+export function findTableValue(dataId,name) {
   return request({
-    url: '/property/dataRunName/findTableValue?basicId='+id +"&dataName="+dataName,
+    url: '/property/dataRunName/findTableValue?dataId='+dataId+"&tableName="+name,
+    method: 'post',
+  })
+}
+
+export function selectBasicList() {
+  return request({
+    url: '/property/dataRunName/selectBasicList',
     method: 'post',
   })
 }
diff --git a/src/views/property/asDisplay/index.vue b/src/views/property/asDisplay/index.vue
index 55d56b7..2a8755d 100644
--- a/src/views/property/asDisplay/index.vue
+++ b/src/views/property/asDisplay/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1>数据资产结构</h1>
+    <h1>测试4()- 资产展示</h1>
 
     <el-container>
       <el-aside width="400px">
@@ -14,12 +14,19 @@
         <el-card class="box-card">
           <div slot="header" class="clearfix">
             <span style="font-size: xx-large"></span>
+            <!--            <table>-->
+            <!--           a   <tr><td>表名称:</td><td>{{ tableBasic.tableName }}</td></tr>-->
+            <!--              <tr><td>表备注:</td><td>{{ tableBasic.tableRemark }}</td></tr>-->
+            <!--              <tr><td>数据量:</td><td>{{ tableBasic.dataNum }}</td></tr>-->
+            <!--              <tr><td>是否核心:</td><td><dict-tag :options="dict.type.sys_yes_no" :value="tableBasic.isCenter"/></td></tr>-->
+            <!--            </table>-->
+
             <template>
 
               <el-descriptions class="margin-top" title="资产模型基本信息" :column="2"  border>
                 <el-descriptions-item>
                   <template slot="label">表名称</template>
-                  {{ tableBasic.name }}
+                  {{ tableBasic.tableName }}
                 </el-descriptions-item>
                 <el-descriptions-item>
                   <template slot="label">表备注</template>
@@ -27,7 +34,7 @@
                 </el-descriptions-item>
                 <el-descriptions-item>
                   <template slot="label">数据量</template>
-                  {{ dataNum }}
+                  {{ tableBasic.dataNum }}
                 </el-descriptions-item>
                 <el-descriptions-item>
                   <template slot="label">是否核心</template>
@@ -35,59 +42,64 @@
                 </el-descriptions-item>
               </el-descriptions>
             </template>
-
           </div>
-
-
-
-
         </el-card>
-
-        <el-card class="box-card" title="资产模型基本信息" :column="2" >
+<!--        v-if="dataType === 'dataTable'-->
+        <el-card class="box-card"  style="margin-top: 20px">
           <div slot="header" class="clearfix">
-            <span>资产模型详细信息</span>
+            <span>模型数据</span>
           </div>
-          <el-table
-            :data="tableStructure" style="width: 100%">
-            <el-table-column label="名称" prop="field"></el-table-column>
-            <el-table-column label="注释" prop="annotation"></el-table-column>
-            <el-table-column label="是否主键" prop="primarys">
-              <template slot-scope="scope">
-                  <span v-if="scope.row.primarys==='PRI'">
-                    <el-tag type="success">{{scope.row.primarys }}</el-tag>
-                  </span>
-                <span v-if="scope.row.primarys===''">
-                    <el-tag type="danger">NO</el-tag>
-                  </span>
-              </template>
-            </el-table-column>
-            <el-table-column label="类型" prop="type"></el-table-column>
-            <el-table-column label="映射类型" prop="javaType">{{this.javaType.type}}</el-table-column>
-            <el-table-column label="是否为空" prop="nullable"></el-table-column>
-            <el-table-column label="是否字典" prop="isDictionary"></el-table-column>
-            <el-table-column label="映射字典" prop="dictionaryTable"></el-table-column>
-          </el-table>
+          <el-row :gutter="20">
+<!--            -->
+            <el-col :span="6" v-for="DataValue in  assetShowList" style="margin-top: 20px">
+              <el-descriptions :title="tableBasic.tableRemark+'.'+tableBasic.tableName+'.'+DataValue.key" direction="vertical"
+                               border :column="1">
+                <el-descriptions-item label="Type">
+                  <el-tag size="small">{{ DataValue.type }}</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="Value">{{ DataValue.value }}</el-descriptions-item>
+              </el-descriptions>
+
+
+            </el-col>
+          </el-row>
         </el-card>
+        <el-table
+          :data="DataValue"
+          style="width: 100%">
+          <el-table-column
+            prop="key"
+            label="key"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="label"
+            label="label"
+            width="180">
+          </el-table-column>
+          <el-table-column
+            prop="type"
+            label="type">
+          </el-table-column>
+          <el-table-column
+            prop="value"
+            label="value">
+          </el-table-column>
+        </el-table>
+
       </el-main>
     </el-container>
 
+
+
+
   </div>
 </template>
-<style>
 
-.el-main {
-  background-color: #ececec;
-  color: #000000;
-  line-height: 147px;
-}
-</style>
 <script>
-
-
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
-
-import { findTableValue, getExtractDataTableNameList } from '@/api/property/astr'
+import { findByTableName, findStructureByTableId, findTableValueList } from '@/api/etl/property'
 
 export default {
   //import引入的组件需要注入到对象中才能使用"
@@ -100,15 +112,21 @@ export default {
     return {
       data:[],
       defaultProps: {
-        children: 'tableNames',
-        label: 'name'
-      },
-      dataNum:0,
-      tableBasic:{
-
+        children: 'children',
+        label: 'tableName'
       },
+      tableBasic:{},
       tableStructure:[],
-      javaType:[],
+      assetShowList: [
+        // {key: "测试.sys_user.id", type: "String", value: 1},
+        // {key: "测试.sys_user.name", type: "String", value: "张三"},
+        // {key: "测试.sys_user.age", type: "Integer", value: 18},
+        // {key: "测试.sys_user.email", type: "String", value: "123@136.com"},
+        // {key: "测试.sys_user.sex", type: "String", value: "Y"},
+      ],
+      kvtList: [],
+      DataValue:[],
+
     };
   },
   //计算属性 类似于data概念",
@@ -117,33 +135,34 @@ export default {
   watch: {},
   //方法集合",
   methods: {
-    getSelectList(){
-      getExtractDataTableNameList().then((res)=>{
+    findByTableName(){
+      findByTableName().then((res)=>{
         this.data = res.data
+
       })
     },
     handleNodeClick(data){
-      console.log(data)
+      console.log("...."+data)
       this.tableBasic=data
-      this.dataNum=data.tableFie.length
-      this.tableStructure=data.tableFie
 
-      var id = 0;
-      data.tableFie.forEach(res => {
-        id=res.tableId
-      })
-      console.log(id)
-      findTableValue(id,data.name).then(res=>{
-        // console.log(res)
-        this.javaType=res.data
-      })
+      // findStructureByTableId(data.id).then((res)=>{
+      //   this.tableStructure=res.data
+      // })
+      if (data.children==null){
+        findTableValueList(data.basicId,data.tableName).then(res=>{
+          this.assetShowList=res.data;
+          this.DataValue=res.data;
+        })
+      }
+      console.log("-----"+this.DataValue);
+      console.log("...."+data.basicId)
     },
 
 
   },
   //生命周期 - 创建完成（可以访问当前this实例）",
   created() {
-    this.getSelectList();
+    this.findByTableName();
 
   },
   //生命周期 - 挂载完成（可以访问DOM元素）",
diff --git a/src/views/property/asauth/index.vue b/src/views/property/asauth/index.vue
index 55d56b7..2cc5f97 100644
--- a/src/views/property/asauth/index.vue
+++ b/src/views/property/asauth/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1>数据资产结构</h1>
+    <h1>数据资产授权</h1>
 
     <el-container>
       <el-aside width="400px">
@@ -18,20 +18,28 @@
 
               <el-descriptions class="margin-top" title="资产模型基本信息" :column="2"  border>
                 <el-descriptions-item>
-                  <template slot="label">表名称</template>
-                  {{ tableBasic.name }}
+                  <template slot="label">数据接入名称</template>
+                  {{ tableBasics.accSourName }}
                 </el-descriptions-item>
                 <el-descriptions-item>
-                  <template slot="label">表备注</template>
-                  {{ tableBasic.tableRemark }}
+                  <template slot="label">系统名称</template>
+                  {{ tableBasics.dataSourSystemName }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">数据库名称</template>
+                  {{ tableBasics }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">表名称</template>
+                  {{  this.tableBasics.name }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">表中文名</template>
+                  {{ this.tableBasics.name }}
                 </el-descriptions-item>
                 <el-descriptions-item>
                   <template slot="label">数据量</template>
-                  {{ dataNum }}
-                </el-descriptions-item>
-                <el-descriptions-item>
-                  <template slot="label">是否核心</template>
-                  <dict-tag :options="dict.type.sys_no" :value="tableBasic.isCenter"/>
+                  {{ dataNum}}
                 </el-descriptions-item>
               </el-descriptions>
             </template>
@@ -43,31 +51,27 @@
 
         </el-card>
 
-        <el-card class="box-card" title="资产模型基本信息" :column="2" >
-          <div slot="header" class="clearfix">
-            <span>资产模型详细信息</span>
-          </div>
-          <el-table
-            :data="tableStructure" style="width: 100%">
-            <el-table-column label="名称" prop="field"></el-table-column>
-            <el-table-column label="注释" prop="annotation"></el-table-column>
-            <el-table-column label="是否主键" prop="primarys">
-              <template slot-scope="scope">
-                  <span v-if="scope.row.primarys==='PRI'">
-                    <el-tag type="success">{{scope.row.primarys }}</el-tag>
-                  </span>
-                <span v-if="scope.row.primarys===''">
-                    <el-tag type="danger">NO</el-tag>
-                  </span>
-              </template>
-            </el-table-column>
-            <el-table-column label="类型" prop="type"></el-table-column>
-            <el-table-column label="映射类型" prop="javaType">{{this.javaType.type}}</el-table-column>
-            <el-table-column label="是否为空" prop="nullable"></el-table-column>
-            <el-table-column label="是否字典" prop="isDictionary"></el-table-column>
-            <el-table-column label="映射字典" prop="dictionaryTable"></el-table-column>
-          </el-table>
-        </el-card>
+
+        <el-tabs type="border-card">
+          <el-tab-pane label="用户管理">
+            <el-card class="box-card" title="资产模型基本信息" :column="2" >
+              <el-table
+                :data="tableBasic" style="width: 100%">
+                <el-table-column label="部门名称" prop="field"></el-table-column>
+                <el-table-column label="部门负责人" prop="annotation"></el-table-column>
+                <el-table-column label="邮箱" prop="primarys"></el-table-column>
+                <el-table-column label="创建时间" prop="type"></el-table-column>
+                <el-table-column label="操作" prop="types"></el-table-column>
+              </el-table>
+            </el-card>
+          </el-tab-pane>
+          <el-tab-pane label="配置管理">
+
+          </el-tab-pane>
+        </el-tabs>
+
+
+
       </el-main>
     </el-container>
 
@@ -98,16 +102,16 @@ export default {
     //这里存放数据"
 
     return {
+      tableMapping:[],
       data:[],
       defaultProps: {
         children: 'tableNames',
         label: 'name'
       },
       dataNum:0,
-      tableBasic:{
-
-      },
+      tableBasic:{},
       tableStructure:[],
+      tableBasics:{},
       javaType:[],
     };
   },
@@ -122,21 +126,28 @@ export default {
         this.data = res.data
       })
     },
-    handleNodeClick(data){
-      console.log(data)
-      this.tableBasic=data
-      this.dataNum=data.tableFie.length
-      this.tableStructure=data.tableFie
 
-      var id = 0;
-      data.tableFie.forEach(res => {
-        id=res.tableId
-      })
-      console.log(id)
-      findTableValue(id,data.name).then(res=>{
-        // console.log(res)
-        this.javaType=res.data
-      })
+    handleNodeClick(data){
+      debugger;
+      console.log(data)
+      if (this.tableBasic.name===data.name){
+        this.tableBasic={}
+      }
+      console.log(this.tableBasic.length)
+      if (this.tableBasic.length === undefined){
+        selectBasicList().then(ress=>{
+          this.tableBasic.ress.data
+          this.tableBasics.data
+        })
+        this.dataNum=data.tableFie.length
+        this.tableStructure=data.tableFie
+        findTableValue(data.dataId,data.name).then(res=>{
+          let tableMapping=res.data
+
+
+        })
+      }
+
     },
 
 
diff --git a/src/views/property/astr/index.vue b/src/views/property/astr/index.vue
index 14ea6c1..9d606df 100644
--- a/src/views/property/astr/index.vue
+++ b/src/views/property/astr/index.vue
@@ -62,7 +62,7 @@
               </template>
             </el-table-column>
             <el-table-column label="类型" prop="type"></el-table-column>
-            <el-table-column label="映射类型" prop="javaType">{{this.javaType.type}}</el-table-column>
+            <el-table-column label="映射类型" prop="types"></el-table-column>
             <el-table-column label="是否为空" prop="nullable"></el-table-column>
             <el-table-column label="是否字典" prop="isDictionary"></el-table-column>
             <el-table-column label="映射字典" prop="dictionaryTable"></el-table-column>
@@ -98,6 +98,7 @@ export default {
     //这里存放数据"
 
     return {
+      tableMapping:[],
       data:[],
       defaultProps: {
         children: 'tableNames',
@@ -123,21 +124,34 @@ export default {
       })
     },
     handleNodeClick(data){
-      sessionStorage.setItem("key",data.name)
-      console.log(data)
+      // console.log(data)
       this.tableBasic=data
       this.dataNum=data.tableFie.length
       this.tableStructure=data.tableFie
+      // console.log(this.tableStructure)
+        findTableValue(data.dataId,data.name).then(res=>{
+          let tableMapping=res.data
+          // console.log(res.data)
 
-      var id = 0;
-      data.tableFie.forEach(res => {
-        id=res.tableId
-      })
-      console.log(id)
-      findTableValue(id,data.name).then(res=>{
-        // console.log(res)
-        this.javaType=res.data
-      })
+          for (const index in tableMapping) {
+            for (const i in this.tableStructure) {
+              if (tableMapping[index].key === this.tableStructure[i].field) {
+
+                this.tableStructure[i].types.push(tableMapping[index].type)
+
+                console.log(this.tableStructure[i].types)
+                if (i!== 0&& this.tableStructure[i].types==this.tableStructure[0].types){
+
+                  alert("dawdwadad")
+                  return
+                }
+              }
+            }
+
+          }
+
+
+        })
     },