<import-sjs from='../../../utils/index/utils.sjs' name='util'>
  <view class="page" >
    <view class="{{isPortraitScreen?'portrait-main':'main'}}" onTap="clickAudio">
      <top-title urlPath='../../../' titleText="访客记录" />
      <!--<view class="tip"><image
          mode="scaleToFill"
          src="https://tx.hz-hanghui.com:8088/yx-fyzd/file/upload/imagesnew/static/settings/tip.png"
          class="tip-icon"
        />
        可以刷身份证签离</view> -->
      <!--横版样式-->
<!--      <block a:if="{{!isPortraitScreen}}">-->
        <view class="visitor-list-content">
          <view class="search-box flex-between">
            <view class="search-form flex-between">
              <view a:for="{{ searchList }}" class="form-item flex-align-center">
                <text>{{item.name}}</text>
                <input
                        class="input"
                        value="{{searchForm[item.val]}}"
                        onInput="getVal"
                        placeholder="{{item.placeholder}}"
                        placeholder-class="time-placeholder"
                        data-key="{{item.val}}"
                />
              </view>
              <view class="form-item flex-align-center">
                <text>车牌号</text>
                <view class="{{carnum && carnum != ''?'input':'input time-placeholder'}}" onTap="backKeyboard">
                  {{carnum?carnum:'请选择车牌号'}}
                </view>
              </view>
              <view class="form-item flex-align-center">
                <text>是否签离</text>
                <picker
                        value="{{searchForm.isSignOut}}"
                        range="{{signOutList}}"
                        range-key="name"
                        onChange='getVal'
                        data-key="isSignOut"
                >
                  <view class="{{searchForm.isSignOutName?'input':'input time-placeholder'}}">
                    {{searchForm.isSignOutName?searchForm.isSignOutName:'请选择是否签离'}}
                  </view>
                </picker>
              </view>
              <view class="form-item flex-align-center">
                <text>来访时间</text>
                <view
                        class="{{searchForm.startTime?'input wid-time':'input wid-time time-placeholder'}}"
                        onTap="datePicker"
                        data-key="startTime"
                >
                  {{searchForm.startTime ? searchForm.startTime : '请选择起始时间'}}
                </view>
                <view class="pad">
                  至
                </view>
                <view
                        class="{{searchForm.endTime?'input wid-time':'input wid-time time-placeholder'}}"
                        onTap="datePicker"
                        data-key="endTime"
                >
                  {{searchForm.endTime ? searchForm.endTime : '请选择结束时间'}}
                </view>
              </view>
              <view class="form-item flex-align-center">
                <text>签离时间</text>
                <view
                        class="{{searchForm.signOutStartTime?'input wid-time':'input wid-time time-placeholder'}}"
                        onTap="datePicker"
                        data-key="signOutStartTime"
                >
                  {{searchForm.signOutStartTime ? searchForm.signOutStartTime : '请选择起始时间'}}
                </view>
                <view class="pad">
                  至
                </view>
                <view
                        class="{{searchForm.signOutEndTime?'input wid-time':'input wid-time time-placeholder'}}"
                        onTap="datePicker"
                        data-key="signOutEndTime"
                >
                  {{searchForm.signOutEndTime ? searchForm.signOutEndTime : '请选择结束时间'}}
                </view>
              </view>

              <view style="display: inline-block;">
                <picker
                        value="{{searchForm.reason}}"
                        range="{{causeMatterList}}"
                        range-key="name"
                        onChange='getVal'
                        data-key="reason"
                >
                  <view class="form-item flex-align-center">
                    <text>事由：</text>
                    <view class="{{searchForm.reason?'input':'input time-placeholder'}}">
                      {{searchForm.reason?searchForm.reason:'请选择事由'}}
                    </view>
                  </view>
                </picker>
              </view>
            </view>
            <view class="search-btn flex-between">
              <view class="inquire magnify" onTap="inquireFun">查询</view>
              <view class="clear magnify" onTap="clearFun">清空</view>
              <image
                      class="close"
                      mode="scaleToFill"
                      src="https://tx.hz-hanghui.com:8088/yx-fyzd/file/upload/imagesnew/static/settings/close.png"
                      onTap="closeFun"
              />
            </view>
          </view>
          <view style="display:flex;justify-content: flex-start;overflow:hidden">
            <view class="table-box table-box-fixed-left box-shadow-right">
              <view class="table-tit table-box-fixed-left flex-between">
                <view class="tit-item one">序号</view>
                <view class="tit-item two">姓名</view>
              </view>
              <view class="table-content table-box-fixed-left">
                <view a:for="{{ tableList }}" class="horizontal-box flex-between">
                  <view class="table-item flex-column-center one">
                    {{(index + 1 + (pagination.current - 1) * pagination.pageSize)}}
                  </view>
                  <view class="table-item flex-column-center two">
                    {{util.desensitization(item.name,1,2,'VisitorLog',1,notDesensitizedColumn)}}
                  </view>
                </view>
              </view>
            </view>
            <view class="table-box table-box-fixed-center">
              <view class="table-tit flex-between">
                <view class="tit-item three">身份证号</view>
                <view class="tit-item four">手机号</view>
                <view class="tit-item five">来访单位</view>
                <view class="tit-item six">受访人</view>
                <view class="tit-item seven">受访部门</view>
                <view class="tit-item eight">来访&签离时间</view>
                <view class="tit-item nine">来访&签离地点</view>
                <view class="tit-item ten">车牌</view>
                <view class="tit-item eleven">事由</view>
              </view>
              <view class="table-content">
                <view a:for="{{ tableList }}" class="horizontal-box flex-between">
                  <view class="table-item flex-column-center three">
                    {{util.desensitization(item.idNumber,6,14,'VisitorLog',2,notDesensitizedColumn)}}
                  </view>
                  <view class="table-item flex-column-center  four">
                    {{util.desensitization(item.phone,3,7,'VisitorLog',3,notDesensitizedColumn)}}
                  </view>
                  <view class="table-item flex-column-center five ">{{item.company}}</view>
                  <view class="table-item flex-column-center six">{{item.visiteeXm}}</view>
                  <view class="table-item flex-column-center seven">{{item.visiteeBm}}</view>
                  <view class="table-item flex-column-center eight">
                    <view a:if="{{ item.startTime }}">
                      来：{{item.startTime}}
                    </view>
                    <view a:if="{{ item.signOutTime }}">
                      离：{{item.signOutTime}}
                    </view>
                  </view>
                  <view class="table-item flex-column-center nine">
                    <view a:if="{{ item.machineId }}">
                      来：{{item.registerAddress}}【{{item.machineId}}】
                    </view>
                    <view a:if="{{ item.signOutSn }}">
                      离：{{item.signOutAddress}}【{{item.signOutSn}}】
                    </view>
                  </view>
                  <view class="table-item flex-column-center ten">{{item.carno}}</view>
                  <view class="table-item flex-column-center eleven">{{item.reason}}</view>
                </view>

                <view a:if="{{ pagination.total == 0 }}" class="table-box ">
                  <tail-tip total='{{pagination.total}}'>
                  </tail-tip>
                </view>
              </view>
            </view>
            <view class="table-box table-box-fixed-right box-shadow-left">
              <view class="table-tit table-box-fixed-right flex-between">
                <view class="tit-item twelve"></view>
              </view>
              <view class="table-content table-box-fixed-right">
                <view a:for="{{ tableList }}" class="horizontal-box flex-between">
                  <view class="table-item flex-column-center twelve item-fixed-right">
                    <view
                            a:if="{{ !item.isSignOut }}"
                            class="checkOut magnify"
                            onTap="signOff"
                            data-item="{{item}}"
                            data-index="{{index}}"
                    >
                      签离
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>

          <view a:if="{{ pagination.total>0 }}" class="pagination flex">
            <view class="total">
              共{{pagination.total}}条记录【 {{pagination.current}}/{{pagination.pageNum}}】
            </view>
            <view class="previous magnify" onTap="previousFun">上一页</view>
            <view class="next magnify" onTap="nextFun">下一页</view>
          </view>
        </view>
      <!-- 键盘结构 -->
      <view class="keyboard-mask" hidden="{{hiddenPro&&hiddenStr}}" onTap="hidePopup">
        <view class="keyboard" 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>
