|
|
@ -23,23 +23,32 @@ |
|
|
|
:key="indexs" |
|
|
|
:style="tableContentStyle[indexs]" |
|
|
|
> |
|
|
|
<span @click="toUserInfo(item)">{{ item }}</span> |
|
|
|
<div v-if="Array.isArray(item)"> |
|
|
|
<span |
|
|
|
v-if="indexs + 1 == value.length && item.length > 8" |
|
|
|
v-show="rIndex < 1" |
|
|
|
:key="resi.userId" |
|
|
|
v-for="(resi, rIndex) in item" |
|
|
|
> |
|
|
|
{{ rIndex != 0 ? "、" : "" }} |
|
|
|
<a @click="toUserInfo(resi.userId)">{{ resi.residentName }}</a> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<span v-else>{{ item }}</span> |
|
|
|
<span |
|
|
|
v-if="indexs + 1 == value.length && item.length > 1" |
|
|
|
class="more" |
|
|
|
@click.stop="onClickMorePop(index)" |
|
|
|
ref="morePop" |
|
|
|
> |
|
|
|
更多> |
|
|
|
<span |
|
|
|
class="more-pop" |
|
|
|
@click="toUserInfo(item)" |
|
|
|
v-if="visiblePopList[index]" |
|
|
|
> |
|
|
|
<!-- 李佳琪、刘阳、赵欣、丁一、嘉敏、李岩、何嘉慧 |
|
|
|
李易峰、赵敏、何军、曲树惠 --> |
|
|
|
{{ item }} |
|
|
|
<div class="more-pop" v-if="visiblePopList[index]"> |
|
|
|
<span :key="resi.userId" v-for="(resi, rIndex) in item"> |
|
|
|
{{ rIndex != 0 ? "、" : "" }} |
|
|
|
<a @click="toUserInfo(resi.userId)">{{ |
|
|
|
resi.residentName |
|
|
|
}}</a> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -185,7 +194,7 @@ export default { |
|
|
|
|
|
|
|
methods: { |
|
|
|
toUserInfo(uid) { |
|
|
|
// this.$router.push({ path: `/main-shuju/visual-basicinfo-people/${uid}` }); |
|
|
|
this.$router.push({ path: `/main-shuju/visual-basicinfo-people/${uid}` }); |
|
|
|
}, |
|
|
|
|
|
|
|
onClickMorePop(index) { |
|
|
@ -245,6 +254,9 @@ export default { |
|
|
|
.td { |
|
|
|
text-align: center; |
|
|
|
width: calc(100% / 5); |
|
|
|
a { |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
.more { |
|
|
|
font-size: 18px; |
|
|
|
font-weight: 400; |
|
|
|