|
@ -2,7 +2,8 @@ |
|
|
<div class="analyse-container"> |
|
|
<div class="analyse-container"> |
|
|
<div class="analyse-wr list-wr"> |
|
|
<div class="analyse-wr list-wr"> |
|
|
|
|
|
|
|
|
<div class="analys-col"> |
|
|
<div v-if="userList&&userList.length>0" |
|
|
|
|
|
class="analys-col"> |
|
|
<div class="analys-family"> |
|
|
<div class="analys-family"> |
|
|
<div class="family-title">(家属)</div> |
|
|
<div class="family-title">(家属)</div> |
|
|
<div v-for="(item, index) in userList" |
|
|
<div v-for="(item, index) in userList" |
|
@ -13,26 +14,27 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="analys-col"> |
|
|
<div v-if="userList&&userList.length>0" |
|
|
|
|
|
class="analys-col"> |
|
|
<img class="analys-arrow" |
|
|
<img class="analys-arrow" |
|
|
src="../../../../assets/img/shuju/measure/zuo@2x.png" /> |
|
|
src="../../../../assets/img/shuju/measure/zuo@2x.png" /> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="analys-col"> |
|
|
<div class="analys-col"> |
|
|
<div v-if="bcLimit>31||bcLimit==31" |
|
|
<div v-if="bcLimit>31||bcLimit==31" |
|
|
class="analys-person_red"> |
|
|
class="analys-person analys-person_red"> |
|
|
<div class="personal-name" |
|
|
<div class="personal-name" |
|
|
@click="handleMidderUser()">{{userName}}</div> |
|
|
@click="handleMidderUser()">{{userName}}</div> |
|
|
<div class="personal-tips">{{userTag}}</div> |
|
|
<div class="personal-tips">{{userTag}}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div v-else-if="bcLimit<31&&(bcLimit>21||bcLimit==21)" |
|
|
<div v-else-if="bcLimit<31&&(bcLimit>21||bcLimit==21)" |
|
|
class="analys-person_orange"> |
|
|
class="analys-person analys-person_orange"> |
|
|
<div class="personal-name" |
|
|
<div class="personal-name" |
|
|
@click="handleMidderUser()">{{userName}}</div> |
|
|
@click="handleMidderUser()">{{userName}}</div> |
|
|
<div class="personal-tips">{{userTag}}</div> |
|
|
<div class="personal-tips">{{userTag}}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div v-else-if="bcLimit<21&&(bcLimit>11||bcLimit==11)" |
|
|
<div v-else-if="bcLimit<21&&(bcLimit>11||bcLimit==11)" |
|
|
class="analys-person_yellow"> |
|
|
class="analys-person analys-person_yellow"> |
|
|
<div class="personal-name" |
|
|
<div class="personal-name" |
|
|
@click="handleMidderUser()">{{userName}}</div> |
|
|
@click="handleMidderUser()">{{userName}}</div> |
|
|
<div class="personal-tips">{{userTag}}</div> |
|
|
<div class="personal-tips">{{userTag}}</div> |
|
@ -170,7 +172,8 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="analys-col"> |
|
|
<div v-if="tempList.length&&tempList.length.length>0" |
|
|
|
|
|
class="analys-col"> |
|
|
<img v-if="tempList.length > 1" |
|
|
<img v-if="tempList.length > 1" |
|
|
class="analys-up" |
|
|
class="analys-up" |
|
|
src="../../../../assets/img/shuju/measure/up-right.png" /> |
|
|
src="../../../../assets/img/shuju/measure/up-right.png" /> |
|
@ -304,6 +307,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
created () { |
|
|
created () { |
|
|
this.tempList = [...this.singleList] |
|
|
this.tempList = [...this.singleList] |
|
|
|
|
|
console.log(this.tempList) |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
@ -419,17 +423,20 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.analys-person-orange { |
|
|
.analys-person_orange { |
|
|
background: url("../../../../assets/img/shuju/measure/zhuhu_orange.png") |
|
|
background: url("../../../../assets/img/shuju/measure/zhuhu_orange.png") |
|
|
no-repeat center; |
|
|
no-repeat center; |
|
|
|
|
|
background-size: cover; |
|
|
} |
|
|
} |
|
|
.analys-person-yellow { |
|
|
.analys-person_yellow { |
|
|
background: url("../../../../assets/img/shuju/measure/zhuhu_yellow.png") |
|
|
background: url("../../../../assets/img/shuju/measure/zhuhu_yellow.png") |
|
|
no-repeat center; |
|
|
no-repeat center; |
|
|
|
|
|
background-size: cover; |
|
|
} |
|
|
} |
|
|
.analys-person-red { |
|
|
.analys-person_red { |
|
|
background: url("../../../../assets/img/shuju/measure/zhuhu_red.png") |
|
|
background: url("../../../../assets/img/shuju/measure/zhuhu_red.png") |
|
|
no-repeat center; |
|
|
no-repeat center; |
|
|
|
|
|
background-size: cover; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.analys-cate { |
|
|
.analys-cate { |
|
@ -494,6 +501,10 @@ export default { |
|
|
margin: 0 auto; |
|
|
margin: 0 auto; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// .cate-col { |
|
|
|
|
|
// width: 250px; |
|
|
|
|
|
// } |
|
|
.cate-col-w100 { |
|
|
.cate-col-w100 { |
|
|
width: 230px; |
|
|
width: 230px; |
|
|
.cate-list-w0 { |
|
|
.cate-list-w0 { |
|
|