From 1694f91e7a85fbedca23a9bfb769ba0e3b9a047c Mon Sep 17 00:00:00 2001
From: mc <393918995@qq.com>
Date: Thu, 4 Sep 2025 09:23:03 +0800
Subject: [PATCH] 1

---
 App.vue                                    |   4 +
 components/pageanimation/pageanimation.vue |  13 +-
 pages.json                                 |  15 ++
 pages/index.vue                            |  21 ++-
 pages/pages/details.vue                    | 184 ++++++++++++++++-----
 pages/pages/history.vue                    |  18 +-
 pages/pages/setUp.vue                      |  10 +-
 pages/pages/warningInformation.vue         |  10 +-
 pages/signIn.vue                           |  22 ++-
 9 files changed, 221 insertions(+), 76 deletions(-)

diff --git a/App.vue b/App.vue
index eb33ca0..0a64e24 100644
--- a/App.vue
+++ b/App.vue
@@ -1,8 +1,11 @@
 <script>
 	import soket from "/utils/soket.js"
+	import upapp from "/utils/upapp.js"
 	export default {
 		onLaunch: function() {
 			// 生成设备唯一码
+			// upapp()
+			
 			let _Android =uni.getStorageSync('cid') || new Date().getTime()
 			// #ifdef APP
 			// 获取设备码
@@ -33,6 +36,7 @@
 			// #endif
 		},
 		onShow: function() {
+			
 			console.log('App Show')
 		},
 		onHide: function() {
diff --git a/components/pageanimation/pageanimation.vue b/components/pageanimation/pageanimation.vue
index 8719ac7..7517995 100644
--- a/components/pageanimation/pageanimation.vue
+++ b/components/pageanimation/pageanimation.vue
@@ -37,16 +37,11 @@
 				})
 			},500)
 		}
+		uni.$emit('back',Props.modelValue)
 	})
