SmartStorage/pages/fetchMaterialDetail/fetchMaterialDetail.vue

128 lines
2.2 KiB
Vue

<template>
<view>
<view
class="single-fetch"
v-for="(fetch, index) in fetchList"
:key="index"
>
<view>
<span>类型名称</span>
<h4>{{ fetch.leaseApplyDetails[0].typeName }}</h4>
</view>
<view>
<span>规格型号</span>
<h4>{{ fetch.leaseApplyDetails[0].typeModelName }}</h4>
</view>
<view>
<span>申请数量</span>
<h4>{{ fetch.leaseApplyDetails[0].preNum }}</h4>
</view>
</view>
<!-- <view class="btm-exam">
<view
class="exam"
@click="exam"
>
审核
</view>
</view> -->
</view>
</template>
<script>
import { basePath } from '../../public.js'
export default {
data() {
return {
fetchList: [
{
typeNum: '手扶机绞磨',
specNo: 'sjm-5',
num: '2'
},
{
typeNum: '机动绞磨',
specNo: 'cjm-3',
num: '2'
},
{
typeNum: '卸扣',
specNo: 'dg-5',
num: '11'
}
]
}
},
methods: {
exam () {
console.log('审核');
}
},
onLoad(params) {
let that = this
console.log(params.taskId);
uni.request({
url: basePath + '/tm_task/getLeaseAuditList',
method: 'GET',
header: {
'content-type': 'application/json',
'Authorization': uni.getStorageSync('token')
},
data: {
taskId: params.taskId
},
success: (res) => {
if (res.data.code == 200) {
console.log(res);
that.fetchList = res.data.data.rows[0].leaseApplyInfoList
}
}
})
}
}
</script>
<style lang="scss">
.single-fetch{
width: 100%;
box-sizing: border-box;
padding: 20rpx 35rpx;
border-bottom: 1px solid #DDDDDD;
view{
display: flex;
align-items: center;
margin-bottom: 25rpx;
span{
color: #A7A7A7;
padding-right: 20rpx;
}
h4{
font-size: 14px;
font-weight: normal;
}
}
view:last-child{
margin-bottom: 0;
}
}
.btm-exam{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
box-sizing: border-box;
padding: 20rpx 40rpx;
display: flex;
justify-content: flex-end;
border-top: 2px solid #F6F8FF;
.exam{
box-sizing: border-box;
padding: 10rpx 50rpx;
border-radius: 30rpx;
background-color: #3788FF;
font-size: 14px;
color: #fff;
}
}
</style>