闫增涛
2024-09-19 d7e794685c439cb820259813b5e826a0ea218914
packageDomain/pages/teacherCertification/index.wxml
@@ -1,123 +1,246 @@
<view class="container" style="height:calc(100vh + {{keyboardHeight ? (keyboardHeight + 'px'):'0'}});padding-bottom:calc(180rpx +  {{keyboardHeight ?  120 + 'px':0}}) ">
  <scroll-view class="scroll content" scroll-y>
    <view class="tips" wx:if="{{!skeletonLoding}}"> 仅限学校本课程任课教师申请;请上传有效在职教师工作证将有助于审核。 </view>
    <view class="page-body" wx:if="{{!skeletonLoding}}">
      <view class=" baseInfoBox">
        <view class="from-item">
          <view class="label"> <text class="empty"></text>当前状态: </view>
          <view class="stateBox">
            <text class="wait" wx:if="{{teacherInfo.state == 'WaitAudit'}}">等待审核</text>
            <text class="yes" wx:if="{{teacherInfo.state == 'Normal'}}">已认证</text>
            <text class="no" wx:if="{{teacherInfo.state == 'Reject'}}">已驳回</text>
            <text class="wait" wx:if="{{teacherInfo.state == ''}}">待认证</text>
            <view class="reasonTxt" bindtap="previewReason" wx:if="{{teacherInfo.state == 'Reject'}}">查看原因</view>
          </view>
        </view>
        <view class="from-item">
          <view class="label"> <text class="icon">*</text>学校: </view>
          <view class="item-content">
            <t-input placeholder="请输入学校" borderless value="{{teacherInfo.schoolName}}" disabled="{{!editState}}" bindchange="onSchoolNameInput" />
          </view>
        </view>
        <view class="from-item">
          <view class="label"> <text class="icon">*</text>真实姓名: </view>
          <view class="item-content">
            <t-input placeholder="请输入真实姓名" borderless value="{{teacherInfo.fullName}}" disabled="{{!editState}}" bindchange="onFullNameInput" />
          </view>
        </view>
        <view class="from-item">
          <view class="label"> <text class="empty"></text>职称: </view>
          <view class="item-content state" wx:if="{{editState}}">
            <t-cell arrow note="{{teachText}}" bind:click="onTeachPicker" />
            <t-picker visible="{{teachVisible}}" value="{{teacherInfo.positionalTitle}}" title="选择职称" cancelBtn="取消" confirmBtn="确认" bindchange="onPickerChange" bindcancel="onPickerCancel">
              <t-picker-item options="{{teachPosts}}" />
            </t-picker>
          </view>
          <view class="item-content" wx:if="{{!editState}}">
            <t-cell arrow note="{{teachText}}" />
          </view>
        </view>
        <view class="from-item">
          <view class="label"> <text class="icon">*</text>任教课程: </view>
          <view class="item-content">
            <t-input placeholder="请输入任教课程" borderless value="{{teacherInfo.courseName}}" bindchange="onCourseNameInput" disabled="{{!editState}}" />
          </view>
        </view>
        <view class="from-item">
          <view class="label"> <text class="icon">*</text>手机号: </view>
          <view class="item-content">
            <t-input placeholder="输入手机号码" borderless value="{{teacherInfo.phone}}" type="number" tips="{{phoneError ? '手机号输入不正确' : ''}}" bindchange="onPhoneInput" disabled="{{!editState}}" />
          </view>
        </view>
        <view class="from-item form-input-6">
          <view class="label"> <text class="empty"></text>座机: </view>
          <view class="item-content">
            <t-input placeholder="输入座机号" borderless value="{{teacherInfo.telphone}}" tips="{{telphoneError ? '座机号输入不正确' : ''}}" bindchange="onTelphoneInput" disabled="{{!editState}}" adjust-position="{{isIos?false:true}}" bindkeyboardheightchange="bindkeyboardheightchange" bindblur="changeParam" data-class="form-input-7" />
          </view>
        </view>
        <view class="from-item form-input-7">
          <view class="label"> <text class="icon">*</text>邮箱: </view>
          <view class="item-content">
            <t-input placeholder="输入邮箱" borderless value="{{teacherInfo.email}}" tips="{{emailError ? '邮箱输入不正确' : ''}}" bindchange="onEmailInput" disabled="{{!editState}}" adjust-position="{{isIos?false:true}}" bindkeyboardheightchange="bindkeyboardheightchange" bindblur="changeParam" data-class="form-input-7" />
          </view>
        </view>
        <view class="from-item form-input-8">
          <view class="label"> <text class="icon">*</text>详细地址: </view>
          <view class="item-content">
            <t-input placeholder="请输入详细地址" borderless value="{{teacherInfo.detailedAddress}}" bindchange="onAddressInput" disabled="{{!editState}}" adjust-position="{{isIos?false:true}}" bindkeyboardheightchange="bindkeyboardheightchange" bindblur="changeParam" data-class="form-input-8" />
          </view>
        </view>
      </view>
      <view class="fileInfoBox">
        <view class="from-item">
          <view class="label"> <text class="icon">*</text>在职教师工作证: </view>
          <view class="imageBox">
            <view class="weui-uploader">
              <view class='pics' wx:for="{{imgPics}}" wx:for-item="item" wx:key="*this">
                <image class='weui-uploader__img' src="{{item.url}}" data-index="{{index}}" mode="aspectFill" bindtap="previewImg">
                  <icon type='cancel' class="delete-btn" data-index="{{index}}" catchtap="deleteImg" wx:if="{{editState}}"></icon>
                </image>
              </view>
              <view class="tp_cont {{tj_ycang?'':'hide'}}" bindtap="chooseImg" wx:if="{{editState}}">
                <view class="tp_add">+</view>
              </view>
            </view>
          </view>
          <view class="fileTip">
            教务处盖章文件、校工卡皆可(不超过5个文件)
          </view>
        </view>
      </view>
      <view class="protocolBox">
        <t-checkbox label="" icon="rectangle" checked="{{teacherInfo.agree}}" bind:change="onChange" disabled="{{!editState}}" />
        <text class="wait" bind:tap="viewContent">《教师认证服务条款》</text>
      </view>
      <view class="btn-area" wx:if="{{editState}}">
        <button class="submit" bindtap="submit">提交</button>
