From e15df9a20c29044b10772e3587a00d0be03b281d Mon Sep 17 00:00:00 2001
From: feige <791364011@qq.com>
Date: 星期日, 08 十二月 2024 20:57:41 +0800
Subject: [PATCH] 增加了内容
---
ruoyi-ui/src/views/mindMap/index.vue | 70 +++++++++++++++++++++-------------
1 files changed, 43 insertions(+), 27 deletions(-)
diff --git a/ruoyi-ui/src/views/mindMap/index.vue b/ruoyi-ui/src/views/mindMap/index.vue
index 5f1fd1a..fc8f59f 100644
--- a/ruoyi-ui/src/views/mindMap/index.vue
+++ b/ruoyi-ui/src/views/mindMap/index.vue
@@ -1,11 +1,13 @@
<template>
<div class="app-container">
- <div class="text" >
- <h1 style="font-size: 21px;margin-left: 0">{{ greeting +'锛�' + user.userName }}</h1></div>
- <div class="image-container">
+<!-- <div class="text" style="background-color: #FEF7FC;" >
+ <h1 style="font-size: 21px;">{{ greeting +'锛�' + user.userName }}</h1></div> -->
+ <div class="image-container" style="background-color: #FEF7FC;">
<img class="top-image" src="../../assets/images/zhang.png" alt="Top Image">
</div>
- <superMindmap v-if="showMindMap" :active='active' :data="mapData" @activeChange="activeChange" class="mind-map-container "/>
+ <superMindmap v-if="showMindMap" :active='active' :data="mapData" @activeChange="activeChange" class="mind-map-container ">
+
+ </superMindmap>
</div>
</template>
@@ -33,7 +35,7 @@
};
},
mounted() {
- this.setGreeting();
+ // this.setGreeting();
this.getUser();
// this.mapData = MapData.webMap
@@ -76,24 +78,33 @@
getUserProfile().then(response => {
this.user = response.data;
});
- listRoot(4).then(response =>{
+ let clanId = this.$store.state.user.clanId
+ // alert(clanId)
+ listRoot(10,clanId).then(response =>{
this.rootList =response.data;
const mindMapData = this.rootList[0];
-
- // console.log(this.drawData(mindMapData))
+ console.log(mindMapData)
+ // for(let i = 0; i < )
+ console.log('9999')
+ // console.log(this.drawData(mindMapData))
this.mapData = this.drawData(mindMapData)
this.showMindMap = true
})
},
drawData(mpdata) {
+ let tp = "https://www.bendudu.com:8080/profile/upload/2023/03/19/test7_20230319222030A007.jpg"
if (mpdata == null)
return null;
+
var data = {
"label": mpdata['spouse'] != null ? eval(mpdata['spouse']).nickName : '',
"prop": mpdata['nickName'],
- "url": '',
+ "url": mpdata['url']!=null?'https://www.bendudu.com:8080/'+mpdata['url']:tp,
+ "purl": mpdata['spouse'] != null ? (mpdata['spouse'].url!=null? 'https://www.bendudu.com:8080/'+mpdata['spouse'].url:tp):tp,
+ "id": mpdata['userId'],
+ "spid": mpdata['spouseId'] != null ? mpdata['spouseId'] : '',
"link": mpdata['nickName'],
"children": []
};
@@ -101,9 +112,12 @@
if (mpdata['childList'] != null) {
for (var i = 0; i < mpdata['childList'].length; i++) {
var dt = {
- "label": mpdata['childList'][i]['spouse'] != null ? eval(mpdata['childList'][i]['spouse']).nickName : '',
+ "label": mpdata['childList'][i]['spouse'] != null ? eval(mpdata['childList'][i]['spouse']).nickName : "",
"prop": mpdata['childList'][i]['nickName'],
- "url": '',
+ "url": mpdata['childList'][i]['url']!=null?'https://www.bendudu.com:8080/'+mpdata['childList'][i]['url']:tp,
+ "id": mpdata['childList'][i]['userId'],
+ "spid": mpdata['childList'][i]['spouseId'] != null ? mpdata['childList'][i]['spouseId'] : '',
+ "purl": (mpdata['childList'][i]['spouse'] != null ) ?( mpdata['childList'][i]['spouse'].url!= null?'https://www.bendudu.com:8080/'+mpdata['childList'][i]['spouse'].url:tp):tp,
"link": mpdata['childList'][i]['nickName'],
"children": []
};
@@ -125,33 +139,34 @@
<style scoped>
.app-container{
position: relative;
- /*background-color: transparent;*/
- /*padding-left: -20px;*/
+ background-color: transparent;
+ /*padding-left: -30px;*/
+ margin-top:-30px;
+ margin-left: -20px;
}
.text{
- background-color: #FEF7FC;
opacity: 0.75;
- margin-top: -20px;
- padding: 20px;
-
+ padding: 10px;
}
.image-container {
- /*position: absolute;*/
- position: fixed;
+ position: absolute;
+ /*position: fixed;*/
top: 50px;
- left: 50px;
- width: 100%;
+ /*left:-20px;*/
+ width: 110%;
height: 100%;
z-index: -1;
}
.mind-map-container{
- position: fixed;
- z-index: 2;
- opacity: 0.8;
- margin-top: 50px;
- margin-left: 50px;
- background-color: transparent;
+ /*position: fixed;*/
+
+ overflow: auto;
+ z-index: 1;
+ opacity: 1;
+ margin-top: 5%;
+ margin-left: 12%;
+ /*background-color: transparent;*/
}
.top-image {
width: 100%;
@@ -159,5 +174,6 @@
object-fit: cover;
position: static;
opacity: 0.8;
+ overflow: auto;
}
</style>
--
Gitblit v1.9.1