混凝土运输管理微信小程序、替班
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

89 lines
1.7 KiB

<template>
<view class="content">
<view class="mt40">
<view class="re-card-p32" v-for="(ele,idx) in lst">
<view class="re-empty" v-if="lst.length<1">
<view>暂无数据</view>
</view>
<view class="flex-sb">
<view>
<image class="re-from-car" src="/static/icons/icon04.png"></image>
<span>{{ele.carNo}}</span>
</view>
</view>
<view class="flex-sb re-card-select mt20">
<view>员工</view>
<view class="flex" style="color: #9E9E9E;">
<view style="color: #0d0d0d;">{{ ele.name }}</view>
</view>
</view>
<view class="flex-sb re-card-select">
<view>手机</view>
<view class="flex" style="color: #0d0d0d;">
<span>{{ ele.mobile }}</span>
</view>
</view>
</view>
<view class="re-end-pand b-fiexd">
<button @click="clickSell()">新增员工</button>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
lst: []
}
},
onShow() {
this.loadCars()
},
methods: {
clickSell(){
uni.navigateTo({ url: '/pages/base/addyuan' })
},
loadCars(){
uni.showLoading({})
this.$httpGet("/api/emp/list", this.form, (res) => {
uni.hideLoading({})
console.log('[/emp/list]', res);
if(res.data){
this.lst = this.$utils.toArray(res.data)
}
})
},
}
}
</script>
<style>
page {
background-color: #F5F5F5;
}
.re-from-car{
width: 72rpx;
height: 60rpx;
margin: 0 16rpx -20rpx 0;
}
.b-fiexd{
min-height: 88rpx;
width: calc(100vw);
padding: 30rpx 0;
position: fixed;
left: 0;
bottom: 0;
box-shadow: -20rpx 10rpx 10rpx #000;
background-color: #ffffff;
}
</style>