<template>
	<view class="hehuo_view">
		<view class="advantage-title">
			<image style="width: 35rpx; height: 35rpx; margin-right:10rpx; margin-top: 5rpx;" src="../../../static/technician.png"></image>申请分销员</view>
		<view class="advantage-bor" style="margin-right: 10rpx;"></view>
		<view class="text_view">
			<view class="item_view">
				<view class="item_title">姓名</view>
				<u-input type="text" v-model="userName" placeholder="请输入姓名" />
				<view class="xian"></view>
			</view>
			<view class="item_view">
				<view class="item_title">联系电话</view>
				<u-input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
				<view class="xian"></view>
			</view>
		</view>
		<view class="header-view header-padd header-margin">
			<view class="d-title title-font">
				备注
			</view>
			<view class="list-pay">
				<view class="textarea-pay-list">
					<textarea @input="textareaChange" class="textarea-pay" v-model="textareaData" placeholder="请输入备注" name="" maxlength="100"></textarea>
				</view>
			</view>
		</view>
		<view class="text_view" style="margin-bottom: 100px;">
			<view class="jibie">
				<view class="d-title title-font">选择级别</view>
				<view class="jibie-list" v-for="(item,index) in jbList" :key="index">
					<view class="jibie-title">
						<span class="item_title">{{item.title}}</span>
						<span class="item_title_money">￥{{item.money}}</span>
					</view>
					<radio-group name="openWay" style="margin-left: 20upx;" @tap='selectWay(item)'>
						<label class="tui-radio">
							<radio color="#019c88" :checked="openWay === item.id ? true : false" />
						</label>
					</radio-group>
				</view>
			</view>
			<view class="foot-beizhu">
				成为一级分销员可以邀请用户下单，也可以邀请用户成为分销员，成为二级分销员只能邀请用户下单
			</view>
			<view class="jibie-list" style="margin-top: 20px;">
				<view class="jibie-title-w">
					<image src="../../../my/static/icon_weixin.png" style="width: 50upx;height: 50upx;border-radius: 50upx;">
					</image>
					<span class="weixin">微信</span>
				</view>
				<radio-group name="openWay" style="margin-left: 20upx;" @tap='selectWay'>
					<label class="tui-radio">
						<radio color="#019c88" :checked='true'/>
					</label>
				</radio-group>
			</view>
		</view>
		<view  class="push-button">
		<!-- <view class="que-btn" @tap="save">提交申请</view> -->
			<view class="que-btn" @tap="pay()">提交申请</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userName: '',
				phone: '',
				textareaData:'',
				jbList:[
					{'title':'一级分销员','money':200,'id':1},
					{'title':'二级分销员','money':100,'id':2}
				],
				openWay: 1,
			}
		},
		onLoad() {
			this.getChannel();
			
		},
		methods: {
			// 支付订单
			pay() {
				let that = this
				this.showpay = false
				uni.showModal({
					title: '付款提示',
					content: '是否确定充值',
					success: function(re) {
						if (re.confirm) {
								console.log('用户点击确定');
								that.$queue.showLoading('支付中...')
								let data = {
									ordersId: that.order.ordersId,
									type: 2
								}
								that.$Request.post('/app/wxPay/payOrder', data).then(rea => {
									that.showpay = false
									if (rea.code == 0) {
										uni.showToast({
											title: '支付成功'
										})
										uni.switchTab({
											url:'/pages/order/index'
										})
										that.callPay(rea.data);
		
									} else {
										uni.showToast({
											title: rea.msg,
											icon: 'none'
										})
									}
								});
						} else if (re.cancel) {
							uni.hideLoading();
							console.log('用户点击取消');
						}
					}
			
				})
			
			},
			
			selectWay: function(item) {
				this.openWay = item.id;
			},
			textareaChange(e){//备注
				this.textareaData=e.detail.value
				console.log("adsadas0",this.textareaData)
			},
			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;
					}
				});
			},
			save() {
				if (this.userName === '') {
					this.$queue.showToast('请输入姓名')
					return;
				}
				if (this.phone === '' || this.phone.length != 11) {
					this.$queue.showToast('请输入正确的手机号！')
					return;
				}
				
				let userId = this.$queue.getData('userId');
				let data = {
					userId: userId,
					name: this.userName,
					phone: this.phone,
				}
				this.$Request.postJson('/app/artificer/insertAgency', data).then(res => {
					if (res.code == 0) {
						uni.hideLoading();
						this.$queue.showToast('提交成功！');
						setTimeout(d => {
							uni.navigateBack();
						}, 1000);
					} else {
						uni.hideLoading();
						this.$queue.showToast(res.msg);
					}
				});
			},
		}
	}
