wanma-benteng
/
new-mshop-view
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化：运营中心 - 下级管理显示优化，增加公司名称和手机号，调整地区显示方式

This commit is contained in:
wuhui_zzw 2024-05-31 16:25:36 +08:00
parent f393e8aba4
commit 0200061192
1 changed files with 48 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
pages/agent/user/list.vue
View File

@ -14,9 +14,14 @@
<image class="avatar" :src="item.user.avatar || ''"></image>
<view class="user-title">{{ item.user.nickname || '' }}</view>
</view>
<view class="role">{{ getAgentTypeText(item) }}</view>
<view class="role" v-if="item.corporate_name">{{ item.corporate_name || '' }}</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">
<!-- todo： 统计信息 开发中-->
</view>
@ -151,6 +156,27 @@ export default {
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>
@ -228,6 +254,26 @@ export default {
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){
margin-bottom: 20rpx!important;