用户详情

pages/deviceTab/deviceList.vue

@@ -66,7 +66,7 @@
 				
 			</view>
 			
-			<view class="floating-button" @click="gotoUrl('pages/deviceTab/bindLock')">
+			<view class="floating-button" @click="gotoUrl('/pages/deviceTab/bindLock')">
 				<view class="button">
 					<img class="img" src="@/assets/img/deviceTab/index2-2.svg" alt="">
 			

pages/deviceTab/infoLock.vue

@@ -1,239 +1,239 @@
-<template>
-	<view class="jpmain  ">
-		<view class="gradient-header">
-			<view class="jpback">
-
-			</view>
-		</view>
-		<view class="body">
-			<view class="page-top">
+<template>
+	<view class="jpmain  ">
+		<view class="gradient-header">
+			<view class="jpback">
+
+			</view>
+		</view>
+		<view class="body">
+			<view class="page-top">
 				<!-- <view class="text1">地锁名称</view> -->
-				<!-- @click="gotoUrl('pages/mylock/editLock?id='+id)" -->
+				<!-- @click="gotoUrl('/pages/mylock/editLock?id='+id)" -->
 				<view class="text2"   >{{
 					floorlockInfo.name
 				}}<!-- <u-icon name="edit-pen" size="32" color="#FFFFFF"></u-icon> -->
