city-store-transfer/pages/Partnerships/Partnerships.vue

<<template>
	<view>
		<view v-if="member!=2">
			<view class="name">
				<text class="text">名称</text>
				<u-input v-model="submitForm.real_name" placeholder="请输入姓名" placeholder-class="input-class" border="bottom"
					color="#A0A0A0" :disabled="disabled" disabledColor="#ffffff"></u-input>
			</view>
			<view class="id">
				<text class="text">身份证号</text>
				<u-input v-model="submitForm.idcard" placeholder="请输入身份证号码" placeholder-class="input-class" border="bottom"
					color="#A0A0A0" :disabled="disabled" disabledColor="#ffffff"></u-input>
			</view>
		</view>
		<view v-if="member==2" class="hhr">
			<image src="../../static/my/hz_bj.png" mode="aspectFit" style="width: 247rpx;height: 189rpx;"></image>
			<view class="hhr-text">已是合伙人</view>
		</view>
		<view class="submit-btn">
			<button v-if="member==2" open-type="contact" session-from="sessionFrom" class="service-btn">
				联系客服
			</button>
			<u-button v-else @click="submit" :color="color" :size="normal" shape="circle" class="submit-btn"
				:disabled="btnDisabled">{{btnText}}</u-button>
		</view>
		<u-modal :show="show" closeOnClickOverlay="false" confirmText="确定" @confirm="confirm">
			<rich-text :nodes="content"></rich-text>
		</u-modal>
	</view>
	</template>

	<script>
		export default {
			data() {
				return {
					color: '#CC3333',
					btnText: '提交审核',
					member: '',
					show: false,
					disabled: false,
					btnDisabled: false,
					content: `申请已提交, 请等待后台审核`,
					submitForm: {
						real_name: '',
						idcard: ''
					}
				}
			},
			onShow() {
				this.getInfo()
			},
			methods: {
				getInfo() {
					this.$api.getUser().then(res => {
						var data = res.data.data
						if (data) {
							this.member = data.member
							if (data.member == 1) {
								this.disabled = true
								this.btnDisabled = true
								this.color = "#C6C6C6"
								this.btnText = "审核中…"
							}
							// else if (data.member == 2) {
							// 	this.disabled = false
							// 	this.btnDisabled = false
							// 	this.color = "#CC3333"
							// 	this.btnText = "联系客服"
							// }
						}
					})
				},
				confirm() {
					uni.reLaunch({
						url: '/pages/my/my'
					})
					// if (this.needAsk == 1) {
					// 	uni.reLaunch({
					// 		url: '/pages/index/index'
					// 	})
					// }
				},
				submit() {
					if (this.member == 0) {
						let reg =
							/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; //正则表达式定义身份证号正确格式
						if (!reg.test(this.submitForm.idcard)) { //判断身份证号格式时候正确
							this.$toast.warn('请输入正确的身份证号格式')
							return false
						}
						if (this.submitForm.real_name == "") {
							this.$toast.warn('请完善数据')
							return false
						}
						if (this.submitForm.real_name && this.submitForm.idcard) {
							let data = {
								...this.submitForm,
								uid: uni.getStorageSync('uid')
							}
							console.log('成', data);
							this.$api.toBePartner(data).then(res => {
								if (res.data.msg == "提交成功") {
									this.show = true
								}
							})
						}
					} else if (this.member == 2) {
						console.log('联系客服');
					}
				}
			}
		}
	</script>

	<style lang="scss">
		.service-btn {
			height: 40px;
			background-color: #CC3333;
			color: #fff;
			border-radius: 25px;

			font-size: 32rpx;
		}

		.hhr {
			margin-top: 50rpx;
			margin-bottom: 50rpx;
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;

			.hhr-text {
				margin-top: 28rpx;
				// width: 186rpx;
				height: 50rpx;
				font-size: 36rpx;
				font-family: PingFang-SC, PingFang-SC;
				font-weight: 800;
				color: #F20C0C;
				line-height: 50rpx;
				letter-spacing: 1px;
			}
		}

		.u-modal__button-group__wrapper--hover {
			background: #0EBB5B !important;
		}

		.input-class {
			font-weight: 1rpx;
			color: #A0A0A0;
		}

		.submit-btn {
			width: 80%;
			margin-top: 50rpx;
			translate: 10%;
		}

		.name,
		.id {
			padding: 10rpx;
		}

		.text {
			margin-left: 20rpx;
		}

		.payment {
			margin-top: 20rpx;
			display: flex;
			justify-content: space-between;

		}

		.left-payment {
			display: flex;
			flex-direction: column;
		}

		.label {
			margin-top: 10rpx;
			margin-left: 17rpx;
			color: #c1c1c1;
			/* font-size: 27rpx; */
		}
	</style>