diff --git a/pages.json b/pages.json
index 715f417..6bead92 100644
--- a/pages.json
+++ b/pages.json
@@ -512,6 +512,15 @@
 					"navigationBarTextStyle": "white"
 				}
 
+			}, {
+				"path": "property/vehicle_a",
+				"style": {
+					"navigationBarTitleText": "三轮车详情",
+					"enablePullDownRefresh": false,
+					"navigationBarBackgroundColor": "#0122C7",
+					"navigationBarTextStyle": "white"
+				}
+
 			}
 
 
diff --git a/subpkg/property/index.vue b/subpkg/property/index.vue
index 1a79f0c..adaa085 100644
--- a/subpkg/property/index.vue
+++ b/subpkg/property/index.vue
@@ -8,7 +8,6 @@
 			<u-search placeholder="输入车牌号进行搜索" :show-action="true" bg-color="white" v-model="keywords"></u-search>
 		</view>
 
-
 		<view v-if="curNow==0" class="personnel_list">
 			<view v-if="dataList.length">
 				<view class="cards" v-for="item,index in dataList" :key="index">
@@ -42,23 +41,24 @@
 					</view>
 				</view>
 			</view>
-
-			<view v-else>
-				<!-- dsdssaddddddddddddddddddddddddddddddddddddddd -->
+			<view v-if="dataList.length==0&&!isNewCheck">
 				<view class="empty">
-					<!-- <u-empty></u-empty> -->
 					<view>
 						当前没有可以签约的的车辆,快去签约新车吧!
 					</view>
-					<u-button type="primary" class="btn"> 签约新车</u-button>
+					<u-button @click="showPop=true" type="primary" style="background-color: #0122C7;border: none;"
+						class="btn">
+						签约新车</u-button>
 				</view>
 			</view>
+			<view style="padding: 0 60rpx;" v-if="isNewCheck">
+				你已发起租赁{{newCarNum}}两新车的申请,后台正在为您加急处理中,请稍后~~
+			</view>
 		</view>
 
-
-
 		<view v-else>
-			<view class="personnel_list" @click="toDetail('/subpkg/property/vehicle')">
+
+			<view class="personnel_list" @click="toDetail('/subpkg/property/vehicle_a')">
 				<view class="cards">
 					<view class="cards_head">
 						<text>车牌号</text>
@@ -103,11 +103,22 @@
 
 
 		</view>
+		<u-modal :show="showPop" @close="showPop=false" @confirm="confirm" :closeOnClickOverlay="true"
+			:title="newcarTit">
+			<view class="slot-content">
+				<u--input placeholder="请输入内容" type="number" v-model="newCarNum"></u--input>
+			</view>
+		</u-modal>
+		<view class="" v-if='!curNow && dataList.length>0'>
+			<view class="add" @click="showPop=true">
+				<u-icon name="plus-circle" color="#0122C7" size="60"></u-icon>
+				签约新车
+			</view>
+			<mybtn position="position" text="签约" @click="signFn">
+				<u-icon name="edit-pen-fill" color="white" size="20"></u-icon>
+			</mybtn>
+		</view>
 
-
-		<mybtn position="position" v-if='!curNow' text="签约" @click="signFn">
-			<u-icon name="edit-pen-fill" color="white" size="20"></u-icon>
-		</mybtn>
 	</view>
 
 
