From 0f8c27aeca583152adb58011f0da5258626f2e60 Mon Sep 17 00:00:00 2001
From: xiaohuang <1559741705@qq.com>
Date: Sat, 27 Apr 2024 19:54:39 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E4=BA=A7=E7=BB=93=E6=9E=84=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=956?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/etl/construction/AssetsModel.vue | 109 ++++++++++++---------
 src/views/etl/construction/index.vue       |   5 +-
 2 files changed, 68 insertions(+), 46 deletions(-)

diff --git a/src/views/etl/construction/AssetsModel.vue b/src/views/etl/construction/AssetsModel.vue
index cf2d511..248613d 100644
--- a/src/views/etl/construction/AssetsModel.vue
+++ b/src/views/etl/construction/AssetsModel.vue
@@ -2,14 +2,40 @@
               <div>
 
                 <el-row :gutter="40" class="panel-group">
-                  <!--    insertDictOpen {{ this.insertDictOpen }}-->
-                  <!--    <p></p>-->
-                  <!--    assetDictFormInfo {{ this.assetDictFormInfo }}-->
-                  <!--    <p></p>-->
-                  <!--    dictFormInfoOpen {{ this.dictFormInfoOpen }}-->
-                  <!--    <p></p>-->
-                  <!--    dictFormInfo {{ this.dictFormInfo }}-->
-                  <!--    <p></p>-->
+                <div class="title-header">
+                  {{ this.name }}
+                </div>
+                <el-col :lg="12" :sm="12" :xs="12" class="card-panel-col">
+                  <div class="card-panel" @click="handleSetLineChartData('messages')">
+                    <div class="card-panel-icon-wrapper icon-message">
+                      <svg-icon class-name="card-panel-icon" icon-class="table"/>
+                    </div>
+                    <div class="card-panel-description">
+                      <div class="card-panel-text">
+                        资产模型
+                      </div>
+                      <count-to :duration="3000" :end-val="this.tableInfoList.length" :start-val="0" class="card-panel-num"/>
+                    </div>
+                  </div>
+                </el-col>
+                <el-col :lg="12" :sm="12" :xs="12" class="card-panel-col">
+                  <div class="card-panel" @click="handleSetLineChartData('purchases')">
+                    <div class="card-panel-icon-wrapper icon-money">
+                      <svg-icon class-name="card-panel-icon" icon-class="field"/>
+                    </div>
+                    <div class="card-panel-description">
+                      <div class="card-panel-text">
+                        数据模型
+                      </div>
+                      <count-to :duration="3200" :end-val="this.structureNum" :start-val="0" class="card-panel-num"/>
+                    </div>
+                  </div>
+                </el-col>
+                </el-row>
+                <el-row :gutter="40" class="panel-group">
+
+
+
                   <el-card>
                     <el-tabs type="border-card" @tab-click="handleClick">
                       <el-tab-pane
@@ -22,42 +48,18 @@
                             <!--新增字典表-->
                             <el-button type="text" style="float: right" @click="insertDictOpen = true">新增字典</el-button>
                           </div>
-                              <el-row gutter="20">
-                                <el-col v-for="dictInfo in dictList" :span="8">
-                                  <el-card style="width: 300px;">
-                                    <div slot="header" class="clearfix">
-                                      <span>{{ dictInfo.dictName }}({{ dictInfo.dictType }})</span>
-                                      <!--新增字典具体信息-->
-                                      <el-button style="float: right; padding: 3px 0" type="text" @click="insertDictList(dictInfo)">新增内容
-                                      </el-button>
-                                    </div>
-                                    <el-table :data="dictInfo.dictInfoList">
-                                      <el-table-column label="标签">
-                                        <template slot-scope="scope">
-                                          <span v-if="!scope.row.isEdit">{{ scope.row.infoName }}</span>
-                                          <el-input :value="scope.row.infoName"
-                                                    v-model="scope.row.infoName"
-                                                    v-if="scope.row.isEdit"></el-input>
-                                        </template>
-                                      </el-table-column>
-                                      <el-table-column label="值">
-                                        <template slot-scope="scope">
-                                          <span v-if="!scope.row.isEdit">{{ scope.row.infoValue }}</span>
-                                          <el-input :value="scope.row.infoValue"
-                                                    v-model="scope.row.infoValue"
-                                                    v-if="scope.row.isEdit"></el-input>
-                                        </template>
-                                      </el-table-column>
-                                      <el-table-column>
-                                        <template slot-scope="scope">
-                                          <el-button type="text" v-if="!scope.row.isEdit" @click="scope.row.isEdit = true">操作</el-button>
-                                          <el-button type="text" v-if="scope.row.isEdit" @click="insertDictInfo(dictInfo.id,scope.row)">确认</el-button>
-                                          {{ scope.row.isEdit }}
-                                        </template>
-                                      </el-table-column>
-                                    </el-table>
-                                  </el-card>
-                                </el-col>
+                              <el-row>
+                                <el-card style="width: 3000px; float: left;margin: 10px" v-for="dictInfo in dictList">
+                                  <div slot="header" class="clearfix">
+                                    <span>
+
+                                      {{dictInfo.dictName}}
+                                      ({{dictInfo.dictType}})
+                                    </span>
+
+
+                                  </div>
+                                </el-card>
                               </el-row>
                         </el-card>
 
@@ -171,10 +173,28 @@ import {insertDict,insertDictInfo} from "@/api/etl/etl";
 export default {
 
   props: {
+    name:null,
     tableInfoList: Array,
     dictList: Array
   },
 
+  watch:{
+    tableInfoList: {
+      handler(newValue,oldValue){
+        this.structureNum = 0
+        console.log('new')
+        console.log(oldValue)
+        console.log(newValue)
+        newValue.forEach(asset =>{
+          this.structureNum += asset.info.structureList.length
+        })
+        console.log(this.structureNum)
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+
   name: 'AssetsModel',
   components:{
     CountTo
@@ -182,6 +202,7 @@ export default {
 
   data(){
     return {
+      structureNum: null,
       tableInfoList: this.tableInfoList,
       dictList: this.dictList,
       //新增字典表
diff --git a/src/views/etl/construction/index.vue b/src/views/etl/construction/index.vue
index 7307b70..1aaa1ae 100644
--- a/src/views/etl/construction/index.vue
+++ b/src/views/etl/construction/index.vue
@@ -11,8 +11,7 @@
 
         <el-main>
           <AssetsBasic v-if="!infoOpen" :info-open="infoOpen" :fund-data-num="fundDataNum"></AssetsBasic>
-          <AssetsModel v-if="this.tableInfoList.length!==0" :dict-list="dictList" :table-info-list="tableInfoList">
-          </AssetsModel>
+         <AssetsModel v-if="this.tableInfoList.length!==0" :name="vueName" :dictList="dictList" :tableInfoList="tableInfoList"></AssetsModel>
 
           <TableInfoModel v-if="this.tableInfoList.length===0" :table-info="tableInfoForm"></TableInfoModel>
         </el-main>
@@ -35,6 +34,7 @@ export default {
 
   data() {
     return {
+      vueName:null,
       //表详情页面
       tableInfoOpen: false,
       //结构标题
@@ -118,6 +118,7 @@ export default {
       //如果判断对象不存在，重新给form 和 list 赋值
 
         if (data.children !== undefined) {
+          this.vueName = data.tableName
           this.tableInfoList = data.children
           this.tableInfoForm = data.children[0]
           console.log(data.info.id)