add
This commit is contained in:
parent
646ba2d89a
commit
fa2536bd32
|
@ -0,0 +1,900 @@
|
||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
|
||||||
|
<u--form :model="model1" ref="form1" labelPosition="top" labelWidth='auto' :labelStyle='{fontWeight:800}'>
|
||||||
|
|
||||||
|
<!-- 完善资料 -->
|
||||||
|
<!-- 这里加了 v-for 导致 ref 失效 -->
|
||||||
|
<view class="wanShan" v-if="pageTypeId!=='fws'">
|
||||||
|
<view class="data_itm_box">
|
||||||
|
|
||||||
|
<u-form-item prop="userInfo.name" ref="item1" class="data_itm">
|
||||||
|
<text class="label_t">姓名</text>
|
||||||
|
<u--input class="p32" placeholder="请填写姓名" inputAlign="right" clearable
|
||||||
|
v-model="model1.userInfo.name" border="none"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
<u-form-item prop="userInfo.sex" ref="item1" @click="showSex=true" class="data_itm">
|
||||||
|
<text class="label_t">性别</text>
|
||||||
|
<u--input class="p32" placeholder="请填选择性别" v-model="model1.userInfo.sex" readonly
|
||||||
|
inputAlign="right" border="none">
|
||||||
|
<u-icon slot="suffix" name="arrow-right"></u-icon>
|
||||||
|
</u--input>
|
||||||
|
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
<u-form-item ref="item1" @click="showBirthday=true" class="data_itm">
|
||||||
|
<text class="label_t">出生日期</text>
|
||||||
|
<u--input class="p32" placeholder="请填选择出生日期" v-model="model1.userInfo.birthday" readonly
|
||||||
|
inputAlign="right" border="none">
|
||||||
|
<u-icon slot="suffix" name="calendar"></u-icon>
|
||||||
|
</u--input>
|
||||||
|
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
<u-form-item prop="userInfo.idCOde" ref="item1" class="data_itm">
|
||||||
|
<text class="label_t">身份证号</text>
|
||||||
|
<u--input class="p32" placeholder="请输入身份证号码" inputAlign="right" clearable
|
||||||
|
v-model="model1.userInfo.idCOde" border="none"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="data_itm_box">
|
||||||
|
|
||||||
|
<u-form-item ref="item1" @click="zuShow=true" class="data_itm">
|
||||||
|
<text class="label_t">民族</text>
|
||||||
|
<u--input class="p32" placeholder="请选择民族" v-model="zuValue" readonly inputAlign="right"
|
||||||
|
border="none">
|
||||||
|
<u-icon slot="suffix" name="arrow-right"></u-icon>
|
||||||
|
</u--input>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
<u-form-item ref="item1" @click="jigaunShow=true" class="data_itm">
|
||||||
|
<text class="label_t">籍贯</text>
|
||||||
|
<u--input class="p32" placeholder="请选择籍贯" v-model="jiguan" readonly inputAlign="right"
|
||||||
|
border="none">
|
||||||
|
<u-icon slot="suffix" name="arrow-right"></u-icon>
|
||||||
|
</u--input>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
<u-form-item ref="item1" @click="zhengzhiShow=true" class="data_itm">
|
||||||
|
<text class="label_t">政治面貌</text>
|
||||||
|
<u--input class="p32" placeholder="请选择政治面貌" v-model="zhengzhiValue" readonly inputAlign="right"
|
||||||
|
border="none">
|
||||||
|
<u-icon slot="suffix" name="arrow-right"></u-icon>
|
||||||
|
</u--input>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="data_itm_box">
|
||||||
|
<u-form-item prop="userInfo.phoneNum" ref="item1" class="data_itm">
|
||||||
|
<text class="label_t">联系电话</text>
|
||||||
|
<u--input class="p32" placeholder="请输入联系电话" inputAlign="right" clearable
|
||||||
|
v-model="model1.userInfo.phoneNum" border="none"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
</view>
|
||||||
|
<view class="data_itm_box">
|
||||||
|
|
||||||
|
<view class="data_itm">
|
||||||
|
<view class="data_itm_key label_t">
|
||||||
|
照片上传
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-upload class="upload" accept="image" width="172rpx" height="172rpx" :fileList="fileList3"
|
||||||
|
@afterRead="afterRead" @delete="deletePic" name="3" multiple :maxCount="2">
|
||||||
|
<image style="width: 172rpx;height: 172rpx;" src="../../static/improveData/jia.png"></image>
|
||||||
|
</u-upload>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 协会会员 -->
|
||||||
|
<view class="data_itm_box" v-if='pageTypeId=="xhhy"'>
|
||||||
|
|
||||||
|
<u-form-item prop="userInfo.meeting" ref="item1" class="data_itm">
|
||||||
|
<text class="label_t">*所属协会</text>
|
||||||
|
<u--input class="p32" placeholder="请输入所属协会" inputAlign="right" clearable
|
||||||
|
v-model="model1.userInfo.meeting" border="none"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
<u-form-item ref="item1" @click="showJionmeet=true" class="data_itm">
|
||||||
|
<text class="label_t">入会时间</text>
|
||||||
|
<u--input class="p32" placeholder="请选择时间" v-model="model1.userInfo.jionTime" readonly
|
||||||
|
inputAlign="right" border="none">
|
||||||
|
<u-icon slot="suffix" name="calendar"></u-icon>
|
||||||
|
</u--input>
|
||||||
|
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<!-- 文艺人才 -->
|
||||||
|
<view class="wenyi" v-if="pageTypeId=='wyrc'">
|
||||||
|
<view class="data_itm_box">
|
||||||
|
|
||||||
|
<u-form-item ref="item1" @click="renCaiShow=true" class="data_itm">
|
||||||
|
<text class="label_t">人才类型</text>
|
||||||
|
<u--input class="p32" placeholder="请选择类型" v-model="renCaiValue" readonly inputAlign="right"
|
||||||
|
border="none">
|
||||||
|
<u-icon slot="suffix" name="arrow-right"></u-icon>
|
||||||
|
</u--input>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<u-form-item ref="item1" label='艺术成就' class="data_itm te">
|
||||||
|
|
||||||
|
<view class="chen_itm" v-for="(v,i) in artlist" :key="i">
|
||||||
|
<input type="text" v-model="artlist[i]" placeholder="请输入艺术成就" class="chengjiu" />
|
||||||
|
|
||||||
|
<view class="right_img_box">
|
||||||
|
<view style="width: 80rpx; height: 80rpx;" class="addImg" @click="AddItem(0)"
|
||||||
|
v-if="artlist.length==i+1">
|
||||||
|
<image src="../../static/improveData/redAdd.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="delImg" @click="delItem(0,i)" v-if="artlist.length>1&&artlist.length!=i+1">
|
||||||
|
<img style="width: 40rpx; height: 40rpx;" src="../../static/improveData/del.png"
|
||||||
|
alt="">
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item ref="item1" label='荣誉奖项' class="data_itm te">
|
||||||
|
<view class="chen_itm" v-for="(va,ind) in honorList" :key="ind">
|
||||||
|
<input type="text" v-model="honorList[ind]" placeholder="请输入荣誉奖项" class="chengjiu" />
|
||||||
|
<view class="right_img_box">
|
||||||
|
|
||||||
|
<view style="width: 80rpx; height: 80rpx;" class="addImg" @click="AddItem(1)"
|
||||||
|
v-if="honorList.length==ind+1">
|
||||||
|
<image src="../../static/improveData/redAdd.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="delImg" @click="delItem(1,ind)"
|
||||||
|
v-if="honorList.length>1&&honorList.length!=ind+1">
|
||||||
|
<img style="width: 40rpx; height: 40rpx;" src="../../static/improveData/del.png"
|
||||||
|
alt="">
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
<u-form-item ref="item1" label='代表作' class="data_itm te">
|
||||||
|
<view v-for="(val,index) in StandradList" :key="index">
|
||||||
|
<input type="text" v-model="StandradList[index]" placeholder="请输入作品名称" class="chengjiu" />
|
||||||
|
|
||||||
|
<view class="right_img_box">
|
||||||
|
<view style="width: 80rpx; height: 80rpx;" class="addImg" @click="AddItem(2)"
|
||||||
|
v-if="StandradList.length==index+1">
|
||||||
|
<image src="../../static/improveData/redAdd.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="delImg" @click="delItem(2,index)"
|
||||||
|
v-if="StandradList.length>1&&StandradList.length!=index+1">
|
||||||
|
<img style="width: 40rpx; height: 40rpx;" src="../../static/improveData/del.png"
|
||||||
|
alt="">
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="chen_itm" style="width: 200rpx;">
|
||||||
|
<u-upload class="WenYiUpload" accept="image" width="172rpx" height="172rpx"
|
||||||
|
:fileList="fileList2[index]" @afterRead="afterRead1" @delete="deletePic"
|
||||||
|
:name='String(index)' multiple :maxCount="2">
|
||||||
|
<image style="width: 140rpx;height: 140rpx;"
|
||||||
|
src="../../static/improveData/imgjia.png">
|
||||||
|
</image>
|
||||||
|
</u-upload>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
<view class="data_itm" style="display: flex;justify-content: space-between; align-items: center;">
|
||||||
|
<!-- 是否已加入协会 -->
|
||||||
|
<text class="label_t">是否已加入协会</text>
|
||||||
|
<u-switch v-model="isJioned" activeColor="#99241B" size=20></u-switch>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<u-form-item ref="item1" @click="showBirthday=true" class="data_itm">
|
||||||
|
<text class="label_t">入会时间</text>
|
||||||
|
<u--input class="p32" placeholder="请选择时间" v-model="model1.userInfo.meetingTime" readonly
|
||||||
|
inputAlign="right" border="none">
|
||||||
|
<u-icon slot="suffix" name="calendar"></u-icon>
|
||||||
|
</u--input>
|
||||||
|
|
||||||
|
</u-form-item>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<!-- 服务商 -->
|
||||||
|
<view class="fuwushang" v-if="pageTypeId=='fws'">
|
||||||
|
<view class="data_itm_box">
|
||||||
|
<u-form-item prop="userInfo.ServerName" ref="item1" class="data_itm">
|
||||||
|
<text class="label_t">服务名称</text>
|
||||||
|
<u--input class="p32" placeholder="请输入服务名称" inputAlign="right" clearable
|
||||||
|
v-model="model1.userInfo.ServerName" border="none"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item prop="userInfo.Address" ref="item1" class="data_itm">
|
||||||
|
<text class="label_t">地址</text>
|
||||||
|
<u--input class="p32" placeholder="请输入地址" inputAlign="right" clearable
|
||||||
|
v-model="model1.userInfo.Address" border="none"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item ref="item1" label="实景照片上传" class="data_itm">
|
||||||
|
|
||||||
|
<u-upload class="upload" accept="image" width="172rpx" height="172rpx" :fileList="fileList1"
|
||||||
|
@afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="2">
|
||||||
|
<image style="width: 172rpx;height: 172rpx;" src="../../static/improveData/jia.png"></image>
|
||||||
|
</u-upload>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item ref="item1" label="资质照片上传" class="data_itm">
|
||||||
|
|
||||||
|
<u-upload class="upload" accept="image" width="172rpx" height="172rpx" :fileList="fileList4"
|
||||||
|
@afterRead="afterRead" @delete="deletePic" name="4" multiple :maxCount="2">
|
||||||
|
<image style="width: 172rpx;height: 172rpx;" src="../../static/improveData/jia.png"></image>
|
||||||
|
</u-upload>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="data_itm_box">
|
||||||
|
|
||||||
|
<u-form-item prop="userInfo.serverInstrutor" label="服务内容介绍" ref="item1">
|
||||||
|
<u--textarea v-model="model1.userInfo.serverInstrutor" placeholder="请输入介绍"
|
||||||
|
style="background-color: #F8F8F8;"></u--textarea>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
<u-form-item ref="item1" @click="showServeTime=true" class="data_itm">
|
||||||
|
<text class="label_t">服务开始时间</text>
|
||||||
|
<u--input class="p32" placeholder="请填选择服务开始时间" v-model="model1.userInfo.serveTime" readonly
|
||||||
|
inputAlign="right" border="none">
|
||||||
|
<u-icon slot="suffix" name="calendar"></u-icon>
|
||||||
|
</u--input>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
<u-form-item ref="item1" @click="showServeTimeend=true" class="data_itm">
|
||||||
|
<text class="label_t">服务结束时间</text>
|
||||||
|
<u--input class="p32" placeholder="请填选择服务结束时间" v-model="model1.userInfo.serveTimeend" readonly
|
||||||
|
inputAlign="right" border="none">
|
||||||
|
<u-icon slot="suffix" name="calendar"></u-icon>
|
||||||
|
</u--input>
|
||||||
|
</u-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<u-form-item prop="userInfo.DutyPeopleName" ref="item1" class="data_itm">
|
||||||
|
<text class="label_t">负责人姓名</text>
|
||||||
|
<u--input class="p32" placeholder="请输入负责人姓名" inputAlign="right" clearable
|
||||||
|
v-model="model1.userInfo.DutyPeopleName" border="none"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item prop="userInfo.ServephoneNum" ref="item1" class="data_itm">
|
||||||
|
<text class="label_t">电话</text>
|
||||||
|
<u--input class="p32" placeholder="请输入电话" inputAlign="right" clearable
|
||||||
|
v-model="model1.userInfo.ServephoneNum" border="none"></u--input>
|
||||||
|
</u-form-item>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="operation">
|
||||||
|
<button type="default" class="next" @click="submit">登录</button>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</u--form>
|
||||||
|
<!-- form ed -->
|
||||||
|
<!-- 性别弹框区 -->
|
||||||
|
<u-popup :show="showSex" @close="close" closeOnClickOverlay :round="5" customStyle="padding: 16px;">
|
||||||
|
<u-radio-group @change="selectForm" v-model="radiovalue7" :borderBottom="true" placement="column"
|
||||||
|
iconPlacement="right">
|
||||||
|
<u-radio :customStyle="{marginBottom: '16px' }" v-for="(item, index) in radiolist7" :key="index+100*2"
|
||||||
|
:label="item.name" labelSize="28rpx" labelColor="#231F1C" :name="item.name" activeColor="#99241B ">
|
||||||
|
</u-radio>
|
||||||
|
<u-button class="custom-style" style="background-color:#99241B ; color: #FFFFFF; margin-top: 32rpx;"
|
||||||
|
type="default" @click="showSex=false">确认</u-button>
|
||||||
|
</u-radio-group>
|
||||||
|
</u-popup>
|
||||||
|
<!-- 弹框区 ed -->
|
||||||
|
<!-- 日期选择器 -->
|
||||||
|
<u-datetime-picker confirmColor="#99241B" :minDate="-2207520000000" :show="showBirthday"
|
||||||
|
:value="model1.userInfo.birthday" mode="date" closeOnClickOverlay @confirm="birthdayConfirm"
|
||||||
|
@cancel="birthdayClose" @close="birthdayClose"></u-datetime-picker>
|
||||||
|
<!-- 日期选择器ed -->
|
||||||
|
<!-- 服务日期选择器 -->
|
||||||
|
|
||||||
|
<u-datetime-picker confirmColor="#99241B" :minDate="-2207520000000" :show="showServeTime"
|
||||||
|
:value="model1.userInfo.serveTime" mode="date" closeOnClickOverlay @confirm="ServeTimeConfirm"
|
||||||
|
@cancel="ServeTimeClose" @close="ServeTimeClose"></u-datetime-picker>
|
||||||
|
|
||||||
|
<u-datetime-picker confirmColor="#99241B" :minDate="-2207520000000" :show="showServeTimeend"
|
||||||
|
:value="model1.userInfo.serveTimeend" mode="date" closeOnClickOverlay @confirm="ServeTimeConfirmend"
|
||||||
|
@cancel="ServeTimeClose" @close="ServeTimeClose"></u-datetime-picker>
|
||||||
|
<!-- 服务日期选择器ed -->
|
||||||
|
<!-- 入会日期选择器 -->
|
||||||
|
<u-datetime-picker confirmColor="#99241B" :minDate="-2207520000000" :show="showJionmeet"
|
||||||
|
:value="model1.userInfo.jionTime" mode="date" closeOnClickOverlay @confirm="jionMeetConfirm"
|
||||||
|
@cancel="JionTimeClose" @close="JionTimeClose"></u-datetime-picker>
|
||||||
|
<!-- 入会日期选择器ed -->
|
||||||
|
<!-- 民族选择器 -->
|
||||||
|
<u-picker :show="zuShow" confirmColor="#99241B" @change="selctZU" @confirm="confimZu" immediateChange
|
||||||
|
:columns="Zucolumns"></u-picker>
|
||||||
|
<!-- 民族选择器 ed-->
|
||||||
|
<!-- 政治面貌选择器 -->
|
||||||
|
<u-picker :show="zhengzhiShow" confirmColor="#99241B" @change="selctZU" @confirm="confimZheng" immediateChange
|
||||||
|
:columns="Zhengcolumns"></u-picker>
|
||||||
|
<!-- 政治面貌选择器 ed-->
|
||||||
|
|
||||||
|
<!-- 籍贯面貌选择器 -->
|
||||||
|
<u-picker :show="jigaunShow" confirmColor="#99241B" @change="selctJi" @confirm="confimJi" immediateChange
|
||||||
|
:columns="Jicolumns"></u-picker>
|
||||||
|
<!-- 籍贯面貌选择器 ed-->
|
||||||
|
<!-- 人才类型选择器 -->
|
||||||
|
<u-picker :show="renCaiShow" confirmColor="#99241B" @change="selctZU" @confirm="confimRenCai" immediateChange
|
||||||
|
:columns="peopleSkillColums"></u-picker>
|
||||||
|
<!-- 人才类型选择器 ed-->
|
||||||
|
|
||||||
|
|
||||||
|
<view class="zhan_w">
|
||||||
|
<!-- zhanwei -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import http from '../../request/interface.js'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
showJionmeet: false,
|
||||||
|
|
||||||
|
pageTypeId: '',
|
||||||
|
isJioned: false,
|
||||||
|
renCaiShow: false,
|
||||||
|
zhengzhiShow: false,
|
||||||
|
zhengzhiValue: '',
|
||||||
|
renCaiValue: '',
|
||||||
|
zuValue: "",
|
||||||
|
zuShow: false,
|
||||||
|
artResultList: '',
|
||||||
|
artlist: [''],
|
||||||
|
honorList: [""],
|
||||||
|
StandradList: [''],
|
||||||
|
peopleSkillColums: [
|
||||||
|
["天才", "卓越", "平平"]
|
||||||
|
],
|
||||||
|
Zucolumns: [
|
||||||
|
["汉族", "朝鲜族"],
|
||||||
|
],
|
||||||
|
Zhengcolumns: [
|
||||||
|
["群众", "党员", '共青团员'],
|
||||||
|
],
|
||||||
|
|
||||||
|
Jicolumns: [
|
||||||
|
["河南", "浙江", '上海'],
|
||||||
|
],
|
||||||
|
fileList4: [], //资质照片上传
|
||||||
|
fileList1: [], //实景照片上传
|
||||||
|
fileList2: [
|
||||||
|
[]
|
||||||
|
], //代表作
|
||||||
|
fileList3: [], //照片上传
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
jiguan: '',
|
||||||
|
jigaunShow: false,
|
||||||
|
showBirthday: false,
|
||||||
|
showServeTime: false,
|
||||||
|
showServeTimeend: false,
|
||||||
|
sex: '',
|
||||||
|
showSex: false,
|
||||||
|
radiovalue7: '',
|
||||||
|
radiolist7: [{
|
||||||
|
name: '男'
|
||||||
|
}, {
|
||||||
|
name: '女'
|
||||||
|
}],
|
||||||
|
model1: {
|
||||||
|
userInfo: {
|
||||||
|
name: '',
|
||||||
|
sex: '',
|
||||||
|
birthday: "",
|
||||||
|
idCOde: '',
|
||||||
|
zuValue: '',
|
||||||
|
|
||||||
|
phoneNum: '',
|
||||||
|
meeting: '',
|
||||||
|
meetingTime: '',
|
||||||
|
ServerName: '',
|
||||||
|
Address: '',
|
||||||
|
serverInstrutor: '', //服务介绍
|
||||||
|
serveTime: '',
|
||||||
|
serveTimeend: '',
|
||||||
|
jionTime: '',
|
||||||
|
DutyPeopleName: '', //负责人名称
|
||||||
|
ServephoneNum: '', //服务商电话
|
||||||
|
},
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
'userInfo.serverInstrutor': [{
|
||||||
|
type: 'string',
|
||||||
|
required: true,
|
||||||
|
message: '请填写服务内容介绍',
|
||||||
|
trigger: ['blur', 'change']
|
||||||
|
}],
|
||||||
|
'userInfo.Address': [{
|
||||||
|
type: 'string',
|
||||||
|
required: true,
|
||||||
|
message: '请填写地址',
|
||||||
|
trigger: ['blur', 'change']
|
||||||
|
}],
|
||||||
|
'userInfo.name': [{
|
||||||
|
type: 'string',
|
||||||
|
required: true,
|
||||||
|
message: '请填写姓名',
|
||||||
|
trigger: ['blur', 'change']
|
||||||
|
}, {
|
||||||
|
// 此为同步验证,可以直接返回true或者false,如果是异步验证,稍微不同,见下方说明
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
// 调用uView自带的js验证规则,详见:https://www.uviewui.com/js/test.html
|
||||||
|
return uni.$u.test.chinese(value);
|
||||||
|
},
|
||||||
|
message: "姓名必须为中文",
|
||||||
|
// 触发器可以同时用blur和change,二者之间用英文逗号隔开
|
||||||
|
trigger: ["change", "blur"],
|
||||||
|
}],
|
||||||
|
'userInfo.meeting': [{
|
||||||
|
type: 'string',
|
||||||
|
required: true,
|
||||||
|
message: '请填写协会名',
|
||||||
|
trigger: ['blur', 'change']
|
||||||
|
}],
|
||||||
|
'userInfo.sex': {
|
||||||
|
type: 'string',
|
||||||
|
max: 1,
|
||||||
|
required: true,
|
||||||
|
message: '请选择男或女',
|
||||||
|
trigger: ['blur', 'change']
|
||||||
|
},
|
||||||
|
'userInfo.idCOde': [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入身份证号号',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
// 自定义验证函数,见上说明
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
return uni.$u.test.idCard(value);
|
||||||
|
},
|
||||||
|
message: '身份证号码格式不正确',
|
||||||
|
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"userInfo.phoneNum": [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入联系电话',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
return uni.$u.test.mobile(value);
|
||||||
|
},
|
||||||
|
message: '手机号码不正确',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"userInfo.ServephoneNum": [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入联系电话',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
return uni.$u.test.mobile(value);
|
||||||
|
},
|
||||||
|
message: '手机号码不正确',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
}
|
||||||
|
],
|
||||||
|
'userInfo.ServerName': [{
|
||||||
|
type: 'string',
|
||||||
|
required: true,
|
||||||
|
message: '请填写姓名',
|
||||||
|
trigger: ['blur', 'change']
|
||||||
|
}, {
|
||||||
|
// 此为同步验证,可以直接返回true或者false,如果是异步验证,稍微不同,见下方说明
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
// 调用uView自带的js验证规则,详见:https://www.uviewui.com/js/test.html
|
||||||
|
return uni.$u.test.chinese(value);
|
||||||
|
},
|
||||||
|
message: "姓名必须为中文",
|
||||||
|
// 触发器可以同时用blur和change,二者之间用英文逗号隔开
|
||||||
|
trigger: ["change", "blur"],
|
||||||
|
}],
|
||||||
|
'userInfo.DutyPeopleName': [{
|
||||||
|
type: 'string',
|
||||||
|
required: true,
|
||||||
|
message: '请填写姓名',
|
||||||
|
trigger: ['blur', 'change']
|
||||||
|
}, {
|
||||||
|
// 此为同步验证,可以直接返回true或者false,如果是异步验证,稍微不同,见下方说明
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
// 调用uView自带的js验证规则,详见:https://www.uviewui.com/js/test.html
|
||||||
|
return uni.$u.test.chinese(value);
|
||||||
|
},
|
||||||
|
message: "姓名必须为中文",
|
||||||
|
// 触发器可以同时用blur和change,二者之间用英文逗号隔开
|
||||||
|
trigger: ["change", "blur"],
|
||||||
|
}],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
console.log(option.id);
|
||||||
|
this.pageTypeId = option.id
|
||||||
|
},
|
||||||
|
|
||||||
|
onReady() {
|
||||||
|
|
||||||
|
this.$refs.form1.setRules(this.rules);
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
close() {
|
||||||
|
this.showSex = false
|
||||||
|
},
|
||||||
|
AddItem(typNum) {
|
||||||
|
switch (typNum) {
|
||||||
|
case 0:
|
||||||
|
// this.$set(this.artlist, changeNum, null)
|
||||||
|
this.artlist.push("")
|
||||||
|
break;
|
||||||
|
case 1:
|
||||||
|
this.honorList.push('')
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
this.StandradList.push('')
|
||||||
|
this.fileList2.push([])
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
delItem(typNum, num) {
|
||||||
|
switch (typNum) {
|
||||||
|
case 0:
|
||||||
|
|
||||||
|
this.artlist.splice(num, 1)
|
||||||
|
break;
|
||||||
|
case 1:
|
||||||
|
this.honorList.splice(num, 1)
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
this.StandradList.splice(num, 1)
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
sexSelect(e) {
|
||||||
|
this.model1.userInfo.sex = e.name
|
||||||
|
// this.$refs.form1.validateField('userInfo.sex')
|
||||||
|
},
|
||||||
|
selectForm(sex) {
|
||||||
|
|
||||||
|
this.model1.userInfo.sex = sex
|
||||||
|
},
|
||||||
|
birthdayConfirm(e) {
|
||||||
|
this.showBirthday = false
|
||||||
|
this.model1.userInfo.birthday = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
|
||||||
|
// this.$refs.form1.validateField('userInfo.birthday')
|
||||||
|
},
|
||||||
|
ServeTimeConfirm(e) {
|
||||||
|
this.showServeTime = false
|
||||||
|
|
||||||
|
this.model1.userInfo.serveTime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
|
||||||
|
|
||||||
|
},
|
||||||
|
ServeTimeConfirmend(e) {
|
||||||
|
this.showServeTimeend = false
|
||||||
|
|
||||||
|
this.model1.userInfo.serveTimeend = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
|
||||||
|
|
||||||
|
},
|
||||||
|
jionMeetConfirm(e) {
|
||||||
|
this.showJionmeet = false
|
||||||
|
this.model1.userInfo.jionTime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
|
||||||
|
},
|
||||||
|
birthdayClose() {
|
||||||
|
this.showBirthday = false
|
||||||
|
// this.$refs.form1.validateField('userInfo.birthday')
|
||||||
|
},
|
||||||
|
ServeTimeClose() {
|
||||||
|
this.showServeTime = false
|
||||||
|
// this.$refs.form1.validateField('userInfo.birthday')
|
||||||
|
},
|
||||||
|
JionTimeClose() {
|
||||||
|
this.showJionmeet = false
|
||||||
|
},
|
||||||
|
selctZU(e) {
|
||||||
|
console.log(e);
|
||||||
|
},
|
||||||
|
selctJi(e) {
|
||||||
|
console.log(e);
|
||||||
|
},
|
||||||
|
confimZu(e) {
|
||||||
|
this.zuShow = false
|
||||||
|
this.zuValue = e.value[0]
|
||||||
|
// console.log(e.value[0]);
|
||||||
|
},
|
||||||
|
confimZheng(e) {
|
||||||
|
this.zhengzhiShow = false
|
||||||
|
this.zhengzhiValue = e.value[0]
|
||||||
|
},
|
||||||
|
confimRenCai(e) {
|
||||||
|
this.renCaiShow = false
|
||||||
|
this.renCaiValue = e.value[0]
|
||||||
|
},
|
||||||
|
confimJi(e) {
|
||||||
|
this.jigaunShow = false
|
||||||
|
this.jiguan = e.value[0]
|
||||||
|
},
|
||||||
|
// 删除图片
|
||||||
|
deletePic(event) {
|
||||||
|
this[`fileList${event.name}`].splice(event.index, 1)
|
||||||
|
},
|
||||||
|
// 新增图片
|
||||||
|
async afterRead(event) {
|
||||||
|
// 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式
|
||||||
|
let lists = [].concat(event.file)
|
||||||
|
console.log(lists)
|
||||||
|
console.log(event.file)
|
||||||
|
let fileListLen = this[`fileList${event.name}`].length
|
||||||
|
lists.map((item) => {
|
||||||
|
this[`fileList${event.name}`].push({
|
||||||
|
...item,
|
||||||
|
status: 'uploading',
|
||||||
|
message: '上传中'
|
||||||
|
})
|
||||||
|
})
|
||||||
|
for (let i = 0; i < lists.length; i++) {
|
||||||
|
const result = await this.uploadFilePromise(lists[i].url)
|
||||||
|
|
||||||
|
console.log("result", result);
|
||||||
|
|
||||||
|
let item = this[`fileList${event.name}`][fileListLen]
|
||||||
|
this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
|
||||||
|
status: 'success',
|
||||||
|
message: '',
|
||||||
|
url: result
|
||||||
|
}))
|
||||||
|
fileListLen++
|
||||||
|
}
|
||||||
|
console.log("fileList", this[`fileList${event.name}`]);
|
||||||
|
},
|
||||||
|
// 新增图片
|
||||||
|
async afterRead1(event) {
|
||||||
|
// 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式
|
||||||
|
let lists = [].concat(event.file)
|
||||||
|
console.log(this.fileList2[event.name])
|
||||||
|
let fileListLen = this.fileList2[event.name].length
|
||||||
|
|
||||||
|
lists.map((item) => {
|
||||||
|
this.fileList2[event.name].push({
|
||||||
|
...item,
|
||||||
|
status: 'uploading',
|
||||||
|
message: '上传中'
|
||||||
|
})
|
||||||
|
})
|
||||||
|
for (let i = 0; i < lists.length; i++) {
|
||||||
|
const result = await this.uploadFilePromise(lists[i].url)
|
||||||
|
|
||||||
|
console.log("result", result);
|
||||||
|
|
||||||
|
let item = this.fileList2[event.name][fileListLen]
|
||||||
|
this.fileList2[event.name].splice(fileListLen, 1, Object.assign(item, {
|
||||||
|
status: 'success',
|
||||||
|
message: '',
|
||||||
|
url: result
|
||||||
|
}))
|
||||||
|
fileListLen++
|
||||||
|
}
|
||||||
|
console.log("fileList", this.fileList2[event.name]);
|
||||||
|
},
|
||||||
|
uploadFilePromise(url) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
let a = uni.uploadFile({
|
||||||
|
url: http.config.baseUrl + '/upload/upload',
|
||||||
|
filePath: url,
|
||||||
|
name: 'file',
|
||||||
|
|
||||||
|
success: (res) => {
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
|
||||||
|
// console.log("upload1",JSON.parse(res.data).data.path);
|
||||||
|
resolve(JSON.parse(res.data).data.path)
|
||||||
|
}, 1000)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
},
|
||||||
|
submit() {
|
||||||
|
this.$refs.form1.validate().then(res => {
|
||||||
|
uni.$u.toast('Thanks your helping')
|
||||||
|
}).catch(errors => {
|
||||||
|
uni.$u.toast('您的资料还未补充完整')
|
||||||
|
return
|
||||||
|
})
|
||||||
|
var fl3 = this.fileList3.map((v, i) => {
|
||||||
|
return v.url
|
||||||
|
})
|
||||||
|
let that = this.model1.userInfo
|
||||||
|
let data = {
|
||||||
|
// "phone": that.phoneNum,
|
||||||
|
"artAtt": "",
|
||||||
|
"associationId": "",
|
||||||
|
"base": this.jiguan,
|
||||||
|
"birthDay": that.birthday,
|
||||||
|
"cfPhoto": "",
|
||||||
|
"comeTime": "",
|
||||||
|
"greats": "",
|
||||||
|
"idCard": that.idCOde,
|
||||||
|
"images": JSON.stringify(fl3),
|
||||||
|
"info": "",
|
||||||
|
"isAssociation": true,
|
||||||
|
"nation": this.zuValue,
|
||||||
|
"nickName": "",
|
||||||
|
"opus": "",
|
||||||
|
"password": "",
|
||||||
|
"photo": "",
|
||||||
|
"politics": this.zhengzhiValue,
|
||||||
|
"rcType": "",
|
||||||
|
"serviceAddress": "",
|
||||||
|
"serviceName": "",
|
||||||
|
"sex": that.sex,
|
||||||
|
"timeEnd": 0,
|
||||||
|
"timeStart": 0,
|
||||||
|
"userName": that.name,
|
||||||
|
"userType": this.pageTypeId,
|
||||||
|
}
|
||||||
|
console.log("dataddddddddd", data);
|
||||||
|
this.http.request('/user/init', data, "POST").then(res => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
/* uni.navigateTo({
|
||||||
|
url: '/pages/pageHome/pageHome'
|
||||||
|
}) */
|
||||||
|
uni.showToast({
|
||||||
|
title: "成功了",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}).catch(e => {
|
||||||
|
uni.showToast({
|
||||||
|
title: e.data.message,
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background-color: #F5F5F5;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.chengjiu {
|
||||||
|
background-color: #F5f5f5;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
padding-left: 12rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
width: 550rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.p32 {
|
||||||
|
padding: 20rpx !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.WenYiUpload {
|
||||||
|
padding: 32rpx;
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
margin-top: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.te /deep/ .u-form-item__body__right__content__slot {
|
||||||
|
flex-wrap: wrap !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.upload {
|
||||||
|
padding-top: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data_itm_box {
|
||||||
|
padding: 32rpx 0rpx;
|
||||||
|
|
||||||
|
.chen_itm {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
|
||||||
|
.right_img_box {
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
margin-left: 16rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
padding: 0 32rpx;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
|
||||||
|
.data_itm {
|
||||||
|
.label_t {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: $black;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.upload_box {
|
||||||
|
width: 166rpx;
|
||||||
|
height: 166rpx;
|
||||||
|
margin-left: 32rpx;
|
||||||
|
position: relative;
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
margin-bottom: 64rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.operation {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 32rpx 32rpx 48rpx;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
box-shadow: 0px -4px 10px 1px rgba(192, 192, 192, 0.12);
|
||||||
|
z-index: 99;
|
||||||
|
|
||||||
|
.next {
|
||||||
|
width: calc(100% - 48rpx);
|
||||||
|
height: 80rpx;
|
||||||
|
line-height: 80rpx;
|
||||||
|
|
||||||
|
background-color: #99241B;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
|
||||||
|
border: none;
|
||||||
|
|
||||||
|
button {
|
||||||
|
&::after {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.zhan_w {
|
||||||
|
height: 160rpx;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -70,13 +70,20 @@
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="data_itm_box">
|
<view class="data_itm_box">
|
||||||
<u-form-item prop="userInfo.phoneNum" ref="item1" class="data_itm">
|
<!-- <u-form-item prop="userInfo.phoneNum" ref="item1" class="data_itm">
|
||||||
<text class="label_t">联系电话</text>
|
<text class="label_t">联系电话</text>
|
||||||
<u--input class="p32" placeholder="请输入联系电话" inputAlign="right" clearable
|
<u--input class="p32" placeholder="请输入联系电话" inputAlign="right" clearable
|
||||||
v-model="model1.userInfo.phoneNum" border="none"></u--input>
|
v-model="model1.userInfo.phoneNum" border="none"></u--input>
|
||||||
|
</u-form-item> -->
|
||||||
|
<u-form-item prop="userInfo.pasw" ref="item1" class="data_itm">
|
||||||
|
<text class="label_t">密码</text>
|
||||||
|
<u--input class="p32" placeholder="请输入密码" inputAlign="right" clearable
|
||||||
|
v-model="model1.userInfo.pasw" border="none"></u--input>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
</view>
|
</view>
|
||||||
<view class="data_itm_box">
|
|
||||||
|
|
||||||
|
<view class="data_itm_box" style="padding: 32rpx ;">
|
||||||
|
|
||||||
<view class="data_itm">
|
<view class="data_itm">
|
||||||
<view class="data_itm_key label_t">
|
<view class="data_itm_key label_t">
|
||||||
|
@ -86,6 +93,7 @@
|
||||||
<u-upload class="upload" accept="image" width="172rpx" height="172rpx" :fileList="fileList3"
|
<u-upload class="upload" accept="image" width="172rpx" height="172rpx" :fileList="fileList3"
|
||||||
@afterRead="afterRead" @delete="deletePic" name="3" multiple :maxCount="2">
|
@afterRead="afterRead" @delete="deletePic" name="3" multiple :maxCount="2">
|
||||||
<image style="width: 172rpx;height: 172rpx;" src="../../static/improveData/jia.png"></image>
|
<image style="width: 172rpx;height: 172rpx;" src="../../static/improveData/jia.png"></image>
|
||||||
|
|
||||||
</u-upload>
|
</u-upload>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
@ -94,19 +102,26 @@
|
||||||
<!-- 协会会员 -->
|
<!-- 协会会员 -->
|
||||||
<view class="data_itm_box" v-if='pageTypeId=="xhhy"'>
|
<view class="data_itm_box" v-if='pageTypeId=="xhhy"'>
|
||||||
|
|
||||||
<u-form-item prop="userInfo.meeting" ref="item1" class="data_itm">
|
<u-form-item ref="item1" @click="xieShow=true" class="data_itm">
|
||||||
<text class="label_t">*所属协会</text>
|
<text class="label_t">*所属协会</text>
|
||||||
<u--input class="p32" placeholder="请输入所属协会" inputAlign="right" clearable
|
<u--input class="p32" placeholder="请输入所属协会" v-model="xieValue" readonly inputAlign="right"
|
||||||
v-model="model1.userInfo.meeting" border="none"></u--input>
|
border="none">
|
||||||
|
<u-icon slot="suffix" name="arrow-right"></u-icon>
|
||||||
|
</u--input>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<u-form-item ref="item1" @click="showJionmeet=true" class="data_itm">
|
<u-form-item ref="item1" @click="showJionmeet=true" class="data_itm">
|
||||||
<text class="label_t">入会时间</text>
|
<text class="label_t">入会时间</text>
|
||||||
<u--input class="p32" placeholder="请选择时间" v-model="model1.userInfo.jionTime" readonly
|
<u--input class="p32" placeholder="请选择时间" v-model="model1.userInfo.jionTime" readonly
|
||||||
inputAlign="right" border="none">
|
inputAlign="right" border="none">
|
||||||
<u-icon slot="suffix" name="calendar"></u-icon>
|
<u-icon slot="suffix" name="calendar"></u-icon>
|
||||||
</u--input>
|
</u--input>
|
||||||
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
@ -159,32 +174,42 @@
|
||||||
</view>
|
</view>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
|
||||||
<u-form-item ref="item1" label='代表作' class="data_itm te">
|
|
||||||
<view class="chen_itm" v-for="(val,index) in StandradList" :key="index">
|
|
||||||
<input type="text" v-model="StandradList[index]" placeholder="请输入作品名称" class="chengjiu" />
|
|
||||||
|
|
||||||
<view class="right_img_box">
|
<u-form-item ref="item1" label='代表作' class="data_itm te">
|
||||||
<view style="width: 80rpx; height: 80rpx;" class="addImg" @click="AddItem(2)"
|
|
||||||
v-if="StandradList.length==index+1">
|
<view v-for="(val,index) in StandradList" :key="index">
|
||||||
<image src="../../static/improveData/redAdd.png" mode=""></image>
|
<view class="tt"
|
||||||
</view>
|
style="display: flex; justify-content: space-between; align-items: center; ">
|
||||||
<view class="delImg" @click="delItem(2,index)"
|
<input type="text" v-model="StandradList[index]" placeholder="请输入作品名称"
|
||||||
v-if="StandradList.length>1&&StandradList.length!=index+1">
|
class="chengjiu" />
|
||||||
<img style="width: 40rpx; height: 40rpx;" src="../../static/improveData/del.png"
|
|
||||||
alt="">
|
<view class="right_img_box" style="margin-left: 16rpx;">
|
||||||
|
<view style="width: 80rpx; height: 80rpx;" class="addImg" @click="AddItem(2)"
|
||||||
|
v-if="StandradList.length==index+1">
|
||||||
|
<image src="../../static/improveData/redAdd.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="delImg" @click="delItem(2,index)"
|
||||||
|
v-if="StandradList.length>1&&StandradList.length!=index+1">
|
||||||
|
<img style="width: 40rpx; height: 40rpx;" src="../../static/improveData/del.png"
|
||||||
|
alt="">
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="chen_itm" style="width: 200rpx;">
|
||||||
|
|
||||||
|
<u-upload class="WenYiUpload" accept="image" width="172rpx" height="172rpx"
|
||||||
|
:fileList="fileList2[index]" @afterRead="afterRead1" @delete="deletePic1"
|
||||||
|
:name='String(index)' multiple :maxCount="2">
|
||||||
|
<image style="width: 172rpx;height: 172rpx;"
|
||||||
|
src="../../static/improveData/imgjia.png">
|
||||||
|
</image>
|
||||||
|
</u-upload>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="chen_itm">
|
|
||||||
<u-upload class="WenYiUpload" accept="image" width="172rpx" height="172rpx"
|
|
||||||
:fileList="fileList2" @afterRead="afterRead" @delete="deletePic" name="2" multiple
|
|
||||||
:maxCount="2">
|
|
||||||
<image style="width: 140rpx;height: 140rpx;" src="../../static/improveData/imgjia.png">
|
|
||||||
</image>
|
|
||||||
</u-upload>
|
|
||||||
</view>
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<view class="data_itm" style="display: flex;justify-content: space-between; align-items: center;">
|
<view class="data_itm" style="display: flex;justify-content: space-between; align-items: center;">
|
||||||
<!-- 是否已加入协会 -->
|
<!-- 是否已加入协会 -->
|
||||||
|
@ -192,13 +217,13 @@
|
||||||
<u-switch v-model="isJioned" activeColor="#99241B" size=20></u-switch>
|
<u-switch v-model="isJioned" activeColor="#99241B" size=20></u-switch>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<u-form-item ref="item1" @click="showBirthday=true" class="data_itm">
|
|
||||||
|
<u-form-item ref="item1" @click="showJionmeet=true" class="data_itm">
|
||||||
<text class="label_t">入会时间</text>
|
<text class="label_t">入会时间</text>
|
||||||
<u--input class="p32" placeholder="请选择时间" v-model="model1.userInfo.meetingTime" readonly
|
<u--input class="p32" placeholder="请选择时间" v-model="model1.userInfo.jionTime" readonly
|
||||||
inputAlign="right" border="none">
|
inputAlign="right" border="none">
|
||||||
<u-icon slot="suffix" name="calendar"></u-icon>
|
<u-icon slot="suffix" name="calendar"></u-icon>
|
||||||
</u--input>
|
</u--input>
|
||||||
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
@ -261,11 +286,11 @@
|
||||||
<u--input class="p32" placeholder="请输入负责人姓名" inputAlign="right" clearable
|
<u--input class="p32" placeholder="请输入负责人姓名" inputAlign="right" clearable
|
||||||
v-model="model1.userInfo.DutyPeopleName" border="none"></u--input>
|
v-model="model1.userInfo.DutyPeopleName" border="none"></u--input>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item prop="userInfo.ServephoneNum" ref="item1" class="data_itm">
|
<!-- <u-form-item prop="userInfo.ServephoneNum" ref="item1" class="data_itm">
|
||||||
<text class="label_t">电话</text>
|
<text class="label_t">电话</text>
|
||||||
<u--input class="p32" placeholder="请输入电话" inputAlign="right" clearable
|
<u--input class="p32" placeholder="请输入电话" inputAlign="right" clearable
|
||||||
v-model="model1.userInfo.ServephoneNum" border="none"></u--input>
|
v-model="model1.userInfo.ServephoneNum" border="none"></u--input>
|
||||||
</u-form-item>
|
</u-form-item> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
@ -276,7 +301,8 @@
|
||||||
</u--form>
|
</u--form>
|
||||||
<!-- form ed -->
|
<!-- form ed -->
|
||||||
<!-- 性别弹框区 -->
|
<!-- 性别弹框区 -->
|
||||||
<u-popup :show="showSex" @close="close" closeOnClickOverlay :round="5" customStyle="padding: 16px;">
|
<u-popup :show="showSex" @close="close('showSex')" @cancel="close('showSex')" closeOnClickOverlay :round="5"
|
||||||
|
customStyle="padding: 16px;">
|
||||||
<u-radio-group @change="selectForm" v-model="radiovalue7" :borderBottom="true" placement="column"
|
<u-radio-group @change="selectForm" v-model="radiovalue7" :borderBottom="true" placement="column"
|
||||||
iconPlacement="right">
|
iconPlacement="right">
|
||||||
<u-radio :customStyle="{marginBottom: '16px' }" v-for="(item, index) in radiolist7" :key="index+100*2"
|
<u-radio :customStyle="{marginBottom: '16px' }" v-for="(item, index) in radiolist7" :key="index+100*2"
|
||||||
|
@ -290,39 +316,46 @@
|
||||||
<!-- 日期选择器 -->
|
<!-- 日期选择器 -->
|
||||||
<u-datetime-picker confirmColor="#99241B" :minDate="-2207520000000" :show="showBirthday"
|
<u-datetime-picker confirmColor="#99241B" :minDate="-2207520000000" :show="showBirthday"
|
||||||
:value="model1.userInfo.birthday" mode="date" closeOnClickOverlay @confirm="birthdayConfirm"
|
:value="model1.userInfo.birthday" mode="date" closeOnClickOverlay @confirm="birthdayConfirm"
|
||||||
@cancel="birthdayClose" @close="birthdayClose"></u-datetime-picker>
|
@close="close('showBirthday')" @cancel="close('showBirthday')"></u-datetime-picker>
|
||||||
<!-- 日期选择器ed -->
|
<!-- 日期选择器ed -->
|
||||||
<!-- 服务日期选择器 -->
|
<!-- 服务日期选择器 -->
|
||||||
|
|
||||||
<u-datetime-picker confirmColor="#99241B" :minDate="-2207520000000" :show="showServeTime"
|
<u-datetime-picker confirmColor="#99241B" :minDate="-2207520000000" :show="showServeTime"
|
||||||
:value="model1.userInfo.serveTime" mode="date" closeOnClickOverlay @confirm="ServeTimeConfirm"
|
:value="model1.userInfo.serveTime" mode="time" closeOnClickOverlay @confirm="ServeTimeConfirm"
|
||||||
@cancel="ServeTimeClose" @close="ServeTimeClose"></u-datetime-picker>
|
@close="close('showServeTime')" @cancel="close('showServeTime')"></u-datetime-picker>
|
||||||
|
|
||||||
<u-datetime-picker confirmColor="#99241B" :minDate="-2207520000000" :show="showServeTimeend"
|
<u-datetime-picker confirmColor="#99241B" :minDate="-2207520000000" :show="showServeTimeend"
|
||||||
:value="model1.userInfo.serveTimeend" mode="date" closeOnClickOverlay @confirm="ServeTimeConfirmend"
|
:value="model1.userInfo.serveTimeend" mode="time" closeOnClickOverlay @confirm="ServeTimeConfirmend"
|
||||||
@cancel="ServeTimeClose" @close="ServeTimeClose"></u-datetime-picker>
|
@close="close('showServeTimeend')" @cancel="close('showServeTimeend')"></u-datetime-picker>
|
||||||
<!-- 服务日期选择器ed -->
|
<!-- 服务日期选择器ed -->
|
||||||
<!-- 入会日期选择器 -->
|
<!-- 入会日期选择器 -->
|
||||||
<u-datetime-picker confirmColor="#99241B" :minDate="-2207520000000" :show="showJionmeet"
|
<u-datetime-picker confirmColor="#99241B" :minDate="-2207520000000" :show="showJionmeet"
|
||||||
:value="model1.userInfo.jionTime" mode="date" closeOnClickOverlay @confirm="jionMeetConfirm"
|
:value="model1.userInfo.jionTime" mode="date" closeOnClickOverlay @confirm="jionMeetConfirm"
|
||||||
@cancel="JionTimeClose" @close="JionTimeClose"></u-datetime-picker>
|
@close="close('showJionmeet')" @cancel="close('showJionmeet')"></u-datetime-picker>
|
||||||
<!-- 入会日期选择器ed -->
|
<!-- 入会日期选择器ed -->
|
||||||
<!-- 民族选择器 -->
|
<!-- 民族选择器 -->
|
||||||
<u-picker :show="zuShow" confirmColor="#99241B" @change="selctZU" @confirm="confimZu" immediateChange
|
<u-picker :show="zuShow" confirmColor="#99241B" closeOnClickOverlay @close="close('zuShow')"
|
||||||
:columns="Zucolumns"></u-picker>
|
@cancel="close('zuShow')" @confirm="confimZu" immediateChange :columns="Zucolumns"></u-picker>
|
||||||
<!-- 民族选择器 ed-->
|
<!-- 民族选择器 ed-->
|
||||||
|
|
||||||
|
<!-- 协会选择器 -->
|
||||||
|
<u-picker :show="xieShow" confirmColor="#99241B" @confirm="confirmxie" @close="close('xieShow')"
|
||||||
|
@cancel="close('xieShow')" closeOnClickOverlay immediateChange :columns="xiecolumns">
|
||||||
|
</u-picker>
|
||||||
|
<!-- 协会选择器 ed-->
|
||||||
<!-- 政治面貌选择器 -->
|
<!-- 政治面貌选择器 -->
|
||||||
<u-picker :show="zhengzhiShow" confirmColor="#99241B" @change="selctZU" @confirm="confimZheng" immediateChange
|
<u-picker :show="zhengzhiShow" confirmColor="#99241B" @close="close('zhengzhiShow')"
|
||||||
|
@cancel="close('zhengzhiShow')" closeOnClickOverlay @confirm="confimZheng" immediateChange
|
||||||
:columns="Zhengcolumns"></u-picker>
|
:columns="Zhengcolumns"></u-picker>
|
||||||
<!-- 政治面貌选择器 ed-->
|
<!-- 政治面貌选择器 ed-->
|
||||||
|
|
||||||
<!-- 籍贯面貌选择器 -->
|
<!-- 籍贯面貌选择器 -->
|
||||||
<u-picker :show="jigaunShow" confirmColor="#99241B" @change="selctJi" @confirm="confimJi" immediateChange
|
<u-picker :show="jigaunShow" confirmColor="#99241B" @close="close('jigaunShow')" @cancel="close('jigaunShow')"
|
||||||
:columns="Jicolumns"></u-picker>
|
closeOnClickOverlay @confirm="confimJi" immediateChange :columns="Jicolumns"></u-picker>
|
||||||
<!-- 籍贯面貌选择器 ed-->
|
<!-- 籍贯面貌选择器 ed-->
|
||||||
<!-- 人才类型选择器 -->
|
<!-- 人才类型选择器 -->
|
||||||
<u-picker :show="renCaiShow" confirmColor="#99241B" @change="selctZU" @confirm="confimRenCai" immediateChange
|
<u-picker :show="renCaiShow" confirmColor="#99241B" @close="close('renCaiShow')" @cancel="close('renCaiShow')"
|
||||||
:columns="peopleSkillColums"></u-picker>
|
closeOnClickOverlay @confirm="confimRenCai" immediateChange :columns="peopleSkillColums"></u-picker>
|
||||||
<!-- 人才类型选择器 ed-->
|
<!-- 人才类型选择器 ed-->
|
||||||
|
|
||||||
|
|
||||||
|
@ -337,8 +370,9 @@
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
xiehuiObj: {}, //协会对象
|
||||||
|
xiehuiId: '',
|
||||||
showJionmeet: false,
|
showJionmeet: false,
|
||||||
|
|
||||||
pageTypeId: '',
|
pageTypeId: '',
|
||||||
isJioned: false,
|
isJioned: false,
|
||||||
renCaiShow: false,
|
renCaiShow: false,
|
||||||
|
@ -346,10 +380,12 @@
|
||||||
zhengzhiValue: '',
|
zhengzhiValue: '',
|
||||||
renCaiValue: '',
|
renCaiValue: '',
|
||||||
zuValue: "",
|
zuValue: "",
|
||||||
|
xieValue: '',
|
||||||
zuShow: false,
|
zuShow: false,
|
||||||
|
xieShow: false,
|
||||||
artResultList: '',
|
artResultList: '',
|
||||||
artlist: [''],
|
artlist: [''],
|
||||||
honorList: [""],
|
honorList: [''],
|
||||||
StandradList: [''],
|
StandradList: [''],
|
||||||
peopleSkillColums: [
|
peopleSkillColums: [
|
||||||
["天才", "卓越", "平平"]
|
["天才", "卓越", "平平"]
|
||||||
|
@ -357,6 +393,7 @@
|
||||||
Zucolumns: [
|
Zucolumns: [
|
||||||
["汉族", "朝鲜族"],
|
["汉族", "朝鲜族"],
|
||||||
],
|
],
|
||||||
|
xiecolumns: [],
|
||||||
Zhengcolumns: [
|
Zhengcolumns: [
|
||||||
["群众", "党员", '共青团员'],
|
["群众", "党员", '共青团员'],
|
||||||
],
|
],
|
||||||
|
@ -366,11 +403,10 @@
|
||||||
],
|
],
|
||||||
fileList4: [], //资质照片上传
|
fileList4: [], //资质照片上传
|
||||||
fileList1: [], //实景照片上传
|
fileList1: [], //实景照片上传
|
||||||
fileList2: [], //代表作
|
fileList2: [
|
||||||
|
[]
|
||||||
|
], //代表作照片
|
||||||
fileList3: [], //照片上传
|
fileList3: [], //照片上传
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
jiguan: '',
|
jiguan: '',
|
||||||
jigaunShow: false,
|
jigaunShow: false,
|
||||||
showBirthday: false,
|
showBirthday: false,
|
||||||
|
@ -390,11 +426,10 @@
|
||||||
sex: '',
|
sex: '',
|
||||||
birthday: "",
|
birthday: "",
|
||||||
idCOde: '',
|
idCOde: '',
|
||||||
zuValue: '',
|
|
||||||
|
|
||||||
phoneNum: '',
|
phoneNum: '',
|
||||||
meeting: '',
|
meeting: '',
|
||||||
meetingTime: '',
|
// meetingTime: '',
|
||||||
ServerName: '',
|
ServerName: '',
|
||||||
Address: '',
|
Address: '',
|
||||||
serverInstrutor: '', //服务介绍
|
serverInstrutor: '', //服务介绍
|
||||||
|
@ -402,10 +437,17 @@
|
||||||
serveTimeend: '',
|
serveTimeend: '',
|
||||||
jionTime: '',
|
jionTime: '',
|
||||||
DutyPeopleName: '', //负责人名称
|
DutyPeopleName: '', //负责人名称
|
||||||
ServephoneNum: '', //服务商电话
|
// ServephoneNum: '', //服务商电话
|
||||||
|
pasw: ''
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
|
'userInfo.pasw': [{
|
||||||
|
type: 'string',
|
||||||
|
required: true,
|
||||||
|
message: '密码不能为空',
|
||||||
|
trigger: ['blur']
|
||||||
|
}],
|
||||||
'userInfo.serverInstrutor': [{
|
'userInfo.serverInstrutor': [{
|
||||||
type: 'string',
|
type: 'string',
|
||||||
required: true,
|
required: true,
|
||||||
|
@ -447,34 +489,37 @@
|
||||||
trigger: ['blur', 'change']
|
trigger: ['blur', 'change']
|
||||||
},
|
},
|
||||||
'userInfo.idCOde': [{
|
'userInfo.idCOde': [{
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入身份证号号',
|
message: '请输入身份证号号',
|
||||||
trigger: ['change', 'blur'],
|
trigger: ['change', 'blur'],
|
||||||
},
|
|
||||||
{
|
|
||||||
// 自定义验证函数,见上说明
|
|
||||||
validator: (rule, value, callback) => {
|
|
||||||
return uni.$u.test.idCard(value);
|
|
||||||
},
|
},
|
||||||
message: '身份证号码格式不正确',
|
{
|
||||||
|
// 自定义验证函数,见上说明
|
||||||
|
validator: (rule, value, callback) => {
|
||||||
|
return uni.$u.test.idCard(value);
|
||||||
|
},
|
||||||
|
message: '身份证号码格式不正确',
|
||||||
|
|
||||||
trigger: ['change', 'blur'],
|
trigger: ['change', 'blur'],
|
||||||
}
|
}
|
||||||
],
|
]
|
||||||
"userInfo.phoneNum": [{
|
/* ,
|
||||||
required: true,
|
"userInfo.phoneNum": [{
|
||||||
message: '请输入联系电话',
|
required: true,
|
||||||
trigger: ['change', 'blur'],
|
message: '请输入联系电话',
|
||||||
},
|
trigger: ['change', 'blur'],
|
||||||
{
|
|
||||||
|
|
||||||
validator: (rule, value, callback) => {
|
|
||||||
return uni.$u.test.mobile(value);
|
|
||||||
},
|
},
|
||||||
message: '手机号码不正确',
|
},
|
||||||
trigger: ['change', 'blur'],
|
{
|
||||||
}
|
|
||||||
],
|
validator: (rule, value, callback) => {
|
||||||
|
return uni.$u.test.mobile(value);
|
||||||
|
},
|
||||||
|
message: '手机号码不正确',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
}
|
||||||
|
] */
|
||||||
|
/* ,
|
||||||
"userInfo.ServephoneNum": [{
|
"userInfo.ServephoneNum": [{
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入联系电话',
|
message: '请输入联系电话',
|
||||||
|
@ -488,7 +533,8 @@
|
||||||
message: '手机号码不正确',
|
message: '手机号码不正确',
|
||||||
trigger: ['change', 'blur'],
|
trigger: ['change', 'blur'],
|
||||||
}
|
}
|
||||||
],
|
] */
|
||||||
|
,
|
||||||
'userInfo.ServerName': [{
|
'userInfo.ServerName': [{
|
||||||
type: 'string',
|
type: 'string',
|
||||||
required: true,
|
required: true,
|
||||||
|
@ -530,11 +576,29 @@
|
||||||
onReady() {
|
onReady() {
|
||||||
|
|
||||||
this.$refs.form1.setRules(this.rules);
|
this.$refs.form1.setRules(this.rules);
|
||||||
|
|
||||||
|
this.http.request('/association/list', {}, "GET").then((res) => {
|
||||||
|
res.data.records.map((v, i) => {
|
||||||
|
return this.xiehuiObj[v.name] = v.id
|
||||||
|
})
|
||||||
|
|
||||||
|
var xieList = res.data.records.map((v, i) => {
|
||||||
|
return v.name
|
||||||
|
})
|
||||||
|
this.xiecolumns.push(xieList)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
console.log('this.xiehuiObj', this.xiehuiObj);
|
||||||
|
|
||||||
|
}).catch((error) => {
|
||||||
|
console.log("error", error);
|
||||||
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
close() {
|
close(show) {
|
||||||
this.showSex = false
|
this[show] = false
|
||||||
},
|
},
|
||||||
AddItem(typNum) {
|
AddItem(typNum) {
|
||||||
|
|
||||||
|
@ -548,6 +612,7 @@
|
||||||
break;
|
break;
|
||||||
case 2:
|
case 2:
|
||||||
this.StandradList.push('')
|
this.StandradList.push('')
|
||||||
|
this.fileList2.push([])
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -564,6 +629,7 @@
|
||||||
break;
|
break;
|
||||||
case 2:
|
case 2:
|
||||||
this.StandradList.splice(num, 1)
|
this.StandradList.splice(num, 1)
|
||||||
|
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -583,42 +649,29 @@
|
||||||
},
|
},
|
||||||
ServeTimeConfirm(e) {
|
ServeTimeConfirm(e) {
|
||||||
this.showServeTime = false
|
this.showServeTime = false
|
||||||
|
this.model1.userInfo.serveTime = e.value
|
||||||
this.model1.userInfo.serveTime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
|
|
||||||
|
|
||||||
},
|
},
|
||||||
ServeTimeConfirmend(e) {
|
ServeTimeConfirmend(e) {
|
||||||
this.showServeTimeend = false
|
this.showServeTimeend = false
|
||||||
|
this.model1.userInfo.serveTimeend = e.value
|
||||||
this.model1.userInfo.serveTimeend = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
|
|
||||||
|
|
||||||
},
|
},
|
||||||
jionMeetConfirm(e) {
|
jionMeetConfirm(e) {
|
||||||
this.showJionmeet = false
|
this.showJionmeet = false
|
||||||
this.model1.userInfo.jionTime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
|
this.model1.userInfo.jionTime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
|
||||||
},
|
},
|
||||||
birthdayClose() {
|
|
||||||
this.showBirthday = false
|
|
||||||
// this.$refs.form1.validateField('userInfo.birthday')
|
|
||||||
},
|
|
||||||
ServeTimeClose() {
|
|
||||||
this.showServeTime = false
|
|
||||||
// this.$refs.form1.validateField('userInfo.birthday')
|
|
||||||
},
|
|
||||||
JionTimeClose() {
|
|
||||||
this.showJionmeet = false
|
|
||||||
},
|
|
||||||
selctZU(e) {
|
|
||||||
console.log(e);
|
|
||||||
},
|
|
||||||
selctJi(e) {
|
|
||||||
console.log(e);
|
|
||||||
},
|
|
||||||
confimZu(e) {
|
confimZu(e) {
|
||||||
this.zuShow = false
|
this.zuShow = false
|
||||||
this.zuValue = e.value[0]
|
this.zuValue = e.value[0]
|
||||||
// console.log(e.value[0]);
|
// console.log(e.value[0]);
|
||||||
},
|
},
|
||||||
|
confirmxie(e) {
|
||||||
|
this.xieShow = false
|
||||||
|
this.xieValue = e.value[0]
|
||||||
|
this.xiehuiId = this.xiehuiObj[this.xieValue]
|
||||||
|
console.log("xiehuiId", this.xiehuiId);
|
||||||
|
},
|
||||||
confimZheng(e) {
|
confimZheng(e) {
|
||||||
this.zhengzhiShow = false
|
this.zhengzhiShow = false
|
||||||
this.zhengzhiValue = e.value[0]
|
this.zhengzhiValue = e.value[0]
|
||||||
|
@ -635,6 +688,10 @@
|
||||||
deletePic(event) {
|
deletePic(event) {
|
||||||
this[`fileList${event.name}`].splice(event.index, 1)
|
this[`fileList${event.name}`].splice(event.index, 1)
|
||||||
},
|
},
|
||||||
|
// 删除图片
|
||||||
|
deletePic1(event) {
|
||||||
|
this.fileList2[event.name].splice(event.index, 1)
|
||||||
|
},
|
||||||
// 新增图片
|
// 新增图片
|
||||||
async afterRead(event) {
|
async afterRead(event) {
|
||||||
// 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式
|
// 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式
|
||||||
|
@ -662,6 +719,36 @@
|
||||||
}
|
}
|
||||||
console.log("fileList", this[`fileList${event.name}`]);
|
console.log("fileList", this[`fileList${event.name}`]);
|
||||||
},
|
},
|
||||||
|
// 新增图片
|
||||||
|
async afterRead1(event) {
|
||||||
|
// 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式
|
||||||
|
let lists = [].concat(event.file)
|
||||||
|
console.log(this.fileList2[event.name])
|
||||||
|
let fileListLen = this.fileList2[event.name].length
|
||||||
|
|
||||||
|
lists.map((item) => {
|
||||||
|
this.fileList2[event.name].push({
|
||||||
|
...item,
|
||||||
|
status: 'uploading',
|
||||||
|
message: '上传中'
|
||||||
|
})
|
||||||
|
})
|
||||||
|
for (let i = 0; i < lists.length; i++) {
|
||||||
|
const result = await this.uploadFilePromise(lists[i].url)
|
||||||
|
|
||||||
|
console.log("result", result);
|
||||||
|
|
||||||
|
let item = this.fileList2[event.name][fileListLen]
|
||||||
|
this.fileList2[event.name].splice(fileListLen, 1, Object.assign(item, {
|
||||||
|
status: 'success',
|
||||||
|
message: '',
|
||||||
|
url: result
|
||||||
|
}))
|
||||||
|
fileListLen++
|
||||||
|
}
|
||||||
|
console.log("fileList", this.fileList2[event.name]);
|
||||||
|
},
|
||||||
|
|
||||||
uploadFilePromise(url) {
|
uploadFilePromise(url) {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
let a = uni.uploadFile({
|
let a = uni.uploadFile({
|
||||||
|
@ -673,7 +760,7 @@
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
|
||||||
// console.log("upload1",JSON.parse(res.data).data.path);
|
|
||||||
resolve(JSON.parse(res.data).data.path)
|
resolve(JSON.parse(res.data).data.path)
|
||||||
}, 1000)
|
}, 1000)
|
||||||
}
|
}
|
||||||
|
@ -687,35 +774,73 @@
|
||||||
uni.$u.toast('您的资料还未补充完整')
|
uni.$u.toast('您的资料还未补充完整')
|
||||||
return
|
return
|
||||||
})
|
})
|
||||||
var fl3 = this.fileList3.map((v, i) => {
|
if (this.fileList3) {
|
||||||
return v.url
|
var fl3 = JSON.stringify(this.fileList3.map((v, i) => {
|
||||||
})
|
return v.url
|
||||||
|
}))
|
||||||
|
} else {
|
||||||
|
var fl3 = '[]'
|
||||||
|
}
|
||||||
|
// 营业执照
|
||||||
|
if (this.fileList4) {
|
||||||
|
var fl4 = JSON.stringify(this.fileList4.map((v, i) => {
|
||||||
|
return v.url
|
||||||
|
}))
|
||||||
|
} else {
|
||||||
|
var fl4 = '[]'
|
||||||
|
}
|
||||||
|
// 实景
|
||||||
|
if (this.fileList1) {
|
||||||
|
var fl1 = JSON.stringify(this.fileList1.map((v, i) => {
|
||||||
|
return v.url
|
||||||
|
}))
|
||||||
|
} else {
|
||||||
|
var fl1 = '[]'
|
||||||
|
}
|
||||||
|
var opsArr = []
|
||||||
|
if (this.StandradList[0]) {
|
||||||
|
for (let i = 0; i < this.StandradList.length; i++) {
|
||||||
|
console.log("=====", this.fileList2);
|
||||||
|
|
||||||
|
opsArr.push({
|
||||||
|
name: this.StandradList[i],
|
||||||
|
value: this.fileList2[i].map((v, num) => {
|
||||||
|
return v.url
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var yishucj = JSON.stringify(this.artlist)
|
||||||
|
var rongyujx = JSON.stringify(this.honorList)
|
||||||
let that = this.model1.userInfo
|
let that = this.model1.userInfo
|
||||||
let data = {
|
let data = {
|
||||||
// "phone": that.phoneNum,
|
// "phone": that.phoneNum,
|
||||||
"artAtt": "",
|
"artAtt": yishucj,
|
||||||
"associationId": "",
|
"associationId": this.xiehuiId,
|
||||||
"base": this.jiguan,
|
"base": this.jiguan,
|
||||||
"birthDay": that.birthday,
|
"birthDay": that.birthday,
|
||||||
"cfPhoto": "",
|
"cfPhoto": fl4,
|
||||||
"comeTime": "",
|
"comeTime": that.jionTime,
|
||||||
"greats": "",
|
"greats": rongyujx,
|
||||||
"idCard": that.idCOde,
|
"idCard": that.idCOde,
|
||||||
"images": JSON.stringify(fl3),
|
"images": fl3,
|
||||||
"info": "",
|
"info": that.serverInstrutor,
|
||||||
"isAssociation": true,
|
"isAssociation": this.isJioned,
|
||||||
"nation": this.zuValue,
|
"nation": this.zuValue,
|
||||||
"nickName": "",
|
// "nickName": "",
|
||||||
"opus": "",
|
"opus": opsArr,
|
||||||
"password": "",
|
// "password": "",
|
||||||
"photo": "",
|
"photo": fl1,
|
||||||
"politics": this.zhengzhiValue,
|
"politics": this.zhengzhiValue,
|
||||||
"rcType": "",
|
"rcType": this.renCaiValue,
|
||||||
"serviceAddress": "",
|
"serviceAddress": that.Address,
|
||||||
"serviceName": "",
|
"serviceName": that.ServerName,
|
||||||
"sex": that.sex,
|
"sex": that.sex,
|
||||||
"timeEnd": 0,
|
"timeEnd": that.serveTimeend,
|
||||||
"timeStart": 0,
|
"timeStart": that.serveTime,
|
||||||
"userName": that.name,
|
"userName": that.name,
|
||||||
"userType": this.pageTypeId,
|
"userType": this.pageTypeId,
|
||||||
}
|
}
|
||||||
|
@ -723,8 +848,8 @@
|
||||||
this.http.request('/user/init', data, "POST").then(res => {
|
this.http.request('/user/init', data, "POST").then(res => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
/* uni.navigateTo({
|
/* uni.navigateTo({
|
||||||
url: '/pages/pageHome/pageHome'
|
url: '/pages/pageHome/pageHome'
|
||||||
}) */
|
}) */
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: "成功了",
|
title: "成功了",
|
||||||
icon: "none",
|
icon: "none",
|
||||||
|
@ -762,8 +887,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.WenYiUpload {
|
.WenYiUpload {
|
||||||
padding: 32rpx;
|
|
||||||
background-color: #F8F8F8;
|
// padding: 32rpx;
|
||||||
|
// background-color: #F8F8F8;
|
||||||
margin-top: 16rpx;
|
margin-top: 16rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 3.1 KiB |
Loading…
Reference in New Issue