2023-07-27 19:04:57 +08:00
|
|
|
|
<template>
|
2023-08-19 19:04:14 +08:00
|
|
|
|
<view class="">
|
|
|
|
|
|
<view class="card">
|
|
|
|
|
|
<u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm">
|
|
|
|
|
|
<view class="cards">
|
|
|
|
|
|
<view class="avter">
|
|
|
|
|
|
<view class="">
|
2023-08-20 20:48:05 +08:00
|
|
|
|
<text style="color: #f76c7f;font-weight: bold;">*</text>用户头像:
|
2023-08-19 19:04:14 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
<view class="">
|
|
|
|
|
|
<view class="" v-if="formData.avatar">
|
|
|
|
|
|
<!-- {{formData.avatar}} -->
|
2023-08-20 20:48:05 +08:00
|
|
|
|
<image :src="formData.avatar" alt="" style="width:150rpx;height:150rpx;">
|
2023-08-19 19:04:14 +08:00
|
|
|
|
</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>
|
|
|
|
|
|
<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="性别" required prop="sex" borderBottom>
|
|
|
|
|
|
<u-radio-group v-model="formData.sex" style="margin: 16rpx;">
|
|
|
|
|
|
<u-radio activeColor="#0122C7" :customStyle="{marginRight: '16px'}"
|
|
|
|
|
|
v-for="(item, index) in [{value:1,label:'男'},{value:2,label:'女'}]" :key="index"
|
|
|
|
|
|
:label="item.label" :name="item.value">
|
|
|
|
|
|
</u-radio>
|
|
|
|
|
|
</u-radio-group>
|
|
|
|
|
|
</u-form-item>
|
|
|
|
|
|
<u-form-item labelWidth="auto" label="身份证号" required prop="id_card" borderBottom>
|
2023-08-21 11:17:03 +08:00
|
|
|
|
<u--input v-model="formData.id_card" placeholder="请输入身份证号" @input="c_idcard" type="idcard"></u--input>
|
2023-08-19 19:04:14 +08:00
|
|
|
|
</u-form-item>
|
|
|
|
|
|
<u-form-item labelWidth="auto" label="是否为小队长" required prop="is_captain" borderBottom>
|
|
|
|
|
|
<u-radio-group v-model="formData.is_captain" style="margin: 16rpx;">
|
|
|
|
|
|
<u-radio activeColor="#0122C7" :customStyle="{marginRight: '16px'}"
|
|
|
|
|
|
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index"
|
|
|
|
|
|
:label="item.label" :name="item.value">
|
|
|
|
|
|
</u-radio>
|
|
|
|
|
|
</u-radio-group>
|
|
|
|
|
|
</u-form-item>
|
|
|
|
|
|
<districtSelectorTow style="margin-top: 30rpx;" ref="districtSelectorRef"></districtSelectorTow>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<view class="cards">
|
|
|
|
|
|
<view style="margin-bottom:30rpx ;">
|
2023-08-20 20:48:05 +08:00
|
|
|
|
<text style="color: #f76c7f;font-weight: bold;">*</text>身份证照:
|
2023-08-19 19:04:14 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
<view class="up_list">
|
|
|
|
|
|
<view class="" v-if="formData.qualification.id_card">
|
|
|
|
|
|
<!-- {{formData.avatar}} -->
|
|
|
|
|
|
<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.qualification.id_card?[{url:formData.qualification.id_card}]:[]"
|
|
|
|
|
|
@afterRead="afterRead" @delete="formData.qualification.id_card=''" name="id_card"
|
|
|
|
|
|
:maxCount="1" width="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
|
|
|
|
|
</u-upload>
|
|
|
|
|
|
<!--
|
|
|
|
|
|
<u-upload :fileList="formData.avatar?[{url:formData.avatar}]:[]"
|
|
|
|
|
|
@afterRead="afterReadAvatar" @delete="formData.avatar=''" :maxCount="1">
|
|
|
|
|
|
</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="638rpx" height="300rpx"
|
|
|
|
|
|
style="margin-top: 10rpx;">
|
|
|
|
|
|
</u-upload>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
<view class="cards">
|
|
|
|
|
|
<view style="margin-bottom:30rpx ;">
|
2023-08-20 20:48:05 +08:00
|
|
|
|
<text style="color: #f76c7f;font-weight: bold;">*</text>银行卡照:
|
2023-08-19 19:04:14 +08:00
|
|
|
|
</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="638rpx" height="300rpx"
|
|
|
|
|
|
style="margin-top: 10rpx;">
|
|
|
|
|
|
</u-upload>
|
|
|
|
|
|
</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="638rpx" height="300rpx"
|
|
|
|
|
|
style="margin-top: 10rpx;">
|
|
|
|
|
|
</u-upload>
|
|
|
|
|
|
</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>
|
|
|
|
|
|
<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="638rpx" height="300rpx" 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="638rpx" height="300rpx"
|
|
|
|
|
|
style="margin-top: 10rpx;">
|
|
|
|
|
|
</u-upload>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="title">基本信息</view>
|
|
|
|
|
|
<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="性别" required prop="sex" borderBottom>
|
|
|
|
|
|
<u-radio-group v-model="formData.sex" style="margin: 16rpx;">
|
|
|
|
|
|
<u-radio :customStyle="{marginRight: '16px'}"
|
|
|
|
|
|
v-for="(item, index) in [{value:1,label:'男'},{value:2,label:'女'}]" :key="index"
|
|
|
|
|
|
:label="item.label" :name="item.value">
|
|
|
|
|
|
</u-radio>
|
|
|
|
|
|
</u-radio-group>
|
|
|
|
|
|
</u-form-item>
|
|
|
|
|
|
<u-form-item label="头像" required prop="avatar" borderBottom>
|
|
|
|
|
|
<u-upload :fileList="formData.avatar?[{url:formData.avatar}]:[]" @afterRead="afterReadAvatar"
|
|
|
|
|
|
@delete="formData.avatar=''" name="avatar" :maxCount="1" width="150rpx" height="150rpx"
|
|
|
|
|
|
style="margin-top: 10rpx;">
|
|
|
|
|
|
</u-upload>
|
|
|
|
|
|
</u-form-item>
|
|
|
|
|
|
<u-form-item labelWidth="auto" label="身份证号" required prop="id_card" borderBottom>
|
|
|
|
|
|
<u--input v-model="formData.id_card" placeholder="请输入身份证号" type="idcard"></u--input>
|
|
|
|
|
|
</u-form-item>
|
|
|
|
|
|
<view class="title">身份信息</view>
|
|
|
|
|
|
<u-form-item labelWidth="auto" label="是否为小队长" required prop="is_captain" borderBottom>
|
|
|
|
|
|
<u-radio-group v-model="formData.is_captain" style="margin: 16rpx;">
|
|
|
|
|
|
<u-radio :customStyle="{marginRight: '16px'}"
|
|
|
|
|
|
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index"
|
|
|
|
|
|
:label="item.label" :name="item.value">
|
|
|
|
|
|
</u-radio>
|
|
|
|
|
|
</u-radio-group>
|
|
|
|
|
|
</u-form-item> -->
|
|
|
|
|
|
<!-- <u-form-item labelWidth="auto" label="登录密码" prop="formData.name" borderBottom>
|
2023-07-27 19:04:57 +08:00
|
|
|
|
<u--input v-model="formData.password" placeholder="不输入密码则默认为手机号" password></u--input>
|
|
|
|
|
|
</u-form-item>
|
|
|
|
|
|
<u-form-item labelWidth="auto" label="确认密码" prop="formData.name" borderBottom>
|
|
|
|
|
|
<u--input v-model="formData.password_confirm" placeholder="不输入密码则默认为手机号" password></u--input>
|
|
|
|
|
|
</u-form-item> -->
|
2023-08-19 19:04:14 +08:00
|
|
|
|
<!-- <view class="title">地区信息</view> -->
|
|
|
|
|
|
<!-- <districtSelector style="margin-top: 30rpx;" ref="districtSelectorRef"></districtSelector> -->
|
|
|
|
|
|
<!-- <districtSelectorTow style="margin-top: 30rpx;" ref="districtSelectorRef"></districtSelectorTow>
|
|
|
|
|
|
<view class="title">资质信息</view>
|
|
|
|
|
|
<u-form-item label="身份证正面" required labelPosition="top" labelWidth="200rpx" prop="qualification.id_card"
|
|
|
|
|
|
borderBottom>
|
|
|
|
|
|
<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="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
|
|
|
|
|
</u-upload>
|
|
|
|
|
|
</u-form-item>
|
|
|
|
|
|
<u-form-item label="身份证反面" required labelPosition="top" labelWidth="200rpx"
|
|
|
|
|
|
prop="qualification.id_card_b" borderBottom>
|
|
|
|
|
|
<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="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
|
|
|
|
|
</u-upload>
|
|
|
|
|
|
</u-form-item>
|
|
|
|
|
|
<u-form-item label="银行卡正面" required labelPosition="top" labelWidth="200rpx"
|
|
|
|
|
|
prop="qualification.bank_account" borderBottom>
|
|
|
|
|
|
<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="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
|
|
|
|
|
</u-upload>
|
|
|
|
|
|
</u-form-item>
|
|
|
|
|
|
<u-form-item label="银行卡反面" required labelPosition="top" labelWidth="200rpx"
|
|
|
|
|
|
prop="qualification.bank_account_b" borderBottom>
|
|
|
|
|
|
<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="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
|
|
|
|
|
</u-upload>
|
|
|
|
|
|
</u-form-item>
|
|
|
|
|
|
<u-form-item label="驾驶证正面" labelPosition="top" labelWidth="200rpx" borderBottom>
|
|
|
|
|
|
<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="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
|
|
|
|
|
</u-upload>
|
|
|
|
|
|
</u-form-item>
|
|
|
|
|
|
<u-form-item label="驾驶证反面" labelPosition="top" labelWidth="200rpx" borderBottom>
|
|
|
|
|
|
<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="638rpx" height="300rpx" style="margin-top: 10rpx;">
|
|
|
|
|
|
</u-upload>
|
|
|
|
|
|
</u-form-item> -->
|
|
|
|
|
|
</u--form>
|
2023-08-20 20:48:05 +08:00
|
|
|
|
<button @click="addAcountNum" type="primary" class="btn" style="margin: 28rpx;">创建</button>
|
2023-08-19 19:04:14 +08:00
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
2023-07-27 19:04:57 +08:00
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
2023-08-19 19:04:14 +08:00
|
|
|
|
import {
|
|
|
|
|
|
upLoadImage
|
|
|
|
|
|
} from "@/api/file.js"
|
|
|
|
|
|
import {
|
|
|
|
|
|
loginAdd
|
|
|
|
|
|
} from "@/api/oaUser.js"
|
|
|
|
|
|
import districtSelector from "@/components/districtSelector/districtSelector.vue" //地区选择器
|
|
|
|
|
|
import districtSelectorTow from "@/components/districtSelector/districtSelectorTow.vue" //地区选择器
|
2023-08-20 20:48:05 +08:00
|
|
|
|
import { Toast } from "../../libs/uniApi"
|
2023-08-19 19:04:14 +08:00
|
|
|
|
export default {
|
|
|
|
|
|
components: {
|
|
|
|
|
|
districtSelector,
|
|
|
|
|
|
districtSelectorTow
|
|
|
|
|
|
},
|
|
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
|
|
|
|
|
formData: {
|
|
|
|
|
|
account: '', //账号
|
|
|
|
|
|
password: '123456', //密码
|
|
|
|
|
|
password_confirm: '', //确认密码
|
|
|
|
|
|
// channel: 6, //注册渠道[1-微信小程序 2-微信公众号 3-手机H5 4-电脑PC 5-苹果APP 6-安卓APP]
|
|
|
|
|
|
id_card: '',
|
|
|
|
|
|
is_captain: '', // 队长标识
|
|
|
|
|
|
sex: '',
|
|
|
|
|
|
avatar: '',
|
|
|
|
|
|
nickname: '',
|
|
|
|
|
|
address: '',
|
|
|
|
|
|
qualification: {
|
|
|
|
|
|
id_card: "",
|
|
|
|
|
|
id_card_b: "",
|
|
|
|
|
|
car_card: "",
|
|
|
|
|
|
car_card_b: "",
|
|
|
|
|
|
bank_account: "",
|
|
|
|
|
|
bank_account_b: ""
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
rules: {
|
|
|
|
|
|
account: {
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
pattern: /^(1[3456789]\d{9})$/,
|
|
|
|
|
|
message: '请输入正确的手机号码',
|
|
|
|
|
|
trigger: ['change', 'blur']
|
|
|
|
|
|
},
|
|
|
|
|
|
id_card: {
|
|
|
|
|
|
required: true,
|
2023-08-19 19:16:01 +08:00
|
|
|
|
pattern: /^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[\dxX]$/,
|
2023-08-19 19:04:14 +08:00
|
|
|
|
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']
|
|
|
|
|
|
},
|
|
|
|
|
|
is_captain: {
|
|
|
|
|
|
validator: (rule, value, callback) => {
|
|
|
|
|
|
typeof value === 'number' ? callback() : callback('不能为空')
|
|
|
|
|
|
},
|
|
|
|
|
|
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() {},
|
|
|
|
|
|
onReady() {
|
|
|
|
|
|
//如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。
|
|
|
|
|
|
this.$refs.uForm.setRules(this.rules)
|
|
|
|
|
|
},
|
|
|
|
|
|
onShow() {},
|
|
|
|
|
|
methods: {
|
2023-08-21 11:17:03 +08:00
|
|
|
|
c_idcard(e){
|
|
|
|
|
|
this.$nextTick(()=>{
|
|
|
|
|
|
this.formData.id_card = e.replace(/[^0-9X]/g, '')
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
2023-08-19 19:04:14 +08:00
|
|
|
|
// 上传头像
|
|
|
|
|
|
async afterReadAvatar(event) {
|
|
|
|
|
|
upLoadImage({
|
|
|
|
|
|
filePath: event.file.url,
|
|
|
|
|
|
name: 'file'
|
|
|
|
|
|
}).then(res => {
|
|
|
|
|
|
this.formData.avatar = res.data.uri
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
// 新增图片
|
|
|
|
|
|
async afterRead(event) {
|
|
|
|
|
|
this.upLoad(event.file.url, event.name)
|
|
|
|
|
|
},
|
|
|
|
|
|
// 上传图片
|
|
|
|
|
|
upLoad(url, type) {
|
|
|
|
|
|
upLoadImage({
|
|
|
|
|
|
filePath: url,
|
|
|
|
|
|
name: 'file'
|
|
|
|
|
|
}).then(res => {
|
|
|
|
|
|
this.formData.qualification[type] = res.data.uri
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
// 创建账号
|
|
|
|
|
|
addAcountNum() {
|
2023-08-20 20:48:05 +08:00
|
|
|
|
if(!this.formData.avatar)return Toast('头像未上传');
|
2023-08-19 19:04:14 +08:00
|
|
|
|
let flag = this.$refs.districtSelectorRef.validate();
|
2023-08-20 20:48:05 +08:00
|
|
|
|
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('银行卡未上传');
|
2023-08-19 19:04:14 +08:00
|
|
|
|
this.$refs.uForm.validate().then(async (e) => {
|
|
|
|
|
|
if (e && flag) {
|
|
|
|
|
|
uni.showLoading()
|
|
|
|
|
|
let res = await loginAdd({
|
|
|
|
|
|
...this.formData,
|
|
|
|
|
|
...this.$refs.districtSelectorRef.formData
|
|
|
|
|
|
});
|
|
|
|
|
|
uni.hideLoading()
|
|
|
|
|
|
uni.showToast({
|
|
|
|
|
|
icon: "none",
|
|
|
|
|
|
title: "添加成功",
|
|
|
|
|
|
success: () => {
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
uni.$emit('initPersonnel');
|
|
|
|
|
|
uni.navigateBack();
|
|
|
|
|
|
}, 1000)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
// // 获取机型,[1-微信小程序 2-微信公众号 3-手机H5 4-电脑PC 5-苹果APP 6-安卓APP]
|
|
|
|
|
|
// initTerminal() {
|
|
|
|
|
|
// // #ifndef APP-PLUS
|
|
|
|
|
|
// this.formData.terminal = 6;
|
|
|
|
|
|
// // #endif
|
|
|
|
|
|
// uni.getSystemInfo({
|
|
|
|
|
|
// success: (res) => {
|
|
|
|
|
|
// const platform = res.platform.toLowerCase();
|
|
|
|
|
|
// if (platform === 'ios') {
|
|
|
|
|
|
// this.formData.terminal = 5;
|
|
|
|
|
|
// } else if (platform === 'windows') {
|
|
|
|
|
|
// this.formData.terminal = 4;
|
|
|
|
|
|
// } else if (platform === 'mac') {
|
|
|
|
|
|
// this.formData.terminal = 4;
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
|
|
|
|
// })
|
|
|
|
|
|
// // #ifdef H5
|
|
|
|
|
|
// this.formData.terminal = 3;
|
|
|
|
|
|
// // #endif
|
|
|
|
|
|
// // #ifdef MP-WEIXIN
|
|
|
|
|
|
// this.formData.terminal = 1;
|
|
|
|
|
|
// // #endif
|
|
|
|
|
|
// },
|
|
|
|
|
|
},
|
|
|
|
|
|
onPullDownRefresh() {
|
|
|
|
|
|
uni.stopPullDownRefresh()
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2023-07-27 19:04:57 +08:00
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
2023-08-19 19:04:14 +08:00
|
|
|
|
.card {
|
|
|
|
|
|
// background-color: #fff;
|
|
|
|
|
|
// margin: 28rpx;
|
|
|
|
|
|
// padding: 28rpx;
|
|
|
|
|
|
// border-radius: 14rpx;
|
|
|
|
|
|
|
|
|
|
|
|
.cards {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
margin: 28rpx;
|
|
|
|
|
|
padding: 28rpx;
|
|
|
|
|
|
border-radius: 14rpx;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
|
|
|
|
|
|
.avter {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
// line-height: 150rpx;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.up_list {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.uplode {
|
|
|
|
|
|
width: 243.57rpx;
|
|
|
|
|
|
height: 173.48rpx;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
padding-top: 30rpx;
|
|
|
|
|
|
border-radius: 15rpx;
|
|
|
|
|
|
border: 1px solid $theme-oa-color;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
|
color: $theme-oa-color;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
|
|
.up {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2023-07-27 19:04:57 +08:00
|
|
|
|
|
2023-08-19 19:04:14 +08:00
|
|
|
|
.title {
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 34rpx;
|
|
|
|
|
|
margin-top: 30rpx;
|
2023-07-27 19:04:57 +08:00
|
|
|
|
|
2023-08-19 19:04:14 +08:00
|
|
|
|
&:nth-child(1) {
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
}
|
2023-07-27 19:04:57 +08:00
|
|
|
|
|
2023-08-19 19:04:14 +08:00
|
|
|
|
&::before {
|
|
|
|
|
|
width: 8rpx;
|
|
|
|
|
|
height: 26rpx;
|
|
|
|
|
|
border-radius: 4rpx;
|
|
|
|
|
|
background-color: #3175f9;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
margin-right: 8rpx;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2023-07-27 19:04:57 +08:00
|
|
|
|
|
2023-08-19 19:04:14 +08:00
|
|
|
|
.btn {
|
|
|
|
|
|
margin-top: 32rpx;
|
|
|
|
|
|
// margin-bottom: 40rpx;
|
2023-08-20 20:48:05 +08:00
|
|
|
|
// width: 100%;
|
2023-08-19 19:04:14 +08:00
|
|
|
|
height: 84rpx;
|
|
|
|
|
|
background: $theme-oa-color;
|
|
|
|
|
|
border-radius: 42rpx 42rpx 42rpx 42rpx;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
line-height: 80rpx;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
2023-07-27 19:04:57 +08:00
|
|
|
|
</style>
|
