<template>
|
<u-modal :show="show" title="信息输入" :closeOnClickOverlay="true" :showCancelButton="true" @cancel="handlerCancel"
|
@confirm="handlerConfirm" @close="close">
|
<u-form labelPosition="left" labelWidth="100rpx" :model="form" :rules="rules" ref="uForm">
|
<u-form-item v-if="barDetail.qualityState!=1" required label="不合格原因" prop="qualityErrorInfo">
|
<u-textarea :maxlength="255" v-model="form.qualityErrorInfo" placeholder="请输入不合格原因"></u-textarea>
|
</u-form-item>
|
<u-form-item required label="密码" prop="pwd">
|
<u-input v-model="form.pwd" type="password" placeholder="请输入密码" style="width: 450rpx;"></u-input>
|
</u-form-item>
|
</u-form>
|
|
<!-- <view class="status_flex">
|
<u-input v-model="pwd" type="password" placeholder="请输入密码" style="width: 450rpx;"></u-input>
|
</view> -->
|
</u-modal>
|
</template>
|
|
<script>
|
import {
|
$alert
|
} from '@/static/js/utils/index.js'
|
import {
|
updateBarStatus
|
} from '@/api/unBind/index.js'
|
export default {
|
emits: ['update'],
|
data() {
|
return {
|
show: false,
|
barDetail:{},
|
form: {
|
pwd: '',
|
qualityErrorInfo: ''
|
},
|
rules: {
|
pwd: {
|
type: 'string',
|
required: true,
|
message: '请输入密码',
|
trigger: ['blur', 'change']
|
},
|
qualityErrorInfo: {
|
type: 'string',
|
required: true,
|
message: '请输入不合格原因',
|
trigger: ['blur', 'change']
|
}
|
}
|
}
|
},
|
onReady() {
|
this.$refs.uForm.setRules(this.rules)
|
},
|
methods: {
|
showModal(barDetail){
|
this.show=true
|
this.barDetail=barDetail
|
console.log(this.barDetail);
|
if(Boolean(this.barDetail.qualityErrorInfo)){
|
this.form.qualityErrorInfo=this.barDetail.qualityErrorInfo
|
}else {
|
if(this.barDetail.qualityState==2){
|
this.form.qualityErrorInfo='不合格'
|
}else if(this.barDetail.qualityState==3){
|
this.form.qualityErrorInfo='疑似'
|
}
|
}
|
|
},
|
handlerCancel() {
|
this.form = {
|
pwd: '',
|
qualityErrorInfo: ''
|
}
|
this.show = false
|
},
|
// 选中的状态传递给父组件
|
handlerConfirm() {
|
this.$refs.uForm.validate().then(res => {
|
const params = {
|
workPieceIDList: [this.barDetail.workPieceID],
|
qualityState: this.barDetail.qualityState,
|
workingProcedure: this.barDetail.workingProcedureCurrent,
|
workPieceState: this.barDetail.workPieceState,
|
password: this.form.pwd,
|
qualityErrorInfo:this.form.qualityErrorInfo
|
}
|
updateBarStatus(params).then(res => {
|
uni.showToast({
|
title: '修改成功'
|
})
|
this.$emit('update')
|
this.handlerCancel()
|
})
|
}).catch(errors => {
|
console.log(errors);
|
})
|
|
},
|
close() {
|
this.show = false;
|
this.pwd = ''
|
}
|
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.status_flex {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
align-items: center;
|
|
.flex_item {
|
width: 450rpx;
|
height: 70rpx;
|
text-align: center;
|
line-height: 70rpx;
|
border: 1px solid $color-common;
|
color: $color-common;
|
font-size: 32rpx;
|
font-weight: 550;
|
background: #fff;
|
margin-bottom: 30rpx;
|
}
|
|
.active_item {
|
background: $color-common;
|
color: #fff;
|
}
|
}
|
|
::v-deep .u-transition {
|
z-index: 99 !important;
|
}
|
</style>
|
