TmOct5/barter-app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

员工管理添加员工列表优惠券完善

Browse Source
This commit is contained in:
唐明明
2021-09-14 17:22:04 +08:00
parent f5e99ca292
commit 291ce57704
22 changed files with 7141 additions and 3586 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
pages/employees/list.vue
View File

@@ -1,40 +1,27 @@
<template>
<view class="ios-bottom">
<uni-collapse>
<uni-collapse-item :show-animation="true" :open="true">
<template v-slot:title>
<view class="collapse-title">技术部</view>
</template>
<view class="employees-item" v-for="(item, index) in 10" :key="index">
<view class="cover">
<block v-if="index === 4">唐</block>
<block v-else>
<image class="cover-img" src="@/static/dev/good_cover_00.jpg" mode="aspectFill"></image>
</block>
<block v-for="(listItem, listIndex) in lists" :key="listIndex">
<uni-collapse-item :show-animation="true" :open="listIndex === 0">
<template v-slot:title>
<view class="collapse-title">{{listItem.name}}</view>
</template>
<view class="employees-item" v-for="(item, index) in listItem.data" :key="index">
<view class="cover">
<block v-if="item.user.avatar === ''">{{item.name.slice(0,1)}}</block>
<block v-else>
<image class="cover-img" :src="item.user.avatar" mode="aspectFill"></image>
</block>
</view>
<view class="content">
<view class="nickname nowrap">{{item.name}}<text>{{item.job}}</text></view>
<view class="job nowrap">
<text v-for="(permissionItem, permissionIndex) in item.permission" :key="permissionIndex">{{permissionItem}}</text>
</view>
</view>
</view>
<view class="content">
<view class="nickname nowrap">唐明明</view>
<view class="job nowrap">web前端开发</view>
</view>
</view>
</uni-collapse-item>
<uni-collapse-item :show-animation="true">
<template v-slot:title>
<view class="collapse-title">市场部</view>
</template>
<view class="employees-item" v-for="(item, index) in 5" :key="index">
<view class="cover">
<block v-if="index === 4">唐</block>
<block v-else>
<image class="cover-img" src="@/static/dev/good_cover_00.jpg" mode="aspectFill"></image>
</block>
</view>
<view class="content">
<view class="nickname">唐明明</view>
<view class="job">web前端开发</view>
</view>
</view>
</uni-collapse-item>
</uni-collapse-item>
</block>
</uni-collapse>
</view>
</template>
@@ -43,11 +30,13 @@
import { employees } from '@/apis/interfaces/employees'
export default {
data() {
return {};
return {
lists: []
};
},
onShow(){
employees().then(res => {
console.log(res)
this.lists = res
})
},
onNavigationBarButtonTap() {
@@ -60,6 +49,8 @@
.collapse-title{
padding: 0 $padding;
line-height: 90rpx;
font-weight: bold;
font-size: $title-size-lg;
}
.employees-item {
background: white;
@@ -101,13 +92,27 @@
height: 78rpx;
padding-left: 98rpx;
.nickname{
line-height: 48rpx;
line-height: 40rpx;
font-size: $title-size;
text{
font-size: $title-size-sm;
color: $text-gray-m;
padding-left: 10rpx;
}
}
.job{
line-height: 30rpx;
font-size: $title-size-sm;
color: $text-gray-m;
line-height: 38rpx;
text{
background-color: $border-color-lg;
color: $text-gray;
padding: 0 10rpx;
line-height: 38rpx;
margin-left: $margin/2;
display: inline-block;
&:first-child{
margin-left: 0;
}
}
}
}
}