fix:公司列表 显示待办数字

dev-2024年1月8日
dearlin 2023-11-15 16:14:13 +08:00
parent 6aebe887f1
commit 056fbc6210
1 changed files with 26 additions and 3 deletions

View File

@ -14,8 +14,9 @@
<u-list @scrolltolower="scrolltolower" v-if="list.length > 0"> <u-list @scrolltolower="scrolltolower" v-if="list.length > 0">
<u-list-item v-for="(item, index) in list" :key="index"> <u-list-item v-for="(item, index) in list" :key="index">
<view> <view>
<view class="flex-between main-title"> <view class="flex-between">
<text>{{ item.CORP_NAME }}</text> <text class="main-title">{{ item.CORP_NAME }}</text>
<u-badge style="font-size: x-small; padding:5px 5px" :value="item.cf+item.yh"/>
</view> </view>
<view class="flex-between mt-10 subtitle"> <view class="flex-between mt-10 subtitle">
<text v-if="item.CORPINFO_ID != '1'">{{item.prvinceName}}-{{item.cityName}}-{{item.countryName}}</text> <text v-if="item.CORPINFO_ID != '1'">{{item.prvinceName}}-{{item.cityName}}-{{item.countryName}}</text>
@ -27,7 +28,7 @@
</view> </view>
<view class="flex-between mt-10 subtitle"> <view class="flex-between mt-10 subtitle">
<text>重点工程数{{item.OUTSOURCED_COUNT}}</text> <text>重点工程数{{item.OUTSOURCED_COUNT}}</text>
<u-button type="primary" text="进入" size="mini" class="bth-mini" @click="fnNavigatorDetail(item.CORPINFO_ID)"></u-button> <u-button type="primary" text="进入" size="mini" class="bth-mini" @click="fnNavigatorDetail(item.CORPINFO_ID)"/>
</view> </view>
</view> </view>
</u-list-item> </u-list-item>
@ -62,6 +63,7 @@ export default {
let resData = await getKeyProjectsListListByCorp({ let resData = await getKeyProjectsListListByCorp({
CORP_NAME: this.CORP_NAME, CORP_NAME: this.CORP_NAME,
showCount: this.pageSize, showCount: this.pageSize,
loginUserId: this.userInfo.USER_ID,
currentPage: this.currentPage currentPage: this.currentPage
}); });
this.list = [...this.list,...resData.varList]; this.list = [...this.list,...resData.varList];
@ -94,5 +96,26 @@ export default {
</script> </script>
<style scoped> <style scoped>
.btn-corner-label::before,
.btn-corner-label::after {
content: attr(data-label); /* 使用 attr 获取按钮的 data-label 属性的值作为角标内容 */
position: absolute;
top: 0;
right: 0;
padding: 5px 10px; /* 根据需要调整角标的大小和位置 */
background-color: rgba(0, 0, 0, 0.5); /* 设置角标的背景颜色和透明度 */
color: #fff; /* 设置角标的文本颜色 */
font-size: 12px; /* 设置角标的字体大小 */
border-radius: 3px; /* 为角标添加圆角效果 */
}
.btn-corner-label::before {
left: 0;
transform: skew(-5deg); /* 调整角标的位置使其倾斜,以达到更好的效果 */
}
.btn-corner-label::after {
right: 0;
transform: skew(5deg); /* 调整角标的位置使其倾斜,以达到更好的效果 */
}
</style> </style>