|
@@ -1,134 +1,138 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view class="bg-white">
|
|
<view class="bg-white">
|
|
|
- <view class="flex justify-between " style="padding: 30rpx;box-sizing: border-box;">
|
|
|
|
|
- <view class="" style="font-size: 38rpx;">
|
|
|
|
|
- <text class="text-bold text-black">您的申请信息</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="text-red" style="padding-top: 12rpx;">
|
|
|
|
|
- <text style="font-size: 38rpx;">{{totalStep}}</text>
|
|
|
|
|
- <text class="text-df">/{{totalStep}}</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="">
|
|
|
|
|
- <view style="padding: 50rpx 0 20rpx 48rpx;">
|
|
|
|
|
- <text class="cuIcon-location padding-right-sm"></text>
|
|
|
|
|
- <text class="local_city_info">{{residential_name}} {{unit_name}} {{room_name}}</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="form">
|
|
|
|
|
- <u-form :border="true" ref="uForm" >
|
|
|
|
|
- <u-form-item :required="true" label="住户姓名:" prop="name" label-width="150">
|
|
|
|
|
- <u-input :border="true" placeholder="住户姓名,必填" v-model="name" type="text"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item :required="true" label="住户类型:" prop="type" label-width="150">
|
|
|
|
|
- <u-input :border="true" type="select" :select-open="typeShow" v-model="typeLabel" placeholder="请选择住户类型" @click="typeShow = true"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item :required="true" label="国籍:" prop="nationality" label-width="150">
|
|
|
|
|
- <u-input :border="true" type="select" :select-open="nationalityShow" v-model="nationalityLabel" @click="nationalityShow = true"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item label="证件类型:" prop="nationalityName" label-width="150">
|
|
|
|
|
- <u-input :disabled="true" :border="true" type="text" v-model="nationalityName"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item :required="type==0?true:false" label="证件号码" prop="id_card" label-width="150">
|
|
|
|
|
- <u-input :border="true" placeholder="住户类型是业主时,必填" :trim="true" maxlength="18" v-model="id_card" type="number"></u-input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item :required="true" label="性别" prop="sex" label-width="150">
|
|
|
|
|
- <u-radio-group v-model="sex" >
|
|
|
|
|
- <u-radio shape="circle" name="1">男</u-radio>
|
|
|
|
|
- <u-radio shape="circle" name="2">女</u-radio>
|
|
|
|
|
- </u-radio-group>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- </u-form>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view v-if="nationality==3" style="background-color: #FFFFFF;">
|
|
|
|
|
- <view class="form_group mb0" style="padding-left: 60rpx;">
|
|
|
|
|
- <view>
|
|
|
|
|
- <text class="sex">护照图片:</text>
|
|
|
|
|
- <text class="tips">(基本身份信息页)</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view @click="show=true;operaType=1" style="margin: 30rpx 0 10rpx 0;display: flex;align-items: center;flex-direction: column;">
|
|
|
|
|
- <upload-img
|
|
|
|
|
- :width="$isEmpty(show_passport_img_uri)?bgWidth:imgWidth"
|
|
|
|
|
- :height="$isEmpty(show_passport_img_uri)?bgHeight:imgHeight"
|
|
|
|
|
- :currentImage="show_passport_img_uri"
|
|
|
|
|
- :bgsrc="bgsrc"
|
|
|
|
|
- >
|
|
|
|
|
- </upload-img>
|
|
|
|
|
- <view class="" style="color: #59a5f0;">
|
|
|
|
|
- <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
|
|
- <text v-if="$isEmpty(show_passport_img_uri)">点击上传护照</text>
|
|
|
|
|
- <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <view v-if="nationality==3" style="background-color: #FFFFFF;">
|
|
|
|
|
- <view class="form_group mb0" style="padding-left: 60rpx;">
|
|
|
|
|
- <view>
|
|
|
|
|
- <text class="sex">入境证明:</text>
|
|
|
|
|
- <text class="tips">(入镜盖章页)</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view @click="show=true;operaType=2" style="margin: 30rpx 0 10rpx 0;display: flex;align-items: center;flex-direction: column;">
|
|
|
|
|
- <upload-img
|
|
|
|
|
- :width="$isEmpty(show_entry_img_uri)?bgWidth:imgWidth"
|
|
|
|
|
- :height="$isEmpty(show_entry_img_uri)?bgHeight:imgHeight"
|
|
|
|
|
- :currentImage="show_entry_img_uri"
|
|
|
|
|
- :bgsrc="bgsrc"
|
|
|
|
|
- >
|
|
|
|
|
- </upload-img>
|
|
|
|
|
- <view class="" style="color: #59a5f0;">
|
|
|
|
|
- <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
|
|
- <text v-if="$isEmpty(show_entry_img_uri)">点击上传入境证明</text>
|
|
|
|
|
- <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <view style="background-color: #FFFFFF;">
|
|
|
|
|
- <view class="form_group mb0" style="padding-left: 60rpx;">
|
|
|
|
|
- <view>
|
|
|
|
|
- <text class="sex">人脸:</text>
|
|
|
|
|
- <text class="tips">(人脸用于开门,请上传正脸图片)</text>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="" v-if="appletType==1">
|
|
|
|
|
+ <view class="flex justify-between " style="padding: 30rpx;box-sizing: border-box;">
|
|
|
|
|
+ <view class="" style="font-size: 38rpx;">
|
|
|
|
|
+ <text class="text-bold text-black">您的申请信息</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="text-red" style="padding-top: 12rpx;">
|
|
|
|
|
+ <text style="font-size: 38rpx;">{{totalStep}}</text>
|
|
|
|
|
+ <text class="text-df">/{{totalStep}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
- <view @click="show=true;operaType=3" style="margin: 30rpx 0 10rpx 0;display: flex;align-items: center;flex-direction: column;">
|
|
|
|
|
- <upload-img
|
|
|
|
|
- :width="$isEmpty(show_image_uri)?bgWidth:imgWidth"
|
|
|
|
|
- :height="$isEmpty(show_image_uri)?bgHeight:imgHeight"
|
|
|
|
|
- :currentImage="show_image_uri"
|
|
|
|
|
- :bgsrc="bgsrc"
|
|
|
|
|
- >
|
|
|
|
|
- </upload-img>
|
|
|
|
|
- <view class="" style="color: #59a5f0;">
|
|
|
|
|
- <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
|
|
- <text v-if="$isEmpty(show_image_uri)">点击上传人面</text>
|
|
|
|
|
- <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="">
|
|
|
|
|
+ <view style="padding: 50rpx 0 20rpx 48rpx;">
|
|
|
|
|
+ <text class="cuIcon-location padding-right-sm"></text>
|
|
|
|
|
+ <text class="local_city_info">{{residential_name}} {{unit_name}} {{room_name}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="category" style="padding-bottom: 140rpx;">
|
|
|
|
|
- <view v-for="(item, index) in iconArray" :key="index" class="category_item">
|
|
|
|
|
- <view class="category_item_wrap" @tap="top" :data-index="item.index">
|
|
|
|
|
- <view class="icon_wrap">
|
|
|
|
|
- <image :src="item.iconUrl" class="index_icon"></image>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="form">
|
|
|
|
|
+ <u-form :border="true" ref="uForm" >
|
|
|
|
|
+ <u-form-item :required="true" label="住户姓名:" prop="name" label-width="150">
|
|
|
|
|
+ <u-input :border="true" placeholder="住户姓名,必填" v-model="name" type="text"></u-input>
|
|
|
|
|
+ </u-form-item>
|
|
|
|
|
+ <u-form-item :required="true" label="住户类型:" prop="type" label-width="150">
|
|
|
|
|
+ <u-input :border="true" type="select" :select-open="typeShow" v-model="typeLabel" placeholder="请选择住户类型" @click="typeShow = true"></u-input>
|
|
|
|
|
+ </u-form-item>
|
|
|
|
|
+ <u-form-item :required="true" label="国籍:" prop="nationality" label-width="150">
|
|
|
|
|
+ <u-input :border="true" type="select" :select-open="nationalityShow" v-model="nationalityLabel" @click="nationalityShow = true"></u-input>
|
|
|
|
|
+ </u-form-item>
|
|
|
|
|
+ <u-form-item label="证件类型:" prop="nationalityName" label-width="150">
|
|
|
|
|
+ <u-input :disabled="true" :border="true" type="text" v-model="nationalityName"></u-input>
|
|
|
|
|
+ </u-form-item>
|
|
|
|
|
+ <u-form-item :required="type==0?true:false" label="证件号码" prop="id_card" label-width="150">
|
|
|
|
|
+ <u-input :border="true" placeholder="住户类型是业主时,必填" :trim="true" maxlength="18" v-model="id_card" type="number"></u-input>
|
|
|
|
|
+ </u-form-item>
|
|
|
|
|
+ <u-form-item :required="true" label="性别" prop="sex" label-width="150">
|
|
|
|
|
+ <u-radio-group v-model="sex" >
|
|
|
|
|
+ <u-radio shape="circle" name="1">男</u-radio>
|
|
|
|
|
+ <u-radio shape="circle" name="2">女</u-radio>
|
|
|
|
|
+ </u-radio-group>
|
|
|
|
|
+ </u-form-item>
|
|
|
|
|
+ </u-form>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view v-if="nationality==3" style="background-color: #FFFFFF;">
|
|
|
|
|
+ <view class="form_group mb0" style="padding-left: 60rpx;">
|
|
|
|
|
+ <view>
|
|
|
|
|
+ <text class="sex">护照图片:</text>
|
|
|
|
|
+ <text class="tips">(基本身份信息页)</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view @click="show=true;operaType=1" style="margin: 30rpx 0 10rpx 0;display: flex;align-items: center;flex-direction: column;">
|
|
|
|
|
+ <upload-img
|
|
|
|
|
+ :width="$isEmpty(show_passport_img_uri)?bgWidth:imgWidth"
|
|
|
|
|
+ :height="$isEmpty(show_passport_img_uri)?bgHeight:imgHeight"
|
|
|
|
|
+ :currentImage="show_passport_img_uri"
|
|
|
|
|
+ :bgsrc="bgsrc"
|
|
|
|
|
+ >
|
|
|
|
|
+ </upload-img>
|
|
|
|
|
+ <view class="" style="color: #59a5f0;">
|
|
|
|
|
+ <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
|
|
+ <text v-if="$isEmpty(show_passport_img_uri)">点击上传护照</text>
|
|
|
|
|
+ <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <view v-if="nationality==3" style="background-color: #FFFFFF;">
|
|
|
|
|
+ <view class="form_group mb0" style="padding-left: 60rpx;">
|
|
|
|
|
+ <view>
|
|
|
|
|
+ <text class="sex">入境证明:</text>
|
|
|
|
|
+ <text class="tips">(入镜盖章页)</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view @click="show=true;operaType=2" style="margin: 30rpx 0 10rpx 0;display: flex;align-items: center;flex-direction: column;">
|
|
|
|
|
+ <upload-img
|
|
|
|
|
+ :width="$isEmpty(show_entry_img_uri)?bgWidth:imgWidth"
|
|
|
|
|
+ :height="$isEmpty(show_entry_img_uri)?bgHeight:imgHeight"
|
|
|
|
|
+ :currentImage="show_entry_img_uri"
|
|
|
|
|
+ :bgsrc="bgsrc"
|
|
|
|
|
+ >
|
|
|
|
|
+ </upload-img>
|
|
|
|
|
+ <view class="" style="color: #59a5f0;">
|
|
|
|
|
+ <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
|
|
+ <text v-if="$isEmpty(show_entry_img_uri)">点击上传入境证明</text>
|
|
|
|
|
+ <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <view style="background-color: #FFFFFF;">
|
|
|
|
|
+ <view class="form_group mb0" style="padding-left: 60rpx;">
|
|
|
|
|
+ <view>
|
|
|
|
|
+ <text class="sex">人脸:</text>
|
|
|
|
|
+ <text class="tips">(人脸用于开门,请上传正脸图片)</text>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="category_item_text">
|
|
|
|
|
- <text>{{item.iconText}}</text>
|
|
|
|
|
|
|
+ <view @click="show=true;operaType=3" style="margin: 30rpx 0 10rpx 0;display: flex;align-items: center;flex-direction: column;">
|
|
|
|
|
+ <upload-img
|
|
|
|
|
+ :width="$isEmpty(show_image_uri)?bgWidth:imgWidth"
|
|
|
|
|
+ :height="$isEmpty(show_image_uri)?bgHeight:imgHeight"
|
|
|
|
|
+ :currentImage="show_image_uri"
|
|
|
|
|
+ :bgsrc="bgsrc"
|
|
|
|
|
+ >
|
|
|
|
|
+ </upload-img>
|
|
|
|
|
+ <view class="" style="color: #59a5f0;">
|
|
|
|
|
+ <text class="cuIcon-camera padding-right-sm" style="font-size: 30rpx;"></text>
|
|
|
|
|
+ <text v-if="$isEmpty(show_image_uri)">点击上传人面</text>
|
|
|
|
|
+ <text style="margin-top: 40rpx;display: inline-block;" v-else>点击重新上传</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="category" style="padding-bottom: 140rpx;">
|
|
|
|
|
+ <view v-for="(item, index) in iconArray" :key="index" class="category_item">
|
|
|
|
|
+ <view class="category_item_wrap" @tap="top" :data-index="item.index">
|
|
|
|
|
+ <view class="icon_wrap">
|
|
|
|
|
+ <image :src="item.iconUrl" class="index_icon"></image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="category_item_text">
|
|
|
|
|
+ <text>{{item.iconText}}</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <u-action-sheet @click="photoChecked" z-index="999999" :list="list" v-model="show"></u-action-sheet>
|
|
|
|
|
+ <u-select z-index="999999" mode="single-column" :list="typeArry" v-model="typeShow" @confirm="typeConfirm"></u-select>
|
|
|
|
|
+ <u-select z-index="999999" mode="single-column" :list="nationalityArry" v-model="nationalityShow" @confirm="nationalityConfirm"></u-select>
|
|
|
|
|
+ <view @click="showDialogBtn" class=" footer-fixed" >
|
|
|
|
|
+ <view class="cu-btn flex text-lg bg-red-btn" style="padding: 46rpx 0;">
|
|
|
|
|
+ 提交认证
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view v-else >
|
|
|
|
|
+
|
|
|
</view>
|
|
</view>
|
|
|
- <u-action-sheet @click="photoChecked" z-index="999999" :list="list" v-model="show"></u-action-sheet>
|
|
|
|
|
- <u-select z-index="999999" mode="single-column" :list="typeArry" v-model="typeShow" @confirm="typeConfirm"></u-select>
|
|
|
|
|
- <u-select z-index="999999" mode="single-column" :list="nationalityArry" v-model="nationalityShow" @confirm="nationalityConfirm"></u-select>
|
|
|
|
|
- <view @click="showDialogBtn" class=" footer-fixed" >
|
|
|
|
|
- <view class="cu-btn flex text-lg bg-red-btn" style="padding: 46rpx 0;">
|
|
|
|
|
- 提交认证
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -142,6 +146,9 @@ export default {
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ //小程序审核状态
|
|
|
|
|
+ appletType:0,
|
|
|
|
|
+
|
|
|
//默认点击弹出拍照模态框的是人面上传操作,1:护照,2:入境,3:人面
|
|
//默认点击弹出拍照模态框的是人面上传操作,1:护照,2:入境,3:人面
|
|
|
operaType:3,
|
|
operaType:3,
|
|
|
//人面上传模态框,上传照片或拍照
|
|
//人面上传模态框,上传照片或拍照
|
|
@@ -264,6 +271,7 @@ export default {
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
onLoad: function (options) {
|
|
onLoad: function (options) {
|
|
|
|
|
+ this.appletType=uni.getStorageSync('appletType')
|
|
|
//显示用户选择的小区+楼栋+房间名字
|
|
//显示用户选择的小区+楼栋+房间名字
|
|
|
this.residential_name = options.residential_name;
|
|
this.residential_name = options.residential_name;
|
|
|
this.unit_name = options.unit_name;
|
|
this.unit_name = options.unit_name;
|
|
@@ -272,6 +280,16 @@ export default {
|
|
|
this.name=app.globalData.member.name
|
|
this.name=app.globalData.member.name
|
|
|
},
|
|
},
|
|
|
onShow() {
|
|
onShow() {
|
|
|
|
|
+ if (this.appletType==0) {
|
|
|
|
|
+ uni.setNavigationBarTitle({
|
|
|
|
|
+ title:"功能待开发"
|
|
|
|
|
+ })
|
|
|
|
|
+ }else{
|
|
|
|
|
+ uni.setNavigationBarTitle({
|
|
|
|
|
+ title:"用户认证"
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
//总步骤数
|
|
//总步骤数
|
|
|
//注册的流程总步骤数是3,其他流程总步骤数是2
|
|
//注册的流程总步骤数是3,其他流程总步骤数是2
|
|
|
if(this.$isEmpty(app.globalData.totalStep)){
|
|
if(this.$isEmpty(app.globalData.totalStep)){
|