-				</view>
-			</view>
-			<view class="page">
-				<view class="info-title">
-					<view class="name">设备信息</view>
-					<view class="value">
-						<view class="pack-up" v-show="listShow" @click="listShow=false">
-							收起<u-icon name="arrow-up" size="32" color="#AAAAAA"></u-icon>
-						</view>
-						<view class="pack-up" v-if="!listShow" @click="listShow=true">
-							展开<u-icon name="arrow-down" size="32" color="#AAAAAA"></u-icon>
-						</view>
-					</view>
-				</view>
-				<view class="table">
-					<view class="row">
-						<view class="name">设备型号</view>
-						<view class="value">{{floorlockInfo.model}}</view>
-					</view>
-
-
-					<view class="row">
-						<view class="name">出厂编号</view>
-						<view class="value">{{floorlockInfo.factoryNumber}}</view>
-					</view>
-					<template v-if="!listShow">
-						<view class="row">
-							<view class="name">固件版号</view>
-							<view class="value">{{floorlockInfo.solidVersion}}</view>
-						</view>
-						<view class="row">
-							<view class="name">防护等级</view>
-							<view class="value">{{floorlockInfo.protectionGrade}}</view>
-						</view>
-
-						<view class="row"  v-if="0">
-							<view class="name">输入电压</view>
-							<view class="value">{{floorlockInfo.inputVoltage}}</view>
-						</view>
-						<view class="row" v-if="0">
-							<view class="name">输出电压</view>
-							<view class="value">{{floorlockInfo.outputVoltage}}</view>
-						</view>
-
-						<view class="row"  v-if="0">
-							<view class="name">输出电流</view>
-							<view class="value">{{floorlockInfo.outputCurrent}}</view>
-						</view>
-						<view class="row"  v-if="0">
-							<view class="name">输出功率</view>
-							<view class="value">{{floorlockInfo.outputPower}}</view>
-						</view>
-
-						<view class="row">
-							<view class="name">生产日期</view>
-							<view class="value">{{floorlockInfo.manufactureDate}}</view>
-						</view>
-
-						<view class="row">
-							<view class="name">标准依据</view>
-							<view class="value">{{floorlockInfo.standardBasis}}</view>
-						</view>
-						<view class="row">
-							<view class="name">联网卡号</view>
-							<view class="value">{{floorlockInfo.internetCard}}</view>
-						</view>
-						<view class="row">
-							<view class="name">资费标准</view>
-							<view class="value">{{floorlockInfo.tariffStandard}}</view>
-						</view>
-						<view class="row">
-							<view class="name">设备启动时间</view>
-							<view class="value">{{floorlockInfo.activationTime}}</view>
-						</view>
-						<view class="row">
-							<view class="name">设备质保期</view>
-							<view class="value">{{floorlockInfo.shelfLife}}</view>
-						</view>
-					</template>
-
-				</view>
-			</view>
-			<view class="page">
-				<view class="info-title">
-					<view class="name">联网信息</view>
-					<view class="value">
-
-					</view>
-				</view>
-				<view class="table">
-					<view class="row">
-						<view class="name">联网卡号</view>
-						<view class="value">{{floorlockInfo.internetCard}}</view>
-					</view>
-					<view class="row">
-						<view class="name">有效期至</view>
-						<view class="value">{{floorlockInfo.cardExpirationDate?floorlockInfo.cardExpirationDate.split(' ')[0]:''}}
-
-						</view>
-
-					</view>
-					<view class="tips">
-						<u-icon style="    margin-top: 2px;" size="30" name="info-circle"></u-icon>
-						<view>
-							地锁内含物联网卡，此卡随设备出厂时赠送三年免费使用时长，三年后将按5元/月资费标准收取费用。
-
-						</view>
-
-					</view>
-				</view>
-			</view>
-			<view class="page">
-				<view class="info-title">
-					<view class="name">充电白名单<span class="span">({{whiteList.length}}/3)</span></view>
-					<view class="value" @click="addUser()">
-						<u-icon style="    margin-top: 2px;" size="30" name="plus"></u-icon> 添加
-					</view>
-				</view>
-				<view class="table">
-					<view class="table_v">
-						<view class="table_tr">
-							<view class="table_td">姓名</view>
-							<view class="table_td">手机号</view>
-							<view class="table_td">车牌号</view>
-							<view class="table_td">操作</view>
-						</view>
-						<view class="table_tr" v-for="(item,i) in whiteList" :key="i">
-							<view class="table_td">{{item.nickName}}</view>
-							<view class="table_td">{{item.phone}}</view>
-							<view class="table_td">{{item.carNumber==0?'':item.carNumber}}</view>
-							<view class="table_td" style="color:#1677FF;white-space: pre;" @click="editUser(item)">修改</view>
-						</view>
-
-					</view>
-
-				</view>
-			</view>
-		</view>
-
-		<u-popup v-model="popupShow" mode="bottom" :closeable="true" border-radius="30">
-			<view class="popup-screen">
-
+				</view>
+			</view>
+			<view class="page">
+				<view class="info-title">
+					<view class="name">设备信息</view>
+					<view class="value">
+						<view class="pack-up" v-show="listShow" @click="listShow=false">
+							收起<u-icon name="arrow-up" size="32" color="#AAAAAA"></u-icon>
+						</view>
+						<view class="pack-up" v-if="!listShow" @click="listShow=true">
+							展开<u-icon name="arrow-down" size="32" color="#AAAAAA"></u-icon>
+						</view>
+					</view>
+				</view>
+				<view class="table">
+					<view class="row">
+						<view class="name">设备型号</view>
+						<view class="value">{{floorlockInfo.model}}</view>
+					</view>
+
+
+					<view class="row">
+						<view class="name">出厂编号</view>
+						<view class="value">{{floorlockInfo.factoryNumber}}</view>
+					</view>
+					<template v-if="!listShow">
+						<view class="row">
+							<view class="name">固件版号</view>
+							<view class="value">{{floorlockInfo.solidVersion}}</view>
+						</view>
+						<view class="row">
+							<view class="name">防护等级</view>
+							<view class="value">{{floorlockInfo.protectionGrade}}</view>
+						</view>
+
+						<view class="row"  v-if="0">
+							<view class="name">输入电压</view>
+							<view class="value">{{floorlockInfo.inputVoltage}}</view>
+						</view>
+						<view class="row" v-if="0">
+							<view class="name">输出电压</view>
+							<view class="value">{{floorlockInfo.outputVoltage}}</view>
+						</view>
+
+						<view class="row"  v-if="0">
+							<view class="name">输出电流</view>
+							<view class="value">{{floorlockInfo.outputCurrent}}</view>
+						</view>
+						<view class="row"  v-if="0">
+							<view class="name">输出功率</view>
+							<view class="value">{{floorlockInfo.outputPower}}</view>
+						</view>
+
+						<view class="row">
+							<view class="name">生产日期</view>
+							<view class="value">{{floorlockInfo.manufactureDate}}</view>
+						</view>
+
+						<view class="row">
+							<view class="name">标准依据</view>
+							<view class="value">{{floorlockInfo.standardBasis}}</view>
+						</view>
+						<view class="row">
+							<view class="name">联网卡号</view>
+							<view class="value">{{floorlockInfo.internetCard}}</view>
+						</view>
+						<view class="row">
+							<view class="name">资费标准</view>
+							<view class="value">{{floorlockInfo.tariffStandard}}</view>
+						</view>
+						<view class="row">
+							<view class="name">设备启动时间</view>
+							<view class="value">{{floorlockInfo.activationTime}}</view>
+						</view>
+						<view class="row">
+							<view class="name">设备质保期</view>
+							<view class="value">{{floorlockInfo.shelfLife}}</view>
+						</view>
+					</template>
+
+				</view>
+			</view>
+			<view class="page">
+				<view class="info-title">
+					<view class="name">联网信息</view>
+					<view class="value">
+
+					</view>
+				</view>
+				<view class="table">
+					<view class="row">
+						<view class="name">联网卡号</view>
+						<view class="value">{{floorlockInfo.internetCard}}</view>
+					</view>
+					<view class="row">
+						<view class="name">有效期至</view>
+						<view class="value">{{floorlockInfo.cardExpirationDate?floorlockInfo.cardExpirationDate.split(' ')[0]:''}}
+
+						</view>
+
+					</view>
+					<view class="tips">
+						<u-icon style="    margin-top: 2px;" size="30" name="info-circle"></u-icon>
+						<view>
+							地锁内含物联网卡，此卡随设备出厂时赠送三年免费使用时长，三年后将按5元/月资费标准收取费用。
+
+						</view>
+
+					</view>
+				</view>
+			</view>
+			<view class="page">
+				<view class="info-title">
+					<view class="name">充电白名单<span class="span">({{whiteList.length}}/3)</span></view>
+					<view class="value" @click="addUser()">
+						<u-icon style="    margin-top: 2px;" size="30" name="plus"></u-icon> 添加
+					</view>
+				</view>
+				<view class="table">
+					<view class="table_v">
+						<view class="table_tr">
+							<view class="table_td">姓名</view>
+							<view class="table_td">手机号</view>
+							<view class="table_td">车牌号</view>
+							<view class="table_td">操作</view>
+						</view>
+						<view class="table_tr" v-for="(item,i) in whiteList" :key="i">
+							<view class="table_td">{{item.nickName}}</view>
+							<view class="table_td">{{item.phone}}</view>
+							<view class="table_td">{{item.carNumber==0?'':item.carNumber}}</view>
+							<view class="table_td" style="color:#1677FF;white-space: pre;" @click="editUser(item)">修改</view>
+						</view>
+
+					</view>
+
+				</view>
+			</view>
+		</view>
+
+		<u-popup v-model="popupShow" mode="bottom" :closeable="true" border-radius="30">
+			<view class="popup-screen">
+
 						<u-keyboard ref="uKeyboard"  @change="valChange" @backspace="backspace"
 						:tips="vipUser.carNumber?vipUser.carNumber:'请输入车牌号'"
 						mode="car" v-model="carshow"  :abc="abc" ></u-keyboard>
