version/0412
fanfan
1 year ago
parent
65072c1147
commit
a8ad8c7c97
@ -1,213 +1,218 @@ |
|||||||
<template> |
<template> |
||||||
<view> |
<view> |
||||||
<view class="selectContent" style="border:none;background-color: #fff;"> |
<view class="selectContent" style="border:none;background-color: #fff;"> |
||||||
<u-field @click="showAction" v-model="form.mode" |
<picker @change="changeMode" mode="selector" range-key="text" :value="index" :range="modeList"> |
||||||
:disabled="true" label="发货模式" placeholder="请选择" |
<u-field v-model="form.setGoodsMode" :disabled="true" label="发货模式" placeholder="请选择" |
||||||
right-icon="arrow-right" |
right-icon="arrow-right"> |
||||||
> |
</u-field> |
||||||
</u-field> |
</picker> |
||||||
<u-action-sheet :list="modeList" v-model="modeShow"></u-action-sheet> |
<u-field v-model="form.company" label="发货公司" placeholder="请输入"> |
||||||
<u-field |
|
||||||
v-model="form.company" |
|
||||||
label="发货公司" |
|
||||||
placeholder="请输入" |
|
||||||
> |
|
||||||
</u-field> |
|
||||||
<u-field |
|
||||||
v-model="form.name" |
|
||||||
label="发货人" |
|
||||||
placeholder="请输入" |
|
||||||
> |
|
||||||
</u-field> |
|
||||||
<u-field |
|
||||||
v-model="form.phone" |
|
||||||
label="发货人电话" |
|
||||||
placeholder="请输入" |
|
||||||
> |
|
||||||
</u-field> |
|
||||||
<u-field @click="showgoodsAction" v-model="form.kuaidi" |
|
||||||
:disabled="true" label="快递" placeholder="请选择" |
|
||||||
right-icon="arrow-right" |
|
||||||
> |
|
||||||
</u-field> |
|
||||||
<u-action-sheet :list="kuaidiList" v-model="goodsShow"></u-action-sheet> |
|
||||||
<view class="wuliu"> |
|
||||||
<u-field |
|
||||||
style="flex: 1;padding:30upx 0 30upx 30upx" |
|
||||||
v-model="codeNum" |
|
||||||
label="物流单号" |
|
||||||
placeholder="请填写物流单号" |
|
||||||
> |
|
||||||
</u-field> |
</u-field> |
||||||
<view class="getWuliu" @click="onLogistics"> |
<u-field v-model="form.name" label="发货人" placeholder="请输入"> |
||||||
查看物流 |
</u-field> |
||||||
</view> |
<u-field v-model="form.phone" label="发货人电话" placeholder="请输入"> |
||||||
</view> |
</u-field> |
||||||
<view class="recordList"> |
<picker @change="changeOption" mode="selector" range-key="express_name" :value="index" :range="expressList"> |
||||||
<view class="recordItem"> |
<u-field v-model="form.logisticsName" :disabled="true" label="物流公司" placeholder="请选择物流公司" |
||||||
<view class="recordTitle"> |
right-icon="arrow-right"> |
||||||
转账记录 |
</u-field> |
||||||
</view> |
</picker> |
||||||
<view class="picList"> |
<u-action-sheet :list="kuaidiList" v-model="goodsShow"></u-action-sheet> |
||||||
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
<view class="wuliu"> |
||||||
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
<u-field style="flex: 1;padding:30upx 0 30upx 30upx" v-model="form.logisticsNo" label="物流单号" |
||||||
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
placeholder="请填写物流单号"> |
||||||
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
</u-field> |
||||||
|
<view class="getWuliu" @click="onLogistics"> |
||||||
|
查看物流 |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
<view class="recordItem"> |
<view class="recordList"> |
||||||
<view class="recordTitle"> |
<view class="recordItem"> |
||||||
聊天记录 |
<view class="recordTitle"> |
||||||
|
转账记录 |
||||||
|
</view> |
||||||
|
<view class="picList"> |
||||||
|
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
||||||
|
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
||||||
|
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
||||||
|
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
||||||
|
</view> |
||||||
</view> |
</view> |
||||||
<view class="picList"> |
<view class="recordItem"> |
||||||
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
<view class="recordTitle"> |
||||||
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
聊天记录 |
||||||
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
</view> |
||||||
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
<view class="picList"> |
||||||
|
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
||||||
|
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
||||||
|
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
||||||
|
<image :src="$picUrl+'/static/news3/filter.png'" mode="aspectFit"></image> |
||||||
|
</view> |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
|
|
||||||
|
<view class="footerBtn"> |
||||||
|
保存 |
||||||
|
</view> |
||||||
</view> |
</view> |
||||||
|
|
||||||
<view class="footerBtn"> |
|
||||||
保存 |
|
||||||
</view> |
|
||||||
</view> |
</view> |
||||||
|
|
||||||
|
|
||||||
</view> |
|
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
import * as newFunApi from '@/api/newFun' |
import * as newFunApi from '@/api/newFun' |
||||||
export default{ |
export default { |
||||||
data(){ |
data() { |
||||||
return{ |
return { |
||||||
form:{ |
form: { |
||||||
mode:'', |
setGoodsMode: '', |
||||||
company:'', |
company: '', |
||||||
name:'', |
name: '', |
||||||
phone:'', |
phone: '', |
||||||
kuaidi:'', |
kuaidi: '', |
||||||
|
logisticsName: '', |
||||||
}, |
logisticsNo: '', |
||||||
modeList:[ |
logisticsId:'', |
||||||
{ |
}, |
||||||
|
modeList: [{ |
||||||
text: '店内现货', |
text: '店内现货', |
||||||
} |
}], |
||||||
], |
expressList: [], |
||||||
kuaidiList:[ |
modeShow: false, |
||||||
{ |
goodsShow: false, |
||||||
text: '顺丰快递', |
} |
||||||
} |
|
||||||
], |
|
||||||
modeShow:false, |
|
||||||
goodsShow:false, |
|
||||||
// newPrice:null, |
|
||||||
|
|
||||||
|
|
||||||
// wuliu:'', |
|
||||||
// codeNum:'' |
|
||||||
} |
|
||||||
}, |
|
||||||
methods:{ |
|
||||||
showAction(){ |
|
||||||
this.modeShow = true; |
|
||||||
}, |
|
||||||
showgoodsAction(){ |
|
||||||
this.goodsShow = true; |
|
||||||
}, |
}, |
||||||
onLogistics(){ |
onReady() { |
||||||
uni.navigateTo({ |
this.getExpressAll() |
||||||
url: "/pages/news3/LogisticsInquiry" |
|
||||||
}) |
|
||||||
}, |
}, |
||||||
|
methods: { |
||||||
|
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 |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 物流 |
||||||
|
*/ |
||||||
|
async getExpressAll() { |
||||||
|
let { |
||||||
|
status, |
||||||
|
message, |
||||||
|
data |
||||||
|
} = await newFunApi.expressAll(); |
||||||
|
if (status == 200) { |
||||||
|
this.expressList = data.list; |
||||||
|
} |
||||||
|
}, |
||||||
|
onLogistics() { |
||||||
|
uni.navigateTo({ |
||||||
|
url: "/pages/news3/LogisticsDetails?logisticsNum=" + this.form.logisticsNo |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
</script> |
</script> |
||||||
|
|
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||||
page{ |
page { |
||||||
min-height: 100%; |
min-height: 100%; |
||||||
background-color: #F7F8FA; |
background-color: #F7F8FA; |
||||||
|
|
||||||
} |
|
||||||
.selectContent{ |
|
||||||
border-top:1px solid transparent; |
|
||||||
margin-top:6upx; |
|
||||||
padding-bottom: 100upx; |
|
||||||
} |
|
||||||
::v-deep .u-border-bottom:after{ |
|
||||||
border:none; |
|
||||||
} |
|
||||||
::v-deep .u-field{ |
|
||||||
padding:30upx; |
|
||||||
} |
|
||||||
::v-deep .uni-input-wrapper{ |
|
||||||
text-align: right; |
|
||||||
} |
|
||||||
.wuliu{ |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
.getWuliu{ |
|
||||||
width: 130upx; |
|
||||||
height: 56upx; |
|
||||||
background: #FFFFFF; |
|
||||||
border-radius: 19px 19px 19px 19px; |
|
||||||
opacity: 1; |
|
||||||
border: 1px solid #F55349; |
|
||||||
|
|
||||||
font-size: 24upx; |
|
||||||
font-family: PingFang SC, PingFang SC; |
|
||||||
font-weight: 400; |
|
||||||
color: #F55349; |
|
||||||
line-height: 52upx; |
|
||||||
text-align: center; |
|
||||||
margin-right:30upx; |
|
||||||
|
|
||||||
} |
} |
||||||
} |
|
||||||
.recordList{ |
.selectContent { |
||||||
padding:30upx; |
border-top: 1px solid transparent; |
||||||
.recordItem{ |
margin-top: 6upx; |
||||||
.recordTitle{ |
padding-bottom: 100upx; |
||||||
|
} |
||||||
font-size: 28upx; |
|
||||||
|
::v-deep .u-border-bottom:after { |
||||||
|
border: none; |
||||||
|
} |
||||||
|
|
||||||
|
::v-deep .u-field { |
||||||
|
padding: 30upx; |
||||||
|
} |
||||||
|
|
||||||
|
::v-deep .uni-input-wrapper { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
|
||||||
|
::v-deep .u-label { |
||||||
|
flex: auto !important |
||||||
|
} |
||||||
|
|
||||||
|
.wuliu { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.getWuliu { |
||||||
|
width: 130upx; |
||||||
|
height: 56upx; |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 19px 19px 19px 19px; |
||||||
|
opacity: 1; |
||||||
|
border: 1px solid #F55349; |
||||||
|
|
||||||
|
font-size: 24upx; |
||||||
font-family: PingFang SC, PingFang SC; |
font-family: PingFang SC, PingFang SC; |
||||||
font-weight: 400; |
font-weight: 400; |
||||||
color: #353535; |
color: #F55349; |
||||||
|
line-height: 52upx; |
||||||
} |
|
||||||
.picList{ |
|
||||||
display: flex; |
|
||||||
flex-wrap: wrap; |
|
||||||
align-items: center; |
|
||||||
justify-content: space-between; |
|
||||||
margin:12upx 0; |
|
||||||
text-align: center; |
text-align: center; |
||||||
image{ |
margin-right: 30upx; |
||||||
width: 200upx; |
|
||||||
height: 160upx; |
} |
||||||
|
} |
||||||
|
|
||||||
|
.recordList { |
||||||
|
padding: 30upx; |
||||||
|
|
||||||
|
.recordItem { |
||||||
|
.recordTitle { |
||||||
|
|
||||||
|
font-size: 28upx; |
||||||
|
font-family: PingFang SC, PingFang SC; |
||||||
|
font-weight: 400; |
||||||
|
color: #353535; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.picList { |
||||||
|
display: flex; |
||||||
|
flex-wrap: wrap; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
margin: 12upx 0; |
||||||
|
text-align: center; |
||||||
|
|
||||||
|
image { |
||||||
|
width: 200upx; |
||||||
|
height: 160upx; |
||||||
|
|
||||||
|
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
|
||||||
.footerBtn{ |
.footerBtn { |
||||||
width: 80%; |
width: 86%; |
||||||
|
height: 88upx; |
||||||
height: 100rpx; |
background: #FF5050; |
||||||
background: #FFAAA4; |
border-radius: 36px 36px 36px 36px; |
||||||
border-radius: 6px 6px 6px 6px; |
opacity: 1; |
||||||
opacity: 1; |
font-size: 28upx; |
||||||
margin:0 auto; |
font-family: PingFang SC, PingFang SC; |
||||||
margin-top:40upx; |
font-weight: 500; |
||||||
font-size: 28upx; |
color: #FFFFFF; |
||||||
font-family: PingFang SC, PingFang SC; |
line-height: 88upx; |
||||||
font-weight: 500; |
text-align: center; |
||||||
color: #FFFFFF; |
margin: 96upx auto 0 auto; |
||||||
text-align: center; |
|
||||||
line-height: 100upx; |
} |
||||||
|
</style> |
||||||
} |
|
||||||
|
|
||||||
</style> |
|
||||||
|
|||||||
Loading…
Reference in new issue