dbd-meeting-wx-small/miniprogram/pages/reportRepair/report/report.wxml

<view class="containerView public">
    <view class="contentView">
        <view class="rowView">
            <view class="label must">报修名称</view>
            <van-field value="{{ detail.repairName }}" bind:input="fieldInput" data-name="repairName" input-class="input" placeholder="请输入" border="{{ false }}" input-align="right" />
        </view>
        <view class="rowView">
            <view class="label must">故障等级</view>
            <van-field value="{{ detail.repairLevel }}" input-class="input" is-link readonly placeholder="请选择" arrow-direction="down" border="{{ false }}" input-align="right" bind:tap="showFaultLevel" />
        </view>
        <view class="rowView" bind:tap="showFailureDate">
            <view class="label must">故障时间</view>
            <van-field value="{{ detail.failureDate }}" input-class="input" is-link readonly placeholder="请选择" border="{{ false }}" arrow-direction="down" input-align="right" />
        </view>
        <view class="rowView">
            <view class="label must">故障类型</view>
            <van-field value="{{ typeName }}" input-class="input" is-link readonly placeholder="请选择" arrow-direction="down" border="{{ false }}" input-align="right" bind:tap="showType" />
        </view>
        <view class="rowView">
            <view class="label must">故障地点</view>
            <van-field value="{{ addressName }}" input-class="input" is-link readonly placeholder="请选择" arrow-direction="down" border="{{ false }}" input-align="right" bind:tap="showAddress" />
        </view>
        <view class="rowView">
            <view class="label must">门牌号</view>
            <van-field value="{{ detail.area }}" bind:input="fieldInput" data-name="area" input-class="input" placeholder="请输入" border="{{ false }}" input-align="right" />
        </view>
        <view class="rowView">
            <view class="label must">联系电话</view>
            <van-field value="{{ detail.phone }}" bind:input="fieldInput" data-name="phone" input-class="input" placeholder="请输入" border="{{ false }}" input-align="right" />
        </view>
        <view class="rowView">
            <view class="label must">报修人姓名</view>
            <van-field value="{{ detail.name }}" bind:input="fieldInput" data-name="name" input-class="input" placeholder="请输入" border="{{ false }}" input-align="right" />
        </view>
        <view class="rowColumnView">
            <view class="label must">故障描述</view>
            <view class="contentView">
                <van-field model:value="{{ detail.content }}"  bind:input="fieldInput" data-name="content"   type="textarea" placeholder="请输入" maxlength="{{100}}" show-word-limit border="{{false}}" autosize input-class="selfTextarea" />
                <view class="voiceView1" bind:touchstart="startRecording" bind:touchend="stopRecording">
                    <view class="voiceView2">
                        <view class="voiceImg" style="background: no-repeat center/cover url({{IMG_NAME + '/profile/static/repair/index/voice.png'}});"></view>
                    </view>
                </view>
            </view>
        </view>
        <view class="rowView self">
            <view class="label">语音</view>
            <view class="voiceBtnView" wx:if="{{voiceObj.tempFilePath}}">
                <van-icon name="volume-o" color="black" size="40rpx" bind:tap="startAudio"/>
                <view class="voiceTimeView" bind:tap="startAudio">{{voiceObj.duration}} s</view>
                <van-icon name="close" size="34rpx" bind:tap="clearAudio"/>
            </view>
        </view>
        <view class="rowColumnView">
            <view class="label">故障图片/视频</view>
            <view class="imgContentView">
                <van-uploader file-list="{{ fileList }}" upload-text="点击上传" bind:after-read="fileAfterRead" deletable="{{ true }}" bind:delete="deleteImg" max-count="6" accept="media" multiple/>
            </view>
        </view>
    </view>

    <!-- 提交 -->
    <view class="submitBtnView" bind:tap="submitData">提交</view>

</view>

<!-- 消息通知 -->
<van-notify id="van-notify" />

<!-- 选择-故障等级 -->
<van-action-sheet description="请选择故障等级" close-on-click-overlay="{{true}}" show="{{ faultLevelShow }}" actions="{{ faultLevelList }}" bind:select="selectFaultLevel" bind:close="closeFaultLevel" />

<!-- 选择-故障时间 -->
<van-popup show="{{ failureDateShow }}" position="bottom" custom-style="height: 50vh;" bind:close="hideFailureDate">
    <van-datetime-picker type="datetime" value="{{ failureDate }}" bind:confirm="confirmFailureDate" bind:cancel="hideFailureDate" />
</van-popup>

<!-- 故障类型 -->
<van-popup show="{{ typeVisible }}" position="bottom" custom-style="height: 50vh;" bind:close="hideType">
    <van-picker show-toolbar columns="{{ typeColumns }}" bind:change="typeColumnsChange"  bind:confirm="typeColumnsConfirm" bind:cancel="hideType"/>
</van-popup>


<!-- 故障地点 -->
<van-popup show="{{ addressVisible }}" position="bottom" custom-style="height: 50vh;" bind:close="hideAddress">
    <van-picker show-toolbar columns="{{ addressColumns }}" bind:change="addressColumnsChange"  bind:confirm="addressColumnsConfirm" bind:cancel="hideAddress"/>
</van-popup>