xiongmao/pages/my/my-distribution-apply/my-distribution-apply.vue

<!-- 我的分销-申请 -->
<template>
	<view class="wrap">
		<image src="../../../static/icon-24.png" mode="widthFix" class="icon"></image>
		<view class="module-wrap">
			<view class="module">
				<view class="tag-title">
					<image src="../../../static/tag-left2.png" mode="widthFix" class="tag-img left" />
					信息填写
					<image src="../../../static/tag-right2.png" mode="widthFix" class="tag-img right" />
				</view>
				<view class="row">
					<input type="text" value="" class="input" placeholder="请输入姓名" placeholder-class="placeholder" />
				</view>
				<view class="row">
					<input type="text" value="" class="input" placeholder="身份证号" placeholder-class="placeholder" />
				</view>
				<view class="row">
					<input type="text" value="" class="input" placeholder="手机号" placeholder-class="placeholder" />
				</view>
				<view class="row">
					<input type="text" value="" class="input" placeholder="请输入详细地址" placeholder-class="placeholder" />
				</view>
			</view>
		</view>

		<view class="module-wrap">
			<view class="module">
				<view class="module-label">
					申请理由及自身实力
				</view>
				<textarea value="" class="textarea" placeholder="请描述一下申请理由和自身实力吧~" placeholder-class="placeholder2" />
			</view>
		</view>

		<view class="module-wrap">
			<view class="module">
				<view class="module-label">
					分销条款
				</view>
				<view class="msg">
					分销条款:
					1、分销等级按其分销金额划分，不同金额区间对应不同级别，后台可设置
					2、-年内的分销金额累计计算，达到的最高值为等级标准
					3.一年期限从当前时间往前推算，分销金额超过一年的则视为过期作废
					4、分销等级数、等级名称、及等级金额区间都可以通过后台设置
				</view>
			</view>
		</view>

		<view class="btn-box">
			<button type="default" @tap="showWindow">提交申请</button>
		</view>

		<!-- 提交成功-弹窗 -->
		<view v-show="isShowWindow">
			<view class="mask" @tap="closeWindow"></view>
			<view class="window">
				<image src="../../../static/icon-25.png" class="window-img" mode="widthFix"></image>
				<text class="window-name">提交成功</text>
				<text class="window-msg">您的申请提交成功等待审核</text>
				<button type="default" class="window-btn">知道了</button>
			</view>
		</view>
		<!-- 提交成功-弹窗  -->

	</view>
</template>

<script>
	export default {
		data() {
			return {
				//提交成功-弹窗
				isShowWindow: false
			}
		},
		methods: {
			//提交成功-弹窗
			showWindow() {
				this.isShowWindow = true;
			},
			closeWindow() {
				this.isShowWindow = false;
			},
		}
	}
</script>

<style scoped lang="scss">
	@import "./my-distribution-apply.css";
</style>