-	onBackPress(() => {
-		if (Props.modelValue) {
-			Props.modelValue=false;
-			
-			Emits("update:modelValue",false)
-			return true;
-		} else {
-			return false;
-		}
+	uni.$on('close',()=>{
+		Props.modelValue=false;
+		Emits("update:modelValue",false)
 	})
 	
 </script>
diff --git a/pages.json b/pages.json
index 04417a3..70d1c3c 100644
--- a/pages.json
+++ b/pages.json
@@ -17,6 +17,21 @@
 			"style": {
 				"navigationStyle": "custom"
 			}
+		},
+		{
+		    "path": "pages/upapp",
+		    "style": {
+		        "app-plus": {
+		            "animationDuration": 200,
+		            "animationType": "fade-in",
+		            "background": "transparent",
+		            "backgroundColorTop": "transparent",
+		            "popGesture": "none",
+		            "scrollIndicator": false,
+		            "titleNView": false
+		        },
+		        "disableScroll": true
+		    }
 		}
 		
 		
diff --git a/pages/index.vue b/pages/index.vue
index 05c068e..b4ee1c2 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -102,6 +102,7 @@
 	import passingTheCar from "./pages/passingTheCar.vue"
 	import warningInformation from "./pages/warningInformation.vue"
 	import qjcamera from "./pages/camera.vue"
+	
 	import {
 		nextTick,
 		ref,
@@ -113,8 +114,11 @@
 	} from "/appapi/index.js"
 
 	import {
+		onBackPress,
 		onShow
 	} from "@dcloudio/uni-app"
+	
+	// 页面管理
 	const refhistory = ref()
 	const refsetUp = ref()
 	const refcamera = ref()
@@ -124,7 +128,9 @@
 	const selectindex = ref("")
 	const showout = ref(false);
 	const showsignOut = ref(false);
-
+	// 结束
+    
+	// 设备
 	const allDevices = ref([])
 	const Devicesid = ref('')
 	// 子页面状态管理
@@ -132,7 +138,18 @@
 	nextTick(() => {
 		settab(0)
 	})
-
+	
+	// 处理子页面弹窗 和详情页面打开 返回关闭详情页面不关闭应用
+	let _isback=false;
+	uni.$on('back',(e)=>{
+		_isback=e;
+	})
+	onBackPress(()=>{
+		uni.$emit('close')
+		return _isback
+	})
+	
+	
 	uni.$on('LOGOUT', () => {
 		showout.value = true;
 	})
diff --git a/pages/pages/details.vue b/pages/pages/details.vue
index 57879c5..0b16679 100644
--- a/pages/pages/details.vue
+++ b/pages/pages/details.vue
@@ -10,19 +10,19 @@
 		<view class="rbox">
 			<block v-if="type==1">
 				<view class="fn" v-if="!yesok" @click="showupimg=true">暂扣</view>
-				<view class="fn red " :class="{aft:tips}" v-if="yesok" @click="showupimg=true">
+				<view class="fn red " :class="{aft:tips}" v-if="yesok" @click="setwithhold">
 					确认暂扣
 					<view class="tc" v-if="tips">
-						是否确定暂时扣行该车辆，请点击此按钮。
+						<image src="/static/dp.png"></image> 是否确定暂时扣行该车辆，请点击此按钮。
 					</view>
 				</view>
 			</block>
 			<block v-if="type==2">
 				<view class="fn fx" v-if="!yesok" @click="showupimg=true">放行</view>
-				<view class="fn yfx" :class="{aft:tips}" v-if="yesok" @click="showupimg=true">
+				<view class="fn yfx" :class="{aft:tips}" v-if="yesok" @click="setrelease">
 					确认放行
 					<view class="tc" v-if="tips">
-						是否确定放行该车辆，请点击此按钮。
+						<image src="/static/dp.png"></image> 是否确定放行该车辆，请点击此按钮。
 					</view>
 				</view>
 			</block>
@@ -31,7 +31,7 @@
 	<view class="detailspage" @click="tips=false">
 		<view class="time">
 			<view class="l">超速信息</view>
-			<view class="r">放行时间：2025-08-13 18:0</view>
+			<view class="r" v-if="info.releaseInfo?.releaseTime">放行时间：{{info.releaseInfo?.releaseTime}}</view>
 		</view>
 		<view class="form">
 			<view class="item">
@@ -39,55 +39,55 @@
 					车牌号码
 				</view>
 				<view class="txt">
-					<view class="number">晋MP6400</view>
+					<view class="number">{{info.basicInfo?.vehicleNumber}}</view>
 				</view>
 				<view class="title">超速等级</view>
 				<view class="txt">
-					超速10%-20%
+					{{info.overspeedInfo?.overspeedLevelInformation}}
 				</view>
 			</view>
 			<view class="item">
 				<view class="title">
-					设备001位置
+					设备{{info.intervalInfo?.startId}}位置
 				</view>
 				<view class="txt">
-					中国内蒙古自治区锡林郭勒盟西乌珠穆沁旗巴
-					<view>108.000000 / 109.293</view>
+					{{info.intervalInfo?.startDeviceJson?.position}}
+					<view>{{info.intervalInfo?.startDeviceJson?.longitude}} / {{info.intervalInfo?.startDeviceJson?.latitude}}</view>
 				</view>
 
 			</view>
 			<view class="item">
 				<view class="title">
-					设备002位置
+					设备{{info.intervalInfo?.endId}}位置
 				</view>
 				<view class="txt">
-					中国内蒙古自治区锡林郭勒盟西乌珠穆沁旗巴
-					<view>108.000000 / 109.293</view>
+					{{info.intervalInfo?.endDeviceJson?.position}}
+					<view>{{info.intervalInfo?.endDeviceJson?.longitude}} / {{info.intervalInfo?.endDeviceJson?.latitude}}</view>
 				</view>
-
+			
 			</view>
 			<view class="item">
 				<view class="title">
-					通过设备001时间
+					通过设备{{info.intervalInfo?.startId}}时间
 				</view>
 				<view class="txt">
-					2025-08-13 12:00:00
+					{{info.intervalInfo?.startDeviceTime}}
 				</view>
 				<view class="title">区间距离</view>
 				<view class="txt">
-					438公里
+					{{info.intervalInfo?.zoneDistanceText}}
 				</view>
 			</view>
 			<view class="item">
 				<view class="title">
-					通过设备001时间
+					通过设备{{info.intervalInfo?.endId}}时间
 				</view>
 				<view class="txt">
-					2025-08-13 12:00:00
+					{{info.intervalInfo?.endDeviceTime}}
 				</view>
 				<view class="title">区间限速</view>
 				<view class="txt">
-					80km/h
+					{{info.intervalInfo?.speedText}}
 				</view>
 			</view>
 			<view class="item">
@@ -95,11 +95,11 @@
 					最短行驶时长
 				</view>
 				<view class="txt">
-					4小时02分钟
+					{{info.intervalInfo?.passingTimeText}}
 				</view>
 				<view class="title">实际行驶时长</view>
 				<view class="txt">
-					3小时48分钟
+					{{info.overspeedInfo?.exerciseDurationText}}
 				</view>
 			</view>
 			<view class="item">
@@ -107,31 +107,31 @@
 					平均车速
 				</view>
 				<view class="txt">
-					100km/h
+					{{info.overspeedInfo?.averageSpeedText}}
 				</view>
 				<view class="title">待休息时长</view>
 				<view class="txt">
-					15分钟
+					{{info.overspeedInfo?.restDurationText}}
 				</view>
 			</view>
 		</view>
 		<view class="imgs">
 			<view class="item">
 				<view class="title">
-					设备001 抓取照片
+					设备{{info.intervalInfo?.startId}} 抓取照片
 				</view>
 				<view class="img">
-					<image src="/static/tjbj.png"></image>
-					<view class="time">2025-08-13 12:00:00</view>
+					<image @click="openimg(info.imageInfo?.startDeviceImage)" :src="info.imageInfo?.startDeviceImage"></image>
+					<view class="time">{{info.intervalInfo?.startDeviceTime}}</view>
 				</view>
 			</view>
 			<view class="item">
 				<view class="title">
-					设备001 抓取照片
+					设备{{info.intervalInfo?.endId}} 抓取照片
 				</view>
 				<view class="img">
-					<image src="/static/tjbj.png"></image>
-					<view class="time">2025-08-13 12:00:00</view>
+					<image @click="openimg(info.imageInfo?.endDeviceImage)" :src="info.imageInfo?.endDeviceImage"></image>
+					<view class="time">{{info.intervalInfo?.endDeviceTime}}</view>
 				</view>
 			</view>
 		</view>
@@ -142,18 +142,18 @@
 			<view class="tbody">
 				<view class="ul">
 					<view class="title">暂扣时间</view>
-					<view class="txt">2025-08-13 12:00:00</view>
+					<view class="txt">{{info.detainTime?.detainTime || '/'}}</view>
 					<view class="title">放行时间</view>
-					<view class="txt">/</view>
+					<view class="txt">{{info.releaseInfo?.releaseTime || '/'}}</view>
 				</view>
 				<view class="ul">
 					<view class="title">暂扣照片</view>
 					<view class="txt img">
-						<image src="/static/tjbj.png"></image>
+						<image  @click="openimg(info.imageInfo?.detainStartImage)"  v-if="info.imageInfo?.detainStartImage" :src="info.imageInfo?.detainStartImage"></image>
 					</view>
 					<view class="title">放行照片</view>
 					<view class="txt img">
-
+						<image @click="openimg(info.imageInfo?.releaseImage)" v-if="info.imageInfo?.releaseImage"  :src="info.imageInfo?.releaseImage"></image>
 					</view>
 				</view>
 			</view>
@@ -170,7 +170,7 @@
 				<image src="/static/k.png" v-if="type==1" mode=""></image>
 				<view class="txt">
 					<view class="typename">{{type==1?"车辆暂扣":'车辆放行'}}</view>
-					<view class="time" v-if="type==2">放行时间：2025-08-13 15:0</view>
+					<view class="time" v-if="type==2">放行时间：{{time}}</view>
 				</view>
 			</view>
 			<view class="upimg" @click="upimg">
@@ -191,15 +191,41 @@
 <script setup>
 	import evn from "/evn.js";
 	import {
-		ref
+		ref,
+		watch
 	} from "vue";
+	import {
+		getdetails,
+		detainVehicle,
+		releaseVehicle
+	} from "/appapi/index.js"
+
 	const type = ref("");
 	const showupimg = ref(false)
 	const yesok = ref(false);
 	const tips = ref(false)
-	const Emits = defineEmits(["opneinfo"])
+	const Emits = defineEmits(["opneinfo","refresh"])
 	const imgs = ref("")
+	const encoding=ref("")
+	const info=ref({})
 
+	const time=ref("")
+    
+	watch(()=>showupimg.value,()=>{
+		formatTime()
+	})
+	function formatTime() {
+	  function formatDateTime(date) {
+	    let year = date.getFullYear();
+	    let month = ("0" + (date.getMonth() + 1)).slice(-2); // 月份是从0开始的，所以要加1，并且需要补零
+	    let day = ("0" + date.getDate()).slice(-2); // 日期补零
+	    let hours = ("0" + date.getHours()).slice(-2); // 小时补零
+	    let minutes = ("0" + date.getMinutes()).slice(-2); // 分钟补零
+	    let seconds = ("0" + date.getSeconds()).slice(-2); // 秒补零
+	    return `${year}年${month}月${day}日 ${hours}:${minutes}`;
+	  }
+	  time.value = formatDateTime(new Date());
+	}
 	function load() {
 		console.log('预警信息load')
 	}
@@ -213,12 +239,16 @@
 		showupimg.value = false;
 		yesok.value = false;
 		tips.value = false;
+		imgs.value=""
 	}
 
 	function show(id, indextype) {
 		reset()
-		type.value = indextype;
-
+		encoding.value=id;
+		if(indextype){
+			type.value = indextype;
+		}
+		getinfo()
 	}
 
 	function yesupimg() {
@@ -229,10 +259,19 @@
 			})
 			return
 		}