</script>

<style lang="less" scoped>
	@import '../../../static/less/index.less';
	@import '../../../static/css/index.css';
	.weixin{
		margin-left: 5px;
	}
	.foot-beizhu{
		border: 1px dashed #fe912e;
		border-radius: 5px;
		padding: 7px;
		color: #fe912e;
		margin-top: 10px;
	}
	.item_title_money{
		font-size: 32rpx;
		font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
		color: #fb672b;
		font-weight: bold;
	}
	.jibie-title-w{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.jibie-title{
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: 10px;
	}
	.jibie-list{
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.jibie{
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	/deep/uni-radio .uni-radio-input{
		width: 38.86rpx; 
		height: 38.86rpx;
		margin: -1px 2px 0px -8px;
	}
	.chong-list-radio{
		width: 29.86rpx;
		height: 29.86rpx;
		border-radius: 50%;
	}
	/deep/.uni-textarea-textarea{
		font-weight: 400;
		font-size: 26rpx;
	}
	/deep/.uni-textarea-placeholder{
		font-weight: 400;
		font-size: 28rpx;
		color: rgb(192, 196, 204);
	}
	.textarea-pay-list{
		width: 100%;
		height: 120px;
		margin-top: 10px;
	}
	.textarea-pay{
		background-color: #f3f3f3;
		width: 100%;
		height: 100%;
		background: #F3F3F3;
		border-radius: 14rpx;
		padding: 7px;
	}
	.list-pay{
		width: 100%;
	}
	.title-font{
		font-size:30rpx;
		color: #333333;
	}
	.d-title{
		font-size: 15px;
		font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
		color: #333333;
	}
	.header-view{
		background-color: #fff;
		border-radius: 11px;
	}
	.header-padd{
		padding:30rpx;
	}
	.header-margin{
		margin:20rpx;
	}
	.push-button{
		    width: 100%;
		    height: 48px;
		    position: fixed;
		    bottom: 0px;
		    display: flex;
		    flex-direction: column;
		    align-items: center;
			margin: 0 auto;
	}
	.que-btn{
		display: inline-block;
		width: 90%;
		text-align: center;
		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
		height: 40px;
		border-radius: 28px;
		color: #ffffff;
		line-height: 40px;
		margin-top: 4px;
		font-size: 34rpx;
	}
	
	.margin-top-view{
		width: 150upx;
		height: 150upx;
		background: #f7f7f7;
	}
	.advantage-title{
		font-size: 32rpx;
		font-weight: bold;
		margin-top: 60rpx;
		margin-left: 35rpx;
	}
	.advantage-bor{
		width: 96px;
		height: 6px;
		border-radius: 3px;
		bottom: 0;
		background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
		margin-bottom: 80rpx;
		margin-left: 35rpx;
		
	}
	.hehuo_view {
		width: 100%;
		padding-top: 10px;
		height: 100vh;
		background:#f7f7f7 url(../../../static/cooperate/cooperate6.png)no-repeat ;
		background-size: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		//align-items: center;
		
		.text_view {
			width: 95%;
			margin: 0 auto;
			background-color: #fff;
			border-radius: 10px;
			padding: 20px;
			.audit_message {
				color: red;
				width: 650rpx;
				height: 50rpx;
				margin-top: 50rpx;
			}

			

			.save_btn1 {
				width: 650rpx;
				height: 88rpx;
				background: #FFFFFF;
				border-radius: 10rpx;
				margin-top: 100rpx;
				text-align: center;
				line-height: 88rpx;
			}

			.item_view {
				margin-top: 30rpx;

				.item_title {
					font-size: 32rpx;
					font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
					color: #333333;
				}

				input {
					margin-top: 20rpx;
					height: 40rpx;
					font-size: 24rpx;
					font-family: PingFang SC Regular, PingFang SC Regular-Regular;
					font-weight: 400;
					color: #333333;
				}

				.xian {
					width: 100%;
					border-bottom: 1rpx solid #f7f7f7;
					margin-top: 10rpx;
				}
			}
		}
	}
</style>
