From 6a1a899180a56affee7cd98f799f7dfa3d9124b5 Mon Sep 17 00:00:00 2001
From: "Mr.jiang" <714156421@qq.com>
Date: Tue, 9 Jul 2024 14:51:42 +0800
Subject: [PATCH] =?UTF-8?q?=E9=97=A8=E5=BA=97=E5=85=A5=E9=A9=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/cooperate/hehuo.vue | 354 +++++++++++++++++++-------------------
 1 file changed, 181 insertions(+), 173 deletions(-)

diff --git a/pages/cooperate/hehuo.vue b/pages/cooperate/hehuo.vue
index e1898b3..f2f34d7 100644
--- a/pages/cooperate/hehuo.vue
+++ b/pages/cooperate/hehuo.vue
@@ -1,174 +1,152 @@
 <template>
 	<view class="hehuo_view">
-		<view class="advantage-title">我们的优势</view>
+		<view class="advantage-title">门店入驻</view>
 		<view class="advantage-bor"></view>
 		<view class="adv_text_view">
-			<view class="adv_line">
-				<view >您是否有过团队管理经验? </view>
-				<view>是</view>
+			<view class="adv_lines">
+				<view >1，您的门店经营多久了?</view>
+				<radio-group @change="radioChangeJ">
+					<label class="uni-list-cell uni-list-cell-pd adv_lines-view" v-for="(item, index) in jingying" :key="item.value">
+						<view>
+							<radio :value="item.value" :checked="index === currentJ" />
+						</view>
+						<view class="radio-title">{{item.name}}</view>
+					</label>
+				</radio-group>
 			</view>
-			<view class="adv_line">
-				<view >您的技师团队有多少人? </view>
-				<view>是</view>
+			<view class="adv_lines">
+				<view >2，您的门店面积</view>
+				<radio-group @change="radioChangeM">
+					<label class="uni-list-cell uni-list-cell-pd adv_lines-view" v-for="(item, index) in mianji" :key="item.value">
+						<view>
+							<radio :value="item.value" :checked="index === currentM" />
+						</view>
+						<view class="radio-title">{{item.name}}</view>
+					</label>
+				</radio-group>
 			</view>
-			<view  class="adv_line">
-				<view >请填写您的联系方式? </view>
+			<view class="adv_lines">
+				<view >3，您的门店团队有队少人?</view>
+				<radio-group @change="radioChangeT">
+					<label class="uni-list-cell uni-list-cell-pd adv_lines-view" v-for="(item, index) in tuandui" :key="item.value">
+						<view>
+							<radio :value="item.value" :checked="index === currentT" />
+						</view>
+						<view class="radio-title">{{item.name}}</view>
+					</label>
+				</radio-group>
 			</view>
+			<view class="adv_lines">
+				<view >4，门店提供的项目有哪些?</view>
+				<radio-group @change="radioChangeX">
+					<label class="uni-list-cell uni-list-cell-pd adv_lines-view" v-for="(item, index) in xiangmu" :key="item.value">
+						<view>
+							<radio :value="item.value" :checked="index === currentX" />
+						</view>
+						<view class="radio-title">{{item.name}}</view>
+					</label>
+				</radio-group>
+			</view>
+		</view>
+		<view class="adv_text_view">
+			
 			<view class="adv_line">
 				<view >姓名</view>
-				<input class="adv_input_text" type="number" v-model="phone" maxlength="11" placeholder="请输入真实姓名" />
+				<input class="adv_input_text" type="text" v-model="userName" maxlength="11" placeholder="请输入真实姓名" />
 			</view>
 			<view class="adv_line">
 				<view >手机号</view>
 				<input class="adv_input_text" type="number" v-model="phone" maxlength="11" placeholder="请输入手机号" />
 			</view>
-			<view class="adv_line">
-				<view >手机号</view>
-				<input class="adv_input_text" style="margin-top: 8rpx;" type="number" v-model="phone" maxlength="11" placeholder="请输入手机验证码" />
-				<view class="send-msg">验证码</view>
-			</view>
 			<view class="item_view">
 				<view>备注</view>
-				<view class="adv_beizhu">备注信息</view>
+				<textarea v-model="beizhu" name="" id="" cols="30" rows="10" placeholder="请输入备注~~~~"></textarea>
 			</view>
