www-huanghe/modules/activities/views/activityApply.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="gobackToComfrom()"></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" style="border-radius: 0;border-right:1px solid #ccc;" 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.isneed' style="color:red;">*</sup>
          {{list.text}}
          <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||200}}字</small></span>
        </div>
        <div class="input-box">
          <!--普通输入框-->
          <input ng-if="list.type=='input'&&list.inputType!='number'" placeholder="{{list.placeholder}}" ng-change="queryOrgName(outerIndex)" ng-disabled="list.disable" type="text" ng-model="list.content" style="width:100%;border-radius:3px;padding:0 3px;"/>
          <input ng-if="list.type=='input'&&list.inputType=='number'" placeholder="{{list.placeholder}}" ng-change="queryOrgName(outerIndex)" type="number" 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'" 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'" 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,outerIndex)">{{org.name}}</span>
            </li>
          </ul>
          <!--日期-->
          <span ng-if="list.type=='date'" ng-bind="list.content | datesubstring10"  ng-click="openDatePicker('date',outerIndex)" style="display: inline-block;height:100%;line-height:34px;width:49%;border-radius:3px;padding:0 3px;border-right:1px solid #ddd;" ng-model="list.content"></span>
          <span ng-if="list.type=='date'" ng-bind="list.timeContent"  ng-click="openDatePicker('time',outerIndex)" style="display: inline-block;height:100%;line-height:34px;width:49%;border-radius:3px;padding:0 3px;border-right:1px solid #ddd;vertical-align: middle" ng-model="list.timeContent"></span>
          <!--输入框-->
          <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 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>

          <span ng-if="list.type=='configurablePages'" ng-click="goToInput(outerIndex)" style="display: inline-block;height:100%;line-height:34px;width:90%;padding:0 3px;border: 1px solid #96D6FD;border-radius: 5px;text-align: center;cursor:pointer;" ng-model="list.content" ng-bind="list.buttonText"></span>


        </div>
      </div>
    </div>
    <!--富文本-->
    <div class="rich-text-box">
      <div ng-show="activePage==1">活动简介</div>
      <div ng-show="activePage==1" id="editor">
        <!--<button ng-click="getContent()">获取html</button>-->
        <!--<button ng-click="getContent2()">获取text</button>-->
      </div>
    </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>
  <div class="submit-section button-fixed">
    <div>
      <button ng-click="submitForm()" class="submit-button sbg-blue">提交报名</button>
      <!--<button class="submit-button sbg-blue" ng-class="{'submit-button2':activePage!=0}" ng-show="activePage!=0" ng-click="goToPrePage()">上 一 步</button>-->
      <!--<button class="submit-button sbg-blue" ng-class="{'submit-button2':activePage!=0}" ng-show="activePage!=2" ng-click="goToNextPage()">下 一 步</button>-->
      <!--<button class="submit-button sbg-blue" ng-class="{'submit-button2':activePage!=0}" ng-show="activePage==2" ng-click="submitActivities()">发 布</button>-->
    </div>
  </div>
  <div class="time-picker-mask" ng-show="showTimePicker">
    <div class="time-picker-box">
      <div class="time-picker-box-title">选择时间</div>
      <div>
        <div class="time-picker-section">
          <div>时</div>
          <select ng-model="selectedHour">
            <option  ng-repeat="hour in hours" value="{{hour}}" ng-bind="hour"></option>
          </select>
        </div>
        <div class="time-picker-section">
          <div>分</div>
          <select  ng-model="selectedMinute">
            <option ng-repeat="second in minutes" value="{{second}}" ng-bind="second"></option>
          </select>
        </div>
      </div>
      <div>
        <button class="submit-button sbg-blue submit-button3" ng-click="getTime()">确定</button>
        <button class="submit-button sbg-blue submit-button3" ng-click="getNowTime()">现在</button>
        <button class="submit-button sbg-blue submit-button3" ng-click="clearTime()">清空</button>
      </div>

    </div>
  </div>
</ion-view>

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