-
-
-				<view class="popup-title">{{vipUser.id?'修改':'添加'}}白名单信息</view>
-				<view style="padding: 4px;">白名单车主姓名<span style="color: red;">*</span></view>
-				<u-input :customStyle="customStyle" v-model="vipUser.nickName" placeholder="白名单车主姓名(必填)"></u-input>
-				<view style="padding: 4px;">白名单车主手机号码<span style="color: red;">*</span></view>
-				<u-input :customStyle="customStyle" type="number" v-model="vipUser.phone"
-					placeholder="白名单车主手机号码(必填)"></u-input>
-				<view style="padding: 4px;">白名单车主车牌号</view>
-				<!-- 						<u-input :customStyle="customStyle" v-model="vipUser.carNumber" placeholder="白名单车主车牌号"></u-input> -->
-
+
+
+				<view class="popup-title">{{vipUser.id?'修改':'添加'}}白名单信息</view>
+				<view style="padding: 4px;">白名单车主姓名<span style="color: red;">*</span></view>
+				<u-input :customStyle="customStyle" v-model="vipUser.nickName" placeholder="白名单车主姓名(必填)"></u-input>
+				<view style="padding: 4px;">白名单车主手机号码<span style="color: red;">*</span></view>
+				<u-input :customStyle="customStyle" type="number" v-model="vipUser.phone"
+					placeholder="白名单车主手机号码(必填)"></u-input>
+				<view style="padding: 4px;">白名单车主车牌号</view>
+				<!-- 						<u-input :customStyle="customStyle" v-model="vipUser.carNumber" placeholder="白名单车主车牌号"></u-input> -->
+
 				<view class="carNumber"  @click="carshow=true,valInit(1)"