<!--      </block>-->
      <!--竖版样式-->
      <!--<block a:else>
        <view class="visitor-list-content">
          <view class="action_bar flex-between">
            <view class="back" onTap="closeFun">
              <image class="back-icon" mode="scaleToFill" src="../../../image/back.png" />
            </view>
            <view class="screen" onTap="getIsShow">
              查询
              <image
                      style="transform: rotate({{isShowSearch?'0deg':'180deg'}});"
                      class="hidden-icon"
                      mode="scaleToFill"
                      src="../../../image/search.png"
              />
            </view>
          </view>
          <view class="search-box {{!isShowSearch ? 'search-content-min' : 'search-content-max'}} flex-column-center">
            <view class="search-form flex-between">
              <view a:for="{{ searchList }}" class="form-item flex-align-center">
                <text>{{item.name}}</text>
                <input
                        class="input"
                        value="{{searchForm[item.val]}}"
                        onInput="getVal"
                        placeholder="{{item.placeholder}}"
                        placeholder-class="time-placeholder"
                        data-key="{{item.val}}"
                />
              </view>
              <view class="form-item flex-align-center">
                <text>是否签离</text>
                <picker
                        value="{{searchForm.isSignOut}}"
                        range="{{signOutList}}"
                        range-key="name"
                        onChange='getVal'
                        data-key="isSignOut"
                >
                  <view class="{{searchForm.isSignOutName?'input':'input time-placeholder'}}">
                    {{searchForm.isSignOutName?searchForm.isSignOutName:'请选择是否签离'}}
                  </view>
                </picker>
              </view>
              <view class="form-item flex-align-center wid">
                <text>来访时间</text>
                <ant-range-picker
                        slot="extra"
                        visible="{{dateRangePickerVisible}}"
                        placeholder="请选择来访时间"
                        precision="second"
                        format="YYYY-MM-DD HH:mm:ss"
                        defaultValue="{{searchForm.defaultDateRange}}"
                        value="{{searchForm.defaultDateRange}}"
                        onVisibleChange="handleTriggerControlledDateRangePicker"
                        onOk="handleRangeOk"
                        className="cus-date-range"
                        splitCharacter=" 至 "
                        indicatorClassName="cus-date-range-indicator"
                >
                </ant-range-picker>
                &lt;!&ndash;<view
                        class="{{searchForm.startTime?'input wid-time':'input wid-time time-placeholder'}}"
                        onTap="datePicker"
                        data-key="startTime"
                >
                  {{searchForm.startTime ? searchForm.startTime : '请选择起始时间'}}
                </view>
                <view class="pad">
                  至
                </view>
                <view
                        class="{{searchForm.endTime?'input wid-time':'input wid-time time-placeholder'}}"
                        onTap="datePicker"
                        data-key="endTime"
                >
                  {{searchForm.endTime ? searchForm.endTime : '请选择结束时间'}}
                </view>&ndash;&gt;
              </view>
            </view>
            <view class="search-btn flex-between">
              <view class="inquire magnify" onTap="inquireFun">查询</view>
              <view class="clear magnify" onTap="clearFun">清空</view>
            </view>
          </view>
          <view class="table-box {{isShowSearch ? '' : 'table-box-h'}}">
            <view class="table-content">
              <view a:for="{{ tableList }}" class="item-card">
                <view class="card-tit">
                  {{util.desensitization(item.name, 1, 2)}}{{item.idNumber ?`【${util.desensitization(item.idNumber, 6, 14)}】`:''}}{{item.phone ?`【${util.desensitization(item.phone, 3, 7)}】`:''}}
                </view>
                <view class="card-content">
                  <view class="card-item">
                    <view class="tit">
                      受访人
                    </view>
                    <view class="tit colon">
                      ：
                    </view>
                    <view class="value">
                      {{item.visiteeXm || '-'}}
                    </view>
                  </view>
                  <view class="card-item">
                    <view class="tit">
                      受访部门
                    </view>
                    <view class="tit colon">
                      ：
                    </view>
                    <view class="value">
                      {{item.visiteeBm || '-'}}
                    </view>
                  </view>
                  <view class="card-item">
                    <view class="tit">
                      车牌
                    </view>
                    <view class="tit colon">
                      ：
                    </view>
                    <view class="value">
                      {{item.carno || '-'}}
                    </view>
                  </view>
                  <view class="card-item">
                    <view class="tit">
                      事由
                    </view>
                    <view class="tit colon">
                      ：
                    </view>
                    <view class="value">
                      {{item.reason || '-'}}
                    </view>
                  </view>
                  <view class="card-item">
                    <view class="tit">
                      来访单位
                    </view>
                    <view class="tit colon">
                      ：
                    </view>
                    <view class="value">
                      {{item.company || '-'}}
                    </view>
                  </view>
                  <view class="wid">
                    <view class="tit">
                      来访
                    </view>
                    <view class="tit colon">
                      ：
                    </view>
                    <view class="value">
                      {{item.startTime}}&nbsp;{{item.registerAddress}}{{item.machineId ?`【${item.machineId}】` :''}}
                    </view>
                  </view>
                  <view class="wid">
                    <view class="tit">
                      签离
                    </view>
                    <view class="tit colon">
                      ：
                    </view>
                    <view class="value">
                      {{item.signOutTime}}&nbsp;{{item.signOutAddress}}{{item.signOutSn ?`【${item.signOutSn}】`:''}}
                    </view>
                  </view>
                </view>
                <view class="flex">
                  <view
                          a:if="{{ !item.isSignOut }}"
                          class="checkOut magnify"
                          onTap="signOff"
                          data-item="{{item}}"
                          data-index="{{index}}"
                  >
                    签&nbsp;&nbsp;&nbsp;离
                  </view>
                </view>
              </view>
              <tail-tip total="{{pagination.total}}">
              </tail-tip>
            </view>
          </view>
          <view a:if="{{ pagination.total>0 }}" class="pagination flex-between">
            <view class="previous magnify" onTap="previousFun">上一页</view>
            <view class="total">
              共{{pagination.total}}条记录【 {{pagination.current}}/{{pagination.pageNum}}】
            </view>
            <view class="next magnify" onTap="nextFun">下一页</view>
          </view>
        </view>
        <bottom-parnel
                showBtn="{{false}}"
                suerName="{{'确定'}}"
        />
      </block>-->
    </view>
  </view>