+		// 弹窗打开详情通知
 		Emits("opneinfo")
 		showupimg.value = false;
 		yesok.value = true;
 		tips.value = true;
+		if(type.value==1){
+			// 设置暂扣照片
+			info.value.imageInfo.detainStartImage=imgs.value
+		}
+		if(type.value==2){
+			//设置放行照片
+			info.value.imageInfo.releaseImage=imgs.value
+		}
 	}
 
 	function back() {
@@ -258,11 +297,58 @@
 
 	function opneshowupimg(id, indextype) {
 		reset()
+		encoding.value=id;
 		type.value = indextype
 		showupimg.value = true;
+		getinfo()
 	}
-
-
+	
+	function getinfo(){
+		getdetails({encoding:encoding.value}).then(res=>{
+			info.value=res.data;
+		})
+	}
+	// 确认暂扣
+	function setwithhold(){
+		detainVehicle({encoding:encoding.value,releaseImageUrl:imgs.value}).then(r=>{
+			uni.showModal({
+				title: '提示',
+				content: '已暂扣',
+				showCancel:false,
+				success: function (res) {
+					reset()
+					// 刷新列表通知
+					Emits("refresh")
+					uni.navigateBack()
+				}
+			});
+		})
+	}
+	// 确认放行
+	function setrelease(){
+		releaseVehicle({encoding:encoding.value,releaseImageUrl:imgs.value}).then(r=>{
+			uni.showModal({
+				title: '提示',
+				content: '已放行',
+				showCancel:false,
+				success: function (res) {
+					reset()
+					// 刷新列表通知
+					Emits("refresh")
+					uni.navigateBack()
+				}
+			});
+		})
+	}
+	
+	// 图片预览
+	function openimg(img){
+			uni.previewImage({
+						urls: [img],
+						
+					});
+	}
+	
 	defineExpose({
 		load,
 		hide,
@@ -412,6 +498,13 @@
 			.tc {
 				position: absolute;
 				white-space: nowrap;
+				display: flex;
+				align-items: center;
+				image{
+					width: 12rpx;
+					height: 15rpx;
+					margin-right: 3rpx;
+				}
 				right: 0px;
 				font-size: 11rpx;
 				color: #fff;
@@ -488,7 +581,7 @@
 
 			.item {
 				display: flex;
-				align-items: center;
+				// align-items: center;
 				justify-content: space-between;
 				border-bottom: 1px solid #979797;
 
@@ -505,12 +598,15 @@
 				}
 
 				.title {
-
 					background: #F3F5F8;
 					font-size: 9rpx;
 					padding: 7rpx;
-					width: 90rpx;
+					width: 100rpx;
 					text-align: right;
+					display: flex;
+					align-items: center;
+					justify-content:flex-end ;
+					
 				}
 
 				.txt {
diff --git a/pages/pages/history.vue b/pages/pages/history.vue
index 3eb9bc2..1de6c0a 100644
--- a/pages/pages/history.vue
+++ b/pages/pages/history.vue
@@ -15,7 +15,7 @@
 		<view class="reset" @click="emptydata">重置</view>
 	</view>
 	<scroll-view :scroll-y="true" class="scroll-view" @scrolltolower='bottomingOut'>
-		<view v-for="item in list" class="item">
+		<view v-for="item in list" class="item" @click="openinfo(item.encoding)">
 			<view class="left">
 				<view class="t">
 					<!-- <image src="/static/err.png"></image> -->
@@ -41,9 +41,13 @@
 		</view>
 		<nynull txt="暂无历史数据" v-if="!list.length"></nynull>
 	</scroll-view>
+	<pageanimation v-model="showdetails" @close="refdetails.hide()" >
+		<pagedetails ref="refdetails"  />
+	</pageanimation>
 </template>
 
 <script setup>
+	import pagedetails from "./details.vue";
 	import {
 		ref
 	} from 'vue';
@@ -54,18 +58,28 @@
 	const queryDate=ref("")
 	const Selectiondate=ref()
 	const vehicleNumber=ref("")
+	const refdetails=ref()
+	const showdetails=ref(false)
 	const list=ref([])
 	// 分页相关
 	const pageSize=ref(40);
 	const pageNum=ref(1);
 	const hasNextPage=ref(true)
 	
+	// 打开详情
+	function openinfo(id){
+		refdetails.value.show(id)
+		showdetails.value=true;
+	}
+	
 	function load() {
 		console.log('预警信息load')
 	}
 
 	function hide() {
-		console.log('预警信息hide')
+		showdetails.value=false;
+		refdetails.value.hide()
+	
 	}
 
 	function show() {
diff --git a/pages/pages/setUp.vue b/pages/pages/setUp.vue
index ffdb975..06a481c 100644
--- a/pages/pages/setUp.vue
+++ b/pages/pages/setUp.vue
@@ -21,7 +21,7 @@
 		</view>
 		<view class="right">
 			<view class="title">预警设置</view>
-			<scroll-view :scroll-y="true" class="box">
+			<scroll-view :scroll-y="true" class="box" :scroll-top="scroll">
 				<view class="li">
 					<view class="name">设备{{pointPosition1.id}}</view>
 					<view class="text">
@@ -465,6 +465,7 @@
 						address: "北京市东城区东华门街道中华路甲10号"
 					}
 				},
+				scroll:0,
 				pointPosition2: {
 					point: "",
 					id: '008',
@@ -484,7 +485,9 @@
 				}
 			}
 		},
+		
 		methods: {
+			
 			emptydata(){
 				this.pointPosition1.point="";
 				this.pointPosition2.point="";
@@ -567,11 +570,14 @@
 				})
 			},
 			hide() {
-
+				
+				
 			},
 			show() {
 				let _this = this;
+				this.scroll=10;
 				getequipment().then(r => {
+					this.scroll=0;
 					this.pointPosition1 = {
 						id: r.data.allDevices[0].encoding,
 					}
diff --git a/pages/pages/warningInformation.vue b/pages/pages/warningInformation.vue
index 9211bd7..c63ae9d 100644
--- a/pages/pages/warningInformation.vue
+++ b/pages/pages/warningInformation.vue
@@ -35,7 +35,7 @@
 		</view>
 	</view>
 	<scroll-view :scroll-y="true" class="scroll-view">
-		<view v-for="item in info.data" class="item" @click.stop="listwithhold(item.id,status==2?1:2)">
+		<view v-for="item in info.data" class="item" @click.stop="listwithhold(item.encoding,status==2?1:2)">
 			<view class="left">
 				<view class="t">
 					<image v-if="status==2" src="/static/err.png"></image>
@@ -85,13 +85,13 @@
 					<view>{{item.restDuration}}</view>
 				</view>
 			</view>
-			<view class="right red" v-if="status==2"  @click.stop="withhold(item.id,1)">暂扣</view>
-			<view class="right green" v-if="status==3"  @click.stop="withhold(item.id,2)">放行</view>
+			<view class="right red" v-if="status==2"  @click.stop="withhold(item.encoding,1)">暂扣</view>
+			<view class="right green" v-if="status==3"  @click.stop="withhold(item.encoding,2)">放行</view>
 		</view>
 		<nynull v-if="!info.data?.length"></nynull>
 	</scroll-view>
-	<pageanimation v-model="showdetails" @close="refdetails.hide()">
-		<pagedetails ref="refdetails" @opneinfo='opneshowdetails' />
+	<pageanimation v-model="showdetails" @close="refdetails.hide()" >
+		<pagedetails ref="refdetails" @opneinfo='opneshowdetails' @refresh="getinfo" />
 	</pageanimation>
 	
 </template>
diff --git a/pages/signIn.vue b/pages/signIn.vue
index 0be81d2..6a3fb36 100644
--- a/pages/signIn.vue
+++ b/pages/signIn.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="page">
-		<image class="bj" src="/static/signIn/signInbj.png" mode="aspectFill"></image>
+		<image class="left" src="/static/signIn/signIn.png" mode="aspectFit"></image>
 		<view class="box">
 			<image class="title" src="/static/signIn/title.png" mode="aspectFit"></image>
 			<view class="desc">欢迎登录！很高兴再次见到你</view>
@@ -94,20 +94,18 @@
 	.page {
 		width: 100vw;
 		height: 100vh;
-		position: relative;
-
-		.bj {
-			position: absolute;
-			width: 100%;
-			height: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0rpx 118rpx 0 32rpx;
+		background: #f1f5fd;
+		.left {
+			width: 410rpx;
+			height: 310rpx;
 		}
 
 		.box {
-			position: fixed;
-
-			top: 50%;
-			right: 110rpx;
-			transform: translate(0%, -50%);
+			
 
 			.title {
 				height: 40rpx;