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

<!--pages/user/artUpload/artUpload.wxml-->
<view class="page-art">
    <view wx:if="{{userInfo.type==2}}" class="planer-box">
        <view class="planer-header">
            <view class="name">艺术家信息</view>
        </view>
        <view class="planer-content">

            <view  class="atr-user-header">
                <view wx:if="{{!avatarImgFile}}" bindtap="upArtImg" class="user-header"><image class="img-full img-header" src="https://resource.artouchstone.com/miniapp/artist/images/user/add@2x.png"></image></view>
                <view wx:else class="user-header">
                    <image class="img-full" src="{{avatarImgFile.url}}"></image>
                    <view bindtap="removeUpArtImg" class="icon-close"><image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/user/icon-close.png"></image></view>
                </view>
            </view>

            <view class="form-box">
                <view class="form-list">
                    <view  class="form-label">姓名</view>
                    <input class="input-text" id="formData.artistName" bindchange="changeInput" value="{{formData.artistName}}" placeholder="请输入您的姓名" type="text" value="" />
                </view>
            </view>

        </view>
    </view>
    <view class="planer-box">
        <view class="planer-header">
            <view class="name">作品上传</view>
        </view>
        <view class="planer-content">
            <view wx:key="{{index}}" wx:for="{{opusPicFile}}" class="upload-box">
                <image bindtap="prevFile" class="planer-image" mode="aspectFit" src="{{item.url}}"></image>
                <view bindtap="removeUpArtFile" class="icon-close"><image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/user/icon-close.png"></image></view>
            </view>
            <view wx:if="{{opusPicFile.length==0}}" class="upload-box">
                <view class="up-inner">
                    <view  bindtap="upArtFile" class="icon"><image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/user/icon-add.png"></image></view>
                    <view class="text">点击作品上传</view>
                </view>
            </view>
        </view>
    </view>
    <view class="planer-box">
        <view class="planer-header">
            <view class="name">作品信息</view>
        </view>
        <view class="planer-content">
            <view class="item-form-border" style="display:none;">
                <view class="item-label">作者</view>
                <input class="input-text" id="formData.author" bindchange="changeInput" value="{{formData.author}}" placeholder="请填写作者姓名" />
            </view>
            <view class="item-form-border">
                <view class="item-label">作品名称</view>
                <input class="input-text" id="formData.name" bindchange="changeInput" value="{{formData.name}}" placeholder="请填写作品名称" />
            </view>
            <picker  mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{categoryIdPickerValue}}" range-key="name" range="{{categoryIdPicker}}" class="item-form-border">
                <view class="item-label">作品类型</view>
                <input class="input-text"  disabled value="{{categoryName}}" placeholder="请选择作品类型" />
                <view class="icons-select">
                    <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/user/icon-arrow-down.png"></image>
                </view>
            </picker>
            <view class="item-form-border">
                <view class="item-label">作品材质</view>
                <input class="input-text" id="formData.material" bindchange="changeInput" value="{{formData.material}}" placeholder="请填写作品材质" />
            </view>
        </view>
    </view>
    <view wx:if="{{categoryIdPickerValue[0]==0}}" class="planer-box">
        <view class="planer-content">
            <view class="art-title">平面作品尺寸</view>
            <view class="item-form-border-info">
                填写要求：国画、摄影、水彩、版画等有装裱作品请分别填画框和画芯尺寸；无装裱作品请填画芯尺寸。
            </view>
            <view class="item-form-border-title">
                画框尺寸
            </view>
            <view class="item-form-border">
                <view class="item-label">长</view>
                <input class="input-text" id="formData.frameLength" data-number="pointNum" bindchange="changeInput" value="{{formData.frameLength}}" type="digit" placeholder="请填写长度" />
                <view class="label-until">CM</view>
            </view>
            <view class="item-form-border">
                <view class="item-label">宽</view>
                <input class="input-text" id="formData.frameWidth" data-number="pointNum" bindchange="changeInput" value="{{formData.frameWidth}}" type="digit" placeholder="请填写宽度" />
                <view class="label-until">CM</view>
            </view>
            <view class="item-form-border-title">
                画芯尺寸
            </view>
            <view class="item-form-border">
                <view class="item-label">长</view>
                <input class="input-text" id="formData.heartLength" data-number="pointNum" bindchange="changeInput" value="{{formData.heartLength}}" type="digit" placeholder="请填写长度" />
                <view class="label-until">CM</view>
            </view>
            <view class="item-form-border">
                <view class="item-label">宽</view>
                <input class="input-text" id="formData.heartWidth" data-number="pointNum" bindchange="changeInput" value="{{formData.heartWidth}}"  type="digit" placeholder="请填写宽度" />
                <view class="label-until">CM</view>
            </view>
        </view>
    </view>
    <view wx:if="{{categoryIdPickerValue[0]!=0}}" class="planer-box">
        <view class="planer-content">
            <view class="art-title">立体作品尺寸</view>
            <view class="item-form-border-info">
                填写要求：立体作品请填写长宽高，如无固定尺寸请备注说明
            </view>
            <view class="item-form-border-title">
                有固定尺寸
            </view>
            <view class="item-form-border">
                <view class="item-label">长</view>
                <input class="input-text" id="formData.fixedLength" data-number="pointNum" bindchange="changeInput" value="{{formData.fixedLength}}" placeholder="请填写长度" type="digit" />
                <view class="label-until">CM</view>
            </view>
            <view class="item-form-border">
                <view class="item-label">宽</view>
                <input class="input-text" id="formData.fixedWidth"  data-number="pointNum" bindchange="changeInput" value="{{formData.fixedWidth}}" placeholder="请填写宽度" type="digit" />
                <view class="label-until">CM</view>
            </view>
            <view class="item-form-border">
                <view class="item-label">高</view>
                <input class="input-text" id="formData.fixedHeight" data-number="pointNum" bindchange="changeInput" value="{{formData.fixedHeight}}" placeholder="请填写高度" type="digit" />
                <view class="label-until">CM</view>
            </view>
            <view class="item-form-border-title">
                无固定尺寸
            </view>
            <view class="item-form-border nolabel">
                <input class="input-text" id="formData.sizeMark" bindchange="changeInput" value="{{formData.sizeMark}}" placeholder="请填写备注" />
            </view>
        </view>
    </view>
    <view class="planer-box none">
        <view class="planer-content">

            <view class="item-form-border-title">

            </view>
            <view class="item-form-border lg">
                <view class="item-label">作品创作年份</view>
                <picker bindchange="changeTime" mode="date" end="{{maxTime}}">
                    <input class="input-text" disabled id="formData.time" bindchange="changeInput" value="{{formData.time}}" placeholder="请选择" />
                </picker>
                <view class="icons-select">
                    <image class="img-full"  src="https://resource.artouchstone.com/miniapp/artist/images/user/icon-arrow-down.png"></image>
                </view>
            </view>
            <view class="item-form-border lg">
                <view class="item-label">作品版本</view>
                <input class="input-text" id="formData.version" bindchange="changeInput" value="{{formData.version}}" placeholder="例：123（版画及雕塑选填）" />
                <!--<view class="label-until">CM</view>-->
            </view>
            <view class="item-form-border lg">
                <view class="item-label">作品价格</view>
                <input class="input-text" id="formData.price" data-number="pointNum" bindchange="changeInput" value="{{formData.price}}" placeholder="请输入作品销售价格" type="digit" />
                <view class="label-until">CNY</view>
            </view>
            <!-- 是否数字艺术品 -->
            <view class="item-form-border lg">
                <view class="item-label">数字艺术品</view>
                <picker bindchange="digitalArtworkChange" value="{{ digitalArtworkOptions.index }}" range-key="{{ 'label' }}" range="{{ digitalArtworkOptions.options }}" mode = selector >
                    <input class="input-text" value="{{ digitalArtworkOptions.options[digitalArtworkOptions.index].label }}" />
                </picker>
                <view class="icons-select">
                    <image class="img-full"  src="https://resource.artouchstone.com/miniapp/artist/images/user/icon-arrow-down.png"></image>
                </view>
            </view>

            <view class="item-form-border-title">
                作品阐述
            </view>
            <view class="item-form-border">
              <textarea id="formData.desp" bindinput="changeInput" value="{{formData.desp}}" class="textarea-text" placeholder="请在300个字内简明阐述您的作品"></textarea>
            </view>
            <view class="btn-box">
                <view>
                    <view bindtap="saveData" data-status="1"  class="small-btn btn1">暂存</view>
                </view>
                <view>
                    <view bindtap="saveData" data-status="0" class="small-btn btn2">提交</view>
                </view>
            </view>
        </view>
    </view>
</view>