<template>
|
<view class="overflow">
|
<cu-custom bgColor="bg-white" :isBack="true">
|
<block slot="backText">
|
</block>
|
<block slot="content">快递单号绑定</block>
|
</cu-custom>
|
<view class="flex justify-end align-center padding_right30rpx padding_top12rpx">
|
<text class="fontSize12rpx"> 操作人：{{operator}} </text>
|
</view>
|
<u-form labelPosition="top" :model="warehouse" ref="warehouseRef">
|
<u-row class="border_bottom margin_top10rpx padding10" style="background-color: #fff;">
|
<u-col span="10">
|
<u-form-item label="出库单号:" prop="orderNo" required
|
style="font-size: 16px;font-weight: bold;padding: 0 0 10rpx;">
|
<input v-model="warehouse.orderNo" placeholder="请录入或扫码" style="font-weight: bolder;margin-left: 15rpx;"
|
class="width padding_left30rpx">
|
</input>
|
</u-form-item>
|
</u-col>
|
<u-col span="2">
|
<u-icon class="iconfont icon-saoma fontSize60rpx"></u-icon>
|
</u-col>
|
</u-row>
|
|
<u-row class="border_bottom margin_top10rpx padding10" style="background-color: #fff;">
|
<u-col span="10">
|
<u-form-item label="快递单号:" prop="trackingNo" required
|
style="font-size: 16px;font-weight: bold;padding: 0 0 10rpx;">
|
<input v-model="warehouse.trackingNo" placeholder="请录入或扫码" required
|
style="font-weight: bolder;margin-left: 15rpx;"
|
class="width padding_left30rpx">
|
</input>
|
</u-form-item>
|
</u-col>
|
<u-col span="2">
|
<u-icon class="iconfont icon-saoma fontSize60rpx"></u-icon>
|
</u-col>
|
</u-row>
|
</u-form>
|
<modal-code ref="resmodal" :rescode='rescode' :resmessage='resmessage' />
|
<button-modal :subShow='true' garmenTitle='确认绑定' @submit='submit' />
|
</view>
|
</template>
|
|
<script>
|
import {getDate} from '../../utils/dateTime.js'
|
import ModalCode from '../../components/ModalCode.vue'
|
import ButtonModal from '../../components/buttonModal.vue'
|
import {addBindRecord} from '@/api/expressmail.js'
|
export default {
|
data() {
|
return {
|
rescode: 0,
|
resmessage: "",
|
warehouse: { //出请求参数
|
orderNo: '',
|
trackingNo: ''
|
},
|
warehouseRules: {
|
orderNo: [{required: true,message: '出库单号不能为空',trigger: 'blur'}],
|
trackingNo: [{required: true,message: '快递单号不能为空',trigger: 'blur'}],
|
},
|
operator: '', //
|
|
};
|
},
|
components: {
|
ModalCode,
|
ButtonModal
|
},
|
onReady() {
|
this.$refs.warehouseRef.setRules(this.warehouseRules)
|
},
|
mounted() {
|
this.operator = JSON.parse(uni.getStorageSync('userInfo')).name
|
},
|
methods: {
|
submit() {
|
this.$refs.warehouseRef.validate(valid => {
|
if (valid) {
|
addBindRecord(this.warehouse).then((res) => {
|
this.$refs.resmodal.show = true
|
this.rescode = 200
|
this.resmessage = '绑定成功'
|
this.warehouse.orderNo = ''
|
this.warehouse.trackingNo = '';
|
})
|
}
|
})
|
}
|
}
|
|
}
|
</script>
|
|
<style lang="scss">
|
|
</style>
|