-			<!--<view class="item_view">
-				<view class="item_title" style="margin-bottom: 10px;">头像上传</view>
-				<view class="flex" style="overflow: hidden;flex-direction: initial;">
-					<view v-if="headImg.length">
-						<view class="margin-top flex margin-right-sm">
-							<view class="flex"
-								style="width: 150upx;height: 150upx;margin-right: 10rpx;position: relative;">
-								<image :src="headImg" style="width: 100%;height: 100%;"></image>
-								<view style="z-index: 9;position: absolute;margin-top: -1px;right: 0px;"
-									@click="headImgremove(index)">
-									<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
-								</view>
-							</view>
-						</view>
-					</view>
-					<view class="margin-top" @click="addImage()" v-if="headImg.length<=0">
-						<view class="flex justify-center align-center margin-top-view">
-							<view>
-								<view class="text-center">
-									<image style="width: 43.06rpx;height: 38.19rpx;" src="../../static/orderDetail/img-shang.png" mode=""></image>
-								</view>
-								<view class="text-center text-xs margin-top-xs">上传图片</view>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-
-			<!-- <view class="audit_message" v-if="auditContent != '' && bb == 3">拒绝原因：{{auditContent}}</view> -->
-			<!-- <view class="save_btn" v-if="status == 0">审核中</view> -->
+			
 		</view>
-		<view class="usermain-btn" @tap="save" v-if="bb !=0">提交申请</view>
+		<view class="usermain-btn" @tap="save">提交申请</view>
 	</view>
 </template>
 
 <script>
-	import * as websocketUtils from 'utils/websocketUtils.js';
-	
 	export default {
 		data() {
 			return {
-				hotCitys: ['杭州', '天津', '北京', '上海', '深圳', '广州', '成都', '重庆', '厦门'],
-				locationValue: '正在定位...',
-				// auditContent: '',
-				city: '',
-				money: '',
-				teamNumber: '',
-				userName: '',
-				phone: '',
-				age: '',
-				headImg: [],
-				bb:true,
+				beizhu:'',
+				phone:'',
+				userName:'',
+				jingying: [{
+						value: '一年',
+						name: '一年',
+						checked: 'true'
+					},
+					{
+						value: '一到三年',
+						name: '一到三年'
+					},
+					{
+						value: '三年以上',
+						name: '三年以上'
+					},
+				],
+				currentJ: 0,
+				mianji: [{
+						value: '平米一下',
+						name: '50平米一下',
+						checked: 'true'
+					},
+					{
+						value: '200',
+						name: '50到200平米'
+					},
+					{
+						value: '平米以上',
+						name: '200平米以上'
+					},
+				],
+				currentM: 0,
+				tuandui: [{
+						value: '5-10人',
+						name: '5-10人',
+						checked: 'true'
+					},
+					{
+						value: '10-15人',
+						name: '10-15人'
+					},
+					{
+						value: '15-20人',
+						name: '15-20人'
+					},
+					{
+						value: '人以上',
+						name: '20人以上'
+					},
+				],
+				currentT: 0,
+				xiangmu: [{
+						value: '推荐按摩',
+						name: '推荐按摩',
+						checked: 'true'
+					},
+					{
+						value: 'SPA',
+						name: 'SPA'
+					},
+					{
+						value: '足浴',
+						name: '足浴'
+					},
+				],
+				currentX: 0,
+				mendianData:'',
+				mianjiData:'',
+				tuanduiData:'',
+				xiangmuData:'',
 			}
 		},
-		onLoad() {
-			this.getChannel();
-		},
 		methods: {
-			// 本人近期照删除
-			headImgremove(index) {
-				this.headImg = ''
-			},
-			getChannel() {
-				let userId = this.$queue.getData('userId');
-				this.$Request.getT('/app/artificer/selectAgencyById?userId=' + userId).then(res => {
-					if (res.code == 0) {
-						if (res.data == null) {
-							this.bb = 1;
-						} else {
-							this.bb = res.data.status;
-							this.city = res.data.city;
-							this.age = res.data.age;
-							this.headImg = res.data.img;
-							this.userName = res.data.name;
-							this.phone = res.data.phone;
-						}
-						console.log(this.bb)
-						// this.auditContent = res.data.auditContent;
-					}
-				});
-			},
-			//获取省市区
-			Getcity(latitude, longitude) {
-				this.$Request.get("/app/Login/selectCity", {
-					lat: latitude,
-					lng: longitude
-				}).then(res => {
-					console.log(res)
-					this.city = res.data.city
-					console.log(this.address)
-				});
-			},
-			goCity() {
-				let that = this
-				uni.chooseLocation({
-					success: function(res) {
-						console.log('位置名称：' + res.name);
-						console.log('详细地址：' + res.address);
-						console.log('纬度：' + res.latitude);
-						console.log('经度：' + res.longitude);
-						// that.city = res.address || '郑州'
-						that.Getcity(res.latitude, res.longitude)
-					}
-				});
-				// uni.getLocation({
-				// 	type: 'wgs84',
-				// 	geocode: true,
-				// 	success: function(res) {
-				// 		console.log('当前位置：' + res.address.city);
-				// 		that.city = res.address.city || '郑州'
-				// 	}
-				// });
-			},
 			save() {
-				// let isStudent = this.$queue.getData("isStudent");
-				// if (isStudent != 2) {
-				// 	uni.showModal({
-				// 		title: '温馨提示',
-				// 		content: '您还没有进行实名认证，请认证完成之后再来操作吧！',
-				// 		showCancel: true,
-				// 		cancelText: '取消',
-				// 		confirmText: '确认',
-				// 		success: res => {
-				// 			if (res.confirm) {
-				// 				uni.navigateTo({
-				// 					url: '/offlinetask/pages/public/authentication'
-				// 				});
-				// 			}
-				// 		}
-				// 	});
-				// 	return;
-				// }
-				// this.form.headImg = this.headImg
-				// this.headImg = this.headImg.toString();
-				if (this.city === '') {
-					this.$queue.showToast('请输入服务城市 ')
-					return;
-				}
 				if (this.userName === '') {
 					this.$queue.showToast('请输入姓名')
 					return;
@@ -177,14 +155,7 @@
 					this.$queue.showToast('请输入正确的手机号！')
 					return;
 				}
-				if (this.age === '') {
-					this.$queue.showToast('请输入年龄')
-					return;
-				}
-				if (this.headImg == '') {
-					this.$queue.showToast('请上传头像')
-					return;
-				}
+				
 				let userId = this.$queue.getData('userId');
 				let data = {
 					userId: userId,
@@ -199,7 +170,9 @@
 						uni.hideLoading();
 						this.$queue.showToast('提交成功！');
 						setTimeout(d => {
-							uni.navigateBack();
+							uni.switchTab({
+								url:'/pages/index/index'
+							})
 						}, 1000);
 					} else {
 						uni.hideLoading();
@@ -207,29 +180,41 @@
 					}
 				});
 			},
