91 lines
3.0 KiB
Vue
91 lines
3.0 KiB
Vue
<template>
|
|
<el-form ref="form" label-width="80px">
|
|
<template>
|
|
<el-form-item label="订单号">
|
|
{{ info.orderNo }}
|
|
</el-form-item>
|
|
<el-form-item label="收件人">
|
|
{{ info.name }}({{ info.phone }})
|
|
</el-form-item>
|
|
<el-form-item label="收货地址" v-if="info.address.area">
|
|
{{ info.address.province.name }} {{ info.address.city.name }} {{ info.address.area.name }} {{
|
|
info.address.addressDetail
|
|
}}
|
|
</el-form-item>
|
|
</template>
|
|
<el-form-item label="物流公司" required>
|
|
<el-input v-model="expressName" placeholder="请输入物流公司"/>
|
|
</el-form-item>
|
|
<el-form-item label="物流单号" required>
|
|
<el-input v-model="expressNo" placeholder="请输入物流单号"/>
|
|
</el-form-item>
|
|
<el-form-item label="发货单" required>
|
|
<vk-data-upload v-model="expressPhoto"></vk-data-upload>
|
|
</el-form-item>
|
|
<el-form-item label="备注">
|
|
<el-input v-model="remark" placeholder="请输入备注"/>
|
|
</el-form-item>
|
|
<div class="mt-20 flex justify-center items-center text-center">
|
|
<el-button type="primary" size="small" plain @click.native="cancel">取消</el-button>
|
|
<el-button type="primary" size="small" @click.native="confirm">确定</el-button>
|
|
</div>
|
|
</el-form>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "setExpress",
|
|
props: {
|
|
info: Object
|
|
},
|
|
data() {
|
|
return {
|
|
expressName: null,
|
|
expressNo: null,
|
|
remark: null,
|
|
expressPhoto: [],
|
|
}
|
|
},
|
|
methods: {
|
|
close() {
|
|
this.$emit('close')
|
|
},
|
|
cancel() {
|
|
this.expressName = null
|
|
this.expressNo = null
|
|
this.remark = null
|
|
this.expressPhoto = []
|
|
this.close()
|
|
},
|
|
async confirm() {
|
|
if (!this.expressName) return this.$message({
|
|
type: 'error',
|
|
message: '请填写物流公司'
|
|
})
|
|
if (!this.expressNo) return this.$message({
|
|
type: 'error',
|
|
message: '请填写物流单号'
|
|
})
|
|
if (this.expressPhoto.length === 0) return this.$message({
|
|
type: 'error',
|
|
message: '请上传发货单'
|
|
})
|
|
await vk.callFunction({
|
|
url: 'admin/order/sys/setExpress',
|
|
data: {
|
|
id: this.info._id,
|
|
expressName: this.expressName,
|
|
expressNo: this.expressNo,
|
|
remark: this.remark,
|
|
expressPhoto: this.expressPhoto
|
|
}
|
|
})
|
|
this.$emit('close')
|
|
this.$message({
|
|
type: 'success',
|
|
message: '发货成功'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script> |