From f468170d79dee3f8efb75705c7e23a1b53e54e91 Mon Sep 17 00:00:00 2001 From: feige <791364011@qq.com> Date: 星期二, 29 七月 2025 22:08:02 +0800 Subject: [PATCH] 修改了内容 --- ruoyi-ui/src/views/homeRoot/index.vue | 243 ++++++++++++++++++++++++------------------------ 1 files changed, 121 insertions(+), 122 deletions(-) diff --git a/ruoyi-ui/src/views/homeRoot/index.vue b/ruoyi-ui/src/views/homeRoot/index.vue index 3bc2994..8b6a15f 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:[], @@ -343,7 +343,7 @@ }, getPersonInfo(id) { - this.$router.push("/familymodel/jiagenwang/personInfo/" + id); + // this.$router.push("/familymodel/jiagenwang/personInfo/" + id); //alert(id) }, generation_2(){ @@ -385,7 +385,6 @@ //鍐欑3浠g殑浠g爜閫昏緫锛岀敤涓や釜for寰幆鍐欑3浠� this.getGenByNum(this.rootThiList, this.rootList[0], 1, 3) console.log(this.rootThiList) - console.log('-=-------') this.isShow_2=true this.isShow_3=true this.isShow_4=false @@ -501,7 +500,7 @@ } .avater_2_1{ position: absolute; - top: 75%; + top: 73%; left: 43%; transform: translate(-50%, -50%); width: 44px; @@ -520,7 +519,7 @@ } .avater_2_3{ position: absolute; - top: 67%; + top: 66%; left: 55%; transform: translate(-50%, -50%); width: 44px; @@ -530,7 +529,7 @@ } .avater_2_4{ position: absolute; - top: 76%; + top: 75%; left: 59%; transform: translate(-50%, -50%); width: 36px; @@ -540,7 +539,7 @@ } .avater_2_5{ position: absolute; - top: 73%; + top: 72%; left: 38%; transform: translate(-50%, -50%); width: 37px; @@ -550,7 +549,7 @@ } .avater_2_6{ position: absolute; - top: 62%; + top: 60%; left: 43%; transform: translate(-50%, -50%); width: 34px; @@ -560,7 +559,7 @@ } .avater_2_7{ position: absolute; - top: 62%; + top: 60%; left: 59%; transform: translate(-50%, -50%); width: 35px; @@ -619,7 +618,7 @@ } .avater_3_5{ position: absolute; - top: 48%; + top: 51%; left: 29%; transform: translate(-50%, -50%); width: 42px; @@ -649,8 +648,8 @@ } .avater_3_8{ position: absolute; - top: 22%; - left: 34%; + top: 26%; + left: 33%; transform: translate(-50%, -50%); width: 56px; height: 58px; @@ -668,7 +667,7 @@ } .avater_3_10{ position: absolute; - top: 42%; + top: 44%; left: 43%; transform: translate(-50%, -50%); width: 41px; @@ -698,7 +697,7 @@ } .avater_3_13{ position: absolute; - top: 37%; + top: 40%; left: 51%; transform: translate(-50%, -50%); width: 41px; @@ -708,7 +707,7 @@ } .avater_3_14{ position: absolute; - top: 33%; + top: 36%; left: 57%; transform: translate(-50%, -50%); width: 35px; @@ -718,7 +717,7 @@ } .avater_3_15{ position: absolute; - top: 35%; + top: 38%; left: 64%; transform: translate(-50%, -50%); width: 38px; @@ -738,7 +737,7 @@ } .avater_3_17{ position: absolute; - top: 56%; + top: 59%; left: 71%; transform: translate(-50%, -50%); width: 32px; @@ -797,7 +796,7 @@ } .avater_4_2{ position: absolute; - top: 23%; + top: 26%; left: 40%; transform: translate(-50%, -50%); width: 35px; @@ -807,7 +806,7 @@ } .avater_4_3{ position: absolute; - top: 11%; + top: 14%; left: 46%; transform: translate(-50%, -50%); width: 47px; @@ -817,7 +816,7 @@ } .avater_4_4{ position: absolute; - top: 17%; + top: 20%; left: 57%; transform: translate(-50%, -50%); width: 39px; -- Gitblit v1.9.1