首页网络问题处理

common/request.js

@@ -54,6 +54,7 @@ async function getRequest(url, data) {
 		url: url,
 		method: 'GET',
 	});
+	
 	uni.hideLoading();
 	 res = res[1]
 	 if(!res.data.code){

main.js

@@ -14,6 +14,12 @@ import uView from "uview-ui";
 import gyq_utils from '@/utils/gyq_utils'
 Vue.use(gyq_utils)
 
+uni.addInterceptor('request', {
+	fail: (err) => {
+		uni.hideLoading()
+		return false; // 阻止默认弹窗
+	}
+});
 
 // #ifndef VUE3
 import Vue from 'vue';
@@ -23,7 +29,7 @@ Vue.config.productionTip = false;
 App.mpType = 'app';
 const app = new Vue({
 	i18n,
-    ...App
+	...App
 });
 app.$mount();
 // #endif
@@ -42,4 +48,4 @@ app.$mount();
 //         app
 //     };
 // }
-// // #endif
+// // #endif

pages/index/index.vue

@@ -1,143 +1,147 @@
 <template>
 	<view>
-		<block v-if="isLogin && car_info.car_sn">
-			<view class="container-view"> 
-			<!-- #ifdef MP-WEIXIN -->
-			<view :style="{height: `${statusBarHeight + 30}px`}"></view>
-			<!-- #endif -->
-			<!-- #ifdef APP -->
-			<view :style="{height: `${statusBarHeight}px`}"></view>
-			<!-- #endif -->
-			<!-- <navBar type="index" /> -->
-				<view class="flex-row flex-between align-center padding_about_40">
-					<view class="car-name-view" @tap="navSwitchCar">
-						<text class="text" style="margin-right: 10rpx;">{{car_info.car_name}}</text>
-						<img src="https://qiniu.bms16.com/FoSXDpVGvbdmwbX3CMUBvR7X4IzI"
-							style="width: 14rpx;height: 14rpx;" alt="">
-					</view>
-					<view @click="routerLink('/pages/message/index')" class="news">
-						<view v-if="(newsList.plate_count + newsList.device_count) > 0" class="num">{{newsList.plate_count + newsList.device_count}}</view>
-						<image src="https://qiniu.bms16.com/FtlfBtBE5-TeTI5EdrciX_u8u_Sx"
-							style="width: 48rpx;height: 48rpx;" mode=""></image>
+		<!-- #ifdef APP -->
+		<u-no-network @retry='retry'></u-no-network>
+		<!-- #endif -->
+		<view v-if="isConnected">
+			<block v-if="isLogin && car_info.car_sn">
+				<view class="container-view"> 
+				<!-- #ifdef MP-WEIXIN -->
+				<view :style="{height: `${statusBarHeight + 30}px`}"></view>
+				<!-- #endif -->
+				<!-- #ifdef APP -->
+				<view :style="{height: `${statusBarHeight}px`}"></view>
+				<!-- #endif -->
+				<!-- <navBar type="index" /> -->
+					<view class="flex-row flex-between align-center padding_about_40">
+						<view class="car-name-view" @tap="navSwitchCar">
+							<text class="text" style="margin-right: 10rpx;">{{car_info.car_name}}</text>
+							<img src="https://qiniu.bms16.com/FoSXDpVGvbdmwbX3CMUBvR7X4IzI"
+								style="width: 14rpx;height: 14rpx;" alt="">
+						</view>
+						<view @click="routerLink('/pages/message/index')" class="news">
+							<view v-if="(newsList.plate_count + newsList.device_count) > 0" class="num">{{newsList.plate_count + newsList.device_count}}</view>
+							<image src="https://qiniu.bms16.com/FtlfBtBE5-TeTI5EdrciX_u8u_Sx"
+								style="width: 48rpx;height: 48rpx;" mode=""></image>
+						</view>
 					</view>
-				</view>
-				<view v-if="isOverdueShow" class="overdue-view flex-row flex-between">
-					<view class="overdue-view-text flex-row">
-						<text class="overdue-text-left">您已逾期
-							<text class="overdue-num">
-								<block v-if="orderInfo.hire_duration_time">
-									{{orderInfo.hire_duration_time.day > 0 ? orderInfo.hire_duration_time.day :'' }}<text
-										v-if="orderInfo.hire_duration_time.day>0">日</text>{{orderInfo.hire_duration_time.hour > 0 ? orderInfo.hire_duration_time.hour :'' }}<text
-										v-if="orderInfo.hire_duration_time.hour>0">小时</text>{{orderInfo.hire_duration_time.minute > 0 ? orderInfo.hire_duration_time.minute :'' }}<text
-										v-if="orderInfo.hire_duration_time.minute>0">分</text>
-								</block>
+					<view v-if="isOverdueShow" class="overdue-view flex-row flex-between">
+						<view class="overdue-view-text flex-row">
+							<text class="overdue-text-left">您已逾期
+								<text class="overdue-num">
+									<block v-if="orderInfo.hire_duration_time">
+										{{orderInfo.hire_duration_time.day > 0 ? orderInfo.hire_duration_time.day :'' }}<text
+											v-if="orderInfo.hire_duration_time.day>0">日</text>{{orderInfo.hire_duration_time.hour > 0 ? orderInfo.hire_duration_time.hour :'' }}<text
+											v-if="orderInfo.hire_duration_time.hour>0">小时</text>{{orderInfo.hire_duration_time.minute > 0 ? orderInfo.hire_duration_time.minute :'' }}<text
+											v-if="orderInfo.hire_duration_time.minute>0">分</text>
+									</block>
+								</text>
 							</text>
-						</text>
-						<text style="font-size: 24rpx;opacity: 0.5;">请及时续费或归还车辆</text>
-					</view>
-					<view @click="routerLink('/pages/order/order')" class="renew-btn">去续费</view>
-				</view>
-				<view class="car-img-view" @tap="toMoreInfoPage">
-					<view class="quantity-view flex-row">
-						<text class="quantity flex-row">{{car_info.soc}} <text
-								style="font-size: 28rpx;font-weight: 500;">%</text></text>
-						<u-line-progress style="width: 100rpx;" active-color="#2ADA62" height="10" :show-percent="false"
-							:percent="car_info.soc"></u-line-progress>
-						<view class="quantity-text flex-row">
-							<view style="font-weight:400;font-size: 22rpx;width: 44rpx;">{{$t("续航")}}</view>
-							<view style="font-size: 36rpx;">{{formatDistance(car_info.endurance) }}<text style="font-size: 30rpx;">{{car_info.endurance>1000?'km':'m'}}</text></view> 
+							<text style="font-size: 24rpx;opacity: 0.5;">请及时续费或归还车辆</text>
 						</view>
+						<view @click="routerLink('/pages/order/order')" class="renew-btn">去续费</view>
 					</view>
-					<!-- <img :src="car_info.model_images||'https://qiniu.bms16.com/Fg8_p7083jpsy8BXG4bR6yMs7jQX'" style="width: 100%;height: 526rpx;" alt=""> -->
-					<img :src="'https://qiniu.bms16.com/Fg8_p7083jpsy8BXG4bR6yMs7jQX'"
-						style="width: 100%;height: 526rpx;" alt="">
-					<view class="flex-row align-center update-time-view">
-						<text style="margin-right: 10rpx;">{{$t("车辆已关机")}} </text>
-						<text v-if="car_info.heart_time != 0" style="margin-right: 10rpx;">{{$t("更新于")}} {{car_info.heart_time|| ''}}</text>
-						<img :src="'https://qiniu.bms16.com/'+(isBluethConnect?'Fk3f9H_o-1Wq2xXx7I_xo7bxK1xJ':'FsL6XWGoIhfsVB7jRg6EGFVsuaTZ')"
-							:style="{width: (isBluethConnect?32:24)+'rpx',height: '32rpx'}" alt="">
-					</view>
-				</view>
-				<Control :contrilList="contrilList" />
-
-
-				<view v-if="car_info.exchange_package_info && car_info.exchange_package_info.activity_time"
-					class="flex-row flex-between map-card-view">
-					<MapCard :car_info="car_info" />
-
-					<view class="card-right">
-						<view class="card-bg" @tap="navTravelingTrack">
-							<view class="flex-row flex-between card-top-title">
-								<view class="flex-row align-center">
-									<img style="width: 36rpx;height: 36rpx;"
-										src="https://qiniu.bms16.com/FkrcMCV__HraZ0W0NBNdEZPIlwss" alt="">
-									<text class="margin_l_8">{{isTrackOrAll?'最近骑行':'总里程'}}</text>
-								</view>
-								<view @tap.stop="isTrackOrAll=!isTrackOrAll"><img style="width: 24rpx;height: 20rpx;"
-										src="https://qiniu.bms16.com/FltPK-o7KGS3dQ2pfQHXGSxOdzaN" alt=""></view>
+					<view class="car-img-view" @tap="toMoreInfoPage">
+						<view class="quantity-view flex-row">
+							<text class="quantity flex-row">{{car_info.soc}} <text
+									style="font-size: 28rpx;font-weight: 500;">%</text></text>
+							<u-line-progress style="width: 100rpx;" active-color="#2ADA62" height="10" :show-percent="false"
+								:percent="car_info.soc"></u-line-progress>
+							<view class="quantity-text flex-row">
+								<view style="font-weight:400;font-size: 22rpx;width: 44rpx;">{{$t("续航")}}</view>
+								<view style="font-size: 36rpx;">{{formatDistance(car_info.endurance) }}<text style="font-size: 30rpx;">{{car_info.endurance>1000?'km':'m'}}</text></view> 
 							</view>
-							<view class="card-top-text">{{car_info.current_mail}}<text class="font_24">km</text></view>
 						</view>
-
-						<view class="card-bg">
-							<view class="flex-row card-top-title">
-								<img style="width: 36rpx;height: 36rpx;"
-									src="https://qiniu.bms16.com/FtalApKa3STyruaBxxRB4O9hHXyE" alt="">
-								<text class="margin_l_8">{{$t("换电套餐")}}</text>
-							</view>
-							<view v-if="car_info.package_type == 1" class=" card-top-text">
-								{{calculateRemainingDays(car_info.exchange_package_info.expire_time)}} <text
-									class="font_24">{{$t("天")}}</text>
+						<!-- <img :src="car_info.model_images||'https://qiniu.bms16.com/Fg8_p7083jpsy8BXG4bR6yMs7jQX'" style="width: 100%;height: 526rpx;" alt=""> -->
+						<img :src="'https://qiniu.bms16.com/Fg8_p7083jpsy8BXG4bR6yMs7jQX'"
+							style="width: 100%;height: 526rpx;" alt="">
+						<view class="flex-row align-center update-time-view">
+							<text style="margin-right: 10rpx;">{{$t("车辆已关机")}} </text>
+							<text v-if="car_info.heart_time != 0" style="margin-right: 10rpx;">{{$t("更新于")}} {{car_info.heart_time|| ''}}</text>
+							<img :src="'https://qiniu.bms16.com/'+(isBluethConnect?'Fk3f9H_o-1Wq2xXx7I_xo7bxK1xJ':'FsL6XWGoIhfsVB7jRg6EGFVsuaTZ')"
+								:style="{width: (isBluethConnect?32:24)+'rpx',height: '32rpx'}" alt="">
+						</view>
+					</view>
+					<Control :contrilList="contrilList" />
+			
+			
+					<view v-if="car_info.exchange_package_info && car_info.exchange_package_info.activity_time"
+						class="flex-row flex-between map-card-view">
+						<MapCard :car_info="car_info" />
+			
+						<view class="card-right">
+							<view class="card-bg" @tap="navTravelingTrack">
+								<view class="flex-row flex-between card-top-title">
+									<view class="flex-row align-center">
+										<img style="width: 36rpx;height: 36rpx;"
+											src="https://qiniu.bms16.com/FkrcMCV__HraZ0W0NBNdEZPIlwss" alt="">
+										<text class="margin_l_8">{{isTrackOrAll?'最近骑行':'总里程'}}</text>
+									</view>
+									<view @tap.stop="isTrackOrAll=!isTrackOrAll"><img style="width: 24rpx;height: 20rpx;"
+											src="https://qiniu.bms16.com/FltPK-o7KGS3dQ2pfQHXGSxOdzaN" alt=""></view>
+								</view>
+								<view class="card-top-text">{{car_info.current_mail}}<text class="font_24">km</text></view>
 							</view>
-							<view v-if="car_info.package_type == 2" class=" card-top-text">{{item.last_num}} <text
-									class="font_24">{{$t("次")}}</text></view>
-							<view v-if="car_info.package_type == 3" class=" card-top-text">
-								{{item.total_day}}{{$t("天")}}/{{item.last_num}} <text class="font_24">{{$t("次")}}</text>
+			
+							<view class="card-bg">
+								<view class="flex-row card-top-title">
+									<img style="width: 36rpx;height: 36rpx;"
+										src="https://qiniu.bms16.com/FtalApKa3STyruaBxxRB4O9hHXyE" alt="">
+									<text class="margin_l_8">{{$t("换电套餐")}}</text>
+								</view>
+								<view v-if="car_info.package_type == 1" class=" card-top-text">
+									{{calculateRemainingDays(car_info.exchange_package_info.expire_time)}} <text
+										class="font_24">{{$t("天")}}</text>
+								</view>
+								<view v-if="car_info.package_type == 2" class=" card-top-text">{{item.last_num}} <text
+										class="font_24">{{$t("次")}}</text></view>
+								<view v-if="car_info.package_type == 3" class=" card-top-text">
+									{{item.total_day}}{{$t("天")}}/{{item.last_num}} <text class="font_24">{{$t("次")}}</text>
+								</view>
 							</view>
 						</view>
 					</view>
-				</view>
-				<view class="config-view">
-					<view @tap="navToPage" class="flex-row config-car-view">
-						<view class="margin_r_20"><img class="icon_style_64"
-								src="https://qiniu.bms16.com/Ftzyvs5whxDdMFksYChHaWKVb0Uk" alt=""></view>
-						<view class="flex-row config-text-view" @tap="inductiveUnlockHandle">
-							<view class="flex-row font_w_600">{{$t("感应解锁")}}</view>
-							<view class="flex-row tip-text-config">{{isBluethConnect?$t("蓝牙配对成功"):$t("请先连接蓝牙")}}</view>
+					<view class="config-view">
+						<view @tap="navToPage" class="flex-row config-car-view">
+							<view class="margin_r_20"><img class="icon_style_64"
+									src="https://qiniu.bms16.com/Ftzyvs5whxDdMFksYChHaWKVb0Uk" alt=""></view>
+							<view class="flex-row config-text-view" @tap="inductiveUnlockHandle">
+								<view class="flex-row font_w_600">{{$t("感应解锁")}}</view>
+								<view class="flex-row tip-text-config">{{isBluethConnect?$t("蓝牙配对成功"):$t("请先连接蓝牙")}}</view>
+							</view>
+							<img class="icon_style_28" src="https://qiniu.bms16.com/FqnbZ2iKHmzCGJA8XD30sf5g_CAm" alt="">
 						</view>
-						<img class="icon_style_28" src="https://qiniu.bms16.com/FqnbZ2iKHmzCGJA8XD30sf5g_CAm" alt="">
-					</view>
-					<view @tap="navToPage" data-url="/pages/userManagement/userManagement"
-						class="flex-row config-car-view">
-						<view class="margin_r_20"><img class="icon_style_64"
-								src="https://qiniu.bms16.com/FhKkijkN__9UzhYNgamBFSggIlYo" alt=""></view>
-						<view class="flex-row config-text-view">
-							<view class="flex-row font_w_600">{{$t("用车人管理")}}</view>
-							<view class="flex-row tip-text-config">{{car_info.share_num + $t("个家庭账号")}}</view>
+						<view @tap="navToPage" data-url="/pages/userManagement/userManagement"
+							class="flex-row config-car-view">
+							<view class="margin_r_20"><img class="icon_style_64"
+									src="https://qiniu.bms16.com/FhKkijkN__9UzhYNgamBFSggIlYo" alt=""></view>
+							<view class="flex-row config-text-view">
+								<view class="flex-row font_w_600">{{$t("用车人管理")}}</view>
+								<view class="flex-row tip-text-config">{{car_info.share_num + $t("个家庭账号")}}</view>
+							</view>
+							<img class="icon_style_28" src="https://qiniu.bms16.com/FqnbZ2iKHmzCGJA8XD30sf5g_CAm" alt="">
 						</view>
-						<img class="icon_style_28" src="https://qiniu.bms16.com/FqnbZ2iKHmzCGJA8XD30sf5g_CAm" alt="">
-					</view>
-					<view @click="srcFn(`/pages/deviceInfo/deviceInfo`)" class="flex-row config-car-view">
-						<view class="margin_r_20"><img class="icon_style_64"
-								src="https://qiniu.bms16.com/FsAg6mHEBJfbtpgIHBrDdNiPo1iH" alt=""></view>
-						<view class="flex-row config-text-view">
-							<view class="flex-row font_w_600">{{$t("设备信息")}}</view>
-							<view class="flex-row tip-text-config">{{$t("软件版本") + (car_info.firmware||'')}}</view>
+						<view @click="srcFn(`/pages/deviceInfo/deviceInfo`)" class="flex-row config-car-view">
+							<view class="margin_r_20"><img class="icon_style_64"
+									src="https://qiniu.bms16.com/FsAg6mHEBJfbtpgIHBrDdNiPo1iH" alt=""></view>
+							<view class="flex-row config-text-view">
+								<view class="flex-row font_w_600">{{$t("设备信息")}}</view>
+								<view class="flex-row tip-text-config">{{$t("软件版本") + (car_info.firmware||'')}}</view>
+							</view>
+							<img class="icon_style_28" src="https://qiniu.bms16.com/FqnbZ2iKHmzCGJA8XD30sf5g_CAm" alt="">
 						</view>
-						<img class="icon_style_28" src="https://qiniu.bms16.com/FqnbZ2iKHmzCGJA8XD30sf5g_CAm" alt="">
 					</view>
+					<view style="height: 264rpx;"></view>
 				</view>
-				<view style="height: 264rpx;"></view>
-			</view>
-		</block>
-
-		<block v-else>
-			<UnleasedPages :model_list="model_list" :img_list="img_list" />
-		</block>
-		<BluetoothUnlockAuth ref="bluetoothUnlockAuth" />
-		<CustomTabbar @changCar='changCar' curt-tab="home"/>
-		<AndroidUnlockAuth :authStepList="authStepList" :value="isShowPermission" @closePermission="closePermission" v-if="isShowPermission && (platform === 'android')" />
-		<IosUnlockAuth :authStepList="authStepList" :value="isShowPermission" @closePermission="closePermission" v-else-if="isShowPermission && (platform === 'ios')" />
+			</block>
+			<block v-else>
+				<UnleasedPages :model_list="model_list" :img_list="img_list" />
+			</block>
+			<BluetoothUnlockAuth ref="bluetoothUnlockAuth" />
+			<CustomTabbar @changCar='changCar' curt-tab="home"/>
+			<AndroidUnlockAuth :authStepList="authStepList" :value="isShowPermission" @closePermission="closePermission" v-if="isShowPermission && (platform === 'android')" />
+			<IosUnlockAuth :authStepList="authStepList" :value="isShowPermission" @closePermission="closePermission" v-else-if="isShowPermission && (platform === 'ios')" />
+		</view>
 	</view>
 </template>
 <script module="tools" lang="wxs" src="@/pages/common/wxs/tools.wxs"></script>
@@ -166,6 +170,8 @@
 	export default {
 		data() {
 			return {
+				isModel:false,
+				isConnected:false,
 				statusBarHeight:0,
 				newsList: {},
 				img_list: [],
@@ -202,57 +208,42 @@
 		 * 生命周期函数--监听页面加载
 		 */
 		onLoad: function(options) {
-			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight || 0
 			this.locationFn()
-			this.loadModelList()
-			const user_token = storage.getUserToken()
-			if (!user_token) {
-				// this.loadIsLogin()
-				return
-			}
+			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight || 0
+			let _this = this
+			// #ifdef APP
+			uni.getNetworkType({
+				success: (res) => {
+					if (res.networkType == 'none') {
+						this.isConnected = false;
+					} else {
+						this.isConnected = true;
+					}
+				}
+			});
+			uni.onNetworkStatusChange((res) => {
+				_this.isConnected = res.isConnected
+				if(res.isConnected){
+					//有网络了
+					_this.init()
+				}
+			});
+			// #endif
+			
+			// #ifndef APP
+			this.isConnected = true
+				_this.init()
+			// #endif
+			
 		},
 		/**
 		 * 生命周期函数--监听页面显示
 		 */
 		onShow: function() {
-			// const permissionArr=permision.requestAndroidPermissions()
-			// app.globalData.permissionArr=permissionArr
-			// permision.gotoAppPermissionSetting()
-			// let status = checkBatteryOptimizationStatus();
-			// if (!permissionArr) {
-			//     uni.showModal({
-			//         title: "电池优化提示",
-			//         content: "您的设备开启了电池优化，可能会影响应用后台运行，请在设置中关闭。",
-			//         showCancel: true,
-			//         cancelText: "忽略",
-			//         confirmText: "去设置",
-			//         success(res) {
-			//             if (res.confirm) {
-			//                 permision.gotoAppPermissionSetting(); // 跳转到电池优化设置
-			//             }
-			//         }
-			//     });
-			// }
-			// app.globalData.permissionArr=permissionArr
-			this.contrilList = getFunctionTag().activeTag
-			const user_token = storage.getUserToken()
-			this.car_info = uni.getStorageSync('car_info') || {};
-			if (!user_token) {
-				this.isLogin = false
-				//this.loadIsLogin()
-
-				return
-			}
-			this.isBluethConnect=app.globalData.connectionState[this.car_sn] && app.globalData.connectionState[this.car_sn].connected
-			this.newsNumFn()
-			this.isLogin = true
-			if (!this.car_info.car_sn) {
-				this.loadUserCarList()
-			} else {
-				this.loadCarDetail(this.car_info.car_sn)
-			}
+			this.init()
 
 		},
+		
 		// 分享给好友
 		onShareAppMessage: function(res) { //发送给朋友
 			return {
@@ -261,6 +252,24 @@
 			}
 		},
 		methods: {
+			init(){
+				this.loadModelList()
+				this.contrilList = getFunctionTag().activeTag
+				const user_token = storage.getUserToken()
+				this.car_info = uni.getStorageSync('car_info') || {};
+				this.isBluethConnect=app.globalData.connectionState[this.car_sn] && app.globalData.connectionState[this.car_sn].connected
+				if(!user_token) return
+				this.newsNumFn()
+				this.isLogin = true
+				if (!this.car_info.car_sn) {
+					this.loadUserCarList()
+				} else {
+					this.loadCarDetail(this.car_info.car_sn)
+				}
+			},
+			retry(){
+				console.log('115555')
+			},
 			async newsNumFn() {
 				let {
 					data
@@ -341,6 +350,10 @@
 				this.isHideInduction = true
 			},
 			loadModelList() {
+				if(this.isModel){
+					 return
+				}
+				this.isModel = true
 				const me = this
 				http.postApi(config.API_RECOMMEND_CAR_MODEL_LIST, {}, (resp) => {
 					if (resp.data.code === 200) {
@@ -432,7 +445,6 @@
 			},
 			loadCarDetail(car_sn) {
 				const me = this
-				common.loading()
 				http.postApi(config.API_FLK_CAR_DETAIL, {
 					car_sn
 				}, (resp) => {

uview-ui/components/u-no-network/u-no-network.vue

@@ -40,7 +40,7 @@
 			// 一个z-index值，用于设置没有网络这个组件的层次，因为页面可能会有其他定位的元素层级过高，导致此组件被覆盖
 			zIndex: {
 				type: [Number, String],
-				default: ''
+				default: '999999999'
 			},
 			// image 没有网络的图片提示
 			image: {