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

<ion-view view-title="会员认证">
  <div class="bar bar-header resource_titleWrap" style="background-image: url('./img/TechnologyBroer.png')">
    <i class="icon ion-ios-arrow-left" style="color:#fff;font-size:24px;display:inline-block;padding:10px;"
      ng-click="goToIndex()"></i>
  </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="goToIndex()"></i>-->

  <!--        <h3 class="DockingTheme_h3">{{pageTitle}}</h3>-->
  <!--    </div>-->
  <ion-content ng-class="{'has-header':true,'tech-top':true}" 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=='upload'||list.type=='affiliatedOrg','row-margideclare':list.type=='uploadcard'}"
          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-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 == 'uploadcard'">
            <span ng-if="list.type=='uploadcard'" style="font-size:14px;color:#BFC2D3;">最多支持上传三张图片</span>
          </div>
          <div class="input-box">
            <!--普通输入框-->
            <input ng-if="list.type=='input' &&(node != '330122000' || list.title != '联系方式')"
              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="list.type=='input' && node == '330122000' && list.title == '联系方式'"
              placeholder="{{list.placeholder}}" 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')"
              placeholder="{{list.placeholder}}" ng-disabled="list.type=='select'||list.type=='selectDomain'"
              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')"
              placeholder="请填写挂靠机构" ng-disabled="list.type=='select'||list.type=='selectDomain'" 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'"
              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=='uploadcard'" style="width:95px;background-color: #3B8BD0;padding: 3px"
              ng-click="addImagecard(outerIndex)">
              <a href="" style="font-size: 20px;color: white;text-decoration: none">+</a>
              <span style="font-size:16px;color:white;">添加附件</span>
            </div>
            <!--上传证明材料-->
            <div 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')"
              style="width:100%;">
              <img ng-show="list.doctype==4906" src="img/2018/raw_1533276639.png" style="width:100%;max-width:250px">
              <img ng-show="list.doctype==4907" src="img/2018/raw_1533276601.png" style="width:100%;max-width:250px">
              <a href="" class="upload-add" ng-click="addImage(outerIndex)">+</a>

              <!--<span ng-if="list.remarkType=='normal'" style="font-size:12px;color:#BFC2D3;">每张小于2M,支持JPG/PNG等格式，最多上传5张，请上传清晰、最近的年审的证件扫描件或照片</span>-->
              <span ng-if="list.remarkType=='manage'" ng-click="alertInfo()"
                style="font-size:12px;color:#BFC2D3;">每张小于2M,支持JPG/PNG等格式，最多上传5张。请下载<a href="{{url?url:'javascript:;'}}"
                  download="管理员认证申请公函.docx">《企业认证申请公函》</a>，并加盖企业公章(合同章，财务章无效)后扫描或拍照上传</span>
              <!--<span ng-if="list.remarkType=='add'" style="font-size:12px;color:#BFC2D3;">每张小于2M,支持JPG/PNG等格式，最多上传5张。上传补充证明材料有利于认证审核通过，如奖状、奖杯、聘用书等</span>-->
              <span ng-if="list.remarkType=='add'"
                style="font-size:12px;color:#BFC2D3;">每张小于2M,支持JPG/PNG等格式，最多上传5张</span>
              <span ng-if="list.remarkType=='identify'" style="font-size:12px;color:#BFC2D3;">每张小于2M</span>
            </div>
            <ion-scroll ng-if="list.type=='uploadcard'"
              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>
            </ion-scroll>
            <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">
                <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" accept="image/*" ng-model="changeFile" 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>
                <span ng-click="readCommition()" ng-class="{'submit-mark':true,'bg-blue':readCommit}"><i
                        class="icon ion-checkmark-round"></i></span>
                <span>本人已认真阅读并同意<i style="color: blue" ng-click="goToMyCommit()">《技术经纪人认证承诺书》</i></span>
            </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>
      <!--<div class="submit-section">-->
      <!--<span ng-click="checkNotice()" ng-class="{'submit-mark':true,'bg-blue':isChecked}"><i class="icon ion-checkmark-round"></i></span>-->
      <!--<span>我已同意<a>技术转移云平台官方认证服务协议</a></span>-->
      <!--</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||type==5104)">
            <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">
          <div class="input-title"
            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">
            <ion-scroll ng-if="(list.type=='upload'||list.type=='uploadcard') && list.imagelist.length"
              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>
            <!--普通输入框-->
            <span class="input-title" ng-else
              ng-show="formList[outerIndex-1].type!='toggle'||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')">
              {{list.content}}</span>
          </div>
        </div>
      </div>
      <div class="opinion-section" ng-show="action=='check'&&type==5101">
        <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-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 == -1 ?'拒绝':showReject ==
          1?'认证成功':'退回'}}</span>
        <div ng-show="showReject==-1|| showReject ==-2" style="padding:10px;">原因：{{refusereason}}</div>
        <div class="submit-section" ng-show="showReject==-1|| showReject ==-2">
          <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 ng-if="showReject==1" style="text-align: center;font-size:1.2em;font-weight:bold;">认证成功</span>
        <span ng-if="showReject==-1" style="text-align: center;font-size:1.2em;font-weight:bold;">拒绝</span>
        <div ng-if="showReject==-1" style="padding:10px;">拒绝原因：{{refusereason}}</div>
      </div>
      <div class="opinion-section" ng-if="action=='check'&&type==5104" style="font-size:1em;">
        <span style="padding:10px;">认证结果：</span>
        <span style="text-align: center;font-size:1.2em;font-weight:bold;">退回</span>
        <div style="padding:10px;">退回原因：{{refusereason}}</div>
      </div>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
    </div>
    <!--</ion-content>-->
    <!--<ion-content style="overflow-x:hidden;overflow-y:visible;" class="has-header">-->

  </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.photoName | 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>