348 lines
8.0 KiB
Vue
348 lines
8.0 KiB
Vue
<template>
|
||
<view class="page_wrap fullHeight">
|
||
<headers class="blue_header fixedheader" :showBack="true">
|
||
<view class="headerName">
|
||
浇筑令台账
|
||
</view>
|
||
</headers>
|
||
<view class="smallHeight" :style="{ 'padding-top': statusBarHeight + 56 + 'px' }">
|
||
<view class="content">
|
||
<view class="nav_list" :style="{'border-radius': activeIndex == 2 ? '24rpx 0 0 0':activeIndex == 3 ? '0 24rpx 0 0':'0'}">
|
||
<view class="nav_item" :class="{'active_item': activeIndex == 2}" @click="changeTab(2)">
|
||
<view class="text">已通过</view>
|
||
<view class="bottom_box"></view>
|
||
</view>
|
||
<view class="nav_item" :class="{'active_item': activeIndex == 1}" @click="changeTab(1)">
|
||
<view class="text">审核中</view>
|
||
<view class="bottom_box"></view>
|
||
</view>
|
||
<view class="nav_item" :class="{'active_item': activeIndex == 3}" @click="changeTab(3)">
|
||
<view class="text">已驳回</view>
|
||
<view class="bottom_box"></view>
|
||
</view>
|
||
</view>
|
||
<scroll-view class="smallHeight content_list" v-if="listData && listData.length>0" scroll-y>
|
||
<view style="padding-top: 36rpx;" :style="{'padding-bottom': activeIndex == 1 ? '100px':'40px'}">
|
||
<view class="list_item" @click="goDetail(item)" v-for="(item,index) in listData" :key="index">
|
||
<view class="status" :class="{'status1': activeIndex == 2,'status2': activeIndex == 1,'status3': activeIndex == 3}">
|
||
{{activeIndex == 2 ? '已通过':activeIndex == 1 ? '审核中':activeIndex == 3 ? '已驳回':''}}
|
||
</view>
|
||
<view class="flex">
|
||
<view class="left">
|
||
<view class="info_item"><text style="color: #948EAD">楼栋：</text>{{item.buildName}}</view>
|
||
<view><text style="color: #948EAD">施工段：</text>{{item.constructionSection}}</view>
|
||
</view>
|
||
<view class="right">
|
||
<view class="info_item"><text style="color: #948EAD">楼层：</text>{{item.floorName}}</view>
|
||
<view><text style="color: #948EAD">浇筑日期：</text>{{item.pourTime}}</view>
|
||
</view>
|
||
</view>
|
||
<!-- <view class="label_list">
|
||
<view class="label_item">已入库</view>
|
||
<view class="label_item">已送检</view>
|
||
<view class="label_item">已测量</view>
|
||
<view class="label_item">已结束</view>
|
||
</view> -->
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
<view class="no_data" v-else><image src="../../../static/noData.png"></image><view>暂无数据</view></view>
|
||
<view class="addForm_btn" v-if="activeIndex == 2" @click="goAdd">浇筑令申请</view>
|
||
</view>
|
||
</view>
|
||
<!-- <view class="bottom_nav">
|
||
<view class="nav_item">
|
||
<image src="../../../static/betonManage/nav-icon3.png"></image>
|
||
<image src="../../../static/betonManage/nav-icon2.png"></image>
|
||
<text>混凝土施工管控</text>
|
||
</view>
|
||
<view class="nav_item active_item">
|
||
<image src="../../../static/betonManage/nav-icon4.png"></image>
|
||
<image src="../../../static/betonManage/nav-icon1.png"></image>
|
||
<text>浇筑令台账</text>
|
||
</view>
|
||
</view> -->
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default{
|
||
data(){
|
||
return{
|
||
statusBarHeight: 0,
|
||
activeIndex: 2,
|
||
projectSn: '',
|
||
listData: []
|
||
}
|
||
},
|
||
onShow(){
|
||
this.statusBarHeight = uni.getStorageSync('systemInfo').statusBarHeight;
|
||
this.projectSn = JSON.parse(uni.getStorageSync('userInfo')).sn
|
||
this.loadData()
|
||
},
|
||
onLoad(){
|
||
|
||
},
|
||
methods:{
|
||
loadData(){
|
||
let params = {
|
||
auditState: this.activeIndex,
|
||
pageNo: 1,
|
||
pageSize: 500,
|
||
projectSn: this.projectSn
|
||
}
|
||
let that = this
|
||
this.sendRequest({
|
||
url: 'xmgl/massReboundPouringOrder/list',
|
||
data: params,
|
||
method: "POST",
|
||
success(res) {
|
||
console.log(res)
|
||
that.listData = res.result.records
|
||
}
|
||
})
|
||
},
|
||
changeTab(val){
|
||
this.activeIndex = val
|
||
this.loadData()
|
||
},
|
||
goAdd(){
|
||
uni.navigateTo({
|
||
url: './addPouringOrder'
|
||
})
|
||
},
|
||
goDetail(val){
|
||
uni.navigateTo({
|
||
url: './detail?type='+this.activeIndex + '&id=' + val.id
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.blue_header{
|
||
:deep(.headerBox){
|
||
background: #5181F6;
|
||
color: #fff;
|
||
border-bottom: 0;
|
||
.uni-icons{
|
||
color: #fff !important;
|
||
}
|
||
}
|
||
}
|
||
.fixedheader{
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
z-index: 2;
|
||
}
|
||
.smallHeight{
|
||
height: 100%;
|
||
background: #5181F6;
|
||
box-sizing: border-box;
|
||
}
|
||
.content{
|
||
height: 100%;
|
||
// background: #fff;
|
||
.nav_list{
|
||
display: flex;
|
||
height: 68rpx;
|
||
background: #7097F7;
|
||
.nav_item{
|
||
flex: 1;
|
||
// padding-left: 24rpx;
|
||
// margin-left: -24rpx;
|
||
z-index: 1;
|
||
height: 68rpx;
|
||
text-align: center;
|
||
position: relative;
|
||
line-height: 68rpx;
|
||
color: rgba(255,255,255,0.68);
|
||
.bottom_box{
|
||
display: none;
|
||
}
|
||
}
|
||
.active_item{
|
||
background: #fff;
|
||
color: rgba(81, 129, 246,1);
|
||
// margin-left: 0;
|
||
border-radius: 24rpx;
|
||
z-index: 2;
|
||
.text{
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%,-50%);
|
||
z-index: 3;
|
||
}
|
||
.bottom_box{
|
||
display: block;
|
||
height: 20rpx;
|
||
position: absolute;
|
||
left: -20rpx;
|
||
bottom: 0;
|
||
z-index: 2;
|
||
width: calc(100% + 40rpx);
|
||
background: #fff;
|
||
}
|
||
.bottom_box::after{
|
||
content: "";
|
||
position: absolute;
|
||
width: 48rpx;
|
||
height: 68rpx;
|
||
right: -29rpx;
|
||
bottom: 0;
|
||
border-radius: 24rpx;
|
||
background: #7097F7;
|
||
}
|
||
.bottom_box::before{
|
||
content: "";
|
||
position: absolute;
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
left: -29rpx;
|
||
bottom: 0;
|
||
border-radius: 50%;
|
||
background: #7097F7;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.content_list{
|
||
background: #fff;
|
||
height: calc(100% - 68rpx);
|
||
.list_item{
|
||
// height: 150rpx;
|
||
padding: 36rpx 28rpx;
|
||
box-sizing: border-box;
|
||
width: 90%;
|
||
margin: 0 auto;
|
||
margin-bottom: 20rpx;
|
||
border-radius: 10rpx;
|
||
box-shadow: 0px 4rpx 11px 0px rgba(212, 220, 236, 0.65);
|
||
position: relative;
|
||
.status{
|
||
position: absolute;
|
||
top: 0;
|
||
right: 24rpx;
|
||
font-size: 20rpx;
|
||
height: 32rpx;
|
||
line-height: 32rpx;
|
||
padding: 0 10rpx;
|
||
color: #fff;
|
||
border-radius: 0 0 12rpx 12rpx;
|
||
}
|
||
.status1{
|
||
background: rgba(#44D7B5, 1);
|
||
|
||
}
|
||
.status2{
|
||
background: rgba(#F68053, 1);
|
||
}
|
||
.status3{
|
||
background: rgba(#F65352, 1);
|
||
}
|
||
.left{
|
||
flex: 1;
|
||
font-size: 28rpx;
|
||
}
|
||
.right{
|
||
flex: 1;
|
||
font-size: 28rpx;
|
||
}
|
||
.info_item{
|
||
margin-bottom: 4rpx;
|
||
}
|
||
.label_list{
|
||
display: flex;
|
||
font-size: 24rpx;
|
||
margin-top: 20rpx;
|
||
.label_item{
|
||
background: rgba(#5181F6, 0.1);
|
||
color: #5181F6;
|
||
padding: 0 14rpx;
|
||
height: 36rpx;
|
||
line-height: 36rpx;
|
||
border-radius: 16rpx;
|
||
margin-right: 18rpx;
|
||
}
|
||
}
|
||
}
|
||
.flex{
|
||
display: flex;
|
||
}
|
||
}
|
||
.addForm_btn{
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
// line-height: 100rpx;
|
||
font-size: 24rpx;
|
||
border-radius: 50%;
|
||
background: #4181FE;
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 0 12rpx;
|
||
box-sizing: border-box;
|
||
color: #fff;
|
||
border-radius: 50rpx;
|
||
text-align: center;
|
||
position: fixed;
|
||
bottom: 180rpx;
|
||
right: 60rpx;
|
||
box-shadow: 0 4rpx 8rpx 0 rgba(65, 129, 254, 1);
|
||
}
|
||
.addForm_btn::before{
|
||
content: "";
|
||
width: 120rpx;
|
||
height: 120rpx;
|
||
position: absolute;
|
||
left: -10rpx;
|
||
top: -10rpx;
|
||
background: rgba(65, 129, 254, 0.1);
|
||
border-radius: 50%;
|
||
}
|
||
.bottom_nav{
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 136rpx;
|
||
background: #fff;
|
||
border-top: 1px solid rgba(245, 245, 245, 1);
|
||
display: flex;
|
||
font-size: 24rpx;
|
||
.nav_item{
|
||
flex: 1;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
color: rgba(#2A2B5B,0.3);
|
||
}
|
||
.active_item{
|
||
color: #5181F6;
|
||
}
|
||
uni-image{
|
||
width: 60rpx;
|
||
height: 60rpx;
|
||
}
|
||
}
|
||
.no_data{
|
||
background: #fff;
|
||
height: calc(100% - 68rpx);
|
||
padding-top: 80rpx;
|
||
box-sizing: border-box;
|
||
text-align: center;
|
||
color: rgba(0,0,0,0.3);
|
||
uni-image{
|
||
width: 246rpx;
|
||
height: 195rpx;
|
||
display: block;
|
||
margin: 0 auto;
|
||
margin-bottom: 60rpx;
|
||
}
|
||
}
|
||
</style>
|