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

4 weeks ago
<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>