<view class="inspect">
  <view class="content">
    <view class="title flex">
      <view class="item flex-center" style="width: 172rpx;border-right: 4rpx solid #fff;">站点</view>
      <view class="item flex1 flex-center">检查项目</view>
      <view class="item flex-center" style="width: 236rpx;border-left: 4rpx solid #fff;">结果</view>
    </view>
    <view class="list">
    <!-- <style="{{ more ? index < 3 ? 'block' : 'none' : block }}"></style> -->
      <view class="item flex" wx:for="{{ check.option_list }}" wx:for-index="idx"  wx:key="index" wx:if="{{  more?idx<3 ? true : false  : true }}">
        <view class="left flex-center">{{ item.location }}</view>
        <view class="right flex1 flex-column flex-justify-center">
          <view class="flex flex1" style="height: 100%;border-bottom: 2rpx solid #f2f2f2;" wx:for="{{ item.children }}" wx:key="index">
            <view class="text flex1 flex-center" style="padding: 18rpx;">{{ item.name }}</view>
            <view class="item-btn flex-center" style="width: 238rpx;border-left: 2rpx solid #d3d3d3;">
              <block wx:if="{{ is_list }}">
                <block wx:if="{{ item.value == 1 }}">
                  <text>是</text>
                  <image src="/images/select_ok.png" style="margin-right: 20rpx;"></image>
                </block>
                <block wx:if="{{ item.value == 2 }}">
                  <text>否</text>
                  <image src="/images/select_ok.png"></image>
                </block>
                <block wx:if="{{ item.value == 0 }}">
                  <text>未记录</text>
                </block>
              </block>
              <block wx:if="{{ !is_list }}">
                <text>是</text>
                <image src="/images/select_{{ item.status ? 'ok' : 'no' }}.png" style="margin-right: 20rpx;" bindtap="onChangeStatus" data-idx="{{idx}}" data-index="{{index}}" data-status="true"></image>
                <text>否</text>
                <image src="/images/select_{{ !item.status ? 'ok' : 'no' }}.png" bindtap="onChangeStatus" data-idx="{{idx}}" data-index="{{index}}" data-status="false"></image>
              </block>
            </view>
          </view>
        </view>
      </view>
      <view class="module flex-center" wx:if="{{ check.option_list.length > 3 && more }}" bindtap="onOpenList">
        <view class="icon">>></view>
      </view>
    </view>
  </view>
  <view class="padding" style="padding: 0 36rpx;">
    <view class="detail border-radius">
      <view class="top flex-align-center">
        <text style="font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;">早班复查问题反馈</text>
      </view>
      <block wx:if="{{ is_list }}">
        <view class="check-list" wx:if="{{ check.feedback }}">
          <view class="item flex-column">
            <view class="user-info flex-align-center">
              <image src="{{ check.feedback.avatar_url }}"></image>
              <view class="info flex-column flex1">
                <text style="font-size: 28rpx;margin-bottom: 6rpx;">{{ check.feedback.nickname }}</text>
                <text style="font-size: 20rpx;color: #999;">{{ check.feedback.update_time }}</text>
              </view>
              <!-- <view class="more flex-align-center flex-justify-space-between" data-item="{{ item }}" bindtap="onEditItem" wx:if="{{ item.allow_edit == 1 }}">
                <text></text>
                <text></text>
                <text></text>
              </view> -->
              <!-- <view class="more">···</view> -->
            </view>
            <text style="font-size: 28rpx;color: #666;margin-bottom: 30rpx;">{{ check.feedback.content }}</text>
            <view class="box" wx:if="{{ check.feedback.media_list && check.feedback.media_list.length > 0 }}">
              <view class="item-media" wx:for="{{ check.feedback.media_list }}" wx:key="index">
                <block wx:if="{{ item.type == 'video' }}">
                  <!-- <video src="{{ item.url }}"></video> -->
                  <!-- <text>视频播放</text> -->
                  <view class="flex-center" style="font-size: 28rpx;width: 100%;height: 100%;background-color: #ccc;" data-idx="{{ idx }}" data-index="{{index}}" bindtap="previewMedia">
                    <!-- 这个是视频 -->
                    <image class="icon-01" src="/images/icon_01.png"></image>
                    <!-- <text style="position: absolute;">这个是视频</text> -->
                    <image class="img-content" data-index="{{index}}" src="{{ item.thumb }}" alt=""></image>
                  </view>
                </block>
                <block wx:if="{{ item.type == 'image' }}">
                  <image class="img-content" data-idx="{{ idx }}" data-index="{{index}}" src="{{ item.url }}" alt="" bindtap="previewMedia"></image>
                </block>
              </view>
              
              <!-- <image src="{{item.url}}" data-index="{{item}}" bindtap="previewImage" wx:for="{{item.media_list}}" wx:key="index"></image> -->
            </view>
          </view>
        </view>
        <view class="no-more-data" wx:if="{{ !check.feedback }}">暂无反馈记录~</view>
      </block>
      <block wx:if="{{ !is_list }}">
        <view class="box-textarea">
        <textarea bindinput="bindTextAreaInput" value="{{value}}" maxlength="{{maxlength}}" placeholder="请输入记录反馈" />
        <view class="box-text">{{number}}/{{maxlength}}</view>
        </view>
        <view class="change-img">
          <view class="text">
            <text>添加视频/图片</text>
            <text style="font-size:28rpx;color:#999;">({{imgs.length}}/9)</text>
          </view>
          <view class="img-box">
            <view class="position-relative" style="position: relative;" wx:for="{{ imgs }}" wx:key="index">
              <view class="item">
                <block wx:if="{{ item.type == 'video' }}">
                  <!-- <video src="{{ item.url }}"></video> -->
                  <!-- <text>视频播放</text> -->
                  <view class="flex-center" style="font-size: 28rpx;width: 100%;height: 100%;background-color: #ccc;" data-index="{{index}}" bindtap="previewMedia">
                    <!-- 这个是视频 -->
                    <image class="icon-01" src="/images/icon_01.png"></image>
                    <!-- <text style="position: absolute;">这个是视频</text> -->
                    <image class="img-content" data-index="{{index}}" src="{{ item.thumb }}" alt=""></image>
                  </view>
                </block>
                <block wx:if="{{ item.type == 'image' }}">
                  <image class="img-content" data-index="{{index}}" src="{{ item.url }}" alt="" bindtap="previewMedia"></image>
                </block>
              </view>
              <image src="/images/icon_03.png" class="delete-img" data-index="{{index}}" bindtap="onDeleteItem"></image>
            </view>
            
            <view class="item upload flex-column flex-center" wx:if="{{ imgs.length < 9 &&imgs[0].type != 'video' }}" bindtap="chooseVideo">
              <image src="/images/icon_06.png"></image>
              <text style="font-size: 28rpx;">添加视频</text>
            </view>
            <view class="item upload flex-column flex-center" wx:if="{{ imgs.length < 9}}" bindtap="chooseImage">
              <image src="/images/icon_07.png"></image>
              <text style="font-size: 28rpx;">添加图片</text>
            </view>
          </view>
        </view>
      </block>
    </view>
    <view class="btn flex-center" wx:if="{{ is_list && check.allow_edit == 1 }}" bindtap="onChangeEdit">编辑晚班记录</view>
    <view class="btn flex-center" wx:if="{{ !is_list }}" bindtap="onCheckUpdate">提交</view>
  </view>

</view>