www-huanghe/modules/activities/views/dockingInput.html

<ion-view style="background-color:#fff" title="对接录入">
  <div class="bar bar-header bar-header-blue">
    <div class="button button-icon icon  pus_blue"></div>
    <button class="button button-icon  icon goback whiteGoBack noneContent"  ng-click="goback()"></button>
    <h1 class="bar_title" style="color: #fff">对接录入</h1>
  </div>

  <ion-content class="has-header" scroll="true" delegate-handle="privateContent" style="margin:0 auto;max-width:20.5rem;background-color: #f2f2f2">
    <!--<ion-refresher pulling-text="" on-refresh="refreshData()" class="home_refresh  tabs_refresh" refreshing-text="" pulling-icon-color="#3385ff" refreshing-icon="ion-checkmark-circled" refreshing-icon-color="#3385ff"></ion-refresher>-->

    <div class="form-box">
      <div ng-repeat="list in formList" ng-init="outerIndex=$index" ng-class="{'hole-row':true,'row-margin':list.rowMargin}"  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}}
          <span ng-if="list.type=='textarea'" style="width:100%;padding-left:5px;padding-top:5px;"><br><small style="color:#aaa;font-size: 12px;margin-left:3px;">≤{{list.maxlength}}字</small></span>
        </div>
        <div class="input-box">
          <!--普通输入框-->
          <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="list.type=='select'||list.type=='selectDomain'||list.type=='affiliatedOrg'||list.type=='companyTaskSelect'" 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;"/>
          <!-- 选择项目箭头 -->
          <i ng-if="list.type=='select'||list.type=='selectDomain'||list.type=='affiliatedOrg'||list.type=='companyTaskSelect'" 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>
          <!--输入框-->
          <textarea ng-if="list.type=='textarea'" class="add_list_txt" ng-model="list.content" placeholder="{{list.placeholder}}" style="font-size:12px;display:inline-block;vertical-align: top;width:100%;padding:5px 0;margin-top:0;border-bottom:none;" ></textarea>
          <!--选择地区-->
          <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 class="lable-box" ng-if="list.recommend">
            {{list.recommend}}：<span ng-repeat="label in list.recommendLable" ng-bind="label" ng-click="selectLable(outerIndex,label)"></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=='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=='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 class="submit-section row-margin">
      <!--<button ng-click="submitForm()" ng-class="{'submit-button':true,'sbg-blue':isChecked}">提交认证</button>-->
      <button ng-click="submitTaskDocking()" class="submit-button sbg-blue">提交录入</button>
    </div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
  </ion-content>
  <div ng-if="isWechat" ng-show="showMessage" class="container">
    <span class="message-box">{{messageTitle}}</span>
  </div>
</ion-view>

<style>
  .checkbox input, .checkbox-icon{
    opacity: 1 !important;
  }
</style>