优化:运营中心 - 下级管理显示优化,增加公司名称和手机号,调整地区显示方式
This commit is contained in:
parent
f393e8aba4
commit
0200061192
|
|
@ -14,9 +14,14 @@
|
||||||
<image class="avatar" :src="item.user.avatar || ''"></image>
|
<image class="avatar" :src="item.user.avatar || ''"></image>
|
||||||
<view class="user-title">{{ item.user.nickname || '' }}</view>
|
<view class="user-title">{{ item.user.nickname || '' }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="role">{{ getAgentTypeText(item) }}</view>
|
<view class="role" v-if="item.corporate_name">{{ item.corporate_name || '' }}</view>
|
||||||
</view>
|
</view>
|
||||||
<!--统计信息-->
|
<!-- 手机号&地址 -->
|
||||||
|
<view class="top-bottom-info">
|
||||||
|
<view class="contact_phone">{{ item.user.phone || '' }}</view>
|
||||||
|
<view class="address">{{ getAddressText(item) }}</view>
|
||||||
|
</view>
|
||||||
|
<!--统计信息 -->
|
||||||
<view class="statistics">
|
<view class="statistics">
|
||||||
<!-- todo: 统计信息 开发中-->
|
<!-- todo: 统计信息 开发中-->
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -151,6 +156,27 @@ export default {
|
||||||
|
|
||||||
return title;
|
return title;
|
||||||
},
|
},
|
||||||
|
// 渲染地址
|
||||||
|
getAddressText(info){
|
||||||
|
let title = '';
|
||||||
|
switch (Number(info.agent_type)) {
|
||||||
|
case 2:
|
||||||
|
case 3:
|
||||||
|
case 4:
|
||||||
|
if(info.province_name) title = `${info.province_name}`;
|
||||||
|
break;
|
||||||
|
case 5:
|
||||||
|
case 6:
|
||||||
|
if(info.province_name || info.area_name || info.area_name) title = `${info.province_name}${info.city_name}${info.area_name}`;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
return title;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -228,6 +254,26 @@ export default {
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.top-bottom-info{
|
||||||
|
margin-top: 15rpx;
|
||||||
|
display: inline-flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
.contact_phone{
|
||||||
|
width: 200rpx;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.address{
|
||||||
|
width: calc(100% - 220rpx);
|
||||||
|
text-align: right;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.list-box:not(:last-child){
|
.list-box:not(:last-child){
|
||||||
margin-bottom: 20rpx!important;
|
margin-bottom: 20rpx!important;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue