页面修改

pages/logistics/deliveryDetil.vue

@@ -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-image class="map_btn" @tap="test" src="../../static/img/logistics/DH.png">
-							</cover-view>
-							<cover-image v-else 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>
+</template>
-			</u-overlay>
-		</view>
-	</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%);
 
 	}
-
+</style>
-		.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>

subpkg/buyShare/buyShare.vue

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