www-huanghe/modules/activities/views/activityRelease.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="goBackButton()"></button>
    <h1 class="bar_title" style="color: #fff">{{pageTitle[activePage]}}</h1>
  </div>

  <ion-content class="has-header" scroll="true" delegate-handle="privateContent"
    style="margin:0 auto;max-width:20.5rem;background-color: #f2f2f2;height:auto;">
    <!--<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="edit-apply-form" ng-show="activePage==2">
      <span class="edit-apply-form-title">常用选项</span>
      <div class="select-form-type">
        <ul class="form-config-choice">
          <li ng-repeat="list in configList track by $index" ng-bind="list.text"
            ng-class="{'has-chosen':list.hasChosen}" ng-click="choseList($index)">
            <!--<i class=""></i>-->
          </li>
        </ul>
      </div>
    </div>

    <div class="edit-apply-form" ng-show="activePage==2">
      <!--<span class="edit-apply-form-title">效果预览</span>-->
      <span class="edit-apply-form-title">配置结果</span>
      <ul>
        <li class="edit-list" ng-repeat="item in items track by $index">
          <div>
            <label class="checkbox">
              <input type="checkbox" ng-model="item.isneed" ng-disabled="item.disabled">
              <span ng-show="item.isneed">必填</span>
              <span ng-show="!item.isneed">非必填</span>
            </label>
            <span>{{item.text}}</span>
          </div>
          <div>
            <button class="edit-button icon ion-ios-trash-outline" ng-show="item.showButton"
              ng-click="deletItem($index)"></button>
          </div>
        </li>
      </ul>
    </div>

    <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'&&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)">{{org.name}}</span>
            </li>
          </ul>
          <!--日期-->
          <input ng-if="list.type=='date'" ng-click="openDatePicker('date',outerIndex)"
            style="border:none;display: inline-block;height:100%;line-height:34px;width:49%;border-radius:3px;padding:0 3px;border-right:1px solid #ddd;"
            placeholder="{{list.placeholder}}" ng-model="list.content" />
          <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等格式，最多上传1张</span>
            <span ng-if="list.remarkType=='manage'" ng-click="alertInfo()"
              style="font-size:12px;color:#BFC2D3;">每张小于2M,支持JPG/PNG等格式，最多上传1张。请下载<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等格式，最多上传1张</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="rich-text-box" id="richbox" style="display: none">
      <div ng-show="activePage==1">活动简介</div>
      <textarea ng-show="activePage==1" id="editor" name="editor" style="height: 200px;">

      </textarea>
    </div>

    <!--<div class="task-type-box">-->
    <!--<div>接单类型</div>-->
    <!--<ion-checkbox style='padding-top:10px;padding-bottom:10px;margin:0;font-size:0.35rem;border:none;border-bottom:1px dotted #aaa;' class="item-checkbox-right checkbox-calm" ng-repeat="task in taskType" ng-click="selectOpentype($index)" ng-model="task.checked">-->
    <!--<i class="{{task.class}} task-icon"></i>{{task.itemkey}}-->
    <!--<button class="button button-small  button-icon ion-edit  button-stable edit-address-list" ng-show="releaseToWhoList.length>0&&task.itemvalue==5311"></button>-->
    <!--<div style="margin-top:5px;color:#BFC2D3;" ng-if="task.itemvalue==5311">邀请后一周内只对被邀请人有任务申请和查看权限</div>-->
    <!--</ion-checkbox>-->
    <!--&lt;!&ndash;<div class="address-list">&ndash;&gt;-->
    <!--&lt;!&ndash;<div style="text-align: right;padding:3px;">&ndash;&gt;-->

    <!--&lt;!&ndash;&lt;!&ndash;<button style="font-size:0.4rem" ng-click="closeAddressList()" class="button button-outline button-calm button-small ">close</button>&ndash;&gt;&ndash;&gt;-->
    <!--&lt;!&ndash;</div>&ndash;&gt;-->

    <!--</div>-->
    <!--<div class="selected-invite-person">-->
    <!--<ion-list class="rj-list">-->
    <!--<ion-item class="rj-item" ng-repeat="userItem in releaseToWhoList track by $index">-->
    <!--<div class="rj-contacts-pic">-->
    <!--<img ng-src={{userItem.photo|imgfilter}} onerror="javascript:this.src='./img/admin_picter.jpg';">-->
    <!--</div>-->
    <!--<h2>{{userItem.username}}</h2>-->
    <!--<div class="selected-people" ng-click="deleteSelectedPerson(userItem.userid,$index)">-->
    <!--<i class="icon ion-close-round"></i>-->
    <!--</div>-->
    <!--</ion-item>-->
    <!--</ion-list>-->
    <!--</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()" ng-class="{'submit-button':true,'sbg-blue':isChecked}">提交认证</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>