181 lines
3.5 KiB
Vue
181 lines
3.5 KiB
Vue
<template>
|
||
<view class="">
|
||
<headersVue :titles="titles"><u-icon name="arrow-left" color="#fff" size="18"></u-icon></headersVue>
|
||
<view class="content">
|
||
<view class="top_">请选择工作内容 <u-icon style="margin-left: 10px;" name="arrow-down" size="18"></u-icon> </view>
|
||
<view class="list_">
|
||
<view class="list_title">
|
||
<view class="list_ds">
|
||
<view class="" style="margin-right: 50px;">排名</view>
|
||
<view class="">员工</view>
|
||
</view>
|
||
<view class="">服务台次</view>
|
||
</view>
|
||
<view class="list_box" v-for="(item,index) in 10" :key="index">
|
||
<view class="list_box_top">
|
||
<view class="pm_"> {{index + 1}} </view>
|
||
<view class="list_ds">
|
||
<view class="tx_">
|
||
<image src="/static/img/touxiang.png" mode=""></image>
|
||
</view>
|
||
<view class="">
|
||
<view class="">王一</view>
|
||
<view class="num_hui">13812345678</view>
|
||
</view>
|
||
</view>
|
||
<view class=""> 5000 </view>
|
||
</view>
|
||
<view class="list_box_bottom">
|
||
<view class="list_ds">
|
||
<view class="text_">外检：</view>
|
||
<view class="num_">200</view>
|
||
</view>
|
||
<view class="list_ds">
|
||
<view class="text_">安检：</view>
|
||
<view class="num_">200</view>
|
||
</view>
|
||
<view class="list_ds">
|
||
<view class="text_">其他：</view>
|
||
<view class="num_">200</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import headersVue from '../../components/header/headers.vue';
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
titles: "员工统计",
|
||
msg: "1",
|
||
List: [],
|
||
show: false,
|
||
status: 'loading',
|
||
}
|
||
},
|
||
components: {
|
||
headersVue
|
||
},
|
||
methods: {
|
||
goManage(num) {
|
||
if (num == 1) {
|
||
uni.navigateTo({
|
||
url: '/pages/index/staffManagement'
|
||
})
|
||
}
|
||
if (num == 2) {
|
||
uni.navigateTo({
|
||
url: '/pages/index/deviceManage'
|
||
})
|
||
}
|
||
},
|
||
}
|
||
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.content {
|
||
background: #F7F8FC;
|
||
width: 100%;
|
||
// height: 100vh;
|
||
box-sizing: border-box;
|
||
// padding: 30rpx;
|
||
padding-top: 200rpx;
|
||
}
|
||
|
||
.top_ {
|
||
width: 100%;
|
||
height: 104rpx;
|
||
background: #FFFFFF;
|
||
display: flex;
|
||
align-items: center;
|
||
box-sizing: border-box;
|
||
padding: 30rpx;
|
||
}
|
||
|
||
.list_ {
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
padding: 30rpx;
|
||
}
|
||
|
||
.list_title {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
font-size: 28rpx;
|
||
color: #101A3E;
|
||
box-sizing: border-box;
|
||
padding: 0rpx 30rpx;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
.list_ds {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.list_box {
|
||
width: 100%;
|
||
// height: 230rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 8rpx;
|
||
margin-bottom: 30rpx;
|
||
}
|
||
|
||
.list_box_top {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
box-sizing: border-box;
|
||
padding: 30rpx 50rpx;
|
||
border-bottom: 2rpx solid #F5F5F5;
|
||
}
|
||
.list_box_bottom{
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 30rpx 50rpx;
|
||
}
|
||
.tx_{
|
||
width: 90rpx;
|
||
height: 90rpx;
|
||
margin-right: 5px;
|
||
image{
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
.num_hui{
|
||
font-size: 24rpx;
|
||
color: #8D90A6;
|
||
}
|
||
.text_{
|
||
font-size: 28rpx;
|
||
color: #8D90A6;
|
||
}
|
||
.num_{
|
||
font-size: 28rpx;
|
||
color: #101A3E;
|
||
}
|
||
.pm_{
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
background: #327DFB;
|
||
overflow: hidden;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: #fff;
|
||
font-size: 28rpx;
|
||
|
||
}
|
||
</style>
|