用户注册
This commit is contained in:
zmj
parent
cc884926cd
commit
439a2ce678
@ -2,10 +2,10 @@ let httpApiThree;
|
||||
let httpApi; // 总域名
|
||||
let httpApiTwo; // 物流系统域名
|
||||
|
||||
// const env = 'dev'; // 开发
|
||||
const env = 'dev'; // 开发
|
||||
// const env = 'prod'; // 生产
|
||||
// const env = 'prew'; // 预上线
|
||||
const env = 'local'; // 本地
|
||||
// const env = 'local'; // 本地
|
||||
|
||||
switch (env) {
|
||||
case 'prod':
|
||||
|
||||
@ -1,238 +1,245 @@
|
||||
<template>
|
||||
<view class="" style="width: 100vw; overflow: hidden;">
|
||||
<view class="card">
|
||||
<u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm">
|
||||
<view class="cards">
|
||||
<view class="avter">
|
||||
<view class="">
|
||||
<text style="color: #f76c7f;font-weight: bold;">*</text>用户头像:
|
||||
|
||||
<view class="">
|
||||
<u-loading-page :loading="showLoading"></u-loading-page>
|
||||
<view class="" style="width: 100vw; overflow: hidden;" v-show="!showLoading">
|
||||
<view class="card">
|
||||
<u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm">
|
||||
<view class="cards">
|
||||
<view class="avter">
|
||||
<view class="">
|
||||
<text style="color: #f76c7f;font-weight: bold;">*</text>用户头像:
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="" v-if="formData.avatar">
|
||||
<!-- {{formData.avatar}} -->
|
||||
<image :src="formData.avatar" alt="" style="width:150rpx;height:150rpx;">
|
||||
</image>
|
||||
</view>
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
上传头像
|
||||
<view class="up" style="opacity: 0;">
|
||||
<u-upload :fileList="formData.avatar?[{url:formData.avatar}]:[]"
|
||||
@afterRead="afterReadAvatar" @delete="formData.avatar=''" :maxCount="1">
|
||||
</u-upload>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="" v-if="formData.avatar">
|
||||
<!-- {{formData.avatar}} -->
|
||||
<image :src="formData.avatar" alt="" style="width:150rpx;height:150rpx;">
|
||||
</view>
|
||||
<view class="cards">
|
||||
<u-form-item label="电话" required prop="account" borderBottom>
|
||||
<u--input v-model="formData.account" placeholder="请输入手机号" type="number"></u--input>
|
||||
</u-form-item>
|
||||
<u-form-item label="姓名" required prop="nickname" borderBottom>
|
||||
<u--input v-model="formData.nickname" placeholder="请输入姓名"></u--input>
|
||||
</u-form-item>
|
||||
<u-form-item label="用户角色" labelWidth="auto" required prop="group_id" borderBottom
|
||||
@click="showRole=true" ref="item1">
|
||||
<u--input v-model="formData.group_name" placeholder="请选择"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item labelWidth="auto" label="身份证号" required prop="id_card" borderBottom>
|
||||
<u--input v-model="formData.id_card" placeholder="请输入身份证号" @input="c_idcard"
|
||||
type="idcard"></u--input>
|
||||
</u-form-item>
|
||||
<u-form-item label="省" required prop="province" @click="changeCity('province')" borderBottom>
|
||||
<u--input :value="formData.province" disabled disabledColor="#fff"
|
||||
placeholder="请选择省"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="市" required prop="city" @click="changeCity('city')" borderBottom>
|
||||
<u--input :value="formData.city" disabled disabledColor="#fff"
|
||||
placeholder="请选择市"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="区县" required prop="area" @click="changeCity('area')" borderBottom>
|
||||
<u--input :value="formData.area" disabled disabledColor="#fff"
|
||||
placeholder="请选择区县"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="乡镇" required prop="street" @click="changeCity('street')" borderBottom>
|
||||
<u--input :value="formData.street" disabled disabledColor="#fff"
|
||||
placeholder="请选择镇"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="村社" required prop="village" @click="changeCity('village')" borderBottom>
|
||||
<u--input :value="formData.village" type="text" disabled disabledColor="#fff"
|
||||
placeholder="请选择村"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="小队" required prop="brigade" @click="changeCity('brigade')" borderBottom>
|
||||
<u--input :value="formData.brigade" disabled disabledColor="#fff"
|
||||
placeholder="请选择小队"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
|
||||
</view>
|
||||
<view class="cards">
|
||||
<view style="margin-bottom:30rpx ;">
|
||||
<text style="color: #f76c7f;font-weight: bold;">*</text>身份证照:
|
||||
</view>
|
||||
<view class="up_list">
|
||||
<view class="" v-if="formData.qualification.id_card">
|
||||
<image :src="formData.qualification.id_card" alt=""
|
||||
style="width:243.57rpx;height:150rpx;">
|
||||
</image>
|
||||
</view>
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
上传头像
|
||||
身份证正面
|
||||
<view class="up" style="opacity: 0;">
|
||||
<u-upload :fileList="formData.avatar?[{url:formData.avatar}]:[]"
|
||||
@afterRead="afterReadAvatar" @delete="formData.avatar=''" :maxCount="1">
|
||||
<u-upload
|
||||
:fileList="formData.qualification.id_card?[{url:formData.qualification.id_card}]:[]"
|
||||
@afterRead="afterRead" @delete="formData.qualification.id_card=''"
|
||||
name="id_card" :maxCount="1" width="300rpx" height="200rpx"
|
||||
style="margin-top: 10rpx;">
|
||||
</u-upload>
|
||||
</view>
|
||||
</view>
|
||||
<view class="" v-if="formData.qualification.id_card_b">
|
||||
<!-- {{formData.avatar}} -->
|
||||
<image :src="formData.qualification.id_card_b" alt=""
|
||||
style="width:243.57rpx;height:150rpx;">
|
||||
</image>
|
||||
</view>
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
身份证反面
|
||||
<view class="up" style="opacity: 0;">
|
||||
|
||||
<u-upload
|
||||
:fileList="formData.qualification.id_card_b?[{url:formData.qualification.id_card_b}]:[]"
|
||||
@afterRead="afterRead" @delete="formData.qualification.id_card_b=''"
|
||||
name="id_card_b" :maxCount="1" width="300rpx" height="200rpx"
|
||||
style="margin-top: 10rpx;">
|
||||
</u-upload>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="cards">
|
||||
|
||||
<u-form-item label="电话" required prop="account" borderBottom>
|
||||
<u--input v-model="formData.account" placeholder="请输入手机号" type="number"></u--input>
|
||||
</u-form-item>
|
||||
<u-form-item label="姓名" required prop="nickname" borderBottom>
|
||||
<u--input v-model="formData.nickname" placeholder="请输入姓名"></u--input>
|
||||
</u-form-item>
|
||||
|
||||
|
||||
|
||||
<u-form-item label="用户角色" labelWidth="auto" required prop="formData.group_id" borderBottom
|
||||
@click="showRole=true" ref="item1">
|
||||
<!-- <u--input v-model="formData.group_id" disabled disabledColor="#ffffff" placeholder="请选择性别"
|
||||
border="none"></u--input> -->
|
||||
|
||||
|
||||
<u--input v-model="formData.group_name" placeholder="请选择"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item labelWidth="auto" label="身份证号" required prop="id_card" borderBottom>
|
||||
<u--input v-model="formData.id_card" placeholder="请输入身份证号" @input="c_idcard"
|
||||
type="idcard"></u--input>
|
||||
</u-form-item>
|
||||
|
||||
|
||||
<u-form-item label="省" required prop="province" @click="changeCity('province')" borderBottom>
|
||||
<u--input :value="formData.province" disabled disabledColor="#fff"
|
||||
placeholder="请选择省"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="市" required prop="city" @click="changeCity('city')" borderBottom>
|
||||
<u--input :value="formData.city" disabled disabledColor="#fff" placeholder="请选择市"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="区县" required prop="area" @click="changeCity('area')" borderBottom>
|
||||
<u--input :value="formData.area" disabled disabledColor="#fff" placeholder="请选择区县"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="乡镇" required prop="street" @click="changeCity('street')" borderBottom>
|
||||
<u--input :value="formData.street" disabled disabledColor="#fff" placeholder="请选择镇"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="村社" required prop="village" @click="changeCity('village')" borderBottom>
|
||||
<u--input :value="formData.village" type="text" disabled disabledColor="#fff"
|
||||
placeholder="请选择村"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
<u-form-item label="小队" required prop="brigade" @click="changeCity('brigade')" borderBottom>
|
||||
<u--input :value="formData.brigade" disabled disabledColor="#fff"
|
||||
placeholder="请选择小队"></u--input>
|
||||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||||
</u-form-item>
|
||||
|
||||
</view>
|
||||
<view class="cards">
|
||||
<view style="margin-bottom:30rpx ;">
|
||||
<text style="color: #f76c7f;font-weight: bold;">*</text>身份证照:
|
||||
</view>
|
||||
<view class="up_list">
|
||||
<view class="" v-if="formData.qualification.id_card">
|
||||
<image :src="formData.qualification.id_card" alt="" style="width:243.57rpx;height:150rpx;">
|
||||
</image>
|
||||
<view class="cards">
|
||||
<view style="margin-bottom:30rpx ;">
|
||||
<text style="color: #f76c7f;font-weight: bold;">*</text>银行卡照:
|
||||
</view>
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
身份证正面
|
||||
<view class="up" style="opacity: 0;">
|
||||
<u-upload
|
||||
:fileList="formData.qualification.id_card?[{url:formData.qualification.id_card}]:[]"
|
||||
@afterRead="afterRead" @delete="formData.qualification.id_card=''" name="id_card"
|
||||
:maxCount="1" width="300rpx" height="200rpx" style="margin-top: 10rpx;">
|
||||
</u-upload>
|
||||
<view class="up_list">
|
||||
<view class="" v-if="formData.qualification.bank_account">
|
||||
<!-- {{formData.avatar}} -->
|
||||
<image :src="formData.qualification.bank_account" alt=""
|
||||
style="width:243.57rpx;height:150rpx;">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="" v-if="formData.qualification.id_card_b">
|
||||
<!-- {{formData.avatar}} -->
|
||||
<image :src="formData.qualification.id_card_b" alt=""
|
||||
style="width:243.57rpx;height:150rpx;">
|
||||
</image>
|
||||
</view>
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
身份证反面
|
||||
<view class="up" style="opacity: 0;">
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
银行卡正面
|
||||
<view class="up" style="opacity: 0;">
|
||||
|
||||
<u-upload
|
||||
:fileList="formData.qualification.id_card_b?[{url:formData.qualification.id_card_b}]:[]"
|
||||
@afterRead="afterRead" @delete="formData.qualification.id_card_b=''"
|
||||
name="id_card_b" :maxCount="1" width="300rpx" height="200rpx"
|
||||
style="margin-top: 10rpx;">
|
||||
</u-upload>
|
||||
<u-upload
|
||||
:fileList="formData.qualification.bank_account?[{url:formData.qualification.bank_account}]:[]"
|
||||
@afterRead="afterRead" @delete="formData.qualification.bank_account=''"
|
||||
name="bank_account" :maxCount="1" width="300rpx" height="200rpx"
|
||||
style="margin-top: 10rpx;">
|
||||
</u-upload>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="cards">
|
||||
<view style="margin-bottom:30rpx ;">
|
||||
<text style="color: #f76c7f;font-weight: bold;">*</text>银行卡照:
|
||||
</view>
|
||||
<view class="up_list">
|
||||
<view class="" v-if="formData.qualification.bank_account">
|
||||
<!-- {{formData.avatar}} -->
|
||||
<image :src="formData.qualification.bank_account" alt=""
|
||||
style="width:243.57rpx;height:150rpx;">
|
||||
</image>
|
||||
</view>
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
银行卡正面
|
||||
<view class="up" style="opacity: 0;">
|
||||
|
||||
<u-upload
|
||||
:fileList="formData.qualification.bank_account?[{url:formData.qualification.bank_account}]:[]"
|
||||
@afterRead="afterRead" @delete="formData.qualification.bank_account=''"
|
||||
name="bank_account" :maxCount="1" width="300rpx" height="200rpx"
|
||||
style="margin-top: 10rpx;">
|
||||
</u-upload>
|
||||
<view class="" v-if="formData.qualification.bank_account_b">
|
||||
<!-- {{formData.avatar}} -->
|
||||
<image :src="formData.qualification.bank_account_b" alt=""
|
||||
style="width:243.57rpx;height:150rpx;">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="" v-if="formData.qualification.bank_account_b">
|
||||
<!-- {{formData.avatar}} -->
|
||||
<image :src="formData.qualification.bank_account_b" alt=""
|
||||
style="width:243.57rpx;height:150rpx;">
|
||||
</image>
|
||||
</view>
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
银行卡反面
|
||||
<view class="up" style="opacity: 0;">
|
||||
<u-upload
|
||||
:fileList="formData.qualification.bank_account_b?[{url:formData.qualification.bank_account_b}]:[]"
|
||||
@afterRead="afterRead" @delete="formData.qualification.bank_account_b=''"
|
||||
name="bank_account_b" :maxCount="1" width="300rpx" height="200rpx"
|
||||
style="margin-top: 10rpx;">
|
||||
</u-upload>
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
银行卡反面
|
||||
<view class="up" style="opacity: 0;">
|
||||
<u-upload
|
||||
:fileList="formData.qualification.bank_account_b?[{url:formData.qualification.bank_account_b}]:[]"
|
||||
@afterRead="afterRead" @delete="formData.qualification.bank_account_b=''"
|
||||
name="bank_account_b" :maxCount="1" width="300rpx" height="200rpx"
|
||||
style="margin-top: 10rpx;">
|
||||
</u-upload>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cards">
|
||||
<view style="margin-bottom:30rpx ;">
|
||||
驾驶证照:
|
||||
</view>
|
||||
<view class="up_list">
|
||||
<view class="" v-if="formData.qualification.car_card">
|
||||
<!-- {{formData.avatar}} -->
|
||||
<image :src="formData.qualification.car_card" alt="" style="width:243.57rpx;height:150rpx;">
|
||||
</image>
|
||||
<view class="cards">
|
||||
<view style="margin-bottom:30rpx ;">
|
||||
驾驶证照:
|
||||
</view>
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
驾驶证一页
|
||||
<view class="up" style="opacity: 0;">
|
||||
<u-upload
|
||||
:fileList="formData.qualification.car_card?[{url:formData.qualification.car_card}]:[]"
|
||||
@afterRead="afterRead" @delete="formData.qualification.car_card=''" name="car_card"
|
||||
:maxCount="1" width="300rpx" height="200rpx" style="margin-top: 10rpx;">
|
||||
</u-upload>
|
||||
<view class="up_list">
|
||||
<view class="" v-if="formData.qualification.car_card">
|
||||
<!-- {{formData.avatar}} -->
|
||||
<image :src="formData.qualification.car_card" alt=""
|
||||
style="width:243.57rpx;height:150rpx;">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="" v-if="formData.qualification.car_card_b">
|
||||
<!-- {{formData.avatar}} -->
|
||||
<image :src="formData.qualification.car_card_b" alt=""
|
||||
style="width:243.57rpx;height:150rpx;">
|
||||
</image>
|
||||
</view>
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
驾驶证二页
|
||||
<view class="up" style="opacity: 0;">
|
||||
<u-upload
|
||||
:fileList="formData.qualification.car_card_b?[{url:formData.qualification.car_card_b}]:[]"
|
||||
@afterRead="afterRead" @delete="formData.qualification.car_card_b=''"
|
||||
name="car_card_b" :maxCount="1" width="300rpx" height="200rpx"
|
||||
style="margin-top: 10rpx;">
|
||||
</u-upload>
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
驾驶证一页
|
||||
<view class="up" style="opacity: 0;">
|
||||
<u-upload
|
||||
:fileList="formData.qualification.car_card?[{url:formData.qualification.car_card}]:[]"
|
||||
@afterRead="afterRead" @delete="formData.qualification.car_card=''"
|
||||
name="car_card" :maxCount="1" width="300rpx" height="200rpx"
|
||||
style="margin-top: 10rpx;">
|
||||
</u-upload>
|
||||
</view>
|
||||
</view>
|
||||
<view class="" v-if="formData.qualification.car_card_b">
|
||||
<!-- {{formData.avatar}} -->
|
||||
<image :src="formData.qualification.car_card_b" alt=""
|
||||
style="width:243.57rpx;height:150rpx;">
|
||||
</image>
|
||||
</view>
|
||||
<view class="uplode" v-else>
|
||||
<u-icon name="plus-circle-fill" color="#0022C7" size="28"></u-icon>
|
||||
驾驶证二页
|
||||
<view class="up" style="opacity: 0;">
|
||||
<u-upload
|
||||
:fileList="formData.qualification.car_card_b?[{url:formData.qualification.car_card_b}]:[]"
|
||||
@afterRead="afterRead" @delete="formData.qualification.car_card_b=''"
|
||||
name="car_card_b" :maxCount="1" width="300rpx" height="200rpx"
|
||||
style="margin-top: 10rpx;">
|
||||
</u-upload>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</u--form>
|
||||
<button @click="modelShow=true" type="primary" class="btn" style="margin: 28rpx;">注册</button>
|
||||
</view>
|
||||
<u-modal :show="modelShow" title="提示" content='请确认人员信息无误后再创建' closeOnClickOverlay showCancelButton
|
||||
@close="modelShow=false" @cancel="modelShow=false" @confirm="$u.throttle(addAcountNum, 2000)"></u-modal>
|
||||
|
||||
|
||||
<u-action-sheet :show="showRole" :actions="actions" title="请选择性别" @close="showRole = false"
|
||||
@select="sexSelect">
|
||||
</u-action-sheet>
|
||||
|
||||
|
||||
<u-picker @close='showPicker=false' :defaultIndex='defaultIndex' @cancel='showPicker=false'
|
||||
:show="showPicker" ref="uPicker" :columns="columns" :keyName='keyName' @confirm="confirm"></u-picker>
|
||||
|
||||
|
||||
<!-- <u-picker :show="showPicker" :columns="columns" keyName="province_name"></u-picker> -->
|
||||
|
||||
|
||||
</u--form>
|
||||
<button @click="modelShow=true" type="primary" class="btn" style="margin: 28rpx;">创建</button>
|
||||
</view>
|
||||
<u-modal :show="modelShow" title="提示" content='请确认人员信息无误后再创建' closeOnClickOverlay showCancelButton
|
||||
@close="modelShow=false" @cancel="modelShow=false" @confirm="$u.throttle(addAcountNum, 2000)"></u-modal>
|
||||
|
||||
|
||||
<u-action-sheet :show="showRole" :actions="actions" title="请选择性别" @close="showRole = false" @select="sexSelect">
|
||||
</u-action-sheet>
|
||||
|
||||
|
||||
<u-picker @close='showPicker=false' @cancel='showPicker=false' :show="showPicker" ref="uPicker"
|
||||
:columns="columns" :keyName='keyName' @confirm="confirm"></u-picker>
|
||||
|
||||
|
||||
<!-- <u-picker :show="showPicker" :columns="columns" keyName="province_name"></u-picker> -->
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@ -252,16 +259,15 @@
|
||||
import {
|
||||
loginAdd,
|
||||
} from "@/api/oaUser.js"
|
||||
import districtSelector from "@/components/districtSelector/districtSelector.vue" //地区选择器
|
||||
import {
|
||||
Toast
|
||||
} from "../../libs/uniApi"
|
||||
export default {
|
||||
components: {
|
||||
districtSelector,
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
defaultIndex: [0],
|
||||
showLoading: true,
|
||||
keyName: 'province_name',
|
||||
showRole: false,
|
||||
showPicker: false,
|
||||
@ -297,17 +303,18 @@
|
||||
],
|
||||
modelShow: false,
|
||||
formData: {
|
||||
company_id: "",
|
||||
account: '', //账号
|
||||
password: '123456', //密码
|
||||
password_confirm: '', //确认密码
|
||||
// password_confirm: '', //确认密码
|
||||
// channel: 6, //注册渠道[1-微信小程序 2-微信公众号 3-手机H5 4-电脑PC 5-苹果APP 6-安卓APP]
|
||||
id_card: '',
|
||||
is_captain: '', // 队长标识
|
||||
// is_captain: '', // 队长标识
|
||||
// is_service_manager: '', //服务部长标识
|
||||
sex: '',
|
||||
// sex: '',
|
||||
avatar: '',
|
||||
nickname: '',
|
||||
address: '',
|
||||
// address: '',
|
||||
group_id: "",
|
||||
group_name: "",
|
||||
province: "",
|
||||
@ -316,7 +323,7 @@
|
||||
street: "",
|
||||
village: "",
|
||||
brigade: "",
|
||||
provinceCode: "",
|
||||
// provinceCode: "",
|
||||
cityCode: "",
|
||||
areaCode: "",
|
||||
streetCode: "",
|
||||
@ -344,59 +351,16 @@
|
||||
message: '请输入正确的身份证号',
|
||||
trigger: ['change', 'blur']
|
||||
},
|
||||
sex: {
|
||||
validator: (rule, value, callback) => {
|
||||
typeof value === 'number' ? callback() : callback('请选择男或女')
|
||||
},
|
||||
trigger: ['change', 'blur']
|
||||
},
|
||||
avatar: {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '头像不能为空',
|
||||
trigger: ['change', 'blur']
|
||||
},
|
||||
nickname: {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '姓名不能为空',
|
||||
trigger: ['change', 'blur']
|
||||
},
|
||||
'qualification.id_card': {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '不能为空',
|
||||
trigger: ['change', 'blur']
|
||||
},
|
||||
'qualification.id_card_b': {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '不能为空',
|
||||
trigger: ['change', 'blur']
|
||||
},
|
||||
'qualification.bank_account': {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '不能为空',
|
||||
trigger: ['change', 'blur']
|
||||
},
|
||||
'qualification.bank_account_b': {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '不能为空',
|
||||
trigger: ['change', 'blur']
|
||||
},
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.setRules()
|
||||
commonProvince().then(res => {
|
||||
|
||||
|
||||
this.proList = res.data
|
||||
this.columns = [this.proList]
|
||||
this.showLoading = false
|
||||
|
||||
console.log(res.data)
|
||||
})
|
||||
|
||||
},
|
||||
@ -407,26 +371,54 @@
|
||||
},
|
||||
onShow() {},
|
||||
methods: {
|
||||
setRules() {
|
||||
let ruleKeyList = ['avatar', 'nickname', 'group_id', 'province', 'city', 'area', 'village', 'street',
|
||||
'qualification.id_card', 'qualification.bank_account', 'qualification.id_card_b',
|
||||
'qualification.bank_account_b'
|
||||
]
|
||||
|
||||
ruleKeyList.forEach(item => {
|
||||
this.rules[item] = {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '不能为空',
|
||||
trigger: ['change', 'blur']
|
||||
}
|
||||
})
|
||||
},
|
||||
confirm(e) {
|
||||
if (this.keyName == 'province_name') {
|
||||
uni.showLoading({
|
||||
title: '获取下级区域中'
|
||||
})
|
||||
this.formData.province = e.value[0].province_name
|
||||
this.formData.province_code = e.value[0].province_code
|
||||
commonCity({
|
||||
city: this.formData.province_code
|
||||
}).then(res => {
|
||||
this.cityList = res.data
|
||||
uni.hideLoading()
|
||||
this.defaultIndex = [0]
|
||||
})
|
||||
}
|
||||
if (this.keyName == 'city_name') {
|
||||
uni.showLoading({
|
||||
title: '获取下级区域中'
|
||||
})
|
||||
this.formData.city = e.value[0].city_name
|
||||
this.formData.cityCode = e.value[0].city_code
|
||||
commonArea({
|
||||
area: this.formData.cityCode
|
||||
}).then(res => {
|
||||
this.areaList = res.data
|
||||
uni.hideLoading()
|
||||
this.defaultIndex = [0]
|
||||
})
|
||||
}
|
||||
if (this.keyName == 'area_name') {
|
||||
uni.showLoading({
|
||||
title: '获取下级区域中'
|
||||
})
|
||||
this.formData.area = e.value[0].area_name
|
||||
this.formData.areaCode = e.value[0].area_code
|
||||
|
||||
@ -434,37 +426,42 @@
|
||||
street: this.formData.areaCode
|
||||
}).then(res => {
|
||||
this.streetList = res.data
|
||||
uni.hideLoading()
|
||||
this.defaultIndex = [0]
|
||||
})
|
||||
}
|
||||
if (this.keyName == 'street_name') {
|
||||
uni.showLoading({
|
||||
title: '获取下级区域中'
|
||||
})
|
||||
this.formData.street = e.value[0].street_name
|
||||
this.formData.streetCode = e.value[0].street_code
|
||||
commonVillage({
|
||||
village: this.formData.streetCode
|
||||
}).then(res => {
|
||||
this.villageList = res.data
|
||||
uni.hideLoading()
|
||||
this.defaultIndex = [0]
|
||||
})
|
||||
}
|
||||
if (this.keyName == 'village_name') {
|
||||
|
||||
console.log(e.value)
|
||||
|
||||
uni.showLoading({
|
||||
title: '获取下级区域中'
|
||||
})
|
||||
this.formData.village = e.value[0].village_name
|
||||
this.formData.villageCode = e.value[0].village_code
|
||||
|
||||
console.log(this.formData.villageCode, "vill")
|
||||
commonBrigade({
|
||||
brigade: this.formData.villageCode
|
||||
}).then(res => {
|
||||
this.brigadeList = res.data
|
||||
uni.hideLoading()
|
||||
this.defaultIndex = [0]
|
||||
})
|
||||
}
|
||||
if (this.keyName == 'brigade_name') {
|
||||
this.formData.brigade = e.value[0].brigade_name
|
||||
this.formData.brigadeCode = e.value[0].id
|
||||
|
||||
|
||||
console.log(this.formData)
|
||||
this.defaultIndex = [0]
|
||||
}
|
||||
|
||||
|
||||
@ -472,7 +469,6 @@
|
||||
},
|
||||
|
||||
changeCity(type, toast = false) {
|
||||
|
||||
this.showPicker = true
|
||||
if (type == 'role') {
|
||||
this.actionList = this.actions
|
||||
@ -480,8 +476,9 @@
|
||||
|
||||
|
||||
if (type == 'province') {
|
||||
this.keyName = 'province_name'
|
||||
this.columns = [this.proList]
|
||||
console.log(this.proList)
|
||||
|
||||
}
|
||||
|
||||
if (type == 'city') {
|
||||
@ -568,15 +565,18 @@
|
||||
this.modelShow = false;
|
||||
await this.$nextTick();
|
||||
if (!this.formData.avatar) return Toast('头像未上传');
|
||||
let flag = this.$refs.districtSelectorRef.validate();
|
||||
if (!this.formData.qualification.id_card || !this.formData.qualification.id_card_b) return Toast(
|
||||
'身份证未上传');
|
||||
if (!this.formData.qualification.bank_account || !this.formData.qualification.bank_account_b)
|
||||
return Toast(
|
||||
'银行卡未上传');
|
||||
this.$refs.uForm.validate().then(async (e) => {
|
||||
if (e && flag) {
|
||||
if (e) {
|
||||
uni.showLoading()
|
||||
|
||||
|
||||
console.log(this.formData)
|
||||
return
|
||||
let res = await register({
|
||||
...this.formData,
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user