机构认证页面

pages/user/mycertinfo/orgverify.vue

@@ -122,8 +122,125 @@
 					</picker>
 				</view>
 				<view class="form-item">
-					<input class="form-item--input" placeholder="详细地址" v-model="address"/>
+					<textarea class="form-item--input" placeholder="详细地址" v-model="address"/>
 				</view>
+				<view class="form-item">
+					<picker class="date" mode="multiSelector" :range="region" range-key="name" :value="regionIndex" @change="pickerChange"
+					 @columnchange="pickerColumnchange">
+					 <text>机构成立日期</text>
+					 </picker>
+				</view>
+				<view class="form-item">
+					<textarea class="form-item--input " placeholder="机构简介" v-model="desc"></textarea>
+				</view>
+				<view class="form-item">
+					<input class="form-item--input" placeholder="法人姓名" v-model="legalsName"/>
+				</view>
+				<view class="form-item">
+					<input class="form-item--input" placeholder="法人证件类型" v-model="legalsName"/>
+					
+				</view>
+				<view class="form-item">
+					<input class="form-item--input" placeholder="法人证件号" v-model="legalsName"/>
+				</view>
+				
+				<view class="form-item">
+					<input class="form-item--input" v-model="Organizationcode" placeholder="统一社会信用代码"/>
+				</view>
+				
+				<view class="form-item">
+					<input class="form-item--input"  placeholder="营业执照有效期"/>
+					
+				</view>
+				
+				<view class="form-item">
+					<input class="form-item--input" placeholder="法人手机号"/>
+				</view>
+				
+				<view class="form-item">
+					<input class="form-item--input" placeholder="银行账号" v-model="publicAccount"/>
+				</view>
+				
+				<view class="form-item">
+					<input class="form-item--input" placeholder="开户人"/>
+				</view>
+				
+				<view class="form-item">
+					<view class="">银行卡类型</view>
+					<radio-group>
+						<radio></radio>
+					</radio-group>
+				</view>
+				
+				<view class="form-item">
+					<input  class="form-item--input" placeholder="开户行名称"/>
+				</view>
+				
+				<view class="form-item">
+					<input class="form-item--input" placeholder="银行行号"/>
+				</view>
+				
+				<view class="form-item">
+					<picker mode="multiSelector">
+						<text>开户银行所在地</text>
+					</picker>
+				</view>
+				
+				<view class="form-item">
+					<input class="form-item--input" placeholder="开户银行预留手机号"/>
+				</view>
+				
+
+				<view class="image-list" v-if="jfr_idbfile!=''">
+					<view class="image-preview" v-for="(image, imageIndex) in jfr_idbfile[0]">
+					  <image class="image" mode="aspectFill" :src="image.path"></image>
+					</view>
+				</view>
+				<view class="form-item" v-else>
+					<button class="form-item--input" @click="chooseImage('jfr_idbfile')">营业执照/事业单位法人证书扫描件</button>
+				</view>
+
+				
+				<view class="form-item">
+					<button class="form-item--input">法人身份证正反面扫描件（指纹或盖章）</button>
+				</view>
+				
+				<div class="form-item">
+					<button class="form-item--input">门头照</button>
+				</div>
+				<!-- 推荐中介服务机构 -->
+				<div class="form-item">
+					<picker mode="selector" :range="industryList" range-key="name"  :value="idIndex"
+					  @change="onChangeIndustry">
+					  <text v-if="idIndex > -1">{{ industryList[idIndex].name }}</text>
+					  <text v-else class="col-80">推荐中介服务机构</text>
+					</picker>
+				</div>
+				
+				<view class="form-item">
+					<input placeholder="身份"/>
+				</view>
+				
+				<view class="form-item">
+					<view class="u-form-item--left">认证费用</view>
+				</view>
+				
+				<!-- 隐私政策等 -->
+				<view class="privacy">
+					<checkbox :checked="isTick" color="#4399ff" class="ckbox" @click="readpri"></checkbox>
+					<view class="">
+						我已阅读并同意网站的 《<text class="atxt" @click="gotopage('private')">隐私政策</text> 》和 
+						《<text class="atxt" @click="gotopage('prototal')">用户注册协议</text>》
+					</view>
+				</view>
+				
+				<!-- 提交按钮 -->
+				<view class="vf-button" @click="handleLogin">
+				  <text>提交认证</text>
+				</view>
+				
+				
+				
 			</view>
 		</view>
 		
@@ -545,6 +662,34 @@
 
 		}
 
+		// 登录按钮
+		.vf-button {
+		  width: 100%;
+		  height: 86rpx;
+		  margin-top: 80rpx;
+		  background: linear-gradient(to right, #242e4b, #242e4b);
+		  color: #fff;
+		  // border-radius: 80rpx;
+		  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
+		  letter-spacing: 5rpx;
+		  display: flex;
+		  justify-content: center;
+		  align-items: center;
+		}
+		// 协议
+		.privacy{
+			  display: flex;
+			  margin-top: 10rpx;
+			  
+			  .ckbox{
+				  border-radius: 50%;
+			  }
+			  
+			  .atxt{
+				  color: #4399ff;
+			  }
+		}
+
     .image-list {
 		display: flex;
       padding: 0 20rpx;