style: 调整样式和表单验证逻辑

- 移除petInfo.vue中图片的width属性
- 调整workbenchManage的容器样式和swiper指示器样式
- 为train.vue的头部添加z-index
- 更新getUrl.js中的开发环境API地址
- 注释掉systemOrder.vue中的跳转逻辑
- 在connectAddress/detail.vue中增加接单范围验证
- 在serve/upload.vue中添加表单验证逻辑和错误提示
- 调整workbenchManage/index.vue中的swiper样式和认证逻辑

otherPages/authentication/connectAddress/detail.vue

@@ -31,7 +31,7 @@
 						</view>
 					</up-form-item>
 					<up-form-item label="接单范围" prop="rangeNo">
-						<up-input v-model="form.rangeNo" placeholder="请输入内容" inputAlign="right" border="none">
+						<up-input v-model="form.rangeNo" type="number" placeholder="请输入内容" inputAlign="right" border="none">
 							<template #suffix>
 								<text>Km</text>
 							</template>
@@ -105,7 +105,7 @@
 		longitude: null,
 		address: null,
 		status: true,
-		distance: null,
+		rangeNo: null,
 		disabledDate: [],
 	})
 	
@@ -163,6 +163,15 @@
 	}
 
 	const onSave = async () => {
+		// 验证接单范围是否在3-15公里之间
+		if (form.value.rangeNo < 3 || form.value.rangeNo > 15) {
+			uni.showToast({
+				title: '接单范围必须在3-15公里之间',
+				icon: 'none'
+			})
+			return
+		}
+
 		let code = null;
 		if (eidtItem?.value?.id) {
 			let result = await udpateAddress({

otherPages/authentication/examination/train.vue

@@ -106,7 +106,7 @@ onShow(() => {
 		position: sticky;
 		top: 0;
 		background-image: linear-gradient(180deg, #FFBF60 0, #ffbf60 2%, #ffbf60 8%, #f2f2f2 90%);
-
+		z-index: 99;
 		.progress {
 			margin-top: 19rpx;
 		}

otherPages/authentication/serve/upload.vue

@@ -4,6 +4,8 @@
 			
 		</view>
 		
+		<!-- style="margin: 20rpx;border-radius: 20rpx;" -->
+		
 		<view class="tips color-ffb size-22">
 			注意:这段内容将会在您的喂养员个人主页，做为"服务案例”展示，并开放给其他铲屎官查看，请认真编辑哟！
 		</view>
@@ -198,7 +200,6 @@
 
 	const onSave = async () => {
 		try {
-
 			const {
 				serviceType,
 				serviceTime,
@@ -207,6 +208,42 @@
 				fileList,
 			} = form
 
+			// 表单验证
+			if (!serviceType || serviceType.length === 0) {
+				return uni.showToast({
+					title: '请选择服务类型',
+					icon: 'none'
+				})
+			}
+
+			if (!serviceTime) {
+				return uni.showToast({
+					title: '请选择服务时间',
+					icon: 'none'
+				})
+			}
+
+			if (!serviceSpot) {
+				return uni.showToast({
+					title: '请选择服务地点',
+					icon: 'none'
+				})
+			}
+
+			if (!text) {
+				return uni.showToast({
+					title: '请输入服务描述',
+					icon: 'none'
+				})
+			}
+
+			if (!fileList || fileList.length === 0) {
+				return uni.showToast({
+					title: '请上传服务图片',
+					icon: 'none'
+				})
+			}
+
 			const data = {
 				userId: store.getters.userInfo.userId,
 				serviceType: serviceType.join(','),
@@ -232,7 +269,10 @@
 				uni.navigateBack()
 			}, 1000)
 		} catch (err) {
-
+			uni.showToast({
+				title: '提交失败，请重试',
+				icon: 'none'
+			})
 		}
 	}
 
@@ -264,7 +304,8 @@
 
 	.tips {
 		padding: 8rpx 16rpx;
-		background-color: rgb(255, 250, 242);
+		background-color: #FFFAF2;
+		color: #FFBF60;
 	}
 
 	.li {

otherPages/userManage/pet/petInfo.vue

@@ -399,10 +399,10 @@
 		}
 
 		.personal-pet-img {
-			width: 100%;
 			height: 118px;
 			background-color: #fff;
 			padding: 10px 20px;
+			
 		}
 
 		.personal-pet-basic-info {

pages/myOrdersManage/components/systemOrder.vue

@@ -114,9 +114,9 @@ import PetServicePopup from './petServicePopup.vue';
 	
 	// 跳转订单详情
 	const toOrderDetail = (id) => {
-	    uni.navigateTo({
-	        url: `/otherPages/orderTakingManage/detail/index?id=${id}&type=my`
-	    });
+	    // uni.navigateTo({
+	    //     url: `/otherPages/orderTakingManage/detail/index?id=${id}&type=my`
+	    // });
 	}
 	
 	// 显示服务时间弹窗

pages/workbenchManage/index.scss

@@ -3,7 +3,9 @@
 }
 .container{
   padding: 0 20rpx 20rpx;
-  margin-top: 20rpx;
+  margin-top: 28rpx;
+  position: relative;
+  z-index: 9;
   &-list{
     padding: 26rpx 20rpx;
     background: #FFFFFF;

pages/workbenchManage/index.vue

@@ -1,7 +1,15 @@
 <template>
 	<view>
 		<view class="swiper-container">
-			<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" style="height: 370rpx;">
+			<swiper 
+			:indicator-dots="true" 
+			:autoplay="true" 
+			:interval="3000" 
+			:duration="1000" 
+			indicatorActiveColor="#FFAA48"
+			:indicatorStyle="{bottom: '150rpx'}"
+			indicatorInactiveColor="#fff"
+			style="height: 412rpx;">
 				<swiper-item class="w-100 h-100" v-for="item in state.banner" :key="item.id">
 					<image class="w-100 h-100" :src="item.image" mode=""></image>
 				</swiper-item>
@@ -92,6 +100,7 @@
 	} from "vuex"
 	import configPopup from '@/components/configPopup.vue'
 	import { answeBaseIsFinish, answeTrainIsFinish } from '@/api/examination'
+import { code } from "../../uni_modules/uview-plus/libs/function/test";
 	const configPopupRef = ref(null)
 
 	const store = useStore();
@@ -222,19 +231,24 @@
 			title: '加载中...'
 		})
 		
-		let code1 = await answeBaseIsFinish({userId : userInfo.value.userId})
-		let code2 = await answeTrainIsFinish({userId : userInfo.value.userId})
-		
-		uni.hideLoading()
-		
-		if(code1 && code2){
-			uni.navigateTo({
-				url: `/otherPages/authentication/examination/trainCompleted/index?status=0`
-			})
-		}else{
+		try{
+			let code1 =  await answeBaseIsFinish({userId : userInfo.value.userId})
+			let code2 = await answeTrainIsFinish({userId : userInfo.value.userId})
+			if(code1 && code2){
+				uni.navigateTo({
+					url: `/otherPages/authentication/examination/trainCompleted/index?status=0`
+				})
+			}else{
+				uni.navigateTo({
+					url: "/otherPages/authentication/list/index"
+				})
+			}
+		}catch(e){
 			uni.navigateTo({
 				url: "/otherPages/authentication/list/index"
 			})
+		}finally{
+			uni.hideLoading()
 		}
 	}
 </script>

utils/getUrl.js

@@ -3,8 +3,8 @@ const accountInfo = wx.getAccountInfoSync();
 current = accountInfo.miniProgram.envVersion;
 
 const api = {
-	develop:"http://h5.xzaiyp.top",
-	// develop:"https://api.catmdogd.com/prod-api",
+	// develop:"http://h5.xzaiyp.top",
+	develop:"https://api.catmdogd.com/prod-api",
 	// develop:"http://pet-admin.hhlm1688.com/api",
 	// develop: "http://youyi-test.natapp1.cc/prod-api", // 开发
 	trial: "https://api.catmdogd.com/prod-api", //测试