怎加区域导航

6 months ago · 0a9cd1b9c1
parent f3c74793e5
commit 0a9cd1b9c1
4 changed files with 106 additions and 3 deletions
--- a/tongyuan_fz_h5/pages.json
+++ b/tongyuan_fz_h5/pages.json
@ -71,6 +71,14 @@
 				"navigationBarTitleText" : "分诊信息",
 				"enablePullDownRefresh" : false
 			}
+		},
+		{
+			"path" : "pages/fenzhen/map",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh" : false
+			}
 		}
 		
 	],
--- a/tongyuan_fz_h5/pages/fenzhen/fenzhen_paidui.vue
+++ b/tongyuan_fz_h5/pages/fenzhen/fenzhen_paidui.vue
@ -4,6 +4,7 @@
 			<view class="name">{{userInfo.name}} <span style="font-size: 30rpx;">
 					{{userInfo.sex==1?'男':userInfo.sex==2?'女':''}} | {{userInfo.age}}岁</span> <span
 					style="font-size: 30rpx;" v-if=" userInfo.reg_number">卡号：{{userInfo.reg_number}}</span></view>
+					<view class="daohang_button" @click="daohang()">导航</view>
 			<!-- 	 <view class="riqi">体检套餐：{{userInfo.comboName}}</view>
 			 <view class="riqi">体检日期：{{userInfo.appointment_date}}</view> -->
 		</view>
@ -98,6 +99,13 @@
 			</view>

 		</view>
+		<uni-popup ref="TiShiPopupRef" style="z-index: 999;">
+			<view class="tishi_main">
+				<view class="tishi_title">选择区域</view>
+				 <view class="quyu_button" style="background-color: #fc924a;" @click="toMap(1)">男宾区</view>
+				 <view class="quyu_button"  @click="toMap(2)">女宾区</view>
+			</view>
+		</uni-popup>
 	</view>
 </template>

@ -125,6 +133,7 @@
 	let hospital = ref('')
 	let refreshInterval = ref(null) // 用于保存定时器引用
 	let tip = ref([]);
+	let TiShiPopupRef=ref(null)
 	const ChaXunFenZhenInfo = async (info) => {
 		wancheng_count.value = 0;
 		FenZhenGetTiJianLine({
@ -156,7 +165,21 @@
 			ChaXunFenZhenInfo()
 		}, 10000) // 每5秒刷新一次
 	}
-
+	const daohang=()=>{
+		TiShiPopupRef.value.open()
+	}
+	const toMap=(type)=>{
+		// uni.navigateTo({
+		// 	url:'/pages/fenzhen/map?type='+type
+		// })
+		if(type==1){
+			window.location.href='https://ccty-fz.sixinyun.com/map/nan.jpg'
+		}
+		if(type==2){
+			window.location.href='https://ccty-fz.sixinyun.com/map/nv.jpg'
+		}
+		
+	}
 	onMounted(() => {

 	})
@ -179,6 +202,7 @@
 </script>

 <style scoped>
+
 	.fenzhen_info {
 		padding: 30rpx;
 	}
@ -188,8 +212,20 @@
 		border-radius: 20rpx;
 		padding: 30rpx 40rpx;
 		color: #fff;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;

 	}
+	.daohang_button{
+		width: 100rpx;
+		border: 1px solid #fff;
+		height: 60rpx;
+		line-height: 60rpx;
+		text-align: center;
+		border-radius: 20rpx;
+		background-color: #fc924a;
+	}

 	.shuzi {
 		font-weight: 700;
@ -313,4 +349,28 @@
 		color: #ff573a;
 		font-weight: 700;
 	}
+	.tishi_main{
+		background-color: #fff;
+		padding: 40rpx 50rpx;
+		width:500rpx;
+		border-radius: 40rpx;
+	}
+	.tishi_title{
+		text-align: center;
+		font-size: 30rpx;
+		font-weight: 600;
+		color:#2b2827;
+	}
+	.quyu_button{
+		width: 80%;
+		background-color: #01cfde;
+		text-align: center;
+		margin-top: 20rpx;
+		margin-left: auto;
+		margin-right: auto;
+		color: #fff;
+		border-radius: 50rpx;
+		height: 60rpx;
+		line-height: 60rpx;
+	}
 </style>
--- a/tongyuan_fz_h5/pages/fenzhen/map.vue
+++ b/tongyuan_fz_h5/pages/fenzhen/map.vue
@ -0,0 +1,35 @@
+<template>
+	<view style="overflow: hidden;">
+		 
+		<cover-image style="width: 100%;"  :src="mapurl"></cover-image>
+	</view>
+</template>
+
+<script setup>
+	import {
+		ref,
+		onMounted,
+		nextTick,
+		onUnmounted
+	} from 'vue'
+	import {
+		onShow,
+		onLoad
+	} from '@dcloudio/uni-app'
+	let mapurl=ref(null);
+	onLoad((e)=>{
+		console.log(e)
+		if(e.type && e.type==1){
+			mapurl.value='https://ccty-fz.sixinyun.com/map/nan.jpg'
+		}
+		if(e.type && e.type==2){
+			mapurl.value='https://ccty-fz.sixinyun.com/map/nv.jpg'
+		}
+	})
+	
+ 
+</script>
+
+<style>
+
+</style>
--- a/tongyuan_fz_h5/unpackage/dist/build/web/index.html
+++ b/tongyuan_fz_h5/unpackage/dist/build/web/index.html
@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
  <head>
-    <link rel="stylesheet" href="/h5/assets/uni.fd7900b0.css">
+    <link rel="stylesheet" href="/h5/assets/uni.a8ea6d1d.css">

    <meta charset="UTF-8" />
    <script>
@ -14,7 +14,7 @@
    <title>MemberMngr</title>
    <!--preload-links-->
    <!--app-context-->
-    <script type="module" crossorigin src="/h5/assets/index-515904ee.js"></script>
+    <script type="module" crossorigin src="/h5/assets/index-3a513f44.js"></script>
    <link rel="stylesheet" href="/h5/assets/index-533083b3.css">
  </head>
  <body>