@@ -126,7 +137,9 @@
 		name: "vehicle",
 		data() {
 			return {
-				dataList: [],
+				isNewCheck: false,
+				showPop: false,
+				dataList: [1, 2, 3],
 				tabLists: [{
 					name: '未出租',
 				}, {
@@ -135,6 +148,8 @@
 				curNow: 0,
 				checked: 0,
 				keywords: "",
+				newCarNum: "",
+				newcarTit: "请输入你想要的车辆数量"
 
 
 			};
@@ -147,7 +162,14 @@
 					this.toDetail("/subpkg/property/chosseCompany")
 				}
 			},
+			confirm() {
+				if (!this.newCarNum) return
+				console.log(this.newCarNum)
+				this.showPop = false
+				this.isNewCheck = true
+				// this.newCarNum = ""
 
+			},
 			toDetail(url) {
 				uni.navigateTo({
 					url
@@ -167,20 +189,31 @@
 		margin: 28rpx 28rpx 0 28rpx;
 	}
 
+	.add {
+		position: fixed;
+		bottom: 100rpx;
+		right: 0;
+	}
+
 	.personnel_list {
 		padding: 28rpx 0;
 		margin-bottom: 130rpx;
 
+
+
 		.empty {
-			padding-top: 100rpx;
+			padding-top: 200rpx;
 			text-align: center;
 
 			.btn {
 				width: 30vw;
 				margin-top: 10rpx;
+				margin: 10rpx auto;
 
 			}
 
+
+
 			// height: 80vh;
 			// background-color: red;
 		}
diff --git a/subpkg/property/vehicle_a.vue b/subpkg/property/vehicle_a.vue
new file mode 100644
index 0000000..bd2b591
--- /dev/null
+++ b/subpkg/property/vehicle_a.vue
@@ -0,0 +1,600 @@
+<template>
+	<view>
+		<view v-if="false">
+			<view class="content">
+				<view class="map" style="position: relative;">
+					<map :class="mapClass" id="map" @markertap='mapFun' :enable-zoom="true" :polyline="polyline"
+						:markers='markers' :scale="scale" style="width:100%;height: 100%;"
+						:latitude="markers[0].latitude" :enable-scroll="true" :longitude="markers[0].longitude">
+					</map>
+				</view>
+
+				<view class="personnel_list" @click="toDetail('/subpkg/property/vehicle')">
+					<view class="cards">
+						<view class="cards_head">
+							<text>车牌号</text>
+						</view>
+						<view class="cards_content">
+							<view class="right">
+								<view class="li">
+									<text>行驶总里程: </text>
+									<text> { item.name }</text>
+								</view>
+								<view class="li">
+									<text>本公司签约时间: </text>
+									<text>{ item.phone }</text>
+								</view>
+								<view class="li">
+									<text>承租公司: </text>
+									<text> 所属片区 </text>
+								</view>
+								<view class="li">
+									<text>负责人: </text>
+									<text> 所属片区 </text>
+								</view>
+								<view class="li">
+									<text>联系方式: </text>
+									<text> 所属片区 </text>
+								</view>
+								<view class="li">
+									<text>所属区域: </text>
+									<text> 所属片区 </text>
+								</view>
+								<view class="li">
+									<text>承租时间: </text>
+									<text> 所属片区 </text>
+								</view>
+							</view>
+
+
+						</view>
+
+						<view class="fooot">
+							<!-- <mybtn></mybtn> -->
+							<u-button text="续约" color="#0122C7"></u-button>
+
+						</view>
+
+					</view>
+				</view>
+
+
+			</view>
+		</view>
+
+		<view class="" v-else>
+			<view class="" v-if="!isMycar">
+				<view class="empty_car">
+					<view>
+						您还没有所属车辆哦,请等待镇公司发放车辆或使用自有车辆并绑定系统
+					</view>
+					<u-button @click="showPop=true" type="primary" class="btn_cls">
+						上传自有车辆</u-button>
+				</view>
+				<view class="">
+					<u-modal :show="showPop" @close="showPop=false" @confirm="confirm" :closeOnClickOverlay="true"
+						title="请输入车牌号">
+						<view class="slot-content">
+							<u--input placeholder="请输入内容" v-model="myCarnum"></u--input>
+						</view>
+					</u-modal>
+				</view>
+
+
+			</view>
+
+			<view style="text-align: center;margin-top: 100rpx;" v-if="isMycar">
+				您上传自有车两,系统正在审核中,请耐心等待
+			</view>
+
+		</view>
+
+	</view>
+
+
+
+
+</template>
+
+<script>
+	import mybtn from "@/components/mybtn/mybtn.vue"
+	import {
+		taskTricycleDetail,
+		taskAddTricycleCoordinate
+	} from "@/api/task.js"
+	import {
+		Toast
+	} from "../../libs/uniApi";
+	export default {
+		components: {
+			mybtn
+		},
+		data() {
+			return {
+				isMycar: false,
+				myCarnum: "",
+				modelShow: false,
+				status: 1,
+				mapClass: 'custom-map',
+				showLoading: true,
+				showPop: false,
+				goodsDetil: undefined,
+				scale: 17,
+				nowAddress: "无",
+				markers: [
+					// 目的地
+					{
+						id: 1,
+						latitude: 28.8733,
+						longitude: 105.445717,
+						iconPath: '../../static/img/logistics/WZ.png', //显示的图标        
+					},
+					// 当前所在位置
+					{
+						id: 2,
+						latitude: undefined,
+						longitude: undefined,
+						iconPath: '../../static/img/logistics/QS.png', //显示的图标        
+					}
+				],
+				polyline: [],
+				task_id: -1,
+				address: {
+					terminus: {
+						status: 1
+					},
+					transfer: {
+						status: 1
+					}
+				}
+			}
+		},
+		onLoad(options) {
+			this.task_id = options.task_id;
+			this.initPosition();
+			this.locationFn();
+		},
+		methods: {
+			confirm() {
+				if (this.myCarnum) {
+					console.log(this.myCarnum)
+					this.showPop = false
+					this.isMycar = true
+				}
+			},
+			// 获取位置
+			async initPosition() {
+				let res = await taskTricycleDetail({
+					id: this.task_id
+				});
+				this.address = res.data.extend;
+				if (res.data.extend?.update?.terminus?.lnglat[0]) { //已抵达中转站,更新目标点为终点
+					this.markers[0].latitude = +res.data.extend.transfer.lnglat[1];
+					this.markers[0].longitude = +res.data.extend.transfer.lnglat[0];
+					this.status = 2;
+					this.address.terminus['status'] = 2;
+				} else { // 未抵达中转站,设置中转站为目标点
+					this.markers[0].latitude = +res.data.extend.terminus.lnglat[1];
+					this.markers[0].longitude = +res.data.extend.terminus.lnglat[0];
+					this.address.terminus['status'] = 1;
+				}
+				if (res.data.extend?.update?.transfer?.lnglat[0] || res.data.status == 3) {
+					this.address.transfer['status'] = 2;
+					this.status = 3;
+				} else this.address.transfer['status'] = 1;
+				if (res.data.status == 5) {
+					this.status = 5;
+				}
+			},
+			// 位置
+			locationFn() {
+				let that = this
+				//#ifdef APP
+				uni.getLocation({
+					type: 'gcj02',
+					geocode: true,
+					isHighAccuracy: true,
+					success: function async (res) {
+						that.markers[1].latitude = res.latitude
+						that.markers[1].longitude = res.longitude
+						that.getDriverLine()
+					}
+				});
+				//#endif
+			},
+
+			// 唤起高德
+			test() {
+				if (this.is_captain) return
+				var packageName = 'com.autonavi.minimap';
+				var main = plus.android.runtimeMainActivity();
+				var packageManager = main.getPackageManager();
+				var PackageManager = plus.android.importClass(packageManager)
+				var packageInfo = packageManager.getPackageInfo(packageName, PackageManager.GET_ACTIVITIES);
+				if (packageInfo) {
+					var Uri = plus.android.importClass("android.net.Uri");
+					var url =
+						`amapuri://route/plan?sourceApplication=maxuslife+
+						&sid=A&slat=36.702558&slon=116.876678&sname=我的位置&did=B&dlat=${this.markers[0].latitude}&dlon=${this.markers[0].longitude}&dname=${this.goodsDetil.logistics.shop_name}&dev=0&t=0`;
+					var Intent = plus.android.importClass('android.content.Intent');
+					var intent = new Intent();
+					intent.setAction(Intent.ACTION_VIEW);
+					intent.addCategory(Intent.CATEGORY_DEFAULT);
+					var uri = Uri.parse(url);
+					//将功能Scheme以URI的方式传入data  
+					intent.setData(uri);
+					intent.setPackage("com.autonavi.minimap");
+					var main = plus.android.runtimeMainActivity();
+					main.startActivity(intent);
+				} else {
+					// alert('未安装' + packageName + '')
+					uni.showToast({
+						title: `只支持高德地图`,
+						icon: 'none'
+					})
+				}
+				console.log("唤醒高德线路规划")
+			},
+			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),
+					longitude: Number(this.goodsDetil.logistics.shop_long),
+					address: this.goodsDetil.logistics.shop_address,
+					name: this.goodsDetil.logistics.shop_name,
+					scale: 15,
+				});
+			},
+			showToast() {
+				this.$refs.uToast.show({
+					type: 'success',
+					title: '成功主题(带图标)',
+					message: "操作成功",
+					iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png'
+				})
+			},
+			// 计算距离
+			getDistance(point1, point2) {
+				const rad = Math.PI / 180.0;
+				const lat1 = point1.latitude;
+				const lng1 = point1.longitude;
+				const lat2 = point2.latitude;
+				const lng2 = point2.longitude;
+				const dlat = lat2 - lat1;
+				const dlng = lng2 - lng1;
+				const a =
+					Math.sin(dlat / 2 * rad) * Math.sin(dlat / 2 * rad) +
+					Math.cos(lat1 * rad) * Math.cos(lat2 * rad) *
+					Math.sin(dlng / 2 * rad) * Math.sin(dlng / 2 * rad);
+				const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+				const distance = 6378137 * c;
+				return distance;
+			},
+			// 上报位置
+			getFn() {
+				uni.showLoading({
+					title: '上传中',
+					mask: true
+				})
+				this.locationFn()
+				// console.log(this.getDistance(this.markers[0], this.markers[1]))
+				if ((this.getDistance(this.markers[0], this.markers[1]) >> 0) > 10000) {
+					return Toast('距离目标位置过远');
+				} else {
+					let data;
+					if (this.status == 1) data = {
+						id: this.task_id,
+						terminus: {
+							lnglat: [
+								this.markers[1].longitude,
+								this.markers[1].latitude
+							]
+						}
+					};
+					else data = {
+						id: this.task_id,
+						transfer: {
+							lnglat: [
+								this.markers[1].longitude,
+								this.markers[1].latitude
+							]
+						}
+					};
+					taskAddTricycleCoordinate(data).then(() => {
+						uni.hideLoading()
+						Toast('上传成功!')
+						this.initPosition();
+						this.locationFn();
+					})
+				}
+			},
+			getDriverLine() {
+				const that = this;
+				const key = "997c9a3d88154fa78f4d28bebc1dd84f";
+				const origin = `${this.markers[1].longitude},${this.markers[1].latitude}`;
+				const destination = `${this.markers[0].longitude},${this.markers[0].latitude}`;
+				uni.request({
+					// url: `https://restapi.amap.com/v3/direction/walking?key=${key}&origin=105.43639400000002,28.908854&destination=105.439304,28.908447`,
+					url: `https:restapi.amap.com/v4/direction/bicycling?key=${key}&origin=${origin}&destination=${destination}`,
+					success: (res) => {
+						const data = res.data.data;
+						var points = [];
+						if (data.paths && data.paths[0] && data.paths[0].steps) {
+							var steps = data.paths[0].steps;
+							for (var i = 0; i < steps.length; i++) {
+								//将每一步的数据放到points数组中
+								var poLen = steps[i].polyline.split(";");
+								for (var j = 0; j < poLen.length; j++) {
+									points.push({
+										longitude: parseFloat(poLen[j].split(",")[0]),
+										latitude: parseFloat(poLen[j].split(",")[1]),
+									});
+								}
+							}
+							that.runningRoute = data.paths[0].steps[0].instruction;
+						}
+						that.polyline = [{
+							points: points,
+							color: "#0091ff",
+							dottedLine: true,
+							width: 30,
+						}, ];
+					},
+					fail: function(res) {
+						console.log("获取路线失败", res);
+					},
+				});
+			},
+
+		},
+		onPullDownRefresh() {
+			// this.getOrderList();
+			// this.getIndexList()
+			uni.stopPullDownRefresh();
+		},
+
+	}
+</script>
+
+<style lang='scss' scoped>
+	.serch {
+		margin: 28rpx 28rpx 0 28rpx;
+	}
+
+	.add {
+		position: fixed;
+		bottom: 100rpx;
+		right: 0;
+	}
+
+	.empty_car {
+		padding: 200rpx 50rpx;
+		/* text-align: center; */
+
+		.btn_cls {
+			background-color: #0122C7;
+			border: none;
+			width: 40vw;
+			margin: 20rpx auto;
+		}
+	}
+
+	.personnel_list {
+		padding: 28rpx 0;
+		margin-bottom: 130rpx;
+
+
+
+		.empty {
+			padding-top: 200rpx;
+			text-align: center;
+
+			.btn {
+				width: 30vw;
+				margin-top: 10rpx;
+				margin: 10rpx auto;
+
+			}
+
+
+
+			// height: 80vh;
+			// background-color: red;
+		}
+
+		.cards {
+			margin: 0 auto;
+			margin-bottom: 28rpx;
+			width: 694rpx;
+			background: #ffffff;
+			border-radius: 30rpx;
+			opacity: 1;
+			overflow: hidden;
+			// box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
+
+			.cards_head {
+				padding: 28rpx;
+				background-color: $theme-oa-color;
+				color: white;
+				height: 100rpx;
+				display: flex;
+				justify-content: space-between;
+			}
+
+			.cards_content {
+				padding: 10rpx 28rpx;
+				display: flex;
+				justify-content: space-between;
+
+				.left {
+					text-align: center;
+					// padding: 15rpx 25rpx;
+					padding-top: 20rpx;
+
+					width: 160rpx;
+					background-color: $theme-oa-color;
+					color: white;
+					border-radius: 40rpx;
+
+					.cir {
+						width: 120rpx;
+						height: 120rpx;
+						background-color: #ffffff;
+						margin-left: 25rpx;
+						border-radius: 120rpx;
+						position: relative;
+					}
+				}
+
+				.right {
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
+
+					.li {
+						margin: 10rpx 0;
+						width: 85vw;
+
+						.check_box {
+							// background-color: #ff0000;
+							// color: red;
+						}
+
+						// background-color: red;
+						text:nth-child(1) {
+							margin-right: 20rpx;
+						}
+					}
+				}
+			}
+
+
+		}
+	}
+
+	.cover {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100vw;
+		height: 100vh;
+		background-color: rgba(#000, 0.3);
+
+		.cover_model {
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			transform: translate(-50%, -50%);
+			width: 650rpx;
+			/* height: 300rpx; */
+			background-color: #fff;
+			border-radius: 6px;
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+
+			.model_title {
+				height: 92rpx;
+				line-height: 92rpx;
+				text-align: center;
+				font-size: 16px;
+				font-weight: bold;
+			}
+
+			.model_content {
+				margin: 12px 25px 25px 25px;
+				font-size: 15px;
+			}
+
+			.model_btn {
+				display: flex;
+				height: 96rpx;
+				font-size: 16px;
+
+				.item {
+					flex: 1;
+					text-align: center;
+					line-height: 96rpx;
+				}
+
+				.model_confirm {
+					color: #0122c7;
+				}
+			}
+		}
+	}
+
+	.red {
+		color: #ff0000;
+	}
+
+	.green {
+		color: #40bc5e;
+	}
+
+	.yellow {
+		color: #ff7c32;
+	}
+
+	.custom-map /deep/ .polyline {
+		stroke-width: 20px;
+	}
+
+	.content {
+		padding: 2vh 3vw;
+		background-color: #F5F5F5;
+		height: 100vh;
+		box-sizing: border-box;
+	}
+
+	.map {
+		height: 40vh;
+		border-radius: 2vw;
+		overflow: hidden;
+	}
+
+	.map_address {
+		background-color: white;
+		padding: 20rpx 10rpx;
+		border-radius: 0 0 14rpx 14rpx;
+
+		.li {
+			margin: 20rpx 0;
+			line-height: 40rpx;
+		}
+
+		.cir {
+			display: inline-block;
+			width: 2vw;
+			height: 2vw;
+			border-radius: 2vw;
+			margin: 0 20rpx;
+		}
+	}
+
+	.map_btn {
+		width: 50px;
+		height: 50px;
+		position: absolute;
+		bottom: 0px;
+		right: 0;
+		z-index: 9999999;
+	}
+
+	.btn {
+
+		position: fixed;
+		bottom: 20rpx;
+		width: 90vw;
+		left: 50%;
+		transform: translateX(-50%);
+
+	}
+</style>
\ No newline at end of file