|
|
@@ -4,30 +4,44 @@
|
|
|
<!-- <u-navbar title="发运详情" :bgColor="bgColor" @leftClick='back' :placeholder='true' leftIconColor="#fff" titleStyle='color:#fff'
|
|
|
:rightText='caseText' @rightClick="rightClick">
|
|
|
</u-navbar> -->
|
|
|
- <u-navbar title="发运详情" :bgColor="bgColor" @leftClick='back' :placeholder='true' leftIconColor="#fff"
|
|
|
- titleStyle='color:#fff'>
|
|
|
+ <!-- <u-navbar leftText="发运详情" height="50" :bgColor="bgColor" @leftClick='back' :placeholder='true'
|
|
|
+ leftIconColor="#fff" :titleStyle='titleStyle' leftIconSize='38rpx' rightIcon>
|
|
|
+ </u-navbar> -->
|
|
|
+ <u-navbar :placeholder='true' :bgColor="bgColor">
|
|
|
+ <view class="u-nav-slot nav-left" slot="left">
|
|
|
+ <u-icon name="arrow-left" size="19" color="#fff"></u-icon>
|
|
|
+ <text style="margin-left:20rpx;">发运详情</text>
|
|
|
+ <!-- <u-line direction="column" :hairline="false" length="16" margin="0 8px"></u-line>
|
|
|
+ <u-icon name="home" size="20"></u-icon> -->
|
|
|
+ </view>
|
|
|
+ <view class="u-nav-slot nav-right" slot="right">
|
|
|
+ <text class="case-style" @click="rightClick">已关注</text>
|
|
|
+ <image src="../../static/fenxiang.png" mode="widthFix" style="width: 40rpx;" @click="share"></image>
|
|
|
+ </view>
|
|
|
</u-navbar>
|
|
|
<view class="top-bgc"></view>
|
|
|
<view class="content-move">
|
|
|
<view class="content1">
|
|
|
<view class="row1 flex flex-space-between">
|
|
|
<view class="left flex">
|
|
|
- <u--image :src="detailData.cargoOwnerPortrait?detailData.cargoOwnerPortrait:'../../static/images/mine/tx.png'" width='122rpx' height='122rpx' shape="circle">
|
|
|
+ <u--image
|
|
|
+ :src="detailData.cargoOwnerPortrait?detailData.cargoOwnerPortrait:'../../static/images/mine/tx.png'"
|
|
|
+ width='122rpx' height='122rpx' shape="circle">
|
|
|
</u--image>
|
|
|
<view class="fontsize-46 ml20">{{detailData.cargoOwnerCall}}</view>
|
|
|
</view>
|
|
|
<view class="right">
|
|
|
<view class="flex">
|
|
|
- <view class="call fontsize-28" @click="$helper.contactCustomerService(detailData.cargoOwnerPhone)">
|
|
|
- <image style='width:12px;height:12px;margin-right:4px;' src="../../static/images/goodSource/dianhua.png" mode=""></image>联系货主
|
|
|
+ <view class="call fontsize-28"
|
|
|
+ @click="$helper.contactCustomerService(detailData.cargoOwnerPhone)">
|
|
|
+ <image style='width:12px;height:12px;margin-right:4px;'
|
|
|
+ src="../../static/images/goodSource/dianhua.png" mode=""></image>联系货主
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="row">
|
|
|
- <view class="flex">
|
|
|
- {{detailData.cargoOwner}}
|
|
|
- </view>
|
|
|
+ <view class="row hztype-style">
|
|
|
+ {{detailData.cargoOwner}}
|
|
|
</view>
|
|
|
<!-- 当前版本不做 -->
|
|
|
<view class="row3 flex fontsize-24">
|
|
|
@@ -75,7 +89,8 @@
|
|
|
<view class="left">距离</view>
|
|
|
<view class="right flex align-center">
|
|
|
<view>运输距离约{{detailData.distance}}公里</view>
|
|
|
- <image @click="toMap()" style='width:14px;height:14px;margin-left:4px;' src="../../static/images/goodSource/dituzuobiao.png" mode=""></image>
|
|
|
+ <image @click="toMap()" style='width:14px;height:14px;margin-left:4px;'
|
|
|
+ src="../../static/images/goodSource/dituzuobiao.png" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="flex align-center">
|
|
|
@@ -83,31 +98,38 @@
|
|
|
<view class="right">{{detailData.freightPrice}}元/吨</view>
|
|
|
</view>
|
|
|
<view class="flex msx20">
|
|
|
- <view class="left">发布</view>
|
|
|
+ <view class="left">日期</view>
|
|
|
<view class="right">
|
|
|
<view class="in-row flex">
|
|
|
+ <text style="margin-right: 40rpx;">发布</text>
|
|
|
<view class="time">{{detailData.createDate}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="flex msx20">
|
|
|
- <view class="left">装车</view>
|
|
|
+ <view class="left"></view>
|
|
|
<view class="right">
|
|
|
<view class="in-row flex">
|
|
|
- <view class="time" v-if='detailData.loadingDateStart=="随时"&&detailData.loadingDateEnd=="随时"'>{{detailData.loadingDateStart}}</view>
|
|
|
- <view class="time" v-else>{{detailData.loadingDateStart}}~{{detailData.loadingDateEnd}}</view>
|
|
|
+ <text style="margin-right: 40rpx;">装车</text>
|
|
|
+ <view class="time"
|
|
|
+ v-if='detailData.loadingDateStart=="随时"&&detailData.loadingDateEnd=="随时"'>
|
|
|
+ {{detailData.loadingDateStart}}
|
|
|
+ </view>
|
|
|
+ <view class="time" v-else>{{detailData.loadingDateStart}}~{{detailData.loadingDateEnd}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="flex align-center">
|
|
|
<view class="left">车型</view>
|
|
|
<view v-if='carLength!=""&&carType!="不限"&&carWeight!=""' class="right">
|
|
|
- {{carLength}} |
|
|
|
+ {{carLength}} |
|
|
|
<text v-if='carType!="不限"'> {{carType}} </text>
|
|
|
- | {{carWeight}}</view>
|
|
|
- <view class="right" v-else>不限</view>
|
|
|
+ | {{carWeight}}
|
|
|
+ </view>
|
|
|
+ <view class="right" v-else>不限</view>
|
|
|
</view>
|
|
|
- <view class="flex mt20">
|
|
|
+ <view class="flex mt20">
|
|
|
<view class="left">描述</view>
|
|
|
<view class="right">
|
|
|
{{detailData.taskDescription?detailData.taskDescription:'无'}}
|
|
|
@@ -124,9 +146,10 @@
|
|
|
<u-button type="error" text="已抢单" disabled></u-button>
|
|
|
</view> -->
|
|
|
</view>
|
|
|
- <u-toast ref="uToast"></u-toast>
|
|
|
+ <u-toast ref="uToast"></u-toast>
|
|
|
<u-modal :show="isShowAlert" :title="alertTitle" :closeOnClickOverlay='true' :showCancelButton='true'
|
|
|
- confirmColor='#2772FB' @confirm="$u.throttle(confirmClick(), 1000)" @close="cancelClick" @cancel="cancelClick"></u-modal>
|
|
|
+ confirmColor='#2772FB' @confirm="$u.throttle(confirmClick(), 1000)" @close="cancelClick"
|
|
|
+ @cancel="cancelClick"></u-modal>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -138,6 +161,11 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ titleStyle: {
|
|
|
+ "fontSize": "38rpx",
|
|
|
+ "fontWeight": 500,
|
|
|
+ "color": "#FFFFFF"
|
|
|
+ },
|
|
|
isShowAlert: false,
|
|
|
alertTitle: '确定抢单？',
|
|
|
caseText: '关注',
|
|
|
@@ -202,6 +230,9 @@
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
+ share() {
|
|
|
+ console.log('share')
|
|
|
+ },
|
|
|
rightClick() {
|
|
|
uni.$u.toast('后台接口未写');
|
|
|
// 关注
|
|
|
@@ -229,15 +260,15 @@
|
|
|
});
|
|
|
},
|
|
|
toMap() {
|
|
|
- uni.setStorageSync('sendaddress',{
|
|
|
- sendLatitude:this.detailData.sendLatitude,
|
|
|
- sendLongitude:this.detailData.sendLongitude,
|
|
|
- })
|
|
|
- uni.setStorageSync('unsendaddress',{
|
|
|
- unsendLatitude:this.detailData.unsendLatitude,
|
|
|
- unsendLongitude:this.detailData.unsendLongitude,
|
|
|
- })
|
|
|
- uni.setStorageSync('distance',this.detailData.distance,)
|
|
|
+ uni.setStorageSync('sendaddress', {
|
|
|
+ sendLatitude: this.detailData.sendLatitude,
|
|
|
+ sendLongitude: this.detailData.sendLongitude,
|
|
|
+ })
|
|
|
+ uni.setStorageSync('unsendaddress', {
|
|
|
+ unsendLatitude: this.detailData.unsendLatitude,
|
|
|
+ unsendLongitude: this.detailData.unsendLongitude,
|
|
|
+ })
|
|
|
+ uni.setStorageSync('distance', this.detailData.distance, )
|
|
|
uni.$u.route('/pages/goodSource/map', {
|
|
|
id: 1,
|
|
|
});
|
|
|
@@ -259,78 +290,78 @@
|
|
|
confirmClick() {
|
|
|
let item = this.detailData
|
|
|
console.log(item)
|
|
|
- var that=this
|
|
|
+ var that = this
|
|
|
this.$request.baseRequest('get', '/driverInfo/firstAuthentication', {
|
|
|
driverPhone: this.userInfo.phone,
|
|
|
}).then(res2 => {
|
|
|
- if(res2.data.authenticationStatus=='已过期'){
|
|
|
+ if (res2.data.authenticationStatus == '已过期') {
|
|
|
that.$refs.uToast.show({
|
|
|
type: 'error',
|
|
|
message: '证件已过期,请上传新证件！',
|
|
|
})
|
|
|
return
|
|
|
- }else if(res2.data.authenticationStatus=='未认证'||res2.data.authenticationStatus=='已驳回'){
|
|
|
+ } else if (res2.data.authenticationStatus == '未认证' || res2.data.authenticationStatus ==
|
|
|
+ '已驳回') {
|
|
|
that.$refs.uToast.show({
|
|
|
type: 'error',
|
|
|
message: '请先完成司机认证！',
|
|
|
})
|
|
|
return
|
|
|
- }
|
|
|
- else if(res2.data.authenticationStatus=='审核中'){
|
|
|
+ } else if (res2.data.authenticationStatus == '审核中') {
|
|
|
that.$refs.uToast.show({
|
|
|
type: 'error',
|
|
|
message: '司机审核中！',
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
- let _obj = {
|
|
|
- driverCommonId: res2.data.commonId,
|
|
|
- commonId: item.commonId,
|
|
|
- id:item.id,
|
|
|
- compId:item.compId,
|
|
|
- cargoOwnerName: item.cargoOwnerReallyName,
|
|
|
- cargoOwner: item.cargoOwner,
|
|
|
- sendPrivate: item.sendPrivate,
|
|
|
- sendCity: item.sendCity,
|
|
|
- sendArea: item.sendArea,
|
|
|
- sendDetailedAddress: item.sendDetailedAddress,
|
|
|
- unloadPrivate: item.unloadPrivate,
|
|
|
- unloadCity: item.unloadCity,
|
|
|
- unloadArea: item.unloadArea,
|
|
|
- unloadDetailedAddress: item.unloadDetailedAddress,
|
|
|
- goodsName: item.goodsName,
|
|
|
- distance: item.distance,
|
|
|
- freightPrice: item.freightPrice,
|
|
|
- driverName: res2.data.driverName,
|
|
|
- driverPhone: res2.data.driverPhone,
|
|
|
- cargoOwnerPhone: item.cargoOwnerPhone
|
|
|
- }
|
|
|
+ let _obj = {
|
|
|
+ driverCommonId: res2.data.commonId,
|
|
|
+ commonId: item.commonId,
|
|
|
+ id: item.id,
|
|
|
+ compId: item.compId,
|
|
|
+ cargoOwnerName: item.cargoOwnerReallyName,
|
|
|
+ cargoOwner: item.cargoOwner,
|
|
|
+ sendPrivate: item.sendPrivate,
|
|
|
+ sendCity: item.sendCity,
|
|
|
+ sendArea: item.sendArea,
|
|
|
+ sendDetailedAddress: item.sendDetailedAddress,
|
|
|
+ unloadPrivate: item.unloadPrivate,
|
|
|
+ unloadCity: item.unloadCity,
|
|
|
+ unloadArea: item.unloadArea,
|
|
|
+ unloadDetailedAddress: item.unloadDetailedAddress,
|
|
|
+ goodsName: item.goodsName,
|
|
|
+ distance: item.distance,
|
|
|
+ freightPrice: item.freightPrice,
|
|
|
+ driverName: res2.data.driverName,
|
|
|
+ driverPhone: res2.data.driverPhone,
|
|
|
+ cargoOwnerPhone: item.cargoOwnerPhone
|
|
|
+ }
|
|
|
|
|
|
- that.$request.baseRequest('post', '/publishTaskInfo/api/addOrder', _obj).then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- that.$refs.uToast.show({
|
|
|
- type: 'success',
|
|
|
- message: "抢单成功！",
|
|
|
- complete() {
|
|
|
- uni.switchTab({
|
|
|
- url: "/pages/order/index"
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- }else{
|
|
|
- that.$refs.uToast.show({
|
|
|
- type: 'error',
|
|
|
- message: res.message,
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(res => {
|
|
|
- uni.$u.toast(res.message);
|
|
|
- });
|
|
|
- }).catch(res => {
|
|
|
- uni.$u.toast(res.message);
|
|
|
- });
|
|
|
+ that.$request.baseRequest('post', '/publishTaskInfo/api/addOrder', _obj).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ that.$refs.uToast.show({
|
|
|
+ type: 'success',
|
|
|
+ message: "抢单成功！",
|
|
|
+ complete() {
|
|
|
+ uni.switchTab({
|
|
|
+ url: "/pages/order/index"
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ } else {
|
|
|
+ that.$refs.uToast.show({
|
|
|
+ type: 'error',
|
|
|
+ message: res.message,
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(res => {
|
|
|
+ uni.$u.toast(res.message);
|
|
|
+ });
|
|
|
+ }).catch(res => {
|
|
|
+ uni.$u.toast(res.message);
|
|
|
+ });
|
|
|
this.isShowAlert = false
|
|
|
},
|
|
|
cancelClick() {
|
|
|
@@ -350,6 +381,7 @@
|
|
|
}
|
|
|
|
|
|
.top-bgc {
|
|
|
+ padding-top: 30rpx;
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
height: 519rpx;
|
|
|
@@ -366,9 +398,20 @@
|
|
|
background: white;
|
|
|
margin: 0 20rpx;
|
|
|
border-radius: 20rpx;
|
|
|
- padding: 0 30rpx;
|
|
|
+
|
|
|
+ // padding: 0 46rpx;
|
|
|
+ .hztype-style {
|
|
|
+ width: 100%;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #121212;
|
|
|
+ padding: 0 0 20rpx 46rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ border-bottom: 2px dotted #ccc
|
|
|
+ }
|
|
|
|
|
|
.row1 {
|
|
|
+ padding: 0 46rpx;
|
|
|
+
|
|
|
.left {
|
|
|
position: relative;
|
|
|
top: -50rpx;
|
|
|
@@ -386,7 +429,7 @@
|
|
|
|
|
|
.row4 {
|
|
|
align-items: center;
|
|
|
- padding-bottom: 20rpx;
|
|
|
+ padding: 0 46rpx 46rpx 46rpx;
|
|
|
margin-top: 20rpx;
|
|
|
|
|
|
.left {
|
|
|
@@ -429,7 +472,7 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
background: #E5F0FE;
|
|
|
- padding: 6rpx 30rpx;
|
|
|
+ padding: 10rpx 30rpx;
|
|
|
border-radius: 30rpx;
|
|
|
color: #2772FB;
|
|
|
}
|
|
|
@@ -443,12 +486,14 @@
|
|
|
border-radius: 20rpx;
|
|
|
margin: 20rpx;
|
|
|
padding: 30rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
|
|
|
.left {
|
|
|
color: #666666;
|
|
|
margin-right: 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
- width: 20%;
|
|
|
+ width: 8vw;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.right {
|
|
|
@@ -469,7 +514,7 @@
|
|
|
display: flex;
|
|
|
background: white;
|
|
|
justify-content: space-between;
|
|
|
- padding: 30rpx 20rpx;
|
|
|
+ padding: 40rpx 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
align-items: center;
|
|
|
|
|
|
@@ -488,6 +533,31 @@
|
|
|
color: white;
|
|
|
font-size: 28rpx;
|
|
|
border-radius: 40rpx;
|
|
|
- padding: 10rpx 30rpx;
|
|
|
+ padding: 20rpx 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nav-left {
|
|
|
+ display: flex;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 38rpx;
|
|
|
+ padding-top: 60rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nav-right {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding-top: 60rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+ .case-style {
|
|
|
+ margin-right: 20rpx;
|
|
|
+ background: rgba(255, 255, 255, 0.2);
|
|
|
+ border-radius: 32rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #FFFFFF;
|
|
|
+ padding: 6rpx 28rpx;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
