0d32da772d
# v1.3 更新列表
1. 【新增】砍价
2. 【新增】拼团
3. 【新增】一号通
4. 【修复】商品sku 编辑时出现商品属性对应错误的问题
5. 【修复】商品推广海报生成二维码可能会出错的问题【小程序调试中】
6. 【修复】微信公众号和小程序头像可能获取不到的问题
7. 【修复】下单时可能会出错的问题
8. 【修复】pc管理端用户访问量
9. 【修复】微信退款
10. 【修复】管理端订单状态可能出现不正确的情况
11. 【修复】WEB管理端-菜单色调，短信API更新，首页用户访问量，系统设置tab是自动选择下一及表单
12. 【修复】系统设置出现更新不正确的问题
232 lines
9.3 KiB
Vue
232 lines
9.3 KiB
Vue
<template>
|
|
<el-dialog :visible.sync="modals" title="订单记录" class="order_box" :before-close="handleClose" width="600px">
|
|
<el-form ref="formItem" :model="formItem" label-width="110px" @submit.native.prevent :rules="rules">
|
|
<el-form-item label="选择类型：">
|
|
<el-radio-group v-model="formItem.type" @change="changeRadio(formItem.type)">
|
|
<el-radio label="1">发货</el-radio>
|
|
<el-radio label="2">送货</el-radio>
|
|
<el-radio label="3">虚拟</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<div v-if="formItem.type==='1'">
|
|
<el-form-item label="发货类型：" prop="expressId">
|
|
<el-radio-group v-model="formItem.expressRecordType" @change="changeRadio(formItem.expressRecordType)">
|
|
<el-radio label="1">手动填写</el-radio>
|
|
<el-radio label="2">电子面单打印</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item label="快递公司：" prop="expressCode">
|
|
<el-select v-model="formItem.expressCode" filterable style="width:80%;" @change="onChangeExport(formItem.expressCode)">
|
|
<el-option v-for="(item,i) in express" :value="item.code" :key="i" :label="item.name"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item v-if="formItem.expressRecordType === '1'" label="快递单号：" prop="expressNumber">
|
|
<el-input v-model="formItem.expressNumber" placeholder="请输入快递单号" style="width:80%;"></el-input>
|
|
</el-form-item>
|
|
<template v-if="formItem.expressRecordType === '2'">
|
|
<el-form-item label="电子面单：" class="express_temp_id" prop="expressTempId">
|
|
<div class="acea-row">
|
|
<el-select v-model="formItem.expressTempId" placeholder="请选择电子面单" :class="[formItem.expressTempId?'width9':'width8']" @change="onChangeImg">
|
|
<el-option v-for="(item,i) in exportTempList" :value="item.temp_id" :key="i" :label="item.title"></el-option>
|
|
</el-select>
|
|
<div v-if="formItem.expressTempId" style="position: relative;">
|
|
<!--<span class="tempImg" @click="">预览</span>-->
|
|
<div class="tempImgList ml10">
|
|
<div class="demo-image__preview">
|
|
<el-image
|
|
style="width: 36px; height: 36px"
|
|
:src="tempImg"
|
|
:preview-src-list="[tempImg]"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--<Button v-if="formItem.expressTempId" type="text" @click="preview">预览</Button>-->
|
|
</div>
|
|
|
|
</el-form-item>
|
|
<el-form-item label="寄件人姓名：" prop="toName">
|
|
<el-input v-model="formItem.toName" placeholder="请输入寄件人姓名" style="width:80%;"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="寄件人电话：" prop="toTel">
|
|
<el-input v-model="formItem.toTel" placeholder="请输入寄件人电话" style="width:80%;"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="寄件人地址：" prop="toAddr">
|
|
<el-input v-model="formItem.toAddr" placeholder="请输入寄件人地址" style="width:80%;"></el-input>
|
|
</el-form-item>
|
|
</template>
|
|
</div>
|
|
<div v-if="formItem.type==='2'">
|
|
<el-form-item label="送货人姓名：" prop="deliveryName">
|
|
<el-input v-model="formItem.deliveryName" placeholder="请输入送货人姓名" style="width:80%;"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="送货人电话：" prop="deliveryTel">
|
|
<el-input v-model="formItem.deliveryTel" placeholder="请输入送货人电话" style="width:80%;"></el-input>
|
|
</el-form-item>
|
|
</div>
|
|
</el-form>
|
|
<div slot="footer">
|
|
<el-button size="mini" type="primary" @click="putSend('formItem')">提交</el-button>
|
|
<el-button size="mini" @click="cancel('formItem')">取消</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
import { orderSendApi, sheetInfoApi } from '@/api/order'
|
|
import { expressAllApi, exportTempApi } from '@/api/sms'
|
|
const validatePhone = (rule, value, callback) => {
|
|
if (!value) {
|
|
return callback(new Error('请填写手机号'));
|
|
} else if (!/^1[3456789]\d{9}$/.test(value)) {
|
|
callback(new Error('手机号格式不正确!'));
|
|
} else {
|
|
callback();
|
|
}
|
|
};
|
|
export default {
|
|
name: 'orderSend',
|
|
props: {
|
|
orderId: Number
|
|
},
|
|
data () {
|
|
return {
|
|
formItem: {
|
|
type: '1',
|
|
expressRecordType: '1',
|
|
expressId: '',
|
|
expressCode: '',
|
|
id: '',
|
|
deliveryName: '',
|
|
deliveryTel: '',
|
|
// expressName: '',
|
|
expressNumber:'',
|
|
expressTempId: '',
|
|
toAddr: '',
|
|
toName: '',
|
|
toTel: '',
|
|
},
|
|
modals: false,
|
|
express: [],
|
|
exportTempList: [],
|
|
tempImg: '',
|
|
rules: {
|
|
toName: [
|
|
{ required: true, message: '请输寄件人姓名', trigger: 'blur' }
|
|
],
|
|
toTel: [
|
|
{ required: true, validator: validatePhone, trigger: 'blur' }
|
|
],
|
|
toAddr: [
|
|
{ required: true, message: '请输入寄件人地址', trigger: 'blur' }
|
|
],
|
|
expressCode: [
|
|
{ required: true, message: '请选择快递公司', trigger: 'change' }
|
|
],
|
|
expressNumber: [
|
|
{ required: true, message: '请输入快递单号', trigger: 'blur' }
|
|
],
|
|
expressTempId: [
|
|
{ required: true, message: '请选择电子面单', trigger: 'change' }
|
|
],
|
|
deliveryName: [
|
|
{ required: true, message: '请输入送货人姓名', trigger: 'blur' }
|
|
],
|
|
deliveryTel: [
|
|
{ required: true, validator: validatePhone, trigger: 'blur' }
|
|
]
|
|
}
|
|
}
|
|
},
|
|
mounted () {
|
|
},
|
|
methods: {
|
|
// 默认信息
|
|
sheetInfo () {
|
|
sheetInfoApi().then(async res => {
|
|
this.formItem.toAddr= res.exportToAddress || '';
|
|
this.formItem.toName= res.exportToName || '';
|
|
this.formItem.toTel= res.exportToTel || '';
|
|
})
|
|
},
|
|
// 快递公司选择
|
|
onChangeExport (val) {
|
|
this.formItem.expressTempId = '';
|
|
this.exportTemp(val);
|
|
},
|
|
// 电子面单模板
|
|
exportTemp (val) {
|
|
exportTempApi({ com: val }).then(async res => {
|
|
this.exportTempList = res.data.data || [];
|
|
})
|
|
},
|
|
onChangeImg (item) {
|
|
this.exportTempList.map(i => {
|
|
if (i.temp_id === item) this.tempImg = i.pic
|
|
})
|
|
},
|
|
changeRadio (o) {
|
|
if( o === '3'){
|
|
this.formItem.expressId = ''
|
|
this.formItem.expressCode = ''
|
|
}
|
|
},
|
|
// 物流公司列表
|
|
getList () {
|
|
expressAllApi().then(async res => {
|
|
this.express = res
|
|
})
|
|
},
|
|
// 提交
|
|
putSend(name) {
|
|
this.formItem.id = this.orderId
|
|
this.$refs[name].validate((valid) => {
|
|
if (valid) {
|
|
orderSendApi(this.formItem).then(async => {
|
|
this.$message.success('发送货成功');
|
|
this.modals = false;
|
|
this.$refs[name].resetFields();
|
|
this.$emit('submitFail')
|
|
})
|
|
} else {
|
|
this.$message.error('请填写信息');
|
|
}
|
|
})
|
|
},
|
|
handleClose(){
|
|
this.cancel('formItem');
|
|
},
|
|
cancel (name) {
|
|
this.modals = false;
|
|
this.$refs[name].resetFields();
|
|
this.formItem.type = '1';
|
|
this.formItem.expressRecordType = '1';
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.width8 {
|
|
width: 80%;
|
|
}
|
|
|
|
.width9 {
|
|
width: 70%;
|
|
}
|
|
|
|
.tempImgList {
|
|
// opacity: 1;
|
|
width: 38px !important;
|
|
height: 30px !important;
|
|
// margin-top: -30px;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
z-index: 11;
|
|
img {
|
|
width: 38px !important;
|
|
height: 30px !important;
|
|
}
|
|
}
|
|
</style>
|