申请加盟第一页&导出share插件

api/api.ts

@@ -193,5 +193,8 @@ export default {
 	aliAppPayRefund(params){
 		return request(`${apiURL}/aliPay/aliAppPayRefund`, "POST", params)
 	},
-	
+	//查询证件类型
+	erpInitialize(params){
+		return request(`${apiURL}/erp/erpInitialize`, "POST", params)
+	}
 }

pages/application-process/basic-info.vue

@@ -5,17 +5,22 @@
 				<text class="line"></text>
 				基本资料
 			</view>
-		    <text class="page_mark"> 1/8</text>
+		    <text class="page_mark">1/8</text>
 		  </view>
 		   <view class="content">
 		      <view class="contentDetail employ">
 		        <view class="contentItem">
 		          <text>邀请码</text>
-		          <input type="text" class="form-control" />
+		          <input type="text" class="form-control" placeholder="非必填"/>
 		        </view>
 		        <view class="contentItem">
-		          <text>申请身份</text>
-		         <input type="text" class="form-control"/>
+					<text>申请身份</text>
+					<picker @change="changeIdentity" :value="name" :range="identityArr"
+					range-key="name">
+						<view class="uni-input">{{identityArr[identityIdx]['name']}}
+							<text class="iconfont icon-youjiantou"></text>
+						</view>
+					</picker>
 		        </view>
 		        <view class="contentItem">
 		          <text>所属组织</text>
@@ -23,16 +28,21 @@
 		        </view>
 		        <view class="contentItem">
 		          <text>姓名</text>
-		          <input type="text" class="form-control" />
+		          <input type="text" class="form-control" v-model="applyParam.name" placeholder="请输入姓名" />
 		        </view>
 		        <view class="contentItem">
 		          <text>证件类型</text>
-		          <input type="text" class="form-control" />
+		          <picker @change="changeIdType" :value="name" :range="idTypesList"
+		          range-key="name">
+		          	<view class="uni-input">{{idTypesList[idTypeIdx]['name']}}
+		          		<text class="iconfont icon-youjiantou"></text>
+		          	</view>
+		          </picker>
 		        </view>
 		        <view class="contentItem">
 		          <text>证件号码</text>
 		          <view>
-		            <input type="text" class="form-control" />
+		            <input type="text" class="form-control" v-model="applyParam.idNo" placeholder="请输入证件号码" />
 		          </view>
 		        </view>
 		        <view class="contentItem">
@@ -45,25 +55,54 @@
 				</view>
 		      </view>
 		    </view>
-		    <footer class="fixed">
+		    <view class="fixed">
 		      保存并下一步
-		    </footer>
+		    </view>
 	</view>
 </template>
 
 <script>
+	import api from "@/api/api";
 	export default{
 		data(){
 			return {
-				
+				identityIdx:0,
+				identityArr:[{partnerLevel:'A',name:'事业伙伴'},{partnerLevel:'B1',name:'工作室'}],
+				applyParam:{
+					inviterInvitationCode:'',
+					name:'',
+					mobile:'',
+					partnerLevel:'',
+					idType:'',
+					idNo:'',
+					birthday:'',
+				},
+				idTypesList:[{id:null,name:'请选择'}],
+				idTypeIdx:0
 			}
 		},
 		components:{},
 		onLoad(){
-			
+			this.erpInitialize();
 		},
 		methods:{
-			
+			erpInitialize(){
+				api.erpInitialize({}).then((res)=>{
+					if(res['success']){
+					    this.idTypesList = this.idTypesList.concat(res['data']['idTypes']);
+						console.log(this.idTypesList)
+					}
+				})
+			},
+			changeIdentity: function(e) {
+				this.identityIdx = e.detail.value;
+				this.partnerLevel = this.identityArr[this.identityIdx]['partnerLevel'];
+				console.log(this.partnerLevel)
+			},
+			changeIdType:function(e){
+				this.idTypeIdx = e.detail.value;
+				this.applyParam.idType = this.idTypesList[this.idTypeIdx]['idType'];
+			}
 		}
 	}
 </script>
@@ -92,5 +131,97 @@
 	            }
 	        }
 	    }
+		.content {
+		    padding: 10px 5px;
+		    position: relative;
+		    .contentDetail {
+		        .contentItem {
+		            display: flex;
+		            justify-content: space-between;
+		            align-items: center;
+		            margin: 0 8px 5px 8px;
+		            > span:first-child{
+		            white-space: nowrap;
+		            }
+		            input.form-control,select.form-control {
+		            display: inline-block;
+		            // width: 60%;
+		            margin: 0 5px;
+		            background: none;
+		            outline: none;
+		            border: none;
+		            text-align: right;
+		            box-shadow: none;
+		            display: flex;
+		            flex-wrap: wrap;
+		            font-size: 18px;
+	
+		            }
+		            select.form-control{
+		                direction: rtl;
+		            }
+		            input[type="date"]{
+		            margin-right: -4.5%;
+		            direction: rtl;
+		            }
+		            .sexWrapper {
+		            display: flex;
+		            width: 60%;
+		            justify-content: flex-end;
+		            padding-right: 3px;
+		            .form-control.sex {
+		                width: 20%;
+		                margin-left: 5px;
+		                border: none;
+		                box-shadow: none;
+		            }
+		            .form-control.sex.sexBtn {
+		                border: 1px #0767bf solid;
+		            }
+		            .form-control[disabled] {
+		                background-color: transparent;
+		                opacity: 1;
+		            }
+		            }
+		            span{
+		            position: relative;
+		            sub{
+		                position: absolute;
+		                margin-right: 5px;
+		                font-weight: bold;
+		                color: #e10d0d;
+		                top: 13px;
+		                left: -8px;
+		            }
+		            }
+		        }
+		        .contentItem:last-child {
+		            border-bottom: none;
+		        }
+		    }
+		    .contentDetail.employ .contentItem{
+		    padding: 10px 0;
+		    border-bottom: 1px #e8e8e8 solid;
+		    margin: 0 8px 0 8px;
+		    }
+		}
+		.fixed {
+		  position: fixed;
+		  bottom: 0;
+		  left: 0;
+		  right: 0;
+		  height: 100rpx;
+		  line-height:100rpx;
+		  border-radius: 0;
+		  z-index: 0;
+		  margin: 0 auto;
+		  width: 70%;
+		  background: #20269B;
+		  color: #fff;
+		  font-size: 36rpx;
+		  font-weight: 700;
+		  text-align: center;
+		  border-radius: 60rpx;
+		}
 	}
 </style>
\ No newline at end of file