|
|
|
@ -1,7 +1,7 @@ |
|
|
|
|
<template> |
|
|
|
|
<view> |
|
|
|
|
<view class="section"> |
|
|
|
|
<u-field v-model="form.config" label="商品型号" placeholder="请输入商品型号"> |
|
|
|
|
<u-field v-model="form.shopModel" label="商品型号" placeholder="请输入商品型号"> |
|
|
|
|
</u-field> |
|
|
|
|
<u-field v-model="form.shopNum" label="商品数量" placeholder="请输入商品数量"> |
|
|
|
|
</u-field> |
|
|
|
@ -20,7 +20,7 @@ |
|
|
|
|
</u-field> |
|
|
|
|
<u-field v-model="form.getPeoplePhone" label="手机号" placeholder="请输入收货人手机号"> |
|
|
|
|
</u-field> |
|
|
|
|
<u-field @click="cityShow=true" v-model="form.city" :disabled="true" label="所属城市" placeholder="请选择" |
|
|
|
|
<u-field @click="cityShow=true" v-model="form.city" :disabled="true" label="所属城市" placeholder="请选择所属城市" |
|
|
|
|
right-icon="arrow-right"> |
|
|
|
|
</u-field> |
|
|
|
|
<u-picker mode="region" v-model="cityShow" @confirm="regionChage">{{form.city}}</u-picker> |
|
|
|
@ -32,30 +32,33 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="section"> |
|
|
|
|
<u-field @click="modeShow=true" v-model="form.setGoodsMode" :disabled="true" label="发货模式" placeholder="待选择" |
|
|
|
|
<picker @change="changeMode" mode="selector" range-key="text" :value="index" :range="modeList"> |
|
|
|
|
<u-field v-model="form.setGoodsMode" :disabled="true" label="发货模式" placeholder="请选择发货模式" |
|
|
|
|
right-icon="arrow-right"> |
|
|
|
|
</u-field> |
|
|
|
|
</picker> |
|
|
|
|
<u-action-sheet :list="modeList" v-model="modeShow"></u-action-sheet> |
|
|
|
|
<u-field v-model="form.setGoodsCompany" label="发货公司" placeholder="请输入上游公司名字"> |
|
|
|
|
<u-field v-model="form.setGoodsCompany" label="发货公司" placeholder="请输入发货公司"> |
|
|
|
|
</u-field> |
|
|
|
|
<u-field v-model="form.setGoodsName" label="发货人" placeholder="请输入上游渠道商名字"> |
|
|
|
|
<u-field v-model="form.setGoodsName" label="发货人" placeholder="请输入发货人"> |
|
|
|
|
</u-field> |
|
|
|
|
<u-field v-model="form.setGoodsPhone" label="发货人电话" placeholder="请输入上游渠道商电话"> |
|
|
|
|
<u-field v-model="form.setGoodsPhone" label="发货人电话" placeholder="请输入发货人电话"> |
|
|
|
|
</u-field> |
|
|
|
|
<u-field @click="goodsShow=true" v-model="form.wuliuCompany" :disabled="true" label="物流公司" |
|
|
|
|
placeholder="请选择物流公司" right-icon="arrow-right"> |
|
|
|
|
<picker @change="changeOption" mode="selector" range-key="express_name" :value="index" :range="expressList"> |
|
|
|
|
<u-field v-model="form.logisticsName" :disabled="true" label="物流公司" placeholder="请选择物流公司" |
|
|
|
|
right-icon="arrow-right"> |
|
|
|
|
</u-field> |
|
|
|
|
<u-action-sheet :list="kuaidiList" v-model="goodsShow"></u-action-sheet> |
|
|
|
|
<u-field v-model="form.orderNum" label="物流单号" placeholder="请输入物流单号"> |
|
|
|
|
</picker> |
|
|
|
|
<u-field v-model="form.logisticsNo" label="物流单号" placeholder="请输入物流单号"> |
|
|
|
|
</u-field> |
|
|
|
|
</view> |
|
|
|
|
<view class="recordList"> |
|
|
|
|
<view class="recordItem c"> |
|
|
|
|
<view class="recordTitle"> |
|
|
|
|
转账记录<text class="intro">最多上传5张</text> |
|
|
|
|
转账记录<text class="intro">最多上传6张</text> |
|
|
|
|
</view> |
|
|
|
|
<u-upload :action="action" :header="header" @on-uploaded="transferSuccess" width="180" height="180" |
|
|
|
|
:file-list="transferList" :custom-btn="true" max-count="1"> |
|
|
|
|
:file-list="transferList" :custom-btn="true" max-count="6"> |
|
|
|
|
<template v-slot:addBtn> |
|
|
|
|
<view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150"> |
|
|
|
|
<image src="/static/news/icon-upload.png"></image> |
|
|
|
@ -66,10 +69,10 @@ |
|
|
|
|
</view> |
|
|
|
|
<view class="recordItem c"> |
|
|
|
|
<view class="recordTitle"> |
|
|
|
|
聊天记录<text class="intro">最多上传5张</text> |
|
|
|
|
聊天记录<text class="intro">最多上传6张</text> |
|
|
|
|
</view> |
|
|
|
|
<u-upload :action="action" :header="header" @on-uploaded="chatSuccess" width="180" height="180" |
|
|
|
|
:file-list="chatList" :custom-btn="true" max-count="1"> |
|
|
|
|
:file-list="chatList" :custom-btn="true" max-count="6"> |
|
|
|
|
<template v-slot:addBtn> |
|
|
|
|
<view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150"> |
|
|
|
|
<image src="/static/news/icon-upload.png"></image> |
|
|
|
@ -95,7 +98,7 @@ |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
form: { |
|
|
|
|
config: '', |
|
|
|
|
shopModel: '', |
|
|
|
|
shopNum: null, |
|
|
|
|
auto: '', |
|
|
|
|
getPeopleName: '', |
|
|
|
@ -106,23 +109,20 @@ |
|
|
|
|
setGoodsCompany: '', |
|
|
|
|
setGoodsName: '', |
|
|
|
|
setGoodsPhone: '', |
|
|
|
|
wuliuCompany: '', |
|
|
|
|
orderNum: '', |
|
|
|
|
transferImgId:'', |
|
|
|
|
chatImgId:'' |
|
|
|
|
logisticsName: '', |
|
|
|
|
logisticsId:'', |
|
|
|
|
logisticsNo: '', |
|
|
|
|
transferImgId: '', |
|
|
|
|
chatImgId: '' |
|
|
|
|
}, |
|
|
|
|
content: '', |
|
|
|
|
modeList: [{ |
|
|
|
|
text: '店内现货', |
|
|
|
|
}], |
|
|
|
|
kuaidiList: [{ |
|
|
|
|
text: '顺丰快递', |
|
|
|
|
}], |
|
|
|
|
cityShow: false, |
|
|
|
|
modeShow: false, |
|
|
|
|
goodsShow: false, |
|
|
|
|
transferList: [], |
|
|
|
|
chatList: [], |
|
|
|
|
expressList: [], |
|
|
|
|
action: '', |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
@ -133,6 +133,7 @@ |
|
|
|
|
'Access-Token': uni.getStorageSync('AccessToken'), |
|
|
|
|
'platform': "MP-WEIXIN", |
|
|
|
|
} |
|
|
|
|
this.getExpressAll() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
// 智能识别 |
|
|
|
@ -169,21 +170,69 @@ |
|
|
|
|
// 提交信息 |
|
|
|
|
onSubmit() { |
|
|
|
|
const that = this; |
|
|
|
|
that.uploadFile() |
|
|
|
|
that.uploadFileRecord() |
|
|
|
|
if (!that.form.name) { |
|
|
|
|
return that.$toast('请输入商品名称') |
|
|
|
|
if (!that.form.shopModel) { |
|
|
|
|
return that.$toast('请选择商品名称') |
|
|
|
|
} |
|
|
|
|
if (!that.form.shopNum) { |
|
|
|
|
return that.$toast('请输入商品数量') |
|
|
|
|
} |
|
|
|
|
if (!that.form.getPeopleName) { |
|
|
|
|
return that.$toast('请输入收货人姓名') |
|
|
|
|
} |
|
|
|
|
if (!that.form.getPeoplePhone) { |
|
|
|
|
return that.$toast('请输入收货人手机号') |
|
|
|
|
} |
|
|
|
|
if (!that.form.city) { |
|
|
|
|
return that.$toast('请选择所属城市') |
|
|
|
|
} |
|
|
|
|
if (!that.form.address) { |
|
|
|
|
return that.$toast('请输入详细地址') |
|
|
|
|
} |
|
|
|
|
if (!that.form.setGoodsMode) { |
|
|
|
|
return that.$toast('请选择发货模式') |
|
|
|
|
} |
|
|
|
|
if (!that.form.setGoodsCompany) { |
|
|
|
|
return that.$toast('请输入发货公司') |
|
|
|
|
} |
|
|
|
|
if (!that.form.setGoodsName) { |
|
|
|
|
return that.$toast('请输入发货人') |
|
|
|
|
} |
|
|
|
|
if (!that.form.setGoodsPhone) { |
|
|
|
|
return that.$toast('请输入发货电话号') |
|
|
|
|
} |
|
|
|
|
if (!that.form.express_name) { |
|
|
|
|
return that.$toast('请选择物流公司') |
|
|
|
|
} |
|
|
|
|
if (!that.form.logisticsNo) { |
|
|
|
|
return that.$toast('请输入物流单号') |
|
|
|
|
} |
|
|
|
|
if (!that.form.transferImgId) { |
|
|
|
|
return that.$toast('请上传转账记录') |
|
|
|
|
} |
|
|
|
|
let params = { |
|
|
|
|
...that.imgage_ids, |
|
|
|
|
...that.imgage2_ids |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
showAction() { |
|
|
|
|
this.modeShow = true; |
|
|
|
|
changeMode(e) { |
|
|
|
|
this.form.setGoodsMode = this.modeList[e.detail.value].text; |
|
|
|
|
}, |
|
|
|
|
// 选择物流 |
|
|
|
|
changeOption(e) { |
|
|
|
|
this.form.logisticsName = this.expressList[e.detail.value].express_name; |
|
|
|
|
this.form.logisticsId = this.expressList[e.detail.value].express_id |
|
|
|
|
}, |
|
|
|
|
showgoodsAction() { |
|
|
|
|
this.goodsShow = true; |
|
|
|
|
/** |
|
|
|
|
* 物流 |
|
|
|
|
*/ |
|
|
|
|
async getExpressAll() { |
|
|
|
|
let { |
|
|
|
|
status, |
|
|
|
|
message, |
|
|
|
|
data |
|
|
|
|
} = await newFunApi.expressAll(); |
|
|
|
|
if (status == 200) { |
|
|
|
|
this.expressList = data.list; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
regionChage(e) { |
|
|
|
|
this.form.city = e.province.name + e.city.name + e.area.name; |
|
|
|
@ -198,7 +247,6 @@ |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: "上传成功" |
|
|
|
|
}) |
|
|
|
|
console.log(response.data.fileInfo.file_id) |
|
|
|
|
this.form.transferImgId = response.data.fileInfo.file_id |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -296,6 +344,10 @@ |
|
|
|
|
text-align: right; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
::v-deep .u-label { |
|
|
|
|
flex: auto !important |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.recordList { |
|
|
|
|
padding: 30upx; |
|
|
|
|
background-color: #fff; |
|
|
|
@ -339,12 +391,11 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.footerBtn { |
|
|
|
|
width: 80%; |
|
|
|
|
width: 86%; |
|
|
|
|
height: 88upx; |
|
|
|
|
background: #FFAAA4; |
|
|
|
|
background: #FF5050; |
|
|
|
|
border-radius: 36px 36px 36px 36px; |
|
|
|
|
opacity: 1; |
|
|
|
|
|
|
|
|
|
font-size: 28upx; |
|
|
|
|
font-family: PingFang SC, PingFang SC; |
|
|
|
|
font-weight: 500; |
|
|
|
|