<view class="tips" wx:if="{{!skeletonLoding}}">
  仅限学校本课程任课教师申请;请上传有效在职教师工作证将有助于审核。
</view>
<view class="page-body" wx:if="{{!skeletonLoding}}">
  <view class="baseInfoBox">
    <view class="from-item">
      <view class="label"> <text class="empty"></text>当前状态: </view>
      <view class="stateBox">
        <text class="wait" wx:if="{{teacherInfo.state == 'WaitAudit'}}"
          >等待审核</text
        >
        <text class="yes" wx:if="{{teacherInfo.state == 'Normal'}}"
          >已认证</text
        >
        <text class="no" wx:if="{{teacherInfo.state == 'Reject'}}">已驳回</text>
        <text class="wait" wx:if="{{teacherInfo.state == ''}}">待认证</text>
        <view
          class="reasonTxt"
          bindtap="previewReason"
          wx:if="{{teacherInfo.state == 'Reject'}}"
          >查看原因</view
        >
      </view>
    </view>
  </scroll-view>
  <view class="popupBox">
    <t-popup visible="{{protocolShow}}" bind:visible-change="onVisibleChange" placement="center">
      <view class="block">
        <view class="protocol">
          <rich-text space="emsp" nodes="{{protocolTxt}}" class="content" />
        </view>
        <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="onCloseProtocol" />
    <view class="from-item">
      <view class="label"> <text class="icon">*</text>学校: </view>
      <view class="item-content">
        <t-input
          placeholder="请输入学校"
          borderless
          value="{{teacherInfo.schoolName}}"
          disabled="{{!editState}}"
          bindchange="onSchoolNameInput"
          adjust-position="{{false}}"
        />
      </view>
    </t-popup>
    <t-popup visible="{{reasonTxtShow}}" bind:visible-change="onVisibleChange" placement="center">
      <view class="reasonBlock">
        <view class="blick-header">
          驳回原因
        </view>
        <view class="reasonBox">
          {{reasonTxt}}
        </view>
        <t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="onCloseReasonTxt" />
    </view>
    <view class="from-item">
      <view class="label"> <text class="icon">*</text>真实姓名: </view>
      <view class="item-content">
        <t-input
          placeholder="请输入真实姓名"
          borderless
          value="{{teacherInfo.fullName}}"
          disabled="{{!editState}}"
          bindchange="onFullNameInput"
          adjust-position="{{false}}"
        />
      </view>
    </t-popup>
    </view>
    <view class="from-item">
      <view class="label"> <text class="empty"></text>职称: </view>
      <view class="item-content state" wx:if="{{editState}}">
        <t-cell arrow note="{{teachText}}" bind:click="onTeachPicker" />
        <t-picker
          visible="{{teachVisible}}"
          value="{{teacherInfo.positionalTitle}}"
          title="选择职称"
          cancelBtn="取消"
          confirmBtn="确认"
          bindchange="onPickerChange"
          bindcancel="onPickerCancel"
          adjust-position="{{false}}"
        >
          <t-picker-item options="{{teachPosts}}" />
        </t-picker>
      </view>
      <view class="item-content" wx:if="{{!editState}}">
        <t-cell arrow note="{{teachText}}" />
      </view>
    </view>
    <view class="from-item">
      <view class="label"> <text class="icon">*</text>任教课程: </view>
      <view class="item-content">
        <t-input
          placeholder="请输入任教课程"
          borderless
          value="{{teacherInfo.courseName}}"
          bindchange="onCourseNameInput"
          disabled="{{!editState}}"
          adjust-position="{{false}}"
        />
      </view>
    </view>
    <view class="from-item">
      <view class="label"> <text class="icon">*</text>手机号: </view>
      <view class="item-content">
        <t-input
          placeholder="输入手机号码"
          borderless
          value="{{teacherInfo.phone}}"
          type="number"
          tips="{{phoneError ? '手机号输入不正确' : ''}}"
          bindchange="onPhoneInput"
          disabled="{{!editState}}"
          adjust-position="{{false}}"
        />
      </view>
    </view>
    <view class="from-item form-input-6">
      <view class="label"> <text class="empty"></text>座机: </view>
      <view class="item-content">
        <t-input
          placeholder="输入座机号"
          borderless
          value="{{teacherInfo.telphone}}"
          tips="{{telphoneError ? '座机号输入不正确' : ''}}"
          bindchange="onTelphoneInput"
          disabled="{{!editState}}"
          bindkeyboardheightchange="bindkeyboardheightchange"
          bindblur="changeParam"
          data-class="form-input-7"
          adjust-position="{{false}}"
        />
      </view>
    </view>
    <view class="from-item form-input-7">
      <view class="label"> <text class="icon">*</text>邮箱: </view>
      <view class="item-content">
        <t-input
          placeholder="输入邮箱"
          borderless
          value="{{teacherInfo.email}}"
          tips="{{emailError ? '邮箱输入不正确' : ''}}"
          bindchange="onEmailInput"
          disabled="{{!editState}}"
          bindkeyboardheightchange="bindkeyboardheightchange"
          bindblur="changeParam"
          data-class="form-input-7"
          adjust-position="{{false}}"
        />
      </view>
    </view>
    <view class="from-item form-input-8">
      <view class="label"> <text class="icon">*</text>详细地址: </view>
      <view class="item-content">
        <t-input
          placeholder="请输入详细地址"
          borderless
          value="{{teacherInfo.detailedAddress}}"
          bindchange="onAddressInput"
          disabled="{{!editState}}"
          adjust-position="{{false}}"
          bindkeyboardheightchange="bindkeyboardheightchange"
          bindblur="changeParam"
          data-class="form-input-8"
        />
      </view>
    </view>
  </view>
  <view class="fileInfoBox">
    <view class="from-item">
      <view class="label"> <text class="icon">*</text>在职教师工作证: </view>
      <view class="imageBox">
        <view class="weui-uploader">
          <view
            class="pics"
            wx:for="{{imgPics}}"
            wx:for-item="item"
            wx:key="*this"
          >
            <image
              class="weui-uploader__img"
              src="{{item.url}}"
              data-index="{{index}}"
              mode="aspectFill"
              bindtap="previewImg"
            >
              <icon
                type="cancel"
                class="delete-btn"
                data-index="{{index}}"
                catchtap="deleteImg"
                wx:if="{{editState}}"
              ></icon>
            </image>
          </view>
          <view
            class="tp_cont {{tj_ycang?'':'hide'}}"
            bindtap="chooseImg"
            wx:if="{{editState}}"
          >
            <view class="tp_add">+</view>
          </view>
        </view>
      </view>
      <view class="fileTip"> 教务处盖章文件、校工卡皆可(不超过5个文件) </view>
    </view>
  </view>
  <view class="protocolBox">
    <t-checkbox
      label=""
      icon="rectangle"
      checked="{{teacherInfo.agree}}"
      bind:change="onChange"
      disabled="{{!editState}}"
    />
    <text class="wait" bind:tap="viewContent">《教师认证服务条款》</text>
  </view>
  <view
    class="btn-area"
    wx:if="{{editState}}"
    style="padding-bottom: {{keyboardHeight ? keyboardHeight + 'rpx' : '20rpx'}}"
  >
    <button class="submit" bindtap="submit">提交</button>
  </view>
</view>
<view class="popupBox">
  <t-popup
    visible="{{protocolShow}}"
    bind:visible-change="onVisibleChange"
    placement="center"
  >
    <view class="block">
      <view class="protocol">
        <rich-text space="emsp" nodes="{{protocolTxt}}" class="content" />
      </view>
      <t-icon
        t-class="close-btn"
        name="close-circle"
        size="32"
        color="#fff"
        bind:tap="onCloseProtocol"
      />
    </view>
  </t-popup>
  <t-popup
    visible="{{reasonTxtShow}}"
    bind:visible-change="onVisibleChange"
    placement="center"
  >
    <view class="reasonBlock">
      <view class="blick-header"> 驳回原因 </view>
      <view class="reasonBox"> {{reasonTxt}} </view>
      <t-icon
        t-class="close-btn"
        name="close-circle"
        size="32"
        color="#fff"
        bind:tap="onCloseReasonTxt"
      />
    </view>
  </t-popup>
</view>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{skeletonLoding}}" />
<template is="skeleton" wx:if="{{skeletonLoding}}" />