From 6cba92f5ae176bbc58f7e822de00b317a2a7f16b Mon Sep 17 00:00:00 2001
From: feige <feige@qq.com>
Date: 星期二, 21 十月 2025 14:59:53 +0800
Subject: [PATCH] 修改了对应的代码
---
ruoyi-ui/src/views/index.vue | 214 +++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 158 insertions(+), 56 deletions(-)
diff --git a/ruoyi-ui/src/views/index.vue b/ruoyi-ui/src/views/index.vue
index cd85ff8..6b2f046 100644
--- a/ruoyi-ui/src/views/index.vue
+++ b/ruoyi-ui/src/views/index.vue
@@ -1,82 +1,184 @@
<template>
<div class="app-container">
- <div class="image-container">
- <img class="bottom-image" src="../assets/images/shouye.png" alt="Bottom Image">
- <div class="notification-box" :class="{ 'has-new-message': hasNewMessage }">
- <div class="left-section">娑堟伅閫氱煡</div>
- <el-button class="right-section " type="text" @click="handleClick">鐐瑰嚮杩涘叆</el-button>
- <div class="new-message-dot" v-if="hasNewMessage"></div>
- </div>
+<!-- <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/awd.png" alt="Top Image">
</div>
+ <superMindmap v-if="showMindMap" :active='active' :data="mapData" @activeChange="activeChange" class="mind-map-container ">
+
+ </superMindmap>
</div>
</template>
<script>
-
+import { getUserProfile } from "@/api/system/user";
+import { listRootAll ,listRoot} from "@/api/root/index";
+import * as d3 from 'd3';
+// 瀵煎叆鎬濈淮瀵煎浘鏁版嵁
+import MapData from './components/MapData.js'
+// 瀵煎叆鎬濈淮瀵煎浘缁勪欢
+import superMindmap from './components/superMindmap.vue'
export default {
- name: "App",
- dicts: ['sys_normal_disable'],
- data(){
+ components:{superMindmap},
+ name: "index",
+ data() {
return {
- hasNewMessage:false,
+ active: '',
+ mapData: null,
+ showMindMap: false,
+ user: {},
+ greeting: "",
+ rootList:[]
};
},
- created() {},
- methods:{
- handleClick(){
- this.$router.push('/views/shouye');
- }
+ mounted() {
+ // this.setGreeting();
+ this.getUser();
+ // this.mapData = MapData.webMap
+
+ // console.log(this.mapData)
+ // console.log('sssssssssssssssssss')
+ },
+
+ methods: {
+ // 鐐瑰嚮鎬濈淮瀵煎浘鑺傜偣鍚庯紝瑙﹀彂鍙橀噺鏇存柊
+ activeChange(newLabel) {
+ this.active = newLabel
+ this.reloadMindMap()
+ },
+ // 閲嶈浇鎬濈淮瀵煎浘
+ reloadMindMap() {
+ this.showMindMap = false
+ this.$nextTick(
+ () => {
+ this.showMindMap = true
+ }
+ )
+ },
+
+ setGreeting() {
+ const currentTime = new Date();
+ const currentHour = currentTime.getHours();
+
+ if (currentHour < 12) {
+ this.greeting = "鏃╀笂濂�";
+ } else if (currentHour < 14) {
+ this.greeting = "涓崍濂�";
+ } else if (currentHour < 18) {
+ this.greeting = "涓嬪崍濂�";
+ } else {
+ this.greeting = "鏅氫笂濂�";
+ }
+ },
+
+ getUser() {
+ getUserProfile().then(response => {
+ this.user = response.data;
+ });
+
+ let clanId = this.$store.state.user.clanId
+ if(clanId==null)
+ {
+ //alert(clanId)
+ return}
+ listRoot(10,clanId).then(response =>{
+ this.rootList =response.data;
+
+ const mindMapData = this.rootList[0];
+ 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']).oldName : '',
+ "prop": mpdata['oldName'],
+ "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['oldName'],
+ "children": []
+ };
+
+ 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']).oldName : "",
+ "prop": mpdata['childList'][i]['oldName'],
+ "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]['oldName'],
+ "children": []
+ };
+ if (mpdata['childList'][i]['childList'] != null) {
+ for (var j = 0; j < mpdata['childList'][i]['childList'].length; j++) {
+ dt['children'].push(this.drawData(mpdata['childList'][i]['childList'][j]));
+ }
+ }
+ data['children'].push(dt);
+ }
+ }
+ return data;
+ },
+
}
};
</script>
<style scoped>
.app-container{
- background-color: #FEF7FC;
- }
-.image-container {
position: relative;
- width: 100%;
- height: 100%;
+ background-color: transparent;
+ /*padding-left: -30px;*/
+ margin-top:-30px;
+ margin-left: -20px;
}
-.bottom-image {
- position: relative;
- width: 100%;
- height: 100%;
- z-index: 1;
-}
-
-.notification-box {
- position: absolute;
- top: 760px;
- left: 150px;
- display: flex;
- align-items: center;
- width: 20%;
- height: 8%;
- background-color: rgba(227, 219, 219, 0.51);
+.text{
+ opacity: 0.75;
padding: 10px;
- /*color: white;*/
- z-index: 2; /* 璁剧疆閫氱煡妗嗗眰绾т负2锛屾瘮鍥剧墖楂� */
}
-
-.left-section {
- flex-grow: 1;
-}
-
-.right-section {
- margin-left: 10px;
-}
-
-.new-message-dot {
+.image-container {
position: absolute;
- top: 10px;
- right: 10px;
- width: 8px;
- height: 8px;
- background-color: red;
- border-radius: 50%;
+ /*position: fixed;*/
+ top: 50px;
+ /*left:-20px;*/
+ width: 110%;
+ height: 100%;
+ z-index: -1;
+}
+
+.mind-map-container{
+ /*position: fixed;*/
+
+ overflow: auto;
+ z-index: 1;
+ opacity: 1;
+ margin-top: 5%;
+ margin-left: 12%;
+ /*background-color: transparent;*/
+}
+.top-image {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ position: static;
+ opacity: 0.8;
+ overflow: auto;
}
</style>
--
Gitblit v1.9.1