You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
2.0 KiB
Vue
89 lines
2.0 KiB
Vue
<template>
|
|
<view class="box-container">
|
|
<u-navbar leftIconSize="25px" title="上传出库图片" :titleStyle="{fontWeight:700}" height="70px"
|
|
:autoBack="true">
|
|
</u-navbar>
|
|
<view class="entry-info">
|
|
<u-form labelPosition="top" labelWidth="120" :model="sizeForm" :rules="rules" ref="ruleFormRef">
|
|
<u-form-item label="出库图片" prop="ossFileDTOList" :required="true">
|
|
<imgUpload :ossFileDTOList.sync="sizeForm.ossFileDTOList" v-model="sizeForm.ossFileDTOList" />
|
|
</u-form-item>
|
|
<view class="backgro"></view>
|
|
<u-form-item label="出库备注" >
|
|
<u-textarea v-model="sizeForm.loadRemark" placeholder="请输入内容" count :maxlength="500" ></u-textarea>
|
|
</u-form-item>
|
|
</u-form>
|
|
<button type="primary" class="btn" @click="submitData">提交</button>
|
|
</view>
|
|
<u-toast ref="uToast"></u-toast>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import store from '@/store/index'
|
|
import Api from '@/api/api.js'
|
|
import imgUpload from '@/components/image-upload.vue'
|
|
export default {
|
|
components:{
|
|
imgUpload,
|
|
},
|
|
onLoad(op) {
|
|
if (op.id) {
|
|
this.sizeForm.id = op.id
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
sizeForm: {
|
|
ossFileDTOList:[],
|
|
id:"",
|
|
loadRemark:""
|
|
},
|
|
rules: {
|
|
ossFileDTOList: {
|
|
type:"array",
|
|
required: true,
|
|
message: '请上传图片',
|
|
trigger: ['blur', 'change']
|
|
},
|
|
|
|
},
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
|
|
submitData() {
|
|
this.$refs.ruleFormRef.validate().then(valid=>{
|
|
Api.storge.updateWarehouseOutToLoadedStatus(this.sizeForm).then(res => {
|
|
uni.navigateTo({
|
|
url: "/pages/outBound/superviseLoading?name=supervise"
|
|
})
|
|
})
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
.box-container {
|
|
.entry-info {
|
|
width: 85%;
|
|
margin: auto;
|
|
margin-top: 230rpx;
|
|
.btn {
|
|
border-radius: 12px;
|
|
font-size: 28rpx;
|
|
margin: 60rpx 0;
|
|
background-color: #1A4F94;
|
|
}
|
|
.backgro {
|
|
margin-top: 20rpx;
|
|
width: 100%;
|
|
height: 44rpx;
|
|
background-color: #FBFCFE;
|
|
}
|
|
}
|
|
}
|
|
</style> |