驾校分页

config/api.js

@@ -11,7 +11,7 @@ export const getLoginCode = (data) => http.post('member/auth/send-sms-code', dat
 // 获取个人信息
 export const getUserInfo = (data) => http.post('member/user/get', {header: {'content-type': 'application/x-www-form-urlencoded; charset=UTF-8'}})
 // 退出登录
-export const logOut = (data={}) => http.post('member/auth/logout', data, { custom: { noToken: true }})
+export const logOut = (data={}) => http.post('member/auth/logout', data,)
 // 驾校列表分页
 export const schoolPage = (params) => http.get('business/school/page', {params: params})
 // 教练列表分页
@@ -26,6 +26,12 @@ export const getarticleList = (params) => http.get('business/video/article', {pa
 export const getarticlezcList = (params) => http.get('business/video/articlezc', {params: params})
 // 行业资讯，行业政策 详情
 export const getarticle = (params) => http.get('business/video/getarticle', {params: params})
+// 驾照类型
+export const licenseType = () => http.get('system/dict/licenseType', )
+// 区域
+export const nachangList = () => http.get('system/area/nachangList', )
+
+
   
 
 

config/request.js

@@ -76,7 +76,8 @@ module.exports = (vm) => {
 		}
 		// 如果不需要token就把header里的token删除,并且不需要去刷新token
 		let noToken = response.config.custom?.noToken
-		if(!noToken) {
+		console.log(response.config.url)
+		if(!noToken&&response.config.url!=='member/auth/logout') {
 			checkToken(vm)
 		}
 		return data === undefined ? {} : data

index.html

@@ -9,6 +9,8 @@
         '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
         (coverSupport ? ', viewport-fit=cover' : '') + '" />')
     </script>
+	
+	<script src="https://map.qq.com/api/js?v=2.exp&key=2BTBZ-6BQRB-ZG4UG-NOYYG-KZMH7-B4BYN"></script>
     <title></title>
     <!--preload-links-->
     <!--app-context-->

pages/indexEntry/findShcool/findShcool.vue

@@ -6,7 +6,7 @@
 				<searchRow placeholder="搜索驾校、教练…"></searchRow>
 			</view>
 			<view class="navBox">
-				<view class="tab" v-for="(item,index) in tabData" :key="index" :class="{active: currentTab==item.id}" @click="tabClick(item)">
+				<view class="tab" v-for="(item,index) in tabData" :key="index" :class="{active: params.sercheType==item.id}" @click="tabClick(item)">
 					{{ item.text }}</view>
 				<view class="screen" @click="$goPage('/pages/indexEntry/findShcool/screen/screen')">
 					<view class="txt">筛选</view>
@@ -38,26 +38,27 @@
 				currentTab: 0,
 				tabData: [{
 						text: '全部',
-						id: 0
+						id: 1
 					},
 					{
 						text: '场地优先',
-						id: 1
+						id: 2
 					},
 					{
 						text: '距离优先',
-						id: 2
+						id: 3
 					},
 					{
 						text: '好评优先',
-						id: 3
+						id: 4
 					},
 				],
 				params: {
 					pageNo: 1,
 					pageSize: 20,
-					lat: 30.27419537786047,
-					lng: 120.20633397715788,
+					lat: '',
+					lng: '',
+					sercheType: 1,
 				},
 				total: 20,
 				listData: [],
@@ -65,7 +66,19 @@
 			}
 		},
 		onLoad() {
-			this.schoolPageFn()
+			let vuex_cityInfo = this.$store.state.user.vuex_cityInfo
+			if(!vuex_cityInfo.lat) {
+				this.$store.dispatch('getCity')
+				return 
+			}else {
+				this.params.lat = vuex_cityInfo.lat
+				this.params.lng = vuex_cityInfo.lng
+				this.schoolPageFn()
+			}
+			uni.$on('screenConfirm',(obj)=>{
+				this.params = Object.assign(this.params, obj)
+				this.listInit()
+			})
 		},
 		onPullDownRefresh() {
 			this.listInit()
@@ -80,9 +93,11 @@
 				this.$goPage('/pages/indexEntry/findShcool/shcoolDetail/shcoolDetail?schoolId='+ item.id)
 			},
 			tabClick(item) {
-				this.currentTab = item.id
+				this.params.sercheType = item.id
+				this.listInit()
 			},
 			async listInit() {
+				
 				this.listData = []
 				this.params.pageNo = 1
 				await this.schoolPageFn()

pages/indexEntry/findShcool/screen/screen.vue

@@ -4,17 +4,20 @@
 			<view class="type">
 				<view class="h1">驾照类型</view>
 				<view class="tagFlex">
-					<view class="tab" v-for="(item,index) in tagList" :class="{active: driverTypeArr.indexOf(item.id)!=-1}" @click="driverTypeClick(item)">{{ item.text }}</view>
+					<view class="tab" v-for="(item,index) in driverList" :class="{active: driverTypeArr.indexOf(item.label)!=-1}" @click="driverTypeClick(item)">{{ item.label }}</view>
 				</view>
 			</view>
 			
 			<view class="region">
 				<view class="h1">区域</view>
+				<view class="tagFlex">
+					<view class="tab" v-for="(item,index) in areList" :class="{active: areTypeArr.indexOf(item.areaCode)!=-1}" @click="areTypeClick(item)">{{ item.areaName }}</view>
+				</view>
 			</view>
 			
 			<view class="btn_row">
 				<view class="btn border" @click="reSetFn">重置</view>
-				<view class="btn">确定</view>
+				<view class="btn" @click="screenConfirm">确定</view>
 			</view>
 		</view>
 		
@@ -22,30 +25,60 @@
 </template>
 
 <script>
+	import { licenseType, nachangList } from '@/config/api.js'
 	export default {
 		data() {
 			return {
-				tagList: [
-					{text: '名称', id: 1},
-					{text: '名称', id: 2},
-					{text: '名称', id: 3},
-				],
-				driverTypeArr: []
+				driverList: [],//车型
+				areList: [],//区域
+				driverTypeArr: [],
+				areTypeArr: []
 			}
 		},
+		onLoad() {
+			this.licenseTypeFn()
+			this.nachangListFn()
+		},
 		methods: {
+			async licenseTypeFn() {
+				const {data: res} = await licenseType()
+				this.driverList = res
+				console.log(res)
+			},
+			async nachangListFn() {
+				const {data: res} = await nachangList()
+				this.areList = res
+				console.log(res)
+			},
 			driverTypeClick(item) {
-				let index = this.driverTypeArr.indexOf(item.id)
+				let index = this.driverTypeArr.indexOf(item.label)
 				if( index==-1) {
-					this.driverTypeArr.push(item.id)
+					this.driverTypeArr.push(item.label)
 				}else {
 					this.driverTypeArr.splice(index,1)
 				}
-				console.log(index)
-				console.log(this.driverTypeArr)
 			},
-			reSetFn() {
+			areTypeClick(item) {
+				let index = this.areTypeArr.indexOf(item.areaCode)
+				if( index==-1) {
+					this.areTypeArr.push(item.areaCode)
+				}else {
+					this.areTypeArr.splice(index,1)
+				}
+			},
 			
+			reSetFn() {
+				this.areTypeArr = []
+				this.driverTypeArr = []
+			},
+			screenConfirm() {
+				console.log( this.driverTypeArr)
+				let obj = {
+					businessScope: this.driverTypeArr.join(','),
+					district: this.areTypeArr.join(',')
+				}
+				uni.$emit('screenConfirm', obj)
+				uni.navigateBack()
 			}
 		}
 	}

pages/mineEntry/refund/refund - 副本.vue

@@ -0,0 +1,68 @@
+<template>
+	<view class="pageBgImg">
+		<topNavbar title="同城转校"></topNavbar>
+		<view class="pad">
+			<view class="card">
+				<view class="tpsBox">
+					<view class="row">
+						<view class="icon">
+							<image src="@/static/images/userCenter/warn.png" mode=""></image>
+						</view>
+						<view class="tps">请与教练协商，确认达成一致后填写协商好的退款金额</view>
+					</view>
+				</view>
+			</view>
+			<myform></myform>
+			<view class="btnBg">提交</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import myform from './comp/myform'
+	export default {
+		components: { myform },
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	  .card {
+		  padding: 12rpx 28rpx;
+		  margin-bottom: 24rpx;
+	    .tpsBox {
+			height: 140rpx;
+			background: #FFFFFF;
+			border-radius: 16rpx;
+	      .row {
+			  height: 100%;
+			  display: flex;
+			  align-items: center;
+	        .icon {
+				width: 36rpx;
+				height: 36rpx;
+	        }
+	
+	        .tps {
+				padding-left: 26rpx;
+				font-size: 28rpx;
+				font-weight: 600;
+				color: $themC;
+				line-height: 1.2em;
+	        }
+	      }
+	    }
+	  }
+	
+	  .btnBg {
+		width: 396rpx;
+		margin: 94rpx auto;
+	  }
+</style>

pages/tabbar/index/index.vue

@@ -276,9 +276,9 @@
 			}
 		},
 		async onLoad() {
-			// await this.$store.dispatch('getCity')
+			await this.$store.dispatch('getCity')
 			// console.log('有 啦')
-			// console.log(this.$store.state.user.vuex_cityInfo.city)
+			// console.log(this.$store.state.user.vuex_cityInfo)
 		},
 
 		onShow() {

store/modules/user.js

@@ -1,4 +1,5 @@
 import qqmapWx from '../../common/sdk/qqmap-wx-jssdk.min.js'; // 引入
+import { httpPrefix } from '../../config/site.config.js';
 
 
 const user = {
@@ -89,49 +90,94 @@ const user = {
 export default user
 
 
-function getCityInfo(resolve, reject, commit) {
-	uni.showLoading({
-		title: '加载中...'
+
+// h5高德地图
+function gaoDeFn(longitude,latitude,commit,resolve, reject,) {
+	uni.request({
+	  method: 'GET',
+	  url: 'https://restapi.amap.com/v3/geocode/regeo?parameters',
+	  data: {
+	    key: 'a0dde4c05390e689ea2c19d8ec447f62',
+	    location: `${longitude},${latitude}`,
+	    output: 'JSON'
+	  },
+	  success: (res) => {
+	    console.log(res) // 数据结构见下方
+		let result = res.data.regeocode.addressComponent
+		let obj = {
+			lat: latitude,
+			lng: longitude,
+			city: result.city,
+			cityCode: result.adcode,
+			province: result.province,
+			district: result.district
+		}
+		commit('update_vuex_cityInfo', obj)
+		resolve(obj)
+		uni.hideLoading()
+	  },
+	  fail: res => {
+	    reject(new Error('获取地理位置信息失败'))
+		uni.hideLoading()
+	  }
 	})
+}
+
+function wxAdsFn(longitude,latitude, commit,resolve, reject,) {
 	var qqmapKey = new qqmapWx({
 		key: '2BTBZ-6BQRB-ZG4UG-NOYYG-KZMH7-B4BYN'
 	})
+	qqmapKey.reverseGeocoder({
+		location: {
+			latitude: latitude,
+			longitude:longitude
+		},
+		success(res2) {
+			// console.log('城市信息')
+			// console.log(res2.result)
+			let result = res2.result
+			let obj = {
+				lat: latitude,
+				lng: longitude,
+				city: result.address_component.city,
+				cityCode: result.ad_info.adcode,
+				province: result.address_component.province,
+				district: result.address_component.district
+			}
+			commit('update_vuex_cityInfo', obj)
+			resolve(obj)
+			uni.hideLoading();
+	
+		},
+		fail: function(res3) {
+			reject(res3)
+			uni.hideLoading();
+		},
+	})
+}
+
+function getCityInfo(resolve, reject, commit) {
+	uni.showLoading({
+		title: '加载中...'
+	})
+	
 	uni.getLocation({
 		type: 'wgs84',
 		// type: 'gcj02',
 		success: function(res) {
 			console.log('当前位置的经度：' + res.longitude);
-			console.log('当前位置的纬度：' + res.latitude);
-			qqmapKey.reverseGeocoder({
-				location: {
-					latitude: res.latitude,
-					longitude: res.longitude
-				},
-				success(res2) {
-					// console.log('城市信息')
-					// console.log(res2.result)
-					let result = res2.result
-					let obj = {
-						latitude: res.latitude,
-						longitude: res.longitude,
-						city: result.address_component.city,
-						cityCode: result.ad_info.adcode,
-						province: result.address_component.province,
-						district: result.address_component.district
-					}
-					commit('update_vuex_cityInfo', obj)
-					resolve(obj)
-					uni.hideLoading();
+			console.log('当前位置的纬度：' + res);
+			// #ifdef APP-PLUS||H5
+			gaoDeFn(res.longitude,res.latitude, commit, resolve, reject,);
+			// #endif
+			// #ifdef MP-WEIXIN
+			wxAdsFn(res.longitude,res.latitude, commit,resolve, reject,)
+			// #endif
 			
-				},
-				fail: function(res3) {
-					reject(res3)
-					uni.hideLoading();
-				},
-			})
 		},
 		fail(e) {
 			console.log(e)
+			uni.hideLoading()
 		}
 	})
 }