<template>
|
<default-header-page-layout ref="page" title="工件出库统计" >
|
<view class="page-frame with-action-user-row" :style="{height:pageBodyHeight+'px'}" v-if="pageBodyHeight">
|
<action-user-row />
|
<view class="with-action-user-row-page-content">
|
<!-- <scan-input-form-item
|
class="forma-item"
|
label="工件ID"
|
v-model="barId"
|
:msg="msg"
|
:msg-type="msgType"
|
@search="onSearchContainter"
|
@clear="onClearContainter"
|
/> -->
|
<u-form :model="form" ref="uForm" label-width="65" labelAlign="right">
|
<u-form-item required label="出库日期:" prop="planTime">
|
<u-input :readonly="true" placeholder="请选择出库日期" v-model="form.planTime"
|
@click.native="timeShow = true"></u-input>
|
</u-form-item>
|
|
</u-form>
|
<!-- 时间选择器 -->
|
<u-datetime-picker closeOnClickOverlay :show="timeShow" @confirm="timeConfirm" :mode="mode"
|
@close="timeShow=false" v-model="value1" @cancel="timeShow=false"></u-datetime-picker>
|
<view class="btn-view">
|
<view class="search-btn" @tap.stop="onSearchContainter">搜索</view>
|
</view>
|
<!-- 详情 -->
|
<view>
|
<!-- 基础信息 -->
|
<bar-content v-for="item in list" :title="'出库人:' + item.workPieceOutboundUserName" :content="item" :propArr="detailArr" :key="item.workPieceOutboundUserName"></bar-content>
|
</view>
|
</view>
|
</view>
|
<!-- <template v-slot:footer>
|
<view class="bottom-btns-row">
|
<view class="btn-frame left-btn-frame"><u-button text="撤销" @click="onBind"></u-button></view>
|
<view class="btn-frame right-btn-frame"><u-button type="primary" text="确认修改" @click="comfirmUpdate"></u-button></view>
|
</view>
|
</template> -->
|
</default-header-page-layout>
|
</template>
|
|
<script>
|
import DefaultHeaderPageLayout from '@/components/DefaultHeaderPageLayout.vue'
|
import ActionUserRow from '@/components/ActionUserRow.vue'
|
import ScanInputFormItem from '@/components/ScanInputFormItem.vue'
|
import barContent from './modules/barContent.vue'
|
import barStatus from './modules/barStatus.vue'
|
import { getBarRetrospectInfo } from '@/api/retrospect/index.js'
|
import {
|
getOutBoundWorkPieceInfoCountList
|
} from '@/api/outBound/index.js'
|
import { parseDic, $alert, $successInfo } from '@/static/js/utils/index.js'
|
import moment from 'moment'
|
export default {
|
name:'baseInPage',
|
components:{DefaultHeaderPageLayout,ActionUserRow,ScanInputFormItem,barContent,barStatus},
|
data(){
|
return {
|
// 计划时间
|
value1: Number(new Date()),
|
mode: '',
|
timeShow: false,
|
form: {
|
planType: '',
|
planTypeName: '',
|
planTime: '',
|
teamType: '',
|
planProductionNum: null,
|
remarks: ''
|
},
|
pageBodyHeight: 0,
|
initInterVal: null,
|
msg: '',
|
msgType: 'error',
|
barId: '',
|
list: [],
|
detailArr: []
|
}
|
},
|
onLoad() {
|
// this.barDetail = {special: "SAE1041(0.80%~1.10%Mn)",barType: "高碳钢",barSpec: "70号",material: "229-255HBS",status: 1};
|
// this.statusArr = [{code: 1,title: '不合格'},{code: 2,title: '合格'},{code: 3,title: '疑似'}]
|
this.detailArr = [{code: "count",title: '出库数量'}]
|
this.mode = 'date'
|
var date=new Date();
|
this.form.planTime = moment(date).format('YYYY-MM-DD')
|
this.onSearchContainter();
|
},
|
methods:{
|
// 时间确认
|
timeConfirm({
|
value,
|
mode
|
}) {
|
if (!value) {
|
return this.timeShow = false
|
}
|
if (mode == 'date') {
|
this.form.planTime = moment(value).format('YYYY-MM-DD')
|
} else {
|
this.form.planTime = moment(value).format('YYYY-MM')
|
}
|
this.timeShow = false
|
|
},
|
onSearchContainter() {
|
if(this.form.planTime == '') {
|
return uni.showModal({
|
title:'出库日期不能为空',
|
showCancel: false
|
})
|
}
|
this.list = []
|
//debugger
|
const param = {Date: this.form.planTime}
|
getOutBoundWorkPieceInfoCountList(param).then(res => {
|
//debugger
|
this.list = res.data
|
})
|
},
|
onClearContainter() {
|
this.barId = ''
|
this.list = []
|
},
|
/* 页面初始化获取页面body高度的定时器 */
|
startInitInterval(callback){
|
this.initInterVal = setInterval(()=>{
|
if (this.pageBodyHeight) {
|
this.clearInitInterval()
|
callback && callback()
|
} else {
|
this.pageBodyHeight = this.$refs.page.getBodyHeight()
|
}
|
},200)
|
},
|
/* 清除定时器 */
|
clearInitInterval(){
|
try{
|
clearInterval(this.initInterVal)
|
this.initInterVal = null
|
}catch(e){
|
//TODO handle the exception
|
}
|
},
|
comfirmUpdate() {
|
|
}
|
},
|
onReady(){
|
this.startInitInterval(()=>{
|
/* 页面初始化后需要执行的代码在这边调用 */
|
})
|
},
|
onUnload(){
|
this.clearInitInterval()
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.btn-view {
|
flex-shrink: 0;
|
}
|
|
.btn-view {
|
width: 570rpx;
|
height: 10%;
|
padding: 20rpx;
|
padding-left: 0rpx;
|
box-sizing: border-box;
|
|
.search-btn {
|
height: 100%;
|
width: 100%;
|
border-radius: 8rpx;
|
background: linear-gradient(157.342820970935deg, rgba(194, 128, 255, 1) -20%, rgba(194, 128, 255, 1) -19%, rgba(132, 0, 255, 1) 119%);
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
color: $uni-bg-color;
|
font-size: 26rpx;
|
}
|
}
|
.p-form-label {
|
font-size: 32rpx;
|
color: $u-tips-color;
|
padding-bottom: 12rpx;
|
padding-left: 20rpx;
|
}
|
|
.input-row {
|
width: 100%;
|
height: 90rpx;
|
overflow: hidden;
|
background-color: $uni-bg-color;
|
display: flex;
|
align-items: center;
|
position: relative;
|
|
.scan-view,
|
|
|
.scan-view {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
padding-right: 10rpx;
|
}
|
|
.input-view {
|
flex-grow: 1;
|
padding-left: 20rpx;
|
}
|
|
|
|
}
|
|
.msg-row {
|
padding: 6rpx 20rpx 0 20rpx;
|
line-height: 1.3;
|
font-size: 24rpx;
|
color: $u-error;
|
|
&.info-type {
|
color: $color-blue;
|
}
|
}
|
.bottom-btns-row{
|
display: flex;
|
padding: 10rpx 0;
|
background-color: #fff;
|
.btn-frame{
|
box-sizing: border-box;
|
}
|
.left-btn-frame{
|
width: 30%;
|
padding-left: 20rpx;
|
padding-right: 8rpx;
|
}
|
.right-btn-frame{
|
flex: 1;
|
padding-right: 20rpx;
|
padding-left: 8rpx;
|
}
|
.u-button {
|
border: 2px solid #F08202;
|
}
|
}
|
.forma-item{
|
margin-bottom: 24rpx;
|
}
|
.material-item-group{
|
background-color: $uni-bg-color;
|
padding-top: 10rpx;
|
.material-list-item{
|
border-bottom: 2rpx solid $uni-border-color;
|
padding-bottom: 10rpx;
|
padding-left: 60rpx;
|
margin-bottom: 10rpx;
|
position: relative;
|
&:last-child{
|
border-bottom: 0;
|
}
|
.item-row{
|
display: flex;
|
&>.label{
|
flex-shrink: 0;
|
color: $u-tips-color;
|
width: 144rpx;
|
}
|
&>.content{
|
flex-grow: 1;
|
color: $u-content-color;
|
uni-input{
|
font: inherit;
|
color: $u-primary;
|
text-decoration: underline;
|
}
|
}
|
}
|
.badge-box{
|
position: absolute;
|
top:8rpx;
|
left: 8rpx;
|
z-index: 1;
|
}
|
.close-btn{
|
$closeBtnSize:70rpx;
|
width: $closeBtnSize;
|
height: $closeBtnSize;
|
z-index: 1;
|
position: absolute;
|
top:0rpx;
|
right: 8rpx;
|
background-color: $u-error;
|
opacity: 0.6;
|
border-radius: 25rpx;
|
.icon-layer{
|
position: absolute;
|
width: 100%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
z-index: 2;
|
}
|
}
|
}
|
}
|
|
|
|
|
</style>
|