-				:class="{
-								'carNumber1':!vipUser.carNumber
-							}">
-					{{vipUser.carNumber?vipUser.carNumber:'白名单车主车牌号'}}
-				</view>
-				<view v-if="vipUser.id" style="display: flex;">
-					<u-button type="info" style="margin-top: 10px;width: 49%;" shape="circle"
-						@click="delUser()">删除</u-button>
-					<u-button type="success" style="margin-top: 10px;width: 49%;" shape="circle"
-						@click="submitUser()">保存</u-button>
-				</view>
-				<view v-else>
-
-					<u-button type="success" style="margin-top: 10px;" shape="circle"
-						@click="submitUser()">保存</u-button>
-				</view>
-
-
-			</view>
-		</u-popup>
-		<u-modal v-model="delShow" @confirm="confirmDelete" confirm-color="#fa3534" :show-cancel-button="true"
-			ref="uModal" title="删除白名单用户" content="是否删除当前白名单用户?" confirm-text="删除"></u-modal>
-
-		<view class="floating-button">
-			<view class="button" @click="gotoUrl('/pages/deviceTab/dataLock?id='+id)" >
-
-				查看地锁
-			</view>
-
-		</view>
-
-
-	</view>
-</template>
-
-<script>
-	import * as API from '@/apis/pagejs/index.js'
-
-	export default {
-		data() {
-			return {
-				id: "",
-				floorlockInfo: {},
-				listShow: true,
-				popupShow: false,
-				customStyle: {
-					"border-radius": "50px",
-					"background-color": 'rgba(242, 244, 246, 1)',
-					padding: "5px 20px",
+				:class="{
+								'carNumber1':!vipUser.carNumber
+							}">
+					{{vipUser.carNumber?vipUser.carNumber:'白名单车主车牌号'}}
+				</view>
+				<view v-if="vipUser.id" style="display: flex;">
+					<u-button type="info" style="margin-top: 10px;width: 49%;" shape="circle"
+						@click="delUser()">删除</u-button>
+					<u-button type="success" style="margin-top: 10px;width: 49%;" shape="circle"
+						@click="submitUser()">保存</u-button>
+				</view>
+				<view v-else>
+
+					<u-button type="success" style="margin-top: 10px;" shape="circle"
+						@click="submitUser()">保存</u-button>
+				</view>
+
+
+			</view>
+		</u-popup>
+		<u-modal v-model="delShow" @confirm="confirmDelete" confirm-color="#fa3534" :show-cancel-button="true"
+			ref="uModal" title="删除白名单用户" content="是否删除当前白名单用户?" confirm-text="删除"></u-modal>
+
+		<view class="floating-button">
+			<view class="button" @click="gotoUrl('/pages/deviceTab/dataLock?id='+id)" >
+
+				查看地锁
+			</view>
+
+		</view>
+
+
+	</view>
+</template>
+
+<script>
+	import * as API from '@/apis/pagejs/index.js'
+
+	export default {
+		data() {
+			return {
+				id: "",
+				floorlockInfo: {},
+				listShow: true,
+				popupShow: false,
+				customStyle: {
+					"border-radius": "50px",
+					"background-color": 'rgba(242, 244, 246, 1)',
+					padding: "5px 20px",
 					margin: "5px 0 ",
-					
-				},
-				abc:false,
-				whiteList: [],
-				vipUser: {},
-				delShow: false,
-				obj: {},
-				carshow: false,
-			};
-		},
-		onLoad(op) {
-			this.id = op.id
-			this.getFloorlockDetails()
-
-		},
+					
+				},
+				abc:false,
+				whiteList: [],
+				vipUser: {},
+				delShow: false,
+				obj: {},
+				carshow: false,
+			};
+		},
+		onLoad(op) {
+			this.id = op.id
+			this.getFloorlockDetails()
+
+		},
 		methods: {
 			valInit(bl){
 				if(bl){
@@ -268,384 +268,384 @@
 				this.valInit()
 				
 
-			},
-			getFloorlockDetails() {
-
-				uni.showLoading({
-					title: "加载中",
-					mask: true,
-				})
-				var obj = {
-					id: this.id
-				}
-
-				API.floorlockDetails(obj).then((res) => {
-					this.floorlockInfo = res.data.floorlockInfo
-
-					uni.hideLoading();
-					this.getWhiteList()
-				}).catch(error => {
-
-					uni.hideLoading();
-					uni.showToast({
-						title: error,
-						icon: "none"
-					})
-				})
-			},
-			getWhiteList(bl) {
-
-				if (bl) {
-					uni.showLoading({
-						title: "加载中",
-						mask: true,
-					})
-				}
-				API.whiteList({
-					floorlockId: this.id
-				}).then((res) => {
-					this.whiteList = res.data.whiteList
-
-					if (bl) {
-						uni.hideLoading()
-						uni.showToast({
-							title: "操作成功"
-						})
-					}
-
-
-
-
-				}).catch(error => {
-
-					uni.showToast({
-						title: error
-					})
-				})
-
-
-			},
-			submitUser() {
-				if (!this.vipUser.nickName) {
-					uni.showToast({
-						title: "请填写白名单车主姓名"
-					})
-					return
-				}
-				if (!this.vipUser.phone) {
-					uni.showToast({
-						title: "请填写白名单车主手机号码"
-					})
-					return
-				}
-				uni.showLoading({
-					title: "加载中",
-					mask: true,
-				})
-				this.vipUser.name = this.vipUser.nickName
-				API.addWhite(this.vipUser).then((res) => {
-					//this.obj = res.data
-					uni.hideLoading()
-
-					this.delShow = false
-					this.popupShow = false
-					this.getWhiteList(1)
-
-				}).catch(error => {
-
-					uni.showToast({
-						title: error
-					})
-				})
-
-
-			},
-			confirmDelete() {
-				uni.showLoading({
-					title: "加载中",
-					mask: true,
-				})
-				API.deleteWhite({
-					id: this.vipUser.id
-				}).then((res) => {
-					//this.obj = res.data
-					uni.hideLoading()
-					this.delShow = false
-					this.popupShow = false
-					uni.showToast({
-						title: "操作成功"
-					})
-					this.getWhiteList(1)
-
-				}).catch(error => {
-
-					uni.showToast({
-						title: error
-					})
-				})
-			},
-			delUser() {
-				this.delShow = true;
-			},
-			editUser(item) {
-				this.popupShow = true;
-				this.vipUser = item;
-				this.vipUser.nickName = item.nickName
-
-
-				this.vipUser.floorlockId = this.id
-				if (this.vipUser.carNumber == 0) {
-					this.vipUser.carNumber = ''
-				}
-			},
-			addUser() {
-				if (this.whiteList.length >= 3) {
-					uni.showToast({
-						title: "添加白名单用户已达到上限"
-					})
-					return
-				}
-				this.popupShow = true;
+			},
+			getFloorlockDetails() {
+
+				uni.showLoading({
+					title: "加载中",
+					mask: true,
+				})
+				var obj = {
+					id: this.id
+				}
+
+				API.floorlockDetails(obj).then((res) => {
+					this.floorlockInfo = res.data.floorlockInfo
+
+					uni.hideLoading();
+					this.getWhiteList()
+				}).catch(error => {
+
+					uni.hideLoading();
+					uni.showToast({
+						title: error,
+						icon: "none"
+					})
+				})
+			},
+			getWhiteList(bl) {
+
+				if (bl) {
+					uni.showLoading({
+						title: "加载中",
+						mask: true,
+					})
+				}
+				API.whiteList({
+					floorlockId: this.id
+				}).then((res) => {
+					this.whiteList = res.data.whiteList
+
+					if (bl) {
+						uni.hideLoading()
+						uni.showToast({
+							title: "操作成功"
+						})
+					}
+
+
+
+
+				}).catch(error => {
+
+					uni.showToast({
+						title: error
+					})
+				})
+
+
+			},
+			submitUser() {
+				if (!this.vipUser.nickName) {
+					uni.showToast({
+						title: "请填写白名单车主姓名"
+					})
+					return
+				}
+				if (!this.vipUser.phone) {
+					uni.showToast({
+						title: "请填写白名单车主手机号码"
+					})
+					return
+				}
+				uni.showLoading({
+					title: "加载中",
+					mask: true,
+				})
+				this.vipUser.name = this.vipUser.nickName
+				API.addWhite(this.vipUser).then((res) => {
+					//this.obj = res.data
+					uni.hideLoading()
+
+					this.delShow = false
+					this.popupShow = false
+					this.getWhiteList(1)
+
+				}).catch(error => {
+
+					uni.showToast({
+						title: error
+					})
+				})
+
+
+			},
+			confirmDelete() {
+				uni.showLoading({
+					title: "加载中",
+					mask: true,
+				})
+				API.deleteWhite({
+					id: this.vipUser.id
+				}).then((res) => {
+					//this.obj = res.data
+					uni.hideLoading()
+					this.delShow = false
+					this.popupShow = false
+					uni.showToast({
+						title: "操作成功"
+					})
+					this.getWhiteList(1)
+
+				}).catch(error => {
+
+					uni.showToast({
+						title: error
+					})
+				})
+			},
+			delUser() {
+				this.delShow = true;
+			},
+			editUser(item) {
+				this.popupShow = true;
+				this.vipUser = item;
+				this.vipUser.nickName = item.nickName
+
+
+				this.vipUser.floorlockId = this.id
+				if (this.vipUser.carNumber == 0) {
+					this.vipUser.carNumber = ''
+				}
+			},
+			addUser() {
+				if (this.whiteList.length >= 3) {
+					uni.showToast({
+						title: "添加白名单用户已达到上限"
+					})
+					return
+				}
+				this.popupShow = true;
 				this.vipUser = {
 					carNumber:""
-				}
-
-				this.vipUser.floorlockId = this.id
-
-			},
-
-
-		}
-	}
-</script>
-<style>
-	page {
-		background-color: rgba(242, 244, 246, 1);
-	}
-</style>
-<style lang="scss" scoped>
-	.gradient-header {
-		height: 0px;
-	}
-
-	.jpback {
-		height: 360rpx;
-		background: linear-gradient(180deg, rgba(22, 119, 255, 1) 11%, rgba(242, 244, 246, 1) 100%);
-	}
-
-	.body {
-		padding: 32rpx 32rpx 120rpx 32px;
-		//padding-bottom: ;
-	}
-
-	.page-top {
-		color: rgba(255, 255, 255, 1);
-		margin: 48rpx 0;
-
-		.text1 {
-			font-size: 36rpx;
-			margin-bottom: 12rpx;
-		}
-
-		.text2 {
-			font-size: 40rpx;
-
-		}
-	}
-
-	.page {
-		border-radius: 16rpx;
-		background-color: rgba(255, 255, 255, 1);
-		color: rgba(16, 16, 16, 1);
-
-		padding: 32rpx;
-		margin-bottom: 32rpx;
-		font-size: 32rpx;
-		color: rgb(16, 16, 16);
-
-		.info-title {
-			display: flex;
-			justify-content: space-between;
-			padding-bottom: 24rpx;
-
-			.name {
-				font-size: 36rpx;
-				color: rgba(51, 51, 51, 1);
-				font-weight: bold;
-
-				.span {
-					font-weight: 400;
-					font-size: 28rpx;
-					color: rgba(119, 119, 119, 1);
-				}
-			}
-
-			.value {
-				font-size: 28rpx;
-				color: rgba(119, 119, 119, 1);
-			}
-		}
-
-		.pack-up {
-
-
-			color: rgba(119, 119, 119, 100);
-		}
-
-		.tips {
-			margin-top: 12rpx;
-			display: flex;
-			align-items: flex-start;
-			font-size: 24rpx;
-		}
-
-		.table {
-			.table_v {
-				width: 100%;
+				}
+
+				this.vipUser.floorlockId = this.id
+
+			},
+
+
+		}
+	}
+</script>
+<style>
+	page {
+		background-color: rgba(242, 244, 246, 1);
+	}
+</style>
+<style lang="scss" scoped>
+	.gradient-header {
+		height: 0px;
+	}
+
+	.jpback {
+		height: 360rpx;
+		background: linear-gradient(180deg, rgba(22, 119, 255, 1) 11%, rgba(242, 244, 246, 1) 100%);
+	}
+
+	.body {
+		padding: 32rpx 32rpx 120rpx 32px;
+		//padding-bottom: ;
+	}
+
+	.page-top {
+		color: rgba(255, 255, 255, 1);
+		margin: 48rpx 0;
+
+		.text1 {
+			font-size: 36rpx;
+			margin-bottom: 12rpx;
+		}
+
+		.text2 {
+			font-size: 40rpx;
+
+		}
+	}
+
+	.page {
+		border-radius: 16rpx;
+		background-color: rgba(255, 255, 255, 1);
+		color: rgba(16, 16, 16, 1);
+
+		padding: 32rpx;
+		margin-bottom: 32rpx;
+		font-size: 32rpx;
+		color: rgb(16, 16, 16);
+
+		.info-title {
+			display: flex;
+			justify-content: space-between;
+			padding-bottom: 24rpx;
+
+			.name {
+				font-size: 36rpx;
+				color: rgba(51, 51, 51, 1);
+				font-weight: bold;
+
+				.span {
+					font-weight: 400;
+					font-size: 28rpx;
+					color: rgba(119, 119, 119, 1);
+				}
+			}
+
+			.value {
+				font-size: 28rpx;
+				color: rgba(119, 119, 119, 1);
+			}
+		}
+
+		.pack-up {
+
+
+			color: rgba(119, 119, 119, 100);
+		}
+
+		.tips {
+			margin-top: 12rpx;
+			display: flex;
+			align-items: flex-start;
+			font-size: 24rpx;
+		}
+
+		.table {
+			.table_v {
+				width: 100%;
 			}
 			.table_tr {
 				
 				 display: flex;
 				justify-content: space-between;
-			}
-
-			.row {
-				display: flex;
-				align-items: center;
-				height: 72rpx;
-				font-size: 28rpx;
-				padding: 0 24rpx;
-
-				.name {
-					width: 240rpx;
-				}
-
-			}
-
-			.table_td {
-
-				height: 72rpx;
+			}
+
+			.row {
+				display: flex;
+				align-items: center;
+				height: 72rpx;
+				font-size: 28rpx;
+				padding: 0 24rpx;
+
+				.name {
+					width: 240rpx;
+				}
+
+			}
+
+			.table_td {
+
+				height: 72rpx;
 				font-size: 28rpx;
 				    display: flex;
-				    align-items: center;
-
-
-			}
-
-			/* 隔行变色: 偶数行设置背景色 */
-			.row:nth-child(odd) {
-				background-color: #f9f9f9;
-				/* 偶数行 */
-			}
-
-			.table_tr:nth-child(odd) {
-				background-color: #f9f9f9;
-				/* 偶数行 */
-			}
-
-			.row:nth-child(even) {
-				background-color: #ffffff;
-				/* 奇数行 */
-			}
-
-			.table_tr:nth-child(even) {
-				background-color: #ffffff;
-				/* 奇数行 */
-			}
-
-		}
-	}
+				    align-items: center;
+
+
+			}
+
+			/* 隔行变色: 偶数行设置背景色 */
+			.row:nth-child(odd) {
+				background-color: #f9f9f9;
+				/* 偶数行 */
+			}
+
+			.table_tr:nth-child(odd) {
+				background-color: #f9f9f9;
+				/* 偶数行 */
+			}
+
+			.row:nth-child(even) {
+				background-color: #ffffff;
+				/* 奇数行 */
+			}
+
+			.table_tr:nth-child(even) {
+				background-color: #ffffff;
+				/* 奇数行 */
+			}
+
+		}
+	}
 ::v-deep.u-keyboard-grids-btn:nth-child(15){
 			background-color: red;
-		}
+		}
 	.popup-screen {
-		padding: 40rpx 40rpx 60rpx 40rpx;
-		.carNumber {
-			background-color: #F2F4F6;
-			padding: 5px 20px;
-			margin: 5px 0 15px 0;
-			height: 90rpx;
-			display: flex;
-			align-items: center;
+		padding: 40rpx 40rpx 60rpx 40rpx;
+		.carNumber {
+			background-color: #F2F4F6;
+			padding: 5px 20px;
+			margin: 5px 0 15px 0;
+			height: 90rpx;
+			display: flex;
+			align-items: center;
 			border-radius: 50px;
-			
+			
 		}
 		.carNumber1{
 			color: #bcbcbc;
 		}
-		
-
-		
-
-		.popup-title {
-			font-size: 36rpx;
-			color: rgba(51, 51, 51, 1);
-			font-weight: bold;
-			padding-bottom: 10px;
-		}
-
-		.cardList {
-			display: flex;
-			justify-content: space-evenly;
-
-			.cardInfo {
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-				width: 160rpx;
-				height: 160rpx;
-				border-radius: 8px;
-				background-color: rgba(255, 255, 255, 1);
-				text-align: center;
-				border: 1px solid rgba(187, 187, 187, 1);
-
-				.name {
-					color: rgba(16, 16, 16, 1);
-					font-size: 28rpx;
-				}
-
-				.price {
-					color: rgba(16, 16, 16, 1);
-					font-size: 48rpx;
-					font-weight: bold;
-				}
-			}
-
-			.cardInfoCk {
-				background-color: rgba(225, 247, 237, 1);
-				border: 1px solid rgba(0, 185, 98, 1);
-
-				.price {
-					color: rgba(0, 161, 85, 1);
-
-				}
-			}
-		}
-	}
-
-	.floating-button {
-		position: fixed;
-		bottom: 0;
-		/* 距离底部 20px */
-		width: 100%;
-		display: flex;
-		height: 120rpx;
-		justify-content: center;
-		background-color: rgba(255, 255, 255, 1);
-
-		.button {
-			margin-top: 24rpx;
-			border-radius: 50px;
-			height: 80rpx;
-			width: 80%;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			padding: 12rpx;
-
-			background-color: rgba(22, 119, 255, 1);
-			color: rgba(255, 255, 255, 1);
-			font-size: 36rpx;
-		}
-	}
+		
+
+		
+
+		.popup-title {
+			font-size: 36rpx;
+			color: rgba(51, 51, 51, 1);
+			font-weight: bold;
+			padding-bottom: 10px;
+		}
+
+		.cardList {
+			display: flex;
+			justify-content: space-evenly;
+
+			.cardInfo {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				width: 160rpx;
+				height: 160rpx;
+				border-radius: 8px;
+				background-color: rgba(255, 255, 255, 1);
+				text-align: center;
+				border: 1px solid rgba(187, 187, 187, 1);
+
+				.name {
+					color: rgba(16, 16, 16, 1);
+					font-size: 28rpx;
+				}
+
+				.price {
+					color: rgba(16, 16, 16, 1);
+					font-size: 48rpx;
+					font-weight: bold;
+				}
+			}
+
+			.cardInfoCk {
+				background-color: rgba(225, 247, 237, 1);
+				border: 1px solid rgba(0, 185, 98, 1);
+
+				.price {
+					color: rgba(0, 161, 85, 1);
+
+				}
+			}
+		}
+	}
+
+	.floating-button {
+		position: fixed;
+		bottom: 0;
+		/* 距离底部 20px */
+		width: 100%;
+		display: flex;
+		height: 120rpx;
+		justify-content: center;
+		background-color: rgba(255, 255, 255, 1);
+
+		.button {
+			margin-top: 24rpx;
+			border-radius: 50px;
+			height: 80rpx;
+			width: 80%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			padding: 12rpx;
+
+			background-color: rgba(22, 119, 255, 1);
+			color: rgba(255, 255, 255, 1);
+			font-size: 36rpx;
+		}
+	}
 </style>

pages/myTab/index.vue

@@ -8,7 +8,7 @@
 		
 		<view class="body">
 		
-			<view class="page-top" @click="gotoUrl('pages/information/information')" >
+			<view class="page-top" @click="gotoUrl('/pages/information/information')" >
 		
 				<view class="name">
 					<view class="photo">
@@ -29,7 +29,7 @@
 			<view class="page">
 				<view class="page-main">
 		
-					<view class="item"   @click="gotoUrl('pages/mylock/myLock')" 
+					<view class="item"   @click="gotoUrl('/pages/mylock/myLock')" 
 					v-if="userInfoPlus&&userInfoPlus.myAllList" >
 						<view class="name">{{userInfoPlus.myAllList.length}}</view>
 						<view class="value">车位</view>
@@ -37,7 +37,7 @@
 					<view class="item2">
 		
 					</view>
-					<view class="item"  @click="gotoUrl('pages/mylock/myWhite')"  >
+					<view class="item"  @click="gotoUrl('/pages/mylock/myWhite')"  >
 						<view class="name">{{whiteNum}}</view>
 						<view class="value">白名单</view>
 					</view>
@@ -47,7 +47,7 @@
 			<view class="page">
 		
 				<view class="page-content">
-					<view class="item" @click="gotoUrl('pages/mylock/myLock')" >
+					<view class="item" @click="gotoUrl('/pages/mylock/myLock')" >
 						<view class="title">
 							<img class="img" src="@/assets/img/myTab/icon1.svg" alt="">
 							我的消息
@@ -56,7 +56,7 @@
 							<u-icon name="arrow-right" size="24" color="#BBBBBB"></u-icon>
 						</view>
 					</view>
-					<view class="item" @click="gotoUrl('pages/mylock/myLock')" >
+					<view class="item" @click="gotoUrl('/pages/mylock/myLock')" >
 						<view class="title">
 							<img class="img" src="@/assets/img/myTab/icon1.svg" alt="">
 							意见反馈
@@ -65,7 +65,7 @@
 							<u-icon name="arrow-right" size="24" color="#BBBBBB"></u-icon>
 						</view>
 					</view>
-					<view class="item" @click="gotoUrl('pages/mylock/myLock')" >
+					<view class="item" @click="gotoUrl('/pages/mylock/myLock')" >
 						<view class="title">
 							<img class="img" src="@/assets/img/myTab/icon1.svg" alt="">
 							客服热线
@@ -79,7 +79,7 @@
 				</view>
 				<view class="page">
 				<view class="page-content">
-					<view class="item" @click="gotoUrl('pages/mylock/myLock')" >
+					<view class="item" @click="gotoUrl('/pages/mylock/myLock')" >
 						<view class="title">
 							<img class="img" src="@/assets/img/myTab/icon1.svg" alt="">
 							设置

pages/userTab/dataUser.vue

@@ -15,19 +15,191 @@
 					</view>
 					<view class="item">
 						<view class="name">
-							软件园
+							<view>软件园</view>
+							<view class="tag">停车用户</view>
 						</view>
 						<view class="value">
 							<image class="img img1" src="@/assets/img/userTab/index1-2.svg" mode=""></image>
 							123111
+						</view>
+						<view class="value">
 							<image class="img img2" src="@/assets/img/userTab/index1-1.svg" mode=""></image>
 							123111
+
+						</view>
+					</view>
+
+
+				</view>
+			</view>
+			<!--end-->
+
+			<view class="statistics ">
+				<view class="data2">
+					<view class="line line1">
+						<view class="item1">
+							累计停车时长
+
+						</view>
+						<view class="item">
+							使用次数
+
+						</view>
+						<view class="item">
+							异常次数
+
 						</view>
 					</view>
+					<view class="line line2">
+						<view class="item1">
+							205h13m
 
+						</view>
+						<view class="item">
+							22
+						</view>
+						<view class="item">
+							2
+						</view>
+					</view>
 
 				</view>
 			</view>
+			<!--end-->
+
+			<view class="statistics ">
+				<view class="title">
+					<view class="icon">
+						<image class="img" src="@/assets/img/circleCopy1@1x.png" mode=""></image>
+					</view>
+					<view class="text">
+						<view>常用时段雷达图</view>
+
+					</view>
+
+				</view>
+
+				<view class="contentBody">
+					<jpContent :status="jpContentMap.body3">
+						<view class="body3">
+
+							<view id="body3echart" class="body3echart">
+
+							</view>
+
+						</view>
+
+					</jpContent>
+				</view>
+			</view>
+			<!--end-->
+
+
+			<view class="statistics ">
+				<view class="title">
+					<view class="icon">
+						<image class="img" src="@/assets/img/circleCopy1@1x.png" mode=""></image>
+					</view>
+					<view class="text">
+						<view>停留时长次数统计</view>
+
+					</view>
+
+				</view>
+
+				<view class="contentBody">
+					<jpContent :status="jpContentMap.body4">
+						<view class="body4">
+
+							<view id="body4echart" class="body4echart">
+
+							</view>
+
+						</view>
+
+					</jpContent>
+				</view>
+			</view>
+			<!--end-->
+
+			<view class="statistics ">
+				<view class="title">
+					<view class="icon">
+						<image class="img" src="@/assets/img/circleCopy1@1x.png" mode=""></image>
+					</view>
+					<view class="text">
+						<view>常用停车场</view>
+
+					</view>
+
+				</view>
+
+				<view class="contentBody">
+					<jpContent :status="jpContentMap.body5">
+						<view class="body5data">
+							<view class="line">
+
+								<view class="value value1">
+									停车场
+								</view>
+								<view class="value value2">
+									车主身份
+
+								</view>
+								<view class="value value3">
+									使用次数
+
+								</view>
+								<view class="value value4">
+									操作
+
+								</view>
+
+							</view>
+							<view class="line line2">
+
+								<view class="value value1">
+									荆鹏软件园荆鹏软件园荆鹏软件园
+								</view>
+								<view class="value value2">
+									车位所有人
+
+								</view>
+								<view class="value value3">
+									22
+
+								</view>
+								<view class="value value4">
+									查看
+								</view>
+
+							</view>
+							<view class="line line2">
+
+								<view class="value value1">
+									荆州院子
+								</view>
+								<view class="value value2">
+									白名单用户
+
+								</view>
+								<view class="value value3">
+									11
+
+								</view>
+								<view class="value value4">
+									查看
+								</view>
+
+							</view>
+
+
+						</view>
+
+					</jpContent>
+				</view>
+			</view>
+			<!--end-->
 
 			<u-divider border-color="#CFD2D5">已经到底了</u-divider>
 
