<import-sjs from='../../utils/index/utils.sjs' name='util'>
  <view class="page">
    <view class="{{isPortraitScreen?'portrait-main':'main'}}" onTap="closeCauseMatter">
      <top-title ref="saveRef" countdown="{{snDisposition.chooseVisiteeTimeout}}" onFinish="finish" />
<!--      <top-title ref="saveRef" countdown="99999" onFinish="finish" />-->
      <view class="interviewee-content">
        <!-- 访客信息 -->
        <view class="interviewee-content-left">
          <view class="tit-box">访客信息</view>
          <view class="userInfo-box">
            <image
              a:if="{{ remainingInfo.avatar }}"
              class="avatar"
              mode="scaleToFill"
              src="{{remainingInfo.avatar.indexOf('http')>-1?remainingInfo.avatar:'data:image/png;base64,'+remainingInfo.avatar}}"
            />
            <image
              a:elif="{{ !remainingInfo.avatar }}"
              class="avatar"
              mode="scaleToFill"
              src="{{remainingInfo.idCardPhoto.indexOf('http')>-1?remainingInfo.idCardPhoto:'data:image/png;base64,'+remainingInfo.idCardPhoto}}"
            />
            <view class="avatar" a:elif="{{ !remainingInfo.idCardPhoto }}">
            </view>
            <view class="info-box">
              <view>
                {{ util.desensitization(remainingInfo.visitorName, 1, 2,'VisitorLog',1,snDisposition.registerNotDesensitizedColumn)}}
              </view>
              <view>
                {{util.desensitization(remainingInfo.visitorIdCard, 6, 14,'VisitorLog',2,snDisposition.registerNotDesensitizedColumn)}}
              </view>
              <view class="userInfo-phone" onTap="closeCanNot">
                <!-- 手机号 -->
                <input
                  type="number"
                  class="phone-input"
                  value="{{remainingInfo.visitorPhone}}"
                  onInput="getValue"
                  data-type="visitorPhone"
                  maxlength="11"
                />
                <image class="phone-icon" mode="scaleToFill" src="https://tx.hz-hanghui.com:8088/yx-fyzd/file/upload/imagesnew/static/interviewee/phone.png" />
              </view>
            </view>
          </view>
          <view class="remainingInfo-box">
            <view class="box-item" onTap="closeCanNot">
              <text>单位</text>
              <input
                class="input"
                value="{{remainingInfo.visitorUnit}}"
                onInput="getValue"
                placeholder="请输入单位名称"
                placeholder-class="input-pl"
                data-type="visitorUnit"
              />
            </view>
            <view class="box-item">
              <text>车牌</text>
              <view class='input hei' onTap="backKeyboard" disabled="{{canNotChange}}">
                <block a:for="{{8}}">
                  <text class="{{carnum.length==index?'carnum-blue':''}}">
                    {{carnum.split('')[index]}}
                  </text>
                </block>
              </view>
            </view>
            <view class="box-item" onTap="closeCanNot">
              <text>人数</text>
              <input
                type="number"
                placeholder-class="input-pl"
                class="input"
                value="{{remainingInfo.peopleNum}}"
                onInput="getValue"
                data-type="peopleNum"
              />
            </view>
            <view class="box-item" onTap="closeCanNot">
              <text>事由</text>
              <view class="input {{ !remainingInfo.causeMatterName? 'input-pl': ''}}" catchTap="openChoose" >
                {{remainingInfo.causeMatterName ? remainingInfo.causeMatterName : '请选择事由'}}
              </view>
              <view a:if="{{ isShowCauseMatter }}" class="select-area">
                <view a:if="{{causeMatterList.length>0}}">
                  <view
                    a:for="{{ causeMatterList }}"
                    class="item"
                    catchTap="getCauseMatterVal"
                    data-item="{{item}}"
                  >
                    {{item}}
                  </view>
                </view>
                <view a:else class="item">暂无数据~</view>
              </view>
            </view>
          </view>
        </view>
        <!-- 手动输入受访人 -->
        <view a:if="{{  isEnterInterviewee}}" class="interviewee-content-right">
          <!-- 顶部 -->
          <view class="flex2">
            <view class="tit-box">受访人</view>
            <view class="manual-operation magnify" onTap="chooseInterviewee">选择受访人</view>
          </view>
          <view class="enter flex1">
            <view a:for="{{  searchList}}" class="enter-item flex2" a:key="index">
              <text>{{item.name}}</text>
              <input
                a:if="{{ item.name!='楼层' }}"
                placeholder="{{item.placeholder}}"
                placeholder-class="enter-input-placeholder"
                class="enter-input input-shadow"
                value="{{intervieweeForm[item.value]}}"
                data-type="{{item.value}}"
                onInput="getIntervieweeValue"
              />
              <view
                a:if="{{ item.name=='楼层' && intervieweeForm[item.value].length==0 }}"
                class="enter-input input-shadow enter-input-placeholder"
                onTap="openFloor"
              >
                {{item.placeholder}}
              </view>
              <view
                a:if="{{ item.name=='楼层' && intervieweeForm[item.value].length > 0 }}"
                class="enter-input input-shadow"
                onTap="openFloor"
              >
                {{intervieweeForm[item.value]}}
              </view>
            </view>
          </view>
          <!--清空重填  -->
          <view class="enter-clear magnify" onTap="clearIntervieweeValue">
            清空重填
          </view>
        </view>
        <!-- 选择受访人 -->
        <view a:if="{{  !isEnterInterviewee}}" class="interviewee-content-right">
          <!-- 顶部 -->
          <view class="right-top">
            <view class="right-top-tit">
              <view class="tit-box">受访人</view>
              <view class="manual-operation magnify" onTap="chooseInterviewee">手动输入</view>
            </view>
            <view class="right-top-screen">
              <view a:if="{{ !isShowSearch && searchForm.floor }}" class="floor">
                  {{searchForm.floor}}层
              </view>
              <view class="screen" onTap="getIsShow">
                筛选
                <image
                  a:if="{{ !isShowSearch }}"
                  class="hidden-icon"
                  mode="scaleToFill"
                  src="https://tx.hz-hanghui.com:8088/yx-fyzd/file/upload/imagesnew/static/interviewee/hidden.png"
                />
                <image
                  a:if="{{ isShowSearch }}"
                  class="hidden-icon"
                  mode="scaleToFill"
                  src="https://tx.hz-hanghui.com:8088/yx-fyzd/file/upload/imagesnew/static/interviewee/show.png"
                />
              </view>
            </view>
          </view>
          <!-- 搜索 -->
