www-huanghe/modules/account/views/identifyForm.html

<ion-view view-title="会员认证">
  <div class="bar bar-header resource_titleWrap" ng-if="code==4801&&type==5100"
    style="background-image: url('./img/technical_broker_apply.png')">
    <!--<div class="button button-icon icon  pus_blue" ng-click="goback()"></div>-->
    <i class="icon ion-ios-arrow-left" style="color:#fff;font-size:24px;display:inline-block;padding:10px;"
      ng-click="goback()"></i>
    <!--<button class="button button-icon icon ion-chevron-left" style="color:#fff;font-size:16px;" ng-click="goback()"></button>-->
  </div>
  <!--<div class="bar bar-header" ng-if="code!=4801">-->
  <!--<div class="button button-icon icon  pus_blue" ng-click="goback()"></div>-->
  <!--<button class="button button-icon  icon goback" ng-click="goback()"></button>-->
  <!--<h3 class="DockingTheme_h3">{{pageTitle}}</h3>-->
  <!--</div>-->
  <div class="bar bar-header bar-header-blue" ng-if="!(code==4801&&type==5100)">
    <i class="icon ion-ios-arrow-left" style="color:#fff;font-size:24px;display:inline-block;padding:10px;"
      ng-click="goback()"></i>

    <h3 class="DockingTheme_h3">{{pageTitle}}</h3>
  </div>
  <ion-content ng-class="{'has-header':true,'tech-top':code==4801&&type==5100}"
    style="margin:0 auto;max-width:20.5rem;">
    <div ng-if="showNew">
      <div class="status-section">
        <ul class="status-bar-top">
          <li class="status-circle status-blue">
            <i class=" icon ion-android-done"></i>
            <div>认证</div>
            <div class="status-divider"></div>
          </li>
          <li class="status-circle status-gray">
            <i class=" icon ion-android-done"></i>
            <div>审核</div>
            <div class="status-divider"></div>
          </li>
          <li class="status-circle status-gray">
            <i class=" icon ion-android-done"></i>
            <div>审核结果</div>
          </li>
        </ul>
      </div>
      <div ng-if="code==4800" class="personal-notice">
        <div class="notice-box" ng-repeat="notice in personalNotices">
          <div class="notice-title">
            <i
              ng-class="{'notice-image':true,'image1':notice.image=='1','image2':notice.image=='2','image2':notice.image=='2'}"></i>
            {{notice.title}}
          </div>
          <div ng-repeat="noticeItem in notice.item" class="notice-item">
            {{noticeItem}}
          </div>
        </div>
      </div>
      <div class="form-box">
        <div ng-repeat="list in formList" ng-init="outerIndex=$index"
          ng-class="{'hole-row':true,'row-margin':list.type=='affiliatedOrg','row-margideclare':list.type=='upload'}"
          ng-click="selectItems(outerIndex)"
          ng-show="formList[outerIndex-1].type!='toggle'||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='10501')">
          <div class="input-title" ng-if="list.type !='upload'"
            ng-show="formList[outerIndex-1].type!='toggle'||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='10501')">
            <sup ng-if='list.needed' style="color:red;">*</sup>{{list.title}}
          </div>
          <div class="input-title" style="width: 100%;padding: 0 10px" ng-if="list.type =='upload'"
            ng-show="formList[outerIndex-1].type!='toggle'||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='10501')">
            <sup ng-if='list.needed' style="color:red;">*</sup>{{list.title}}
          </div>
          <div style="margin-right: 5px;width: 100%;padding: 0 10px" ng-if="list.type == 'upload'">
            <span ng-if="list.type=='upload'&&list.remarkType=='normal'"
              style="font-size:14px;color:#BFC2D3;">拍照或扫描后上传，最多上传9张</span>
            <span ng-if="list.type=='upload'&&list.remarkType=='add'" ng-click="alertInfo()"
              style="font-size:14px;color:#BFC2D3;">拍照或扫描后上传，最多上传9张</span>
            <!--<span ng-if="list.remarkType=='add'" style="font-size:12px;color:#BFC2D3;">每张小于2M,支持JPG/PNG等格式，最多上传5张。上传补充证明材料有利于认证审核通过，如奖状、奖杯、聘用书等</span>-->
            <span ng-if="list.type=='upload'&&list.remarkType=='manage'" style="font-size:14px;color:#BFC2D3;">请下载
              <a ng-href="{{downloadlink+'group3/M00/0B/20/wKgBd17wKceAFguOAAA78hJ6yQA37.docx'}}" download="《机构管理员申请公函》"
                ng-if="node==330122000">《机构管理员申请公函》</a>
              <a ng-href="{{downloadlink+'group3/M00/0B/20/wKgBd17wKceAFguOAAA78hJ6yQA38.docx'}}" download="《机构管理员申请公函》"
                ng-if="node==320117400">《机构管理员申请公函》</a>
              ，并加盖企业公章后扫描或拍照上传。
            </span>
            <span ng-if="list.remarkType=='identify'" style="font-size:12px;color:#BFC2D3;">每张小于2M</span>
          </div>
          <div class="input-box" ng-class="{'declarewidth':list.type=='upload'}">
            <!--普通输入框-->
            <input ng-if="list.type=='input'" placeholder="{{list.placeholder}}" ng-change="queryOrgName(outerIndex)"
              type="text" ng-model="list.content" style="width:100%;border-radius:3px;padding:0 3px;" />
            <input
              ng-if="brokernode != '330122000' && (list.type=='select'||list.type=='selectDomain'||list.type=='affiliatedOrg' || list.type=='selectorgtype' || list.type=='selectorgscale')"
              placeholder="{{list.placeholder}}"
              ng-disabled="list.type=='select'||list.type=='selectDomain' || list.type=='selectorgtype'|| list.type=='selectorgscale'"
              type="text" ng-model="list.content" style="width:100%;border-radius:3px;padding:0 3px;" />
            <input
              ng-if="brokernode == '330122000' && (list.type=='select'||list.type=='selectDomain'||list.type=='affiliatedOrg' || list.type=='selectorgtype'|| list.type=='selectorgscale')"
              placeholder="请填写挂靠机构"
              ng-disabled="list.type=='select'||list.type=='selectDomain' || list.type=='selectorgtype'|| list.type=='selectorgscale'"
              type="text" ng-model="list.content" style="width:100%;border-radius:3px;padding:0 3px;" />
            <!-- 选择项目箭头 -->
            <i ng-if="list.type=='select'||list.type=='selectDomain'||list.type=='affiliatedOrg' || list.type=='selectorgtype'|| list.type=='selectorgscale'"
              class=" ion-ios-arrow-down position-fix"></i>
            <!-- 模糊查询下拉列表 -->
            <ul ng-show="list.fuzzyQuery&&isRelateUl" class="isRelateUl" style="overflow: visible;margin-left:5%">
              <li ng-repeat="org in orgList track by $index" style="overflow: visible;">
                <span ng-bind-html="ttt(org.name)" ng-click="setOrgName(org)">{{org.name}}</span>
              </li>
            </ul>
            <!--选择地区-->
            <ul ng-if="list.type=='selectArea'">
              <li ng-class="{'drop-down-box':true,'area-app':app}" ng-repeat="arealist in areaDropDown"
                ng-init="innerIndex=$index" ng-click="showAreaList(innerIndex,outerIndex,areaDropDown,'area')">
                <i class="drop-down-icon icon ion-arrow-down-b"></i>
                <input type="text" placeholder="{{arealist.title}}" disabled ng-model="arealist.selectName"
                  style="width:100%;border-radius:3px;padding:0 3px;" />
              </li>
            </ul>
            <div ng-if="list.type=='upload'" style="width:95px;background-color: #3B8BD0;padding: 3px"
              ng-click="addImage(outerIndex)">
              <a href="" style="font-size: 20px;color: white;text-decoration: none">+</a>
              <span style="font-size:16px;color:white;">添加附件</span>

            </div>
            <ion-scroll ng-if="list.type=='upload'"
              ng-show="(list.imagelist.length>0&&formList[outerIndex-1].type!='toggle')||list.imagelist.length>0&&((formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='10501'))"
              scroll="true" has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage"
              class="photo_div" style="margin-right:10px;overflow-x:hidden;overflow-y:hidden;height: auto">
              <div ng-repeat="image in list.imageSaveList track by $index" ng-init="imageIndex=$index">
                <span ng-bind="image.title" style="width:100%;height:85px;color:#8C8E9B" class="back-img"
                  ng-click="shouBigImage(list.imageSaveList, $index)"></span>
                <span style="padding-left: 20px;color:#3B8BD0;" ng-click="deletePhoto(imageIndex,outerIndex)">删除</span>
                <br>
              </div>
              <!--<a class="photo_img" ng-repeat="image in list.imagelist track by $index"-->
              <!--ng-init="imageIndex=$index">-->
              <!--<img ng-src="{{image.photoName | picturefilter}}" style="width:100%;height:85px;"-->
              <!--class="back-img"/>-->
              <!--<span class="photo_delect delect_cammer"-->
              <!--ng-click="deletePhoto(imageIndex,outerIndex)"></span>-->
              <!--</a>-->
            </ion-scroll>
            <input type="file" name="file" id="file" multiple style="display:none" />
            <!-- 切换开关 -->
            <ion-toggle ng-if="list.type=='toggle'" ng-model="list.togglecontent"
              style="position:absolute;top:-10px;left:0;width:70px; border: none;height: 48px;line-height: 48px;padding:0;font-size: 100%;color: #000;"
              ng-change="watchIsChange(outerIndex)" ng-checked="list.togglecontent">
              <!-- <span style="font-size:12px;color:#aaa">{{tmp.togglecontent?"是":"否"}}</span> -->
              <span style="right:0" class="isactiveInfoWrap">{{list.togglecontent?"是":"否"}}</span>
            </ion-toggle>
          </div>
        </div>
      </div>
      <div class="submit-section">
        <!--<button ng-click="submitForm()" ng-class="{'submit-button':true,'sbg-blue':isChecked}">提交认证</button>-->
        <button ng-click="submitForm()" class="submit-button sbg-blue">提 交 认 证</button>
      </div>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
    </div>
    <div ng-if="showHistory">
      <div class="status-section">
        <ul class="status-bar-top">
          <li class="status-circle status-blue">
            <i class=" icon ion-android-done"></i>
            <div>认证</div>
            <div class="status-divider"></div>
          </li>
          <li class="status-circle status-blue">
            <i class=" icon ion-android-done"></i>
            <div>审核</div>
            <div class="status-divider"></div>
          </li>
          <li class="status-circle status-gray" ng-show="!showFinish">
            <i class=" icon ion-android-done"></i>
            <div>审核结果</div>
          </li>
          <li class="status-circle status-blue" ng-show="showFinish&&type==5102">
            <i class=" icon ion-android-done"></i>
            <div>认证成功</div>
          </li>
          <li class="status-circle status-blue" ng-show="showFinish&&type==5103">
            <i class=" icon ion-android-done"></i>
            <div>认证失败</div>
          </li>
        </ul>
      </div>
      <div class="form-box">
        <div class="hole-row" ng-repeat="list in formList" ng-init="outerIndex=$index"
          ng-class="{'row-margin':list.type=='affiliatedOrg','row-margideclare':list.type=='upload'}">
          <div class="input-title" ng-if="list.type !='upload'"
            ng-show="formList[outerIndex-1].type!='toggle'||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')">
            <sup ng-if='list.needed' style="color:red;">*</sup>{{list.title}}
          </div>
          <div class="input-title" style="width: 100%;padding: 0 10px" ng-if="list.type =='upload'"
            ng-show="formList[outerIndex-1].type!='toggle'||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')">
            <sup ng-if='list.needed' style="color:red;">*</sup>{{list.title}}
          </div>
          <div class="input-box">
            <!--普通输入框-->
            <span class="input-title" ng-if="list.type != 'upload'"
              ng-show="formList[outerIndex-1].type!='toggle'||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')">{{list.content}}</span>
            <div ng-if="list.type == 'upload'">
              <a style="padding-bottom: 50px;" ng-repeat="image in list.imagelist track by $index"><br>
                <span ng-bind="image.title" style="width:100%;height:85px;padding-left: 2%;padding-right: 2%;"
                  ng-click="shouBigImage(list.imagelist, $index)"></span>
              </a>
            </div>

            <!--<ion-scroll ng-if="list.type=='upload'"-->
            <!--ng-show="(list.imagelist.length>0&&formList[outerIndex-1].type!='toggle')||list.imagelist.length>0&&((formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='10501'))"-->
            <!--scroll="true" has-bouncing="true" direction="x" scrollbar-x="false"-->
            <!--delegate-handle="scrollimage" class="photo_div"-->
            <!--style="margin-right:10px;overflow-x:hidden;overflow-y:hidden;">-->
            <!--<a class="photo_img" ng-repeat="image in list.imagelist track by $index"-->
            <!--ng-init="imageIndex=$index" ng-click="shouBigImage(imageIndex,outerIndex)">-->
            <!--<img ng-src="{{image.photoName | picturefilter}}" style="width:100%;height:85px;"-->
            <!--class="back-img"/>-->
            <!--</a>-->
            <!--</ion-scroll>-->
          </div>
        </div>
      </div>
      <div class="opinion-section" ng-show="action=='check'&&type==5101" ng-if="node== '330122000'">
        <div>平台审核</div>
        <div style="margin:10px 0;">
          <span style="margin-right:10px;">申请人</span>
          <span>{{checkData.username}}</span>
        </div>
        <div style="margin:10px 0;">
          <span ng-click="agreeClick()" ng-class="{'submit-mark':true,'bg-blue':agree==1}"><i
              class="icon ion-checkmark-round"></i></span>
          <span>通过</span>
        </div>
        <div style="margin:10px 0;">
          <span ng-click="rollClick()" ng-class="{'submit-mark':true,'bg-blue':agree==-2}"><i
              class="icon ion-checkmark-round"></i></span>
          <span>退回</span>
        </div>
        <textarea ng-show="agree==-2" ng-model="checkData.refusereason" placeholder="请填写退回理由" rows="3"
          style="border:1px solid #ddd;border-radius:5px;width:100%;padding:3px 5px;"></textarea>
        <div style="margin:10px 0;">
          <span ng-click="rejectClick()" ng-class="{'submit-mark':true,'bg-blue':agree==-1}"><i
              class="icon ion-checkmark-round"></i></span>
          <span>拒绝</span>
        </div>
        <textarea ng-show="agree==-1" ng-model="checkData.refusereason" placeholder="请填写拒绝理由" rows="3"
          style="border:1px solid #ddd;border-radius:5px;width:100%;padding:3px 5px;"></textarea>
        <div class="submit-section">
          <button ng-click="submitCheck()" ng-class="{'submit-button':true,'sbg-blue':true}">提 交 审 核</button>
        </div>
      </div>
      <div class="opinion-section" ng-show="action=='check'&&type==5101" ng-if="node!= '330122000'">
        <div>平台审核</div>
        <div style="margin:10px 0;">
          <span style="margin-right:10px;">申请人</span>
          <span>{{checkData.username}}</span>
        </div>
        <div style="margin:10px 0;">
          <span ng-click="agreeClick()" ng-class="{'submit-mark':true,'bg-blue':agree}"><i
              class="icon ion-checkmark-round"></i></span>
          <span>通过</span>
        </div>
        <div style="margin:10px 0;">
          <span ng-click="rejectClick()" ng-class="{'submit-mark':true,'bg-blue':!agree}"><i
              class="icon ion-checkmark-round"></i></span>
          <span>拒绝</span>
        </div>
        <textarea ng-show="!agree" ng-model="checkData.refusereason" placeholder="请填写拒绝理由" rows="3"
          style="border:1px solid #ddd;border-radius:5px;width:100%;padding:3px 5px;"></textarea>
        <div class="submit-section">
          <button ng-click="submitCheck()" ng-class="{'submit-button':true,'sbg-blue':true}">提 交 审 核</button>
        </div>
      </div>

      <div class="opinion-section" ng-if="action=='submit'" ng-show="!showFinish"
        style="text-align: center;font-size:1.2em;font-weight:bold;margin-bottom:50px;">信息审核中，请耐心等待...
      </div>
      <div class="opinion-section" ng-if="action=='submit'" ng-show="showFinish" style="font-size:1em;">
        <span style="padding:10px;">认证结果：</span>
        <span style="text-align: center;font-size:1.2em;font-weight:bold;">{{showReject?'认证失败':'认证成功'}}</span>
        <!--
        <div ng-show="showReject" style="padding:10px;">认证失败原因：{{refusereason}}</div>