@@ -59,7 +231,132 @@
 					body10: 2,
 				},
 			};
-		}
+		},
+		onLoad() {
+		
+		},
+		onReady() {
+			this.init();
+		},methods: {
+			init() {
+				
+				this.getbody3()
+				this.getbody4()
+			
+			},
+			getbody4(){
+				var key = "body4echart"
+				var myChart = this.echartsList[key];
+				if (!myChart) {
+					myChart = echarts.init(document.getElementById(key), null, {
+						width: uni.upx2px(300 * 2),
+						height: uni.upx2px(170 * 2)
+					})
+							
+				}
+				myChart.clear()
+							
+				var data1 = ['0.5小时', '2小时', '2-6小时','6小时以上']
+				
+				var option = {
+					xAxis: {
+						
+						  type: 'category',
+						
+						 data: data1,
+					
+					},
+					tooltip: {
+						trigger: 'axis',
+						axisPointer: {
+							type: 'shadow'
+						}
+					},
+					yAxis: {
+						type: 'value',
+						
+						
+					},
+					grid: {
+						top: 20,
+						left: 0,
+						right: 20,
+						bottom: 0,
+						containLabel: true
+					},
+					series: [{
+						label: {
+							show: true,
+							position: 'top',
+							color: "#307AF6"
+						},
+						itemStyle: {
+							color: "#5A88E5"
+						},
+						data: [120, 200, 150,22],
+						type: 'bar'
+					}]
+				};
+				myChart.setOption(option);
+				this.echartsList[key] = myChart;
+			},
+			getbody3() {
+				var key = "body3echart"
+				var myChart = this.echartsList[key];
+				if (!myChart) {
+					myChart = echarts.init(document.getElementById(key), null, {
+						width: uni.upx2px(300 * 2),
+						height: uni.upx2px(170 * 2)
+					})
+			
+				}
+				myChart.clear()
+			
+				var data1 = ['0-7点', '7-14点', '14-24点']
+				
+				var option = {
+					xAxis: {
+						
+						type: 'value',
+						 boundaryGap: [0, 0.01]
+					
+					},
+					tooltip: {
+						trigger: 'axis',
+						axisPointer: {
+							type: 'shadow'
+						}
+					},
+					yAxis: {
+						
+						  type: 'category',
+						data: data1,
+					},
+					grid: {
+						top: 20,
+						left: 0,
+						right: 20,
+						bottom: 0,
+						containLabel: true
+					},
+					series: [{
+						label: {
+							show: true,
+							position:'right' ,
+							color: "#307AF6"
+						},
+						itemStyle: {
+							color: "#5A88E5"
+						},
+						data: [120, 200, 150],
+						type: 'bar'
+					}]
+				};
+				myChart.setOption(option);
+				this.echartsList[key] = myChart;
+			},
+		}
+		
 	}
 </script>
 
@@ -163,25 +460,46 @@
 			display: flex;
 			align-items: center;
 			justify-content: center;
-			width: 72rpx;
-			height: 72rpx;
+			width: 160rpx;
+			height: 160rpx;
+
+			.img {
+				width: 160rpx;
+				height: 160rpx;
+			}
+
 			border-radius: 4px;
 			background-color: #E5E5E5;
 		}
 
 		.item {
 			margin-left: 16rpx;
+			display: flex;
+			flex-direction: column;
+			justify-content: space-around;
 
 			.name {
-				font-size: 36rpx;
+				font-size: 40rpx;
 				color: rgba(16, 16, 16, 1);
+				display: flex;
+				align-items: center;
+
+				.tag {
+					border-radius: 4px;
+					background-color: rgba(255, 255, 255, 1);
+					color: rgba(22, 119, 255, 1);
+					font-size: 12px;
+					border: 1px solid rgba(22, 119, 255, 1);
+					padding: 1px 2px;
+					margin-left: 8rpx;
+				}
 			}
 
 			.value {
 				display: flex;
 				align-items: center;
 				color: rgba(119, 119, 119, 1);
-				font-size: 24rpx;
+				font-size: 28rpx;
 
 				.img {
 					width: 32rpx;
@@ -191,10 +509,95 @@
 
 				.img1 {}
 
-				.img2 {
-					margin-left: 20rpx;
-				}
+				.img2 {}
 			}
 		}
 	}
+
+	.data2 {
+		.line {
+			display: flex;
+
+			.item1 {
+				width: 50%;
+			}
+
+			.item {
+				width: 25%;
+			}
+
+		}
+
+		.line1 {
+
+			color: rgba(51, 51, 51, 1);
+
+			font-size: 16px;
+		}
+
+		.line2 {
+			color: rgba(16, 16, 16, 1);
+			font-weight: bold;
+			font-size: 24px;
+		}
+	}
+
+	.body5data {
+		
+		.line {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+
+			.value {
+				 
+				padding: 16rpx 4rpx;
+				color: rgba(51, 51, 51, 1);
+
+
+			}
+			.value1{
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+			}
+			.value1{
+				
+				width: 120px;
+				padding-left: 16rpx;
+			}
+			.value2{
+				width: 75px;
+			}
+			.value3{
+				width: 60px;
+				text-align: center;
+			}
+			.value4{
+				width: 40px;
+				
+
+			}
+
+			 
+		}
+		.line2{
+			.value4{
+				
+				color: #1677FF;
+			
+			}
+		}
+		/* 隔行变色: 偶数行设置背景色 */
+		.line:nth-child(odd) {
+			background-color: #F2F2F2;
+			/* 偶数行 */
+		}
+
+		.line:nth-child(even) {
+			background-color: #FFFFFF
+				/* 奇数行 */
+		}
+
+	}
 </style>