页面修改
This commit is contained in:
zmj
parent
41d647bbc2
commit
e23f57f911
@ -1,22 +1,18 @@
|
||||
<template>
|
||||
<template>
|
||||
<view>
|
||||
<view v-if='showLoading'>
|
||||
<u-loading-page :loading="showLoading"></u-loading-page>
|
||||
</view>
|
||||
<view v-else>
|
||||
<view class="content">
|
||||
<!-- <u-toast ref="uToast"></u-toast> -->
|
||||
<u-toast ref="uToast"></u-toast>
|
||||
<view class="map">
|
||||
<map :class="mapClass" id="map" @markertap='mapFun' :enable-zoom="true" :polyline="polyline"
|
||||
:markers='markers' :scale="scale" style="width:100%;height: 70%;background-color: red;"
|
||||
:markers='markers' :scale="scale" style="width:100%;height: 70%;"
|
||||
:latitude="markers[0].latitude" :enable-scroll="true" :longitude="markers[0].longitude">
|
||||
<cover-view class="cover" v-if="showToast">
|
||||
</cover-view>
|
||||
<cover-image v-else class="map_btn" @tap="test" src="../../static/img/logistics/DH.png">
|
||||
<cover-image class="map_btn" @tap="test" src="../../static/img/logistics/DH.png">
|
||||
</cover-image>
|
||||
|
||||
</map>
|
||||
|
||||
<view class="map_address">
|
||||
<view style="display: flex;">
|
||||
<view style="flex-shrink: 0;margin-right: 16rpx;"><text class="cir"
|
||||
@ -77,7 +73,7 @@
|
||||
<view class="goods-tit" style="align-items: center;"
|
||||
v-for="(item,index) in goodsDetil.product" :key="index">
|
||||
<u--image style="flex: 2;" radius='10' :showLoading="true" :src="item.goods_pic"
|
||||
width="100rpx" height="100rpx"></u--image>
|
||||
width="100rpx" height="100rpx" @click="click"></u--image>
|
||||
<text style="flex: 6;">{{item.goods_name}}</text>
|
||||
|
||||
<!-- <text style="flex: 1;">X{{item.product_num}}{{item.goods_unit}}</text> -->
|
||||
@ -107,22 +103,11 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 组件 -->
|
||||
<u-overlay :show="showToast" @click="showToast = false">
|
||||
<!-- <u-overlay :show="false" @click="showToast = false"> -->
|
||||
<view class="warp">
|
||||
<view class="rect">
|
||||
<view class="cont">
|
||||
骑手取货完成
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</u-overlay>
|
||||
</view>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
<script>
|
||||
import {
|
||||
getDetil
|
||||
} from "@/api/logistics.js"
|
||||
@ -135,7 +120,6 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showToast: false,
|
||||
is_captain: 0,
|
||||
mapClass: 'custom-map',
|
||||
showLoading: true,
|
||||
@ -278,7 +262,14 @@
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
showToast() {
|
||||
this.$refs.uToast.show({
|
||||
type: 'success',
|
||||
title: '成功主题(带图标)',
|
||||
message: "操作成功",
|
||||
iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png'
|
||||
})
|
||||
},
|
||||
mapFun() {
|
||||
uni.openLocation({
|
||||
latitude: Number(this.goodsDetil.logistics.shop_lat),
|
||||
@ -288,7 +279,14 @@
|
||||
scale: 15,
|
||||
});
|
||||
},
|
||||
|
||||
showToast() {
|
||||
this.$refs.uToast.show({
|
||||
type: 'success',
|
||||
title: '成功主题(带图标)',
|
||||
message: "操作成功",
|
||||
iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png'
|
||||
})
|
||||
},
|
||||
getDriverLine() {
|
||||
const that = this;
|
||||
const key = "997c9a3d88154fa78f4d28bebc1dd84f";
|
||||
@ -331,13 +329,13 @@
|
||||
},
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
qrqodeFn() {
|
||||
|
||||
|
||||
this.showToast = true
|
||||
return
|
||||
|
||||
let that = this
|
||||
console.log(6666)
|
||||
uni.scanCode({
|
||||
onlyFromCamera: true,
|
||||
success: function(res) {
|
||||
@ -347,14 +345,14 @@
|
||||
},
|
||||
// 取货{}
|
||||
takeGood(sn) {
|
||||
console.log(takeGoods)
|
||||
takeGoods({
|
||||
logistics_id: this.goodsDetil.logistics.id,
|
||||
order_id: this.goodsDetil.logistics.order_id,
|
||||
order_sn: sn
|
||||
}).then((res, err) => {
|
||||
this.showToast = true
|
||||
this.showToast()
|
||||
setTimeout(() => {
|
||||
this.showToast = false
|
||||
uni.navigateBack()
|
||||
}, 1000)
|
||||
}).catch(err => {
|
||||
@ -381,9 +379,9 @@
|
||||
})
|
||||
},
|
||||
}
|
||||
</script>
|
||||
</script>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
<style lang='scss' scoped>
|
||||
.custom-map /deep/ .polyline {
|
||||
stroke-width: 20px;
|
||||
}
|
||||
@ -483,34 +481,4 @@
|
||||
transform: translateX(-50%);
|
||||
|
||||
}
|
||||
|
||||
.rect {
|
||||
width: 455.61rpx;
|
||||
height: 210.28rpx;
|
||||
background-color: white;
|
||||
border-radius: 21.03rpx 21.03rpx 21.03rpx 21.03rpx;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.cont {
|
||||
color: #0022C7;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 35.05rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.cover {
|
||||
/* width: 100rpx;
|
||||
height: 100rpx;
|
||||
background-color: red; */
|
||||
z-index: 999999;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
@ -32,9 +32,7 @@
|
||||
<u--input style="border: 1px solid #CCCCCC;" :readonly='isDisabled' placeholder="请输入金额"
|
||||
type='number' border="surround" v-model="amount"></u--input>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="" v-if="!file">
|
||||
<lsjUpload ref="lsjUpload" childId="upload1" :size="10" :option="fileOption" height="200rpx"
|
||||
style="margin-top: 28rpx;" :debug="false" :formats="'png,jpg,jpeg,pdf,webp'" :multiple="false"
|
||||
@ -139,10 +137,7 @@
|
||||
uni.navigateTo({
|
||||
url: `/subpkg/pdfView/pdfView?url=${fileSrc}`
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
async submitFn() {
|
||||
if (!this.amount) return Toast("请输入金额")
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user