页面修改

This commit is contained in:
zmj 2023-11-16 14:02:52 +08:00
parent 41d647bbc2
commit e23f57f911
2 changed files with 437 additions and 474 deletions

View File

@ -5,18 +5,14 @@
</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,19 +103,8 @@
</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>
<script>
@ -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 => {
@ -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>

View File

@ -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("请输入金额")