| | |
| | | <div v-model="rootList.url"> |
| | | <el-avatar shape="circle" class="avater_1_1" v-if="isShow_1"> |
| | | <img :src="'http://47.93.189.255:8080/'+ rootList[0].url" |
| | | @click="getPersonInfo(rootList[0].userId)"></img> |
| | | @click="getPersonInfo(rootList[0].userId)"> |
| | | </el-avatar> |
| | | <el-avatar shape="circle" class="avater_1_2" v-if="isShow_1"> |
| | | <img :src="'http://47.93.189.255:8080/'+ rootList[1].url" |
| | | @click="getPersonInfo(rootList[1].userId)"></img> |
| | | @click="getPersonInfo(rootList[1].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][0].url" |
| | | @click="getPersonInfo(rootSecList[0][0].userId)"></img> |
| | | @click="getPersonInfo(rootSecList[0][0].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][1].url" |
| | | @click="getPersonInfo(rootSecList[0][1].userId)"></img> |
| | | @click="getPersonInfo(rootSecList[0][1].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][0].url" |
| | | @click="getPersonInfo(rootSecList[1][0].userId)"></img> |
| | | @click="getPersonInfo(rootSecList[1][0].userId)"> |
| | | </el-avatar> |
| | | <el-avatar shape="circle" class="avater_2_4" v-if="isShow_2"> |
| | | <img :src="'http://47.93.189.255:8080/'+ rootSecList[2][1].url" |
| | | @click="getPersonInfo(rootSecList[1][1].userId)"></img> |
| | | <img :src="'http://47.93.189.255:8080/'+ rootSecList[1][1].url" |
| | | @click="getPersonInfo(rootSecList[1][1].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][0].url" |
| | | @click="getPersonInfo(rootSecList[2][0].userId)"></img> |
| | | @click="getPersonInfo(rootSecList[2][0].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][1].url" |
| | | @click="getPersonInfo(rootSecList[2][1].userId)"></img> |
| | | @click="getPersonInfo(rootSecList[2][1].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][0].url" |
| | | @click="getPersonInfo(rootSecList[3][0].userId)"></img> |
| | | @click="getPersonInfo(rootSecList[3][0].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][1].url" |
| | | @click="getPersonInfo(rootSecList[3][1].userId)"></img> |
| | | @click="getPersonInfo(rootSecList[3][1].userId)"> |
| | | </el-avatar> |
| | | <el-avatar shape="circle" class="avater_3_1" 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/'+ rootSecList[0][0].url" |
| | | @click="getPersonInfo(rootSecList[0][0].userId)"> |
| | | </el-avatar> |
| | | |
| | | <el-avatar shape="circle" class="avater_3_2" 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_5" 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_8" v-if="isShow_3"> |
| | | <el-img :src="'http://47.93.189.255:8080'+ rootList.url" |
| | | ></el-img> |
| | |
| | | url:undefined, |
| | | familyId:undefined, |
| | | secondFamilyId: undefined, |
| | | identity:undefined, |
| | | childList:[{ |
| | | userId: undefined, |
| | | nickName: undefined, |
| | |
| | | url:undefined, |
| | | familyId:undefined, |
| | | secondFamilyId: undefined, |
| | | identity:undefined, |
| | | childList:undefined |
| | | }] |
| | | }] |
| | |
| | | } |
| | | .avater_1_1 { |
| | | position: absolute; |
| | | top: 94%; |
| | | left: 49%; |
| | | top: 95%; |
| | | left: 51%; |
| | | transform: translate(-50%, -50%); |
| | | width: 54px; |
| | | height: 54px; |
| | |
| | | } |
| | | .avater_1_2{ |
| | | position: absolute; |
| | | top: 84%; |
| | | top: 85%; |
| | | left: 48%; |
| | | transform: translate(-50%, -50%); |
| | | width: 45px; |
| | |
| | | } |
| | | .avater_2_1{ |
| | | position: absolute; |
| | | top: 72%; |
| | | left: 44%; |
| | | top: 75%; |
| | | left: 43%; |
| | | transform: translate(-50%, -50%); |
| | | width: 44px; |
| | | height: 44px; |
| | |
| | | } |
| | | .avater_2_2{ |
| | | position: absolute; |
| | | top: 65%; |
| | | left: 48%; |
| | | top: 67%; |
| | | left: 47%; |
| | | transform: translate(-50%, -50%); |
| | | width: 44px; |
| | | height: 44px; |
| | |
| | | } |
| | | .avater_2_3{ |
| | | position: absolute; |
| | | top: 64%; |
| | | top: 67%; |
| | | left: 55%; |
| | | transform: translate(-50%, -50%); |
| | | width: 44px; |
| | |
| | | } |
| | | .avater_2_4{ |
| | | position: absolute; |
| | | top: 73%; |
| | | top: 76%; |
| | | left: 59%; |
| | | transform: translate(-50%, -50%); |
| | | width: 36px; |
| | |
| | | } |
| | | .avater_2_5{ |
| | | position: absolute; |
| | | top: 70%; |
| | | left: 39%; |
| | | top: 73%; |
| | | left: 38%; |
| | | transform: translate(-50%, -50%); |
| | | width: 37px; |
| | | height: 39px; |
| | |
| | | } |
| | | .avater_2_6{ |
| | | position: absolute; |
| | | top: 58%; |
| | | left: 44%; |
| | | top: 62%; |
| | | left: 43%; |
| | | transform: translate(-50%, -50%); |
| | | width: 34px; |
| | | height: 35px; |
| | |
| | | } |
| | | .avater_2_7{ |
| | | position: absolute; |
| | | top: 58%; |
| | | top: 62%; |
| | | left: 59%; |
| | | transform: translate(-50%, -50%); |
| | | width: 35px; |
| | |
| | | } |
| | | .avater_2_8{ |
| | | position: absolute; |
| | | top: 70%; |
| | | top: 73%; |
| | | left: 64%; |
| | | transform: translate(-50%, -50%); |
| | | width: 45px; |