FKJ-HHArome/pages/interviewee/index.axml

<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>
        <block a:if="{{ isHistory && historyList.length > 0 }}">
          <view class="interviewee-content-rightHistory">
            <view class="rightHistory-title">
              <view class="title-left">
                <view class="h1">
                  历史访问记录
                </view>
                <view class="small">
                  （选择历史记录快速录入）
                </view>
              </view>
              <view class="title-right" onTap="backEnter">
                <image class="back-icon" mode="scaleToFill" src="https://tx.hz-hanghui.com:8088/yx-fyzd/file/upload/imagesnew/static/interviewee/gohistory.png" />
                手动录入
              </view>
            </view>
            <view class="content">
              <block
                a:for="{{ historyList }}"
                a:for-index="index"
              >
                <view class="content_box {{ (item.info1.isSel || item.info2.isSel) ? 'content_boxSel' : '' }}" onTap="selInfo" data-index={{ index }}>
                  <view class="content_box_left content_box_info">
                    <view class="title">
                      访客信息
                      <view class="title-info" a:if="{{ item.info2.isSel || item.info1.isSel }}" catchTouchMove
                      catchTap="selInfo1" data-index="{{ index }}">
                        <image 
                          a:if="{{ item.info1.isSel }}"
                          class="selected-icon"
                          mode="scaleToFill" 
                          src="https://tx.hz-hanghui.com:8088/yx-fyzd/file/upload/imagesnew/static/interviewee/selected.png" 
                        />
                        <view a:else catchTap="selInfo1" data-index="{{ index }}" catchTouchMove class="title-info-cancelSel"> </view>
                      </view>
                    </view>
                    <view class="info">
                      <view class="info_box">
                        <view class="info_box_label">
                          姓名
                        </view>
                        <view class="info_box_value">
                          : {{ item.info1.visitorName }}
                        </view>
                      </view>
                      <view class="info_box">
                        <view class="info_box_label">
                          手机号
                        </view>
                        <view class="info_box_value">
                          : {{ item.info1.visitorPhone }}
                        </view>
                      </view>
                      <view class="info_box">
                        <view class="info_box_label">
                          单位
                        </view>
                        <view class="info_box_value">
                          : {{ item.info1.visitorUnit }}
                        </view>
                      </view>
                      <view class="info_box">
                        <view class="info_box_label">
                          车牌
                        </view>
                        <view class="info_box_value">
                          : {{ item.info1.carnum }}
                        </view>
                      </view>
                      <view class="info_box">
                        <view class="info_box_label">
                          事由
                        </view>
                        <view class="info_box_value">
                          : {{ item.info1.causeMatterName }}
                        </view>
                      </view>
                    </view>
                  </view>
                  
                  <view class="content_box_right content_box_info">
                    <view class="title">
                      受访人信息
                      <view class="title-info"  catchTouchMove
                      catchTap="selInfo2" data-index="{{ index }}" a:if="{{ item.info2.isSel || item.info1.isSel }}">
                        <image
                          a:if="{{ item.info2.isSel }}"
                          class="selected-icon"
                          mode="scaleToFill" 
                          src="https://tx.hz-hanghui.com:8088/yx-fyzd/file/upload/imagesnew/static/interviewee/selected.png" 
                        />
                        <view a:else catchTap="selInfo2" data-index="{{ index }}" catchTouchMove class="title-info-cancelSel"> </view>
                      </view>
                    </view>
                    <view class="info">
                      <view class="info_box">
                        <view class="info_box_label">
                          姓名
                        </view>
                        <view class="info_box_value">
                          : {{ item.info2.name }}
                        </view>
                      </view>

                      <view class="info_box">
                        <view class="info_box_label">
                          手机号
                        </view>
                        <view class="info_box_value">
                          : {{ item.info2.phone }}
                        </view>
                      </view>
                      <view class="info_box">
                        <view class="info_box_label">
                          单位
                        </view>
                        <view class="info_box_value">
                          : {{ item.info2.company }}
                        </view>
                      </view>
                      <view class="info_box">
                        <view class="info_box_label">
                          部门
                        </view>
                        <view class="info_box_value">
                          : {{ item.info2.unitName }}
                        </view>
                      </view>
                      <view class="info_box">
                        <view class="info_box_label">
                          楼层
                        </view>
                        <view class="info_box_value">
                          : {{ item.info2.floor }}
                        </view>
                      </view>
                      <view class="info_box">
                        <view class="info_box_label">
                          房间号
                        </view>
                        <view class="info_box_value">
                          : {{ item.info2.room }}
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </block>
            </view>
            <!-- 页数 -->
            <view class="num-page">
              <view class="previous magnify" onTap="historyPreviousFun">上一页</view>
              <view class="total">
                {{historyPagNum}}/{{historyPageSize}}
              </view>
              <view class="next magnify" onTap="historyNextFun">下一页</view>
            </view>
          </view>
        </block>

        <block a:else>
          <!-- 手动输入受访人 -->
          <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>
        </block>

        <!-- 键盘结构 -->
        <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>