混凝土运输管理微信小程序、替班
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.
 
 
 
 
 

84 lines
2.0 KiB

<template>
<view class="content">
<view class="mt40">
<view class="re-card-p32" v-for="(ele,idx) in cars">
<view class="re-empty" v-if="cars.length<1">
<view>暂无数据</view>
</view>
<view class="flex-sb">
<view>
<image class="re-from-car" src="/static/icons/icon11.png"></image>
<span>{{ele.carNo}}</span>
</view>
<view class="re-card-show" v-if="ele.status && +ele.status===0">
<span style="color: limegreen;">系统审核中</span>
</view>
<view class="re-card-show" v-if="ele.status && +ele.status===2">
<span style="color: #F40000;">未通过审核</span>
</view>
</view>
<view class="flex-sb re-card-select mt20">
<view>轴数</view>
<view class="flex" style="color: #9E9E9E;">
<span v-if="!ele.mi">请选择</span>
<view style="color: #0d0d0d;" v-if="ele.mi">{{ ele.mi }}</view>
<uni-icons v-if="!ele.mi" type="down" size="28rpx" color="#9E9E9E"></uni-icons>
</view>
</view>
<view class="flex-sb re-card-select">
<view>上传证件</view>
<view class="flex" style="color: #9E9E9E;" v-if="!ele.syximage" >
<span>未上传</span>
<uni-icons type="right" size="28rpx" color="#9E9E9E"></uni-icons>
</view>
<view class="flex" style="color: #0d0d0d;" v-if="ele.syximage" @click="clickCar(ele.id)">
<span>查看证件信息</span>
<uni-icons type="right" size="28rpx" color="#2d2d2d"></uni-icons>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
cars: []
}
},
onShow() {
this.loadCars()
},
methods: {
clickCar(id){
uni.navigateTo({ url: `/pages/base/showcar?id=${id}`})
},
loadCars(){
uni.showLoading({})
setTimeout(()=>{
uni.hideLoading({})
uni.showToast({ icon: "none", title: "暂无数据" })
}, 1500)
},
}
}
</script>
<style>
page {
background-color: #F5F5F5;
}
.re-from-car{
width: 72rpx;
height: 60rpx;
margin: 0 16rpx -20rpx 0;
}
</style>