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.reportName }}" bind:input="fieldInput" data-name="reportName" input-class="input" placeholder="请输入" border="{{ false }}" input-align="right" />
        </view>
        <view class="rowView">
            <view class="label must">故障等级</view>
            <van-field value="{{ detail.cardType }}" input-class="input" is-link readonly placeholder="请选择" arrow-direction="down" border="{{ false }}" input-align="right" bind:tap="showIdcardType" />
        </view>
        <view class="rowView" bind:tap="showVisitTime">
            <view class="label must">故障时间</view>
            <van-field value="{{ detail.visitTime }}" 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="{{ detail.cardType }}" input-class="input" is-link readonly placeholder="请选择" arrow-direction="down" border="{{ false }}" input-align="right" bind:tap="showIdcardType" />
        </view>
        <view class="rowView">
            <view class="label must">联系电话</view>
            <van-field value="{{ detail.userMobile }}" bind:input="fieldInput" data-name="userMobile" 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="rowView">
            <view class="label must">故障地点</view>
            <van-field value="{{ detail.cardType }}" input-class="input" is-link readonly placeholder="请选择" arrow-direction="down" border="{{ false }}" input-align="right" bind:tap="showIdcardType" />
        </view>
        <view class="rowView">
            <view class="label must">门牌号</view>
            <van-field value="{{ detail.reportName }}" bind:input="fieldInput" data-name="reportName" 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="{{ value }}" 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 must">语音</view>
            <view class="voiceBtnView" wx:if="{{voiceObj.tempFilePath}}" bind:tap="startAudio">
                <van-icon name="volume-o" color="black" size="40rpx" />
                <view class="voiceTimeView">{{voiceObj.duration}}ms</view>
                <van-icon name="close" size="34rpx"/>
            </view>
        </view>
        <view class="rowColumnView">
            <view class="label must">故障图片</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="{{ idcardTypeShow }}" actions="{{ idcardTypeList }}" bind:select="selectIdcardType" bind:close="closeIdcardType" />

<!-- 选择-到访时间 -->
<van-popup show="{{ visitTimeShow }}" position="bottom" custom-style="height: 50vh;" bind:close="closeVisitTime">
    <van-datetime-picker type="datetime" value="{{ visitTimeDate }}" min-date="{{ visitTimeMinDate }}" bind:confirm="confirmVisitTime" bind:cancel="closeVisitTime" />
</van-popup>

<!-- 选择-离开时间 -->
<van-popup show="{{ leaveTimeShow }}" position="bottom" custom-style="height: 50vh;" bind:close="closeLeaveTime">
    <van-datetime-picker type="datetime" value="{{ leaveTimeDate }}" min-date="{{ visitTimeDate }}" bind:confirm="confirmLeaveTime" bind:cancel="closeLeaveTime" />
</van-popup>