<!--          a:if="{{ isShowSearch }}"-->
          <view class="search-content {{!isShowSearch ? 'search-content-min' : 'search-content-max'}}">
            <!-- 搜索项 -->
            <view class="content-top">
              <view
                a:for="{{searchList}}"
                a:if="{{ item.show }}"
                class="search-item"
                a:key="index"
              >
                <text>{{item.name}}</text>
                <input
                  placeholder="{{item.placeholder}}"
                  placeholder-class="search-input-placeholder"
                  class="search-input input-shadow"
                  value="{{searchForm[item.value]}}"
                  data-type="{{item.value}}"
                  onInput="getSearchValue"
                />
              </view>
            </view>
            <!-- 搜索按钮 -->
            <view class="search-btn">
              <view class="click-search magnify" onTap="inquireFun">
                查询
              </view>
              <view class="click-clear magnify" onTap="clearFun">
                清空
              </view>
            </view>
          </view>
          <!-- 楼层层数 -->
          <view class="right-floor">
            <view
              a:for="{{ floorNum }}"
              class="right-floor-item magnify"
              a:key="index"
              onTap="chooseFloor"
              data-item="{{item}}"
            >
              {{item}}
            </view>
            <view class="right-floor-item magnify" onTap="delFloor">
              返回
            </view>
          </view>
          <!-- 楼层详情 -->
          <view class="floor-detail flex2">
            <view
              a:for="{{ tableList }}"
              class="floor-detail-item"
              a:key="index"
              onTap="chooesFloor"
              onTouchstart="touchStart"
              onTouchend="touchEnd"
              data-item="{{item}}"
            >
              <view>
                {{item.floor}}
              </view>
              <view>
                {{item.showTitle}}
              </view>
            </view>
          </view>
          <!-- 页数 -->
          <view class="num-page">
            <view class="previous magnify" onTap="previousFun">上一页</view>
            <view class="total">
              {{pageSize}}/{{pageNum}}
            </view>
            <view class="next magnify" onTap="nextFun">下一页</view>
          </view>
        </view>
        <!-- 楼层多选 -->
        <view a:if="{{ isShowfloor }}" class="floor-box">
          <view class="floor-tit">
            楼层选择
          </view>
          <view class="floor-content">
            <view class="box-content">
              <view class="floor-item">
                <!-- choose-floor-item -->
                <view
                  a:for="{{ allFloorList }}"
                  class="{{ util.floorCss(index,chooseFloorIndex)}}"
                  onTap="multipleChoiceFloor"
                  data-index="{{index}}"
                  data-item="{{item}}"
                >
                  {{item.actualityFloor}}
                </view>
              </view>
              <view class="floor-btn">
                <view class="floor-btn-css floor-cancel" onTap="floorCancel">取消</view>
                <view class="floor-btn-css floor-sure" onTap="floorSure">确定</view>
              </view>
            </view>
            <view class="selected-floor">
              <view
                a:for="{{ chooseFloorItem }}"
                class="selected-floor-item"
                onTap="delmultipleChoiceFloor"
                data-index="{{index}}"
              >
                {{item }}
                <image class="delete-icon" mode="scaleToFill" src="../../image/delete-icon.png" />
              </view>
            </view>
          </view>
        </view>
        <!-- 键盘结构 -->
        <view class="keyboard" hidden="{{hiddenPro&&hiddenStr}}" catchTap="stopPropagation">
          <view class="keyboard-tit">
            车牌选择
          </view>
          <view class="keyboard-mini">
            <!-- 限制键盘 -->
            <!-- 省键盘 -->
            <view class="provinces" hidden="{{hiddenPro}}">
              <view
                a:for="{{provinceArr}}"
                class="pro-li"
                catchTap="proTap"
                data-province="{{item}}"
              >
                {{item}}
              </view>
            </view>
            <!-- 号码键盘	 -->
            <view class="keyNums" hidden="{{hiddenStr}}">
              <view
                a:for="{{strArr}}"
                class="pro-li"
                :key="{{index}}"
                catchTap="strTap"
                disabled="{{strDisabled||(notNum&&index<10)}}"
                data-str="{{item}}"
              >
                {{item}}
              </view>
            </view>
            <!-- 提交按钮	 -->
            <view class="kb-btn-box">
              <view class="kb-delete-btn" catchTap="backSpace">删除</view>
              <view
                      class="kb-sure-btn {{downBtn=='完成'?'down-blue':''}}"
                      catchTap="applyNum"
              >
                {{downBtn}}
              </view>
          </view>
          </view>
        </view>
      </view>
      <bottom-parnel suerName="确定" onSure="sure" isCustomBack="{{true}}" onBack="back" />
    </view>
  </view>
