auto commit

common/apiurl.js

@@ -24,6 +24,8 @@ const apiurl = {
 	achievementUrl:'/payee/payeeinfo/achievement',
 	// achievementUrl:'http://127.0.0.1:4523/mock/385524/payeeinfo/achievement',
 	
+	//收费员切换路段
+	modifyRoadUrl:'/payee/payeeinfo/modifyRoad/',
 	//收费员打卡路段信息
 	punchInfoUrl:'/payee/payeeinfo/punchInfo/',
 	//收费员打卡签到

common/http.api.js

@@ -42,6 +42,8 @@ const install = (Vue, vm) => {
 	let gzbankSwept = (params = {}) => vm.$u.post(apiurl.gzbankSweptUrl, params);
 	let gzbankPolypay = (params = {}) => vm.$u.post(apiurl.gzbankPolypayUrl, params);
 	
+	let modifyRoad = (params = {}) => vm.$u.put(apiurl.modifyRoadUrl+params.roadId);
+	
 	// 将各个定义的接口名称，统一放进对象挂载到vm.$u.api(因为vm就是this，也即this.$u.api)下
 	vm.$u.api = {
 		login,
@@ -62,7 +64,8 @@ const install = (Vue, vm) => {
 		achievement,
 		printIn,
 		gzbankSwept,
-		gzbankPolypay
+		gzbankPolypay,
+		modifyRoad
 	};
 }
 

pages.json

@@ -19,7 +19,13 @@
 				"navigationBarTitleText": "城市智慧停车"
 			}
 		},
-	
+		{
+			"path": "pages/roadlist/roadlist",
+			"style": {
+				"navigationStyle":"custom",// 隐藏系统导航栏
+				"navigationBarTitleText": "停车场列表"
+			}
+		},
 		{
 			"path": "pages/modifypwd/modifypwd",
 			"style": {

pages/index/index.vue

@@ -12,7 +12,7 @@
 						{{ theRoad.roadName || '暂无' }}
 					</view>
 				</view>
-				<view class="u-m-l-10 u-p-10">
+				<view class="u-m-l-10 u-p-10" @click="openPage('pages/roadlist/roadlist')">
 					<u-icon name="arrow-right" color="rgba(255,255,255,.7)" size="28"></u-icon>
 				</view>
 			</view>	

pages/roadlist/roadlist.scss

@@ -0,0 +1,25 @@
+page{
+	background-color: #F4F4F4;
+}
+	
+.road-list{
+	margin: 33rpx;
+	padding: 38rpx 40rpx;
+	background-color: #fff;
+	.road-list-item{
+		padding-bottom: 27rpx;
+		border-bottom:1px solid #E9E9E9;
+		margin-bottom: 31rpx;
+		.name{
+			font-size: 30rpx;
+			color: #484848;
+			line-height: 42rpx;
+			margin-bottom: 6rpx;
+		}
+		.position,.distance{
+			font-size: 24rpx;
+			color: #969696;
+			line-height: 33rpx;
+		}
+	}
+}

pages/roadlist/roadlist.vue

@@ -0,0 +1,69 @@
+<template>
+	<view>
+		<u-navbar
+		 title="停车场列表" 
+		 title-color="#fff" 
+		 :custom-back="customBack" 
+		 :border-bottom="false" 
+		 back-icon-color="#CCE8FF" 
+		 :background="{background: 'linear-gradient(145deg, #41AFF9 0%, #2D8CFB 100%)' }"></u-navbar>
+		
+		<view class="road-list">
+			<view class="road-list-item" v-for="item in Roads" :key="item.id" @click="handleModifyRoad(item.id)">
+				<view class="name">{{item.roadName}}</view>
+				<view class="position">{{item.roadName}}</view>
+				<view class="distance">{{item.roadName}}</view>
+			</view>
+		</view>
+		
+		<u-toast ref="uToast" />
+	</view>
+</template>
+
+<script>
+	export default{
+		data(){
+			return{
+				Roads:[],
+			}
+		},
+		onLoad(){
+			this.Roads = this.$store.state.vuex_user?.roadList;
+			console.log('Roads',JSON.parse(JSON.stringify(this.Roads)));
+		},
+		onShow(){
+			
+		},
+		methods:{
+			customBack(){
+				this.$u.route({
+					// type:'switchTab',
+					url: 'pages/index/index'
+				});
+			},
+			handleModifyRoad(id){
+				console.log('id',id);
+				this.$u.api.modifyRoad({roadId:id})
+				.then(res=>{
+					this.$refs.uToast.show({
+						title: res.msg,
+						type: 'success',
+						url: 'pages/index/index'
+					});
+					console.log('modifyRoad',res)
+				}).catch(err=>{
+					this.$refs.uToast.show({
+						title: err.msg,
+						type: 'error',
+					});
+					console.log('modifyRoad ',err)
+				});
+			}
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+	@import  './roadlist.scss'
+</style>