Inspection/weapp/package/inspectionInput/inspectionInput.wxml

<!-- package/inspectionInput/inspectionInput.wxml -->
<view class="popBox">
    <view wx:if="{{planList}}">
        <t-cell class="block" title="选择巡检计划" arrow hover note="{{planListText}}" bind:click="onPlanListPicker" />
        <t-picker visible="{{planListVisible}}" value="{{planListValue}}" data-key="planList" title="选择巡检计划" cancelBtn="取消" confirmBtn="确认" bindchange="onPickerChange" bindcancel="onPickerCancel">
            <t-picker-item options="{{planList}}" format></t-picker-item>
        </t-picker>
    </view>
    <view style="padding:20rpx 30rpx;overflow: hidden;">
        <view style="float: left;">当前点位：</view>
        <view style="float:right;">{{itemData.name}}</view>
    </view>
    <view class="divider" />
    <view style="padding:20rpx 30rpx;overflow: hidden;">
        <view style="float: left;">当前位置：</view>
        <view style="float:right;" wx:if="{{address}}">
            {{address}}
        </view>
        <view style="float:right;">
            <image wx:if="{{!address}}" class="icon" src="../../images/landmark.svg" />
            <view style="display: inline-block;" bindtap="selfLocation" wx:if="{{!address}}">
                点击获取
            </view>
        </view>
    </view>
    <view class="divider" />

    <!-- 渲染巡检内容 -->
    <view wx:for="{{inspectContentArr}}" wx:key="id" wx:for-item="item" wx:for-index="itemidx">
        <!-- <view wx:for="{{device.checkItems}}" wx:key="id" wx:for-index="itemidx"> -->
        <view class="flex-between">
            <view class="item-name">{{item.name}}：</view>
            <van-radio-group style="padding:10px 15px;" data-deviceidx="{{item.id}}" data-itemidx="{{itemidx}}" bindchange="handleChangeTwo" value="{{item.isNormal}}">
                <van-radio style="margin-right: 20px;" class="radio-text" color="#1979ff" name="{{true}}">正常</van-radio>
                <van-radio class="radio-text" checked-color="#CC0000" name="{{false}}">异常</van-radio>
            </van-radio-group>
        </view>
        <view class="divider" />
        <!--渲染设备-->
        <!-- <van-checkbox-group wx:if="{{!item.isNormal}}" value="{{ device.isNormal }}" bind:change="handleChangeDevice">
            <van-checkbox name="a">复选框 a</van-checkbox>
        </van-checkbox-group> -->
        <view wx:if="{{!item.isNormal}}" wx:for-index="deviceidx" wx:for="{{item.devices}}" wx:key="deviceId" wx:for-item="device" class="flex flex-start" style="height: 40px">
            <!-- <van-radio-group style="padding:10px 15px;" value="{{device.isNormal}}" data-deviceidx="{{deviceidx}}" data-itemidx="{{itemidx}}" bindchange="handleChangeDevice">
                {{device.deviceName}}：
                <van-radio style="margin-right: 20px;" class="radio-text" color="#1979ff" name="{{true}}">正常</van-radio>
                <van-radio class="radio-text" checked-color="#CC0000" name="{{false}}">异常</van-radio>
            </van-radio-group> -->
            <van-checkbox-group value="{{ devicesChecked }}" data-deviceidx="{{deviceidx}}" data-itemidx="{{itemidx}}" bind:change="handleChangeDevice">
                <van-checkbox name="{{device.deviceId+'-'+item.id}}">{{device.deviceName}}</van-checkbox>
            </van-checkbox-group>
        </view>
        <!--巡检的具体内容-->
        <view style="margin-top: 10px;">
            <van-radio-group class="flex-end" style="padding:10px 15px;" data-deviceidx="{{deviceidx}}" data-itemidx="{{itemidx}}" bindchange="handleChangeThree" wx:if="{{item.isNormal === false}}">
                <van-radio style="margin-right: 20px;" class="radio-text" checked-color="#FF9900" name="轻微">轻微</van-radio>
                <van-radio style="margin-right: 20px;" class="radio-text" checked-color="#FF3300" name="中度">中度</van-radio>
                <van-radio class="radio-text" checked-color="#990000" name="严重">严重</van-radio>
            </van-radio-group>
            <textarea class="textarea" placeholder="请输入巡查详情" maxlength="-1" wx:if="{{item.isNormal === false}}" data-deviceidx="{{deviceidx}}" data-itemidx="{{itemidx}}" bindinput="bindInput" />
        </view>
        <view class="weui-uploader" style="padding: 20rpx 30rpx;overflow-y:scroll;" wx:if="{{item.isNormal === false}}">
            <view class="img-v weui-uploader__bd" style="overflow:hidden;">
                <view class="pic" wx:for="{{item.imgs}}" wx:for-item="img" wx:key="*this">
                    <image class="weui-uploader__img showImg" src="{{imgUrl + img}}" data-index="{{index}}" data-deviceidx="{{deviceidx}}" data-itemidx="{{itemidx}}" mode="aspectFill" bindtap="previewImg">
                        <icon type="cancel" class="delete-btn" data-index="{{index}}" data-deviceidx="{{deviceidx}}" data-itemidx="{{itemidx}}" catchtap="deleteImg" />
                    </image>
                </view>
                <!-- 用来提示用户上传图片 -->
                <view class="weui-uploader__input-box pic" data-item="{{item.name}}" data-deviceidx="{{devicesChecked}}" data-itemidx="{{itemidx}}" bindtap="chooseImg">
                    <image class="upload" src="/images/upload.png" />
                </view>
            </view>
        </view>
        <!-- </view> -->
    </view>

    <view class="btnBox">
        <view class="cancel" bindtap="bindCancel">取消</view>
        <view class="submit" bindtap="addPatrolRecord">提交</view>
    </view>
</view>