详情页点击节点弹窗

src/views/chartFrame_manage/components/frameContainer.vue

@@ -52,9 +52,17 @@ export default {
             this.graph.addNode({
                 ...baseNode,
                 ...{
-                    data:{myETAId:652},
+                    data:{myETAId:653},
                     label:'text'
                 }})
+                this.graph.addNode({
+                ...baseNode,
+                ...{
+                    x:200,
+                    y:200,
+                    data:{myETAId:652},
+                    label:'text2'
+                }})
             //如果有内容
             this.graph.scrollToContent({ animation: { duration: 600 }})
             //如果是非编辑页,加载完成画布内容后冻结画布

src/views/chartFrame_manage/index.vue

@@ -156,7 +156,7 @@
                     </div>
                     <div class="frame-wrap">
                         <FrameContainer 
-                            @showDialog="showDialog"/>
+                            @showDialog="handleShowDialog"/>
                     </div>
                 </div>
             </template>
@@ -183,14 +183,25 @@
                 <el-button type="primary" @click="renameFrame">确定</el-button>
             </div>
         </el-dialog>
+        <!-- my eta图表详情弹窗 -->
+        <chartDetail 
+            :isOpenDetail="myETADetailDialogShow"
+            :select_classify="chartClassify"
+            :chart_code="chartCode"
+            :allChart="chartArr"
+            :classifyUserId="roleId"
+            @close="myETADetailDialogShow=false"
+        />
     </div>
 </template>
 
 <script>
 import draggable from 'vuedraggable';
 import FrameContainer from './components/frameContainer.vue';
+import chartDetail from '@/views/mychart_manage/components/chartDetailDia.vue';
+import { mychartInterface } from '@/api/api.js';
 export default {
-    components:{ draggable, FrameContainer },
+    components:{ draggable, FrameContainer,chartDetail},
     directives: {
         drag(el, bindings) {
             el.onmousedown = function (e) {
@@ -255,9 +266,20 @@ export default {
             modifyFrame:{},
             isRenameDialogShow:false,
             model:'frame',
-            frameType:'my'
+            frameType:'my',
+            myETADetailDialogShow:false,
+            chartClassify:0,
+            chartCode:'',
+            chartArr:[],
         };
     },
+    computed: {
+        /* 登录角色id */
+        roleId() {
+            let id = Number(localStorage.getItem('AdminId'));
+            return id;
+        },
+    },
     methods: {
         slideHandle(){
             this.isSlideLeft = !this.isSlideLeft;
@@ -334,8 +356,25 @@ export default {
             this.getPublicList()
             this.getMyList()
         },
-        showDialog(id){
-            console.log('aaa',id)
+        handleShowDialog(id){
+            //请求接口看有没有数据
+            mychartInterface.myList({
+                PageSize:1200,
+                CurrentIndex:1,
+                MyChartClassifyId: Number(id),
+            }).then(res=>{
+                if(res.Ret!==200) return 
+                if(res.Data&&res.Data.List){
+                    if(res.Data.List.length){
+                        this.chartClassify = id
+                        this.chartCode = res.Data.List[0].UniqueCode
+                        this.chartArr = res.Data.List.map(item => item.UniqueCode)
+                        this.myETADetailDialogShow = true
+                    }
+                }else{
+                    this.$message.warning('该节点链接的图库没有图表')
+                }
+            })
         }
     },
     mounted(){