From 73949e79fdf76615209f72164f601a64a146729b Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期二, 29 八月 2023 20:45:27 +0800
Subject: [PATCH] 更新了首页，以及完善家根网的头像显示
---
ruoyi-ui/src/views/homeRoot/index.vue | 242 ++++++++++++++++++++++++------------------------
1 files changed, 121 insertions(+), 121 deletions(-)
diff --git a/ruoyi-ui/src/views/homeRoot/index.vue b/ruoyi-ui/src/views/homeRoot/index.vue
index 389666a..d99369f 100644
--- a/ruoyi-ui/src/views/homeRoot/index.vue
+++ b/ruoyi-ui/src/views/homeRoot/index.vue
@@ -31,152 +31,152 @@
@click="getPersonInfo(rootList[0].spouse.userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_1" v-if="isShow_2">
- <img :src="'http://47.93.189.255:8080/'+ rootSecList[0].url"
- @click="getPersonInfo(rootSecList[0].userId)">
+ <img :src="'http://47.93.189.255:8080/'+ rootSecList[2].url"
+ @click="getPersonInfo(rootSecList[2].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_2" v-if="isShow_2">
- <img :src="'http://47.93.189.255:8080/'+ rootSecList[0].spouse.url"
- @click="getPersonInfo(rootSecList[0].spouse.userId)">
+ <img :src="'http://47.93.189.255:8080/'+ rootSecList[0].url"
+ @click="getPersonInfo(rootSecList[0].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_3" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[1].url"
@click="getPersonInfo(rootSecList[1].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_4" v-if="isShow_2">
- <img :src="'http://47.93.189.255:8080/'+ rootSecList[1].url"
- @click="getPersonInfo(rootSecList[1].spouse.userId)">
+ <img :src="'http://47.93.189.255:8080/'+ rootSecList[3].url"
+ @click="getPersonInfo(rootSecList[3].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_5" v-if="isShow_2">
- <img :src="'http://47.93.189.255:8080/'+ rootSecList[2].url"
- @click="getPersonInfo(rootSecList[2].userId)">
+ <img :src="'http://47.93.189.255:8080/'+ rootSecList[2].spouse.url"
+ @click="getPersonInfo(rootSecList[2].spouse.userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_6" v-if="isShow_2">
- <img :src="'http://47.93.189.255:8080/'+ rootSecList[2].spouse.url"
- @click="getPersonInfo(rootSecList[2].spouse.userId)">
+ <img :src="'http://47.93.189.255:8080/'+ rootSecList[0].spouse.url"
+ @click="getPersonInfo(rootSecList[0].spouse.userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_7" v-if="isShow_2">
- <img :src="'http://47.93.189.255:8080/'+ rootSecList[3].url"
- @click="getPersonInfo(rootSecList[3].userId)">
+ <img :src="'http://47.93.189.255:8080/'+ rootSecList[1].spouse.url"
+ @click="getPersonInfo(rootSecList[1].spouse.userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_2_8" v-if="isShow_2">
<img :src="'http://47.93.189.255:8080/'+ rootSecList[3].spouse.url"
@click="getPersonInfo(rootSecList[3].spouse.userId)">
</el-avatar>
- <el-avatar shape="circle" class="avater_3_1" v-if="isShow_3">
- <img :src="'http://47.93.189.255:8080/'+ rootSecList[4].url"
- @click="getPersonInfo(rootSecList[4].userId)">
- </el-avatar>
+<!-- <el-avatar shape="circle" class="avater_3_1" v-if="isShow_3">-->
+<!-- <img :src="'http://47.93.189.255:8080/'+ rootThiList[0].url"-->
+<!-- @click="getPersonInfo(rootThiList[0].userId)">-->
+<!-- </el-avatar>-->
- <el-avatar shape="circle" class="avater_3_2" v-if="isShow_3">
- <img :src="'http://47.93.189.255:8080/'+ rootSecList[4].spouse.url"
- @click="getPersonInfo(rootSecList[4].spouse.userId)">
- </el-avatar>
+<!-- <el-avatar shape="circle" class="avater_3_2" v-if="isShow_3">-->
+<!-- <img :src="'http://47.93.189.255:8080/'+ rootThiList[0].url"-->
+<!-- @click="getPersonInfo(rootThiList[0].userId)">-->
+<!-- </el-avatar>-->
- <el-avatar shape="circle" class="avater_3_3" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
+<!-- <el-avatar shape="circle" class="avater_3_3" v-if="isShow_3">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
- <el-avatar shape="circle" class="avater_3_4" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
+<!-- <el-avatar shape="circle" class="avater_3_4" v-if="isShow_3">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
<el-avatar shape="circle" class="avater_3_5" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
+ <img :src="'http://47.93.189.255:8080/'+ rootThiList[0].url"
+ @click="getPersonInfo(rootThiList[0].userId)">
</el-avatar>
- <el-avatar shape="circle" class="avater_3_6" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
+<!-- <el-avatar shape="circle" class="avater_3_6" v-if="isShow_3">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
- <el-avatar shape="circle" class="avater_3_7" v-if="isShow_4">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
+<!-- <el-avatar shape="circle" class="avater_3_7" v-if="isShow_4">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
<el-avatar shape="circle" class="avater_3_8" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
+ <img :src="'http://47.93.189.255:8080/'+ rootThiList[0].spouse.url"
+ @click="getPersonInfo(rootThiList[0].spouse.userId)">
</el-avatar>
- <el-avatar shape="circle" class="avater_3_9" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
+<!-- <el-avatar shape="circle" class="avater_3_9" v-if="isShow_3">-->
+<!-- <img :src="'http://47.93.189.255:8080/'+ rootThiList[0].spouse.url"-->
+<!-- @click="getPersonInfo(rootThiList[0].spouse.userId)">-->
+<!-- </el-avatar>-->
<el-avatar shape="circle" class="avater_3_10" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
+ <img :src="'http://47.93.189.255:8080/'+ rootThiList[1].url"
+ @click="getPersonInfo(rootThiList[1].userId)">
</el-avatar>
- <el-avatar shape="circle" class="avater_3_11" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
- <el-avatar shape="circle" class="avater_3_12" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
+<!-- <el-avatar shape="circle" class="avater_3_11" v-if="isShow_3">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
+<!-- <el-avatar shape="circle" class="avater_3_12" v-if="isShow_3">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
<el-avatar shape="circle" class="avater_3_13" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
+ <img :src="'http://47.93.189.255:8080/'+ rootThiList[1].spouse.url"
+ @click="getPersonInfo(rootThiList[1].spouse.userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_3_14" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
+ <img :src="'http://47.93.189.255:8080/'+ rootThiList[2].url"
+ @click="getPersonInfo(rootThiList[2].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_3_15" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
+ <img :src="'http://47.93.189.255:8080/'+ rootThiList[2].spouse.url"
+ @click="getPersonInfo(rootThiList[2].spouse.userId)">
</el-avatar>
- <el-avatar shape="circle" class="avater_3_16" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
+<!-- <el-avatar shape="circle" class="avater_3_16" v-if="isShow_3">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
<el-avatar shape="circle" class="avater_3_17" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
+ <img :src="'http://47.93.189.255:8080/'+ rootThiList[3].url"
+ @click="getPersonInfo(rootThiList[3].userId)">
</el-avatar>
- <el-avatar shape="circle" class="avater_3_18" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
- <el-avatar shape="circle" class="avater_3_19" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
- <el-avatar shape="circle" class="avater_3_20" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
- <el-avatar shape="circle" class="avater_3_21" v-if="isShow_3">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
- <el-avatar shape="circle" class="avater_4_1" v-if="isShow_4">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
+<!-- <el-avatar shape="circle" class="avater_3_18" v-if="isShow_3">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
+<!-- <el-avatar shape="circle" class="avater_3_19" v-if="isShow_3">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
+<!-- <el-avatar shape="circle" class="avater_3_20" v-if="isShow_3">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
+<!-- <el-avatar shape="circle" class="avater_3_21" v-if="isShow_3">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
+<!-- <el-avatar shape="circle" class="avater_4_1" v-if="isShow_4">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
<el-avatar shape="circle" class="avater_4_2" v-if="isShow_4">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
+ <img :src="'http://47.93.189.255:8080/'+ rootFouList[0].url"
+ @click="getPersonInfo(rootFouList[0].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_4_3" v-if="isShow_4">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
+ <img :src="'http://47.93.189.255:8080/'+ rootFouList[1].url"
+ @click="getPersonInfo(rootFouList[1].userId)">
</el-avatar>
<el-avatar shape="circle" class="avater_4_4" v-if="isShow_4">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
+ <img :src="'http://47.93.189.255:8080/'+ rootFouList[2].url"
+ @click="getPersonInfo(rootFouList[2].userId)">
</el-avatar>
- <el-avatar shape="circle" class="avater_4_5" v-if="isShow_4">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
- <el-avatar shape="circle" class="avater_4_6" v-if="isShow_4">
- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"
- ></el-img>
- </el-avatar>
+<!-- <el-avatar shape="circle" class="avater_4_5" v-if="isShow_4">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
+<!-- <el-avatar shape="circle" class="avater_4_6" v-if="isShow_4">-->
+<!-- <el-img :src="'http://47.93.189.255:8080'+ rootList.url"-->
+<!-- ></el-img>-->
+<!-- </el-avatar>-->
</div>
</div>
@@ -198,9 +198,9 @@
greeting: "",
imageSrc: require('../../assets/images/Group 407.png') ,
dropdownList: [
- { name: '鍙樉绀虹涓�浠�', src: 'Group 445.png' },
- { name: '鏄剧ず鑷崇浜屼唬', src: 'Group 445.png' },
- { name: '鏄剧ず鑷崇涓変唬', src: 'Group 445.png' },
+ { name: '鍙樉绀虹涓�浠�', src: 'Group 407.png' },
+ { name: '鏄剧ず鑷崇浜屼唬', src: 'Group 407.png' },
+ { name: '鏄剧ず鑷崇涓変唬', src: 'Group 407.png' },
{ name: '鏄剧ず鍏ㄩ儴', src: 'Group 407.png' }
],
rootList:[],
@@ -385,7 +385,7 @@
//鍐欑3浠ｇ殑浠ｇ爜閫昏緫锛岀敤涓や釜for寰幆鍐欑3浠�
this.getGenByNum(this.rootThiList, this.rootList[0], 1, 3)
console.log(this.rootThiList)
- // console.log('-=-------')
+ // console.log('-=-------')
this.isShow_2=true
this.isShow_3=true
this.isShow_4=false
@@ -499,7 +499,7 @@
}
.avater_2_1{
position: absolute;
- top: 75%;
+ top: 73%;
left: 43%;
transform: translate(-50%, -50%);
width: 44px;
@@ -518,7 +518,7 @@
}
.avater_2_3{
position: absolute;
- top: 67%;
+ top: 66%;
left: 55%;
transform: translate(-50%, -50%);
width: 44px;
@@ -528,7 +528,7 @@
}
.avater_2_4{
position: absolute;
- top: 76%;
+ top: 75%;
left: 59%;
transform: translate(-50%, -50%);
width: 36px;
@@ -538,7 +538,7 @@
}
.avater_2_5{
position: absolute;
- top: 73%;
+ top: 72%;
left: 38%;
transform: translate(-50%, -50%);
width: 37px;
@@ -548,7 +548,7 @@
}
.avater_2_6{
position: absolute;
- top: 62%;
+ top: 60%;
left: 43%;
transform: translate(-50%, -50%);
width: 34px;
@@ -558,7 +558,7 @@
}
.avater_2_7{
position: absolute;
- top: 62%;
+ top: 60%;
left: 59%;
transform: translate(-50%, -50%);
width: 35px;
@@ -617,7 +617,7 @@
}
.avater_3_5{
position: absolute;
- top: 48%;
+ top: 51%;
left: 29%;
transform: translate(-50%, -50%);
width: 42px;
@@ -647,8 +647,8 @@
}
.avater_3_8{
position: absolute;
- top: 22%;
- left: 34%;
+ top: 26%;
+ left: 33%;
transform: translate(-50%, -50%);
width: 56px;
height: 58px;
@@ -666,7 +666,7 @@
}
.avater_3_10{
position: absolute;
- top: 42%;
+ top: 44%;
left: 43%;
transform: translate(-50%, -50%);
width: 41px;
@@ -696,7 +696,7 @@
}
.avater_3_13{
position: absolute;
- top: 37%;
+ top: 40%;
left: 51%;
transform: translate(-50%, -50%);
width: 41px;
@@ -706,7 +706,7 @@
}
.avater_3_14{
position: absolute;
- top: 33%;
+ top: 36%;
left: 57%;
transform: translate(-50%, -50%);
width: 35px;
@@ -716,7 +716,7 @@
}
.avater_3_15{
position: absolute;
- top: 35%;
+ top: 38%;
left: 64%;
transform: translate(-50%, -50%);
width: 38px;
@@ -736,7 +736,7 @@
}
.avater_3_17{
position: absolute;
- top: 56%;
+ top: 59%;
left: 71%;
transform: translate(-50%, -50%);
width: 32px;
@@ -795,7 +795,7 @@
}
.avater_4_2{
position: absolute;
- top: 23%;
+ top: 26%;
left: 40%;
transform: translate(-50%, -50%);
width: 35px;
@@ -805,7 +805,7 @@
}
.avater_4_3{
position: absolute;
- top: 11%;
+ top: 14%;
left: 46%;
transform: translate(-50%, -50%);
width: 47px;
@@ -815,7 +815,7 @@
}
.avater_4_4{
position: absolute;
- top: 17%;
+ top: 20%;
left: 57%;
transform: translate(-50%, -50%);
width: 39px;
--
Gitblit v1.9.1