-->
        <div class="submit-section" ng-show="showReject">
          <button ng-click="reSubmit()" ng-class="{'submit-button':true,'sbg-blue':true}">编 辑 并 重 新 提 交
          </button>
        </div>
      </div>
      <div class="opinion-section" ng-if="action=='check'&&type==5103" style="font-size:1em;">
        <span style="padding:10px;">认证结果：</span>
        <span style="text-align: center;font-size:1.2em;font-weight:bold;">{{showReject?'认证失败':'认证成功'}}</span>
        <!--
        <div ng-show="showReject" style="padding:10px;">认证失败原因：{{refusereason}}</div>
-->
      </div>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
    </div>
  </ion-content>

  <!--需求图片放大区域-->
  <div ng-show="bigImage" class="popover-backdrop">
    <ion-slide-box auto-play="false" does-continue="false" show-pager="true" delegate-handle="slide_detail">
      <ion-slide ng-repeat="image in imagelist track by $index" style="background-color:#000;">
        <button class="pswp_button_arrow" ng-click="hideBigImage()">&times;</button>
        <div class="pinch-zoom" style="width: 100%;height: 100%">
          <img class="img-responsive bigimage" style="overflow: auto" src="{{image.originalName | picturefilter}}"
            ng-click="hideBigImage()" />
        </div>
      </ion-slide>
    </ion-slide-box>
  </div>
  <div ng-if="isWechat" ng-show="showMessage" class="container">
    <div class="message-box">{{messageTitle}}</div>
  </div>
</ion-view>
<style>

</style>