shyaf-artist-platform-miniapp/pages/user/personalInfo/personalInfo.wxml

<!-- pages/user/personalInfo/personalInfo.wxml -->
<view class="page-info">
    <view class="planer-box">
        <view class="planer-header">
            <view class="name"><text class="red">*</text>上传个人形象</view>
        </view>
        <view class="planer-content">
            <view class="upload-box show">
                <view  wx:if="{{formData.photoId}}" class="img-wrap">
                    <image class="img-full" src="{{upFileInfo.url}}"></image>
                    <view bindtap="removeChooseFile" class="close">
                        <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-close.png"></image>
                    </view>
                </view>
                <view wx:if="{{!formData.photoId}}" bindtap="chooseFile" class="up-inner">
                    <view class="icon">
                        <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/user/icon-add.png" mode="aspectFill"></image>
                    </view>
                    <view class="text">点击上传</view>
                </view>
            </view>
        </view>
    </view>
    <view class="planer-box pt">
        <view class="planer-content">
            <view class="form-box">
                <view class="form-list">
                    <view class="form-label"><text class="red">*</text>姓名</view>
                    <input class="input-text" bindchange="changeInput" bindblur="validateForm" id="formData.name" value="{{formData.mobile}}" placeholder="请输入您的姓名" type="text"/>
                </view>
                <view class="form-list">
                    <view class="form-label"><text class="red">*</text>艺名<text class="red">（将用于艺典通商城小程序展示）</text></view>
                    <input class="input-text" bindchange="changeInput" bindblur="validateForm" id="formData.artistName" value="{{formData.artistName}}" placeholder="请输入您的艺名" type="text"/>
                </view>
                <picker class="form-list" bindchange="sexPickHandler" range="{{sexPickList}}" value="{{sexPickListValue}}" range-key="name">
                    <view class="form-label"><text class="red">*</text>性别</view>
                    <input class="input-text" disabled value="{{sexPickList[sexPickListValue].name}}" placeholder="请选择" type="text"/>
                    <view class="icon-arrow">
                        <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-form-arrow.png"/>
                    </view>
                </picker>
                <picker id="formData.birthday" mode="date" bindchange="changePicker" value="{{formData.birthday}}" class="form-list">
                    <view class="form-label"><text class="red">*</text>出生日期</view>
                    <input class="input-text" disabled value="{{formData.birthday}}" placeholder="请选择" type="text"/>
                    <view class="icon-arrow">
                        <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-form-arrow.png"/>
                    </view>
                </picker>
                <view class="form-list">
                    <view class="form-label">国籍</view>
                    <input class="input-text"  bindchange="changeInput" bindblur="validateForm" id="formData.nationality" value="{{formData.nationality}}" placeholder="请输入国籍" type="text"/>
                    <!--<view class="icon-arrow">
                        <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-form-arrow.png"/>
                    </view>-->
                </view>
            </view>
        </view>
    </view>

    <view class="planer-box">
        <view class="planer-header">
            <view class="name">推荐人信息</view>
        </view>
        <view class="planer-content">
            <view class="form-box">
                <view class="form-list">
                    <view class="form-label">推荐人姓名</view>
                    <input class="input-text" bindchange="changeInput" bindblur="validateForm" id="formData.referrerName" value="{{formData.referrerName}}" placeholder="请输入您的姓名" type="text"/>
                </view>
                <view class="form-list">
                    <view class="form-label">推荐人职业</view>
                    <input class="input-text" bindchange="changeInput" bindblur="validateForm" id="formData.referrerPosition" value="{{formData.referrerPosition}}" placeholder="请输入职业" type="text"/>
                </view>
                <view class="form-list">
                    <view class="form-label">上传推荐信</view>
                    <view class="add-file">

                        <view class="img-wrap" wx:if="{{formData.referrerFileId}}">
                            <image class="img-full" src="{{referrerFileInfo.url}}"></image>
                            <view bindtap="removeReferrerFile" class="close">
                                <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-close.png"></image>
                            </view>
                        </view>

                        <view wx:if="{{!formData.referrerFileId}}" bindtap="chooseReferrerFile" class="add-inner">
                            <view class="icon">
                                <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-add-black.png"></image>
                            </view>
                            <view class="text">上传推荐信</view>
                        </view>
                    </view>
                </view>
                <view class="tool-info">
                    <view>请将推荐信拍照上传即可</view>
                    <view>图片内容清晰可见</view>
                    <view>图片必须为JPG格式且不得超过3M</view>
                    <view>推荐信内容可能被上海青年艺术博览会用于宣传推广使用</view>
                </view>
            </view>
        </view>
    </view>
    <view class="planer-box">
        <view class="planer-header">
            <view class="name">联系方式</view>
        </view>
        <view class="planer-content">
            <view class="form-box">
                <view class="form-list">
                    <view class="form-label"><text class="red">*</text>手机号码</view>
                    <input class="input-text" bindchange="changeInput" bindblur="validateForm" id="formData.mobile" value="{{formData.mobile}}" placeholder="请输入" type="text"/>
                </view>
                <view class="form-list">
                    <view class="form-label">联系地址</view>
                    <input class="input-text" bindchange="changeInput" bindblur="validateForm" id="formData.address" value="{{formData.address}}" placeholder="请输入" type="text"/>
                </view>
                <view class="form-list">
                    <view class="form-label"><text class="red">*</text>电子邮箱</view>
                    <input class="input-text" bindchange="changeInput" bindblur="validateForm" id="formData.email" value="{{formData.email}}" placeholder="请输入" type="text"/>
                </view>
                <view class="form-list">
                    <view class="form-label">微信号</view>
                    <input class="input-text" bindchange="changeInput" bindblur="validateForm" id="formData.weixinNo" value="{{formData.weixinNo}}" placeholder="请输入" type="text"/>
                </view>
            </view>
        </view>
    </view>
    <view class="planer-box">
        <view class="planer-header">
            <view class="name">最高学历</view>
        </view>
        <view class="planer-content">
            <view class="form-box">
                <view class="form-list">
                    <view class="form-label"><text class="red">*</text>机构</view>
                    <input class="input-text" bindchange="changeInput" bindblur="validateForm" id="formData.highestDegreeOrg" value="{{formData.highestDegreeOrg}}" placeholder="请输入" type="text"/>
                </view>
                <picker id="formData.highestDegreeStartTime" mode="date" bindchange="changePicker" fields="year" value="{{formData.highestDegreeStartTime}}" class="form-list">
                    <view class="form-label"><text class="red">*</text>开始时间</view>
                    <input class="input-text" bindchange="changeInput" id="formData.highestDegreeStartTime" disabled value="{{formData.highestDegreeStartTime}}" placeholder="请选择" type="text"/>
                    <view class="icon-arrow">
                        <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-form-arrow.png"/>
                    </view>
                </picker>
                <picker id="formData.highestDegreeEndTime" mode="date" bindchange="changePicker" fields="year" value="{{formData.highestDegreeEndTime}}" class="form-list">
                    <view class="form-label"><text class="red">*</text>结束时间</view>
                    <input class="input-text" disabled bindchange="changeInput" id="formData.highestDegreeEndTime" value="{{formData.highestDegreeEndTime}}" placeholder="请选择" type="text"/>
                    <view class="icon-arrow">
                        <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-form-arrow.png"/>
                    </view>
                </picker>
                <picker range="{{EducationPickList}}" range-key="desp" bindchange="educationPickHandler" value="{{EducationPickValue}}" class="form-list">
                    <view class="form-label"><text class="red">*</text>学历</view>
                    <input class="input-text" disabled  value="{{EducationPickList[EducationPickValue].desp}}" placeholder="请选择" type="text"/>
                    <view class="icon-arrow">
                        <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-form-arrow.png"/>
                    </view>
                </picker>
                <picker range="{{EducationStatePickList}}" range-key="desp" bindchange="educationStatePickHandler" value="{{EducationStatePickValue}}" class="form-list">
                    <view class="form-label"><text class="red">*</text>状态</view>
                    <input class="input-text" disabled value="{{EducationStatePickList[EducationStatePickValue].desp}}" placeholder="请选择" type="text"/>
                    <view class="icon-arrow">
                        <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-form-arrow.png"/>
                    </view>
                </picker>
            </view>
        </view>
    </view>

    <view class="planer-box">
        <view class="planer-header title">
            <view class="name">展览经历
                <text>（最多可填5项）</text>
            </view>
            <view bindtap="addShow" class="add">
                <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-add-item.png"></image>
            </view>
        </view>
        <view class="planer-content">
            <block wx:key="{{index}}" wx:for="{{formData.showHistoryList}}">
                <view class="form-box-item">
                    <view class="form-box">
                        <picker id="formData.showHistoryList[{{index}}].time" mode="date" fields="year" bindchange="changePicker" value="{{item.time}}" class="form-list">
                            <view class="form-label">时间</view>
                            <input class="input-text" bindchange="changeInput" id="formData.showHistoryList[{{index}}].time" value="{{item.time}}" placeholder="请输入" type="text"/>
                            <view class="icon-arrow">
                                <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-form-arrow.png"/>
                            </view>
                        </picker>
                        <view class="form-list">
                            <view class="form-label">展览名称</view>
                            <input class="input-text" bindchange="changeInput" id="formData.showHistoryList[{{index}}].name" value="{{item.name}}" placeholder="请输入" type="text"/>
                        </view>
                        <view class="form-list">
                            <view class="form-label">机构</view>
                            <input class="input-text" bindchange="changeInput" id="formData.showHistoryList[{{index}}].organ" value="{{item.organ}}" placeholder="请输入" type="text"/>
                        </view>
                    </view>
                </view>
                <view bindtap="removeShow" data-index="{{index}}"  wx:if="{{formData.showHistoryList.length>1}}" class="form-box-item-delete">
                    删除
                </view>
            </block>
        </view>
    </view>

    <view class="planer-box none">
        <view class="planer-header title">
            <view class="name">获奖经历
                <text>（最多可填5项）</text>
            </view>
            <view bindtap="addAward" class="add">
                <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-add-item.png"></image>
            </view>
        </view>
        <view class="planer-content">
            <block wx:key="{{index}}" wx:for="{{formData.awardHistoryList}}">
                <view class="form-box-item">
                    <view class="form-box">
                        <picker id="formData.awardHistoryList[{{index}}].time" mode="date" fields="year" bindchange="changePicker" value="{{item.time}}" class="form-list">
                            <view class="form-label">时间</view>
                            <input class="input-text" disabled bindchange="changeInput" id="formData.awardHistoryList{{index}}.time" value="{{item.time}}" placeholder="请输入" type="text"/>
                            <view class="icon-arrow">
                                <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-form-arrow.png"/>
                            </view>
                        </picker>
                        <view class="form-list">
                            <view class="form-label">机构</view>
                            <input class="input-text" bindchange="changeInput" id="formData.awardHistoryList[{{index}}].organ" value="{{item.organ}}" value="" placeholder="请输入" type="text"/>
                        </view>
                        <view class="form-list">
                            <view class="form-label">奖项名称</view>
                            <input class="input-text" bindchange="changeInput" id="formData.awardHistoryList[{{index}}].prize" value="{{item.prize}}" value="" placeholder="请输入" type="text"/>
                        </view>
                    </view>
                </view>
                <view bindtap="removeAward" data-index="{{index}}"  wx:if="{{formData.awardHistoryList.length>1}}" class="form-box-item-delete">
                    删除
                </view>
            </block>
            <view bindtap="saveData" class="save-btn default-btn {{isValidate?'primary':''}}">保存并提交</view>
        </view>
    </view>

</view>