<template>
|
<view class="page">
|
<view class="bigbg"/>
|
<u-navbar title="" :background="background" :border-bottom="false"/>
|
<view class="title">成品外协</view>
|
<view class="wrap">
|
<u-row justify="space-between" gutter="30">
|
<u-col span="6">
|
<view class="box box1" @click="navTo('/pages/wareHouse/outsource/report')">
|
<view class="row1">报检成品</view>
|
<view class="row2">扫描</view>
|
<view class="row3">合格证号</view>
|
</view>
|
</u-col>
|
<u-col span="6">
|
<view class="box box2" @click="navTo('/pages/wareHouse/outsource/check')">
|
<view class="row1">检测</view>
|
<view class="row2"><text class="text">{{unInspNum}}</text>个待检测</view>
|
<view class="row3">请进入</view>
|
</view>
|
</u-col>
|
</u-row>
|
<u-row justify="space-between" gutter="30">
|
<u-col span="6">
|
<view class="box box3" @click="navTo('/pages/wareHouse/outsource/packing')">
|
<view class="row1">包装</view>
|
<view class="row2"><text class="text">{{inspedNum}}</text>个待验证</view>
|
<view class="row3">请进入</view>
|
</view>
|
</u-col>
|
<u-col span="6">
|
<view class="box box4" @click="navTo('/pages/wareHouse/outsource/instock')">
|
<view class="row1">入库</view>
|
<view class="row2"><text class="text">{{packagingNum}}</text>个待验证</view>
|
<view class="row3">请进入</view>
|
</view>
|
</u-col>
|
</u-row>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import content_bg from '@/static/custom/outsource/index_bg.png'
|
export default {
|
data() {
|
return {
|
background:{
|
backgroundImage: `url(${content_bg})`,
|
backgroundAttachment: 'fixed',
|
backgroundSize: '100% auto',
|
backgroundRepeat: 'no-repeat',
|
},
|
unInspNum:0,//待检测数量
|
inspedNum:0,//已检测（待包装）数量
|
packagingNum:0 //已包装（待入库）数量
|
}
|
},
|
onShow() {
|
this.queryData('unInsp')
|
this.queryData('insped')
|
this.queryData('packaging')
|
},
|
methods: {
|
//查询数量
|
queryData(state){
|
let param = {
|
current: 1,
|
size: 100,
|
state: state
|
}
|
this.$u.api.outsource.queryData(param).then(res => {
|
console.log(res);
|
if (res.code === 0) {
|
this[state+'Num'] = res.data.total
|
}
|
});
|
},
|
navTo(url) {
|
uni.navigateTo({
|
url: url
|
});
|
},
|
goBack(){
|
uni.navigateBack({
|
|
})
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.bigbg{
|
background-color: #F6F9FF;
|
background-image: url('~@/static/custom/outsource/index_bg.png');
|
// background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
|
padding: 0 20rpx;
|
background-attachment: fixed;
|
background-size: 100% auto;
|
background-repeat: no-repeat;
|
position: fixed;
|
top: 0;
|
bottom: 0;
|
width: 100%;
|
z-index: -1;
|
}
|
.page{
|
|
}
|
.title{
|
font-weight: bold;
|
font-size: 50rpx;
|
padding: 60rpx 0 130rpx 20rpx;
|
}
|
.box {
|
background-color: rgba(255,255,255,0.7);
|
border-radius: 20rpx;
|
margin-bottom: 30rpx;
|
padding: 30rpx;
|
font-size: 32rpx;
|
color: #666666;
|
box-shadow: 0 0 6rpx 2rpx #f0f0f0;
|
background-repeat: no-repeat;
|
background-position: right 10rpx top 10rpx;
|
background-size: 40% auto;
|
.row1{
|
padding-bottom: 40rpx;
|
}
|
.row2{
|
color: #666666;
|
padding: 10rpx 0;
|
.text{
|
color: black;
|
font-weight: bold;
|
font-size: 38rpx;
|
padding-right: 10rpx;
|
}
|
}
|
.row3{
|
color: #B4B4B6;
|
}
|
}
|
.box1{
|
.row2{
|
color: black;
|
font-weight: bold;
|
font-size: 38rpx;
|
}
|
background-image: url('~@/static/custom/outsource/bg1.png');
|
}
|
.box2{
|
background-image: url('~@/static/custom/outsource/bg2.png');
|
background-size: 35% auto;
|
}
|
.box3{
|
background-image: url('~@/static/custom/outsource/bg3.png');
|
}
|
.box4{
|
background-image: url('~@/static/custom/outsource/bg4.png');
|
}
|
</style>
|
