wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

物流

Browse Source
version/0412
fanfan 1 year ago
parent f4b002f037
commit e0e379a776
2 changed files with 66 additions and 69 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 59
      pages/news3/LogisticsInquiry.vue
  2. 76
      pages/news3/ManualEntry.vue

59
pages/news3/LogisticsInquiry.vue
Unescape View File

@ -1,26 +1,29 @@
<template> <template>
<view> <view>
<view style="width:100%;position: fixed;top:0;z-index:99"> <view class="bgImg"
<view class="navBarContent"> :style="{ background: `url(${$picUrl+'/static/news3/walletBg.png'})`, 'background-size': 'cover' }">
<u-icon name="arrow-left" @click="onBack" <view style="width:100%;">
style="position: absolute;top:50%;left:40upx;transform: translateY(-50%);" color="#000" size="35"> <view class="navBarContent">
</u-icon> <u-icon name="arrow-left" @click="onBack"
<text>物流查询</text> style="position: absolute;top:50%;left:40upx;transform: translateY(-50%);" color="#000"
</view> size="35">
</u-icon>
</view> <text>物流查询</text>
<image :src="$picUrl+'/static/news3/walletBg.png'" mode="widthFix" class="bgImg"></image>
<view class="contentDes">
<u-field v-model="logisticsNum" label="物流单号" placeholder="请填写物流单号">
</u-field>
<view class="btnGroup">
<view class="btnItem" @click="scanCode">
<image :src="$picUrl+'/static/news3/scan.png'" mode="widthFix"></image>
<text>扫码识别</text>
</view> </view>
<view class="btnItem" style="margin-left:66upx;" @click="getClipboardData"> </view>
<image :src="$picUrl+'/static/news3/copy.png'" mode="widthFix"></image> <!-- <image :src="$picUrl+'/static/news3/walletBg.png'" mode="widthFix" class="bgImg"></image> -->
<text>粘贴单号</text> <view class="contentDes">
<u-field v-model="logisticsNum" label="物流单号" placeholder="请填写物流单号">
</u-field>
<view class="btnGroup">
<view class="btnItem" @click="scanCode">
<image :src="$picUrl+'/static/news3/scan.png'" mode="widthFix"></image>
<text>扫码识别</text>
</view>
<view class="btnItem" style="margin-left:66upx;" @click="getClipboardData">
<image :src="$picUrl+'/static/news3/copy.png'" mode="widthFix"></image>
<text>粘贴单号</text>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -85,30 +88,24 @@
background-color: #F7F8FA; background-color: #F7F8FA;
min-height: 100%; min-height: 100%;
padding-bottom: 140upx; padding-bottom: 140upx;
padding-top: 130upx; background: linear-gradient(180deg, #FFE4E8 0%, #F7F8FA 40%);
} }
.bgImg { .bgImg {
width: 100%; width: 100%;
height: auto; height: 200px;
position: absolute; position: relative;
top: 0;
left: 0;
z-index: 1;
} }
.contentDes { .contentDes {
position: relative; position: relative;
z-index: 2; z-index: 2;
margin: 0upx 26upx; margin: 26upx;
background-color: #fff; background-color: #fff;
background: #FFFFFF; background: #FFFFFF;
border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
opacity: 1; opacity: 1;
padding: 0 28upx; padding: 28upx;
} }
.navBarContent { .navBarContent {

76
pages/news3/ManualEntry.vue
Unescape View File

@ -16,9 +16,9 @@
</view> </view>
</view> </view>
<view class="section"> <view class="section">
<u-field v-model="form.getPeopleName" label="收货人" placeholder="请输入收货人姓名"> <u-field v-model="form.receiver" label="收货人" placeholder="请输入收货人姓名">
</u-field> </u-field>
<u-field v-model="form.getPeoplePhone" label="手机号" placeholder="请输入收货人手机号"> <u-field v-model="form.receiver_phone" label="手机号" placeholder="请输入收货人手机号">
</u-field> </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"> right-icon="arrow-right">
@ -28,28 +28,28 @@
<view class="addrTitle"> <view class="addrTitle">
详细地址 详细地址
</view> </view>
<u-input type="textarea" v-model="form.address" placeholder="请输入详细地址"></u-input> <u-input type="textarea" v-model="form.detail" placeholder="请输入详细地址"></u-input>
</view> </view>
</view> </view>
<view class="section"> <view class="section">
<picker @change="changeMode" mode="selector" range-key="text" :value="index" :range="modeList"> <picker @change="changeMode" mode="selector" range-key="text" :value="index" :range="modeList">
<u-field v-model="form.setGoodsMode" :disabled="true" label="发货模式" placeholder="请选择发货模式" <u-field v-model="form.send_type" :disabled="true" label="发货模式" placeholder="请选择发货模式"
right-icon="arrow-right"> right-icon="arrow-right">
</u-field> </u-field>
</picker> </picker>
<u-action-sheet :list="modeList" v-model="modeShow"></u-action-sheet> <u-action-sheet :list="modeList" v-model="modeShow"></u-action-sheet>
<u-field v-model="form.setGoodsCompany" label="发货公司" placeholder="请输入发货公司"> <u-field v-model="form.send_company" label="发货公司" placeholder="请输入发货公司">
</u-field> </u-field>
<u-field v-model="form.setGoodsName" label="发货人" placeholder="请输入发货人"> <u-field v-model="form.sender" label="发货人" placeholder="请输入发货人">
</u-field> </u-field>
<u-field v-model="form.setGoodsPhone" label="发货人电话" placeholder="请输入发货人电话"> <u-field v-model="form.send_phone" label="发货人电话" placeholder="请输入发货人电话">
</u-field> </u-field>
<picker @change="changeOption" mode="selector" range-key="express_name" :value="index" :range="expressList"> <picker @change="changeOption" mode="selector" range-key="express_name" :value="index" :range="expressList">
<u-field v-model="form.logisticsName" :disabled="true" label="物流公司" placeholder="请选择物流公司" <u-field v-model="form.express_name" :disabled="true" label="物流公司" placeholder="请选择物流公司"
right-icon="arrow-right"> right-icon="arrow-right">
</u-field> </u-field>
</picker> </picker>
<u-field v-model="form.logisticsNo" label="物流单号" placeholder="请输入物流单号"> <u-field v-model="form.express_no" label="物流单号" placeholder="请输入物流单号">
</u-field> </u-field>
</view> </view>
<view class="recordList"> <view class="recordList">
@ -101,19 +101,19 @@
shopModel: '', shopModel: '',
shopNum: null, shopNum: null,
auto: '', auto: '',
getPeopleName: '', receiver: '',
getPeoplePhone: '', receiver_phone: '',
city: null, city: null,
address: '', detail: '',
setGoodsMode: null, send_type: null,
setGoodsCompany: '', send_company: '',
setGoodsName: '', sender: '',
setGoodsPhone: '', send_phone: '',
logisticsName: '', express_name: '',
logisticsId:'', express_id:'',
logisticsNo: '', express_no: '',
transferImgId: '', transfer_image_id: '',
chatImgId: '' chat_image_id: ''
}, },
content: '', content: '',
modeList: [{ modeList: [{
@ -148,9 +148,9 @@
if (res.status) { if (res.status) {
let data = res.data.detail let data = res.data.detail
this.form.city = data.region.province + data.region.city + data.region.region; this.form.city = data.region.province + data.region.city + data.region.region;
this.form.getPeopleName = data.name this.form.receiver = data.name
this.form.getPeoplePhone = data.phone this.form.receiver_phone = data.phone
this.form.address = data.detail this.form.detail = data.detail
console.log(data) console.log(data)
uni.showToast({ uni.showToast({
title: '识别成功', title: '识别成功',
@ -176,37 +176,37 @@
if (!that.form.shopNum) { if (!that.form.shopNum) {
return that.$toast('请输入商品数量') return that.$toast('请输入商品数量')
} }
if (!that.form.getPeopleName) { if (!that.form.receiver) {
return that.$toast('请输入收货人姓名') return that.$toast('请输入收货人姓名')
} }
if (!that.form.getPeoplePhone) { if (!that.form.receiver_phone) {
return that.$toast('请输入收货人手机号') return that.$toast('请输入收货人手机号')
} }
if (!that.form.city) { if (!that.form.city) {
return that.$toast('请选择所属城市') return that.$toast('请选择所属城市')
} }
if (!that.form.address) { if (!that.form.detail) {
return that.$toast('请输入详细地址') return that.$toast('请输入详细地址')
} }
if (!that.form.setGoodsMode) { if (!that.form.send_type) {
return that.$toast('请选择发货模式') return that.$toast('请选择发货模式')
} }
if (!that.form.setGoodsCompany) { if (!that.form.send_company) {
return that.$toast('请输入发货公司') return that.$toast('请输入发货公司')
} }
if (!that.form.setGoodsName) { if (!that.form.sender) {
return that.$toast('请输入发货人') return that.$toast('请输入发货人')
} }
if (!that.form.setGoodsPhone) { if (!that.form.send_phone) {
return that.$toast('请输入发货电话号') return that.$toast('请输入发货电话号')
} }
if (!that.form.express_name) { if (!that.form.express_name) {
return that.$toast('请选择物流公司') return that.$toast('请选择物流公司')
} }
if (!that.form.logisticsNo) { if (!that.form.express_no) {
return that.$toast('请输入物流单号') return that.$toast('请输入物流单号')
} }
if (!that.form.transferImgId) { if (!that.form.transfer_image_id) {
return that.$toast('请上传转账记录') return that.$toast('请上传转账记录')
} }
let params = { let params = {
@ -214,12 +214,12 @@
} }
}, },
changeMode(e) { changeMode(e) {
this.form.setGoodsMode = this.modeList[e.detail.value].text; this.form.send_type = this.modeList[e.detail.value].text;
}, },
// 选择物流 // 选择物流
changeOption(e) { changeOption(e) {
this.form.logisticsName = this.expressList[e.detail.value].express_name; this.form.express_name = this.expressList[e.detail.value].express_name;
this.form.logisticsId = this.expressList[e.detail.value].express_id this.form.express_id = this.expressList[e.detail.value].express_id
}, },
/** /**
* 物流 * 物流
@ -247,7 +247,7 @@
uni.showToast({ uni.showToast({
title: "上传成功" title: "上传成功"
}) })
this.form.transferImgId = response.data.fileInfo.file_id this.form.transfer_image_id = response.data.fileInfo.file_id
} }
} }
}, },
@ -262,7 +262,7 @@
title: "上传成功" title: "上传成功"
}) })
console.log(response.data.fileInfo.file_id) console.log(response.data.fileInfo.file_id)
this.form.chatImgId = response.data.fileInfo.file_id this.form.chat_image_id = response.data.fileInfo.file_id
} }
} }
}, },

Write Preview
Loading…
Cancel
Save