-			addImage() {
-				let that = this
-				uni.chooseImage({
-					count: 1,
-					sourceType: ['album', 'camera'],
-					success: res => {
-						for (let i = 0; i < 1; i++) {
-							that.$queue.showLoading("上传中...");
-							uni.uploadFile({ // 上传接口
-								url: websocketUtils.uploadFileUrl(), //真实的接口地址
-								// url: 'https://admin.sjajk.com/sqx_fast/alioss/upload', //真实的接口地址
-								filePath: res.tempFilePaths[i],
-								name: 'file',
-								success: (uploadFileRes) => {
-									console.log(uploadFileRes.data)
-									that.headImg = JSON.parse(uploadFileRes.data).data
-									console.log(that.headImg)
-									uni.hideLoading();
-								}
-							});
-						}
+			radioChangeX: function(evt) {//门店提供的项目有哪些
+				for (let i = 0; i < this.xiangmu.length; i++) {
+					if (this.xiangmu[i].value === evt.detail.value) {
+						this.currentX = i;
+						break;
 					}
-				})
+				}
+				this.xiangmuData=evt.detail.value
+			},
+			radioChangeT: function(evt) {//您的门店团队有多少人
+				for (let i = 0; i < this.tuandui.length; i++) {
+					if (this.tuandui[i].value === evt.detail.value) {
+						this.currentT = i;
+						break;
+					}
+				}
+				this.tuanduiData=evt.detail.value
+			},
+			radioChangeM: function(evt) {//您的门店面积
+				for (let i = 0; i < this.mianji.length; i++) {
+					if (this.mianji[i].value === evt.detail.value) {
+						this.currentM = i;
+						break;
+					}
+				}
+				this.mianjiData=evt.detail.value
+			},
+			 radioChangeJ: function(evt) {//您的门店经营多久了
+				for (let i = 0; i < this.jingying.length; i++) {
+					if (this.jingying[i].value === evt.detail.value) {
+						this.currentJ = i;
+						break;
+					}
+				}
+				this.mendianData=evt.detail.value
 			},
 		}
 	}
@@ -238,6 +223,13 @@
 <style lang="less">
 	@import '../../static/less/index.less';
 	@import '../../static/css/index.css';
+	/deep/.uni-radio-input{
+		width: 20px;
+		height: 20px;
+	}
+	/deep/uni-radio::before{
+		margin-right: 0px;
+	}
 	.save_btn {
 		width: 600upx;
 		height: 92rpx;
@@ -282,6 +274,22 @@
 		margin-bottom: 80rpx;
 		
 	}
+	.radio-title{
+		margin-left: 5px;
+	}
+	.adv_lines-view{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		margin-top: 10px;
+	}
+	.adv_lines{
+		display: flex;
+		justify-content: space-between;
+		margin-bottom: 40rpx;
+		font-size: 28rpx;
+		flex-direction: column;
+	}
 	.adv_line{
 		display: flex;
 		justify-content: space-between;