www-huanghe/modules/component/template/inputForm.html

<ul class="add_list_ul">
  <li ng-repeat="tmp in fatherdata.detailList" ng-init="outIndex=$index" ng-if='tmp.type!="hidden" &&!tmp.ifshow &&
      (fatherdata.detailList[5].title != "资产情况" ||
       (fatherdata.detailList[5].title == "资产情况"&& (($index!=6&& $index!=7) ||
       ($index==6 && fatherdata.detailList[5].content=="自有厂房") ||
       ($index==7 && fatherdata.detailList[5].content=="自有厂房"))))'
      ng-style="{'color':tmp.title=='企业性质'&&forbid?'#a1a1a1':''}"
    style="border-bottom: 1px solid #ddd;padding:1px 10px;"
    ng-click="selectItems(tmp.selectaction,tmp.logoimg,outIndex)">
    <!-- 左边栏名称 -->
    <span ng-if="!tmp.toggle&&!tmp.textarea" style="width: 100%; padding-left:5px;">
      <sup ng-if='tmp.needed' style="color:red;">*</sup>{{tmp.title}}
      <small style="color:#aaa;font-size: 12px;margin-left:3px;" ng-if="tmp.addImg">已添加{{tmp.imgLength}}个</small>

    </span>
    </span>
    <!-- 内容主体 -->
<!--    ng-disabled="true"-->
    <input ng-if='tmp.input&&tmp.type!="date"&&!tmp.toggle&&tmp.type!="multiSelect"'
           ng-style="{'color':tmp.title=='企业性质'&&forbid?'#a1a1a1':''}"
      ng-change="selectOrgname(tmp.selectorgname,outIndex,tmp)" ng-disabled="tmp.selectaction"
      style="margin-bottom:4px;font-size:12px;display:inline-block;width:calc(100% - 20px);text-align: left;"
      ng-model="tmp.content" type="{{tmp.type=='cascade'?'text':tmp.type}}" maxlength="{{tmp.maxlength}}"
      placeholder="{{tmp.placeholder}}">
    <!--<span ng-if="tmp.type=='date'" ng-bind="validedTime | date:'yyyy-MM-dd'"  ng-click="openDatePicker('detail',outIndex)" style="padding:8px;margin-bottom:4px;font-size:12px;display:inline-block;width:63%;text-align: right" ng-model="tmp.content"></span>-->
    <input ng-if="tmp.type=='date'" placeholder="{{tmp.placeholder}}" type='text'
      ng-click="openDatePicker('detail',outIndex)"
      style="margin-bottom:4px;font-size:12px;display:inline-block;width:calc(100% - 10px);text-align: left"
      ng-model="tmp.content">
    <!--<input ng-if="tmp.type=='date'" type="text" name="appDateTime"  id="appDateTime" readonly class="input" />-->
    <!-- 文本框 -->
    <span ng-if="tmp.textarea&&defaultLan == 'Chinese'"
      style="display:inline-block;width:20%;padding-left:5px;padding-top:5px;">
      <sup ng-if='tmp.needed' style="color:red;">*</sup>
      {{tmp.title}}
      <br>
      <!--      <small style="color:#aaa;font-size: 12px;margin-left:3px;" ng-if="tmp.maxlength">≤{{tmp.maxlength}}字</small>-->
    </span>
    <span ng-if="tmp.textarea&&defaultLan == 'English'"
      style="display:inline-block;width:20%;padding-left:5px;padding-top:5px;">
      <sup ng-if='tmp.needed' style="color:red;">*</sup>
      {{tmp.title}}
      <br>
      <!--      <small style="color:#aaa;font-size: 12px;margin-left:3px;" ng-if="tmp.maxlength">≤{{tmp.maxlength}} words</small>-->
    </span>
    <textarea ng-if="tmp.textarea" class="add_list_txt" ng-model="tmp.content"
      placeholder="{{tmp.placeholder+'≤'+tmp.maxlength+'字'}}"
      style="font-size:12px;vertical-align: top;width:76%;padding:5px 0;margin-top:0;border-bottom:none;"></textarea>
    <!--<textarea ng-if="tmp.textarea" id="editor" name="editor" class="add_list_txt" style="height: 200px;" ng-show="showrichbox()"></textarea>-->
    <!-- 选择项目箭头 -->
    <i ng-if="!(tmp.title=='企业性质'&&forbid)&&tmp.selectaction" class="ion-ios-arrow-right"></i>
    <!-- 模糊查询下拉列表 -->
    <ul ng-if="tmp.selectorgname&&isRelateUl" class="isRelateUl" style="overflow: visible;">
      <li ng-repeat="company in companylist" style="overflow: visible;">
        <span style="display:inline-block;width:80%;max-width: 80%;" ng-bind-html="ttt(company.name)"
          ng-click="setCompanyName(company)">{{company.name}}</span>
        <em ng-if="company.resourcelibrary != undefined && company.resourcelibrary.id > 0" class="goViewResource"
          ng-click="jumpResourceDetail(company)">查看资源<i class="icon ion-ios-arrow-right"></i></em>
      </li>
    </ul>
    <span ng-if="tmp.type=='multiSelect'" style="height: 31px">
      <span ng-repeat="(index,item) in tmp.list">
        <span ng-click="changetechnicaltransform(item,tmp)" ng-class="{'submit-mark':true,'bg-bluepurple':item.show}">
          <i class="icon ion-checkmark-round"></i>
        </span>
        <span style="padding-left:2px;padding-right: 5px">{{item.itemvalue}}</span>
      </span>
    </span>
    <!-- 切换开关 -->
    <ion-toggle ng-if="tmp.toggle" ng-model="tmp.togglecontent" class="toggle-style" ng-change="watchIsChange(outIndex)"
      ng-checked="tmp.togglecontent">
      <sup ng-if='tmp.needed' style="color:red;">*</sup> {{tmp.title}}
      <!-- <span style="font-size:12px;color:#aaa">{{tmp.togglecontent?"是":"否"}}</span> -->
      <span class="isactiveInfoWrap">{{tmp.togglecontent?"是":"否"}}</span>
    </ion-toggle>
    <!-- 多选 -->
    <ion-checkbox
      style='padding-top:10px;padding-bottom:10px;margin:0;font-size:14px;border:none;border-bottom:1px dotted #aaa;'
      class="item item-checkbox item-checkbox-right checkbox-balanced" ng-if='tmp.checkbox'
      ng-repeat="item in tmp.checkboxItems" ng-model='item.checked' ng-checked="item.checked">
      {{item.text}}
    </ion-checkbox>
    <!-- LOGO -->
    <div ng-if="tmp.logoimg" style="display: inline-block;width:63%;vertical-align: top;text-align: right;">
      <div
        style="display: inline-block;width:70px;height:70px;border-radius:50%;overflow: hidden;vertical-align: middle;">
        <img ng-src="{{tmp.content | imgfilter}}" onerror="javascript:this.src='./img/admin_picter.jpg';"
          style="width:70px;height:70px;">
      </div>
    </div>
    <!-- 加载图片 -->
    <div ng-if="tmp.addimg" style="display: inline-block;
                width:100%;vertical-align: middle;text-align: right;
                transform: translate(0, -11px)">
      <a href="" class="upload_add" ng-click="addImage(outIndex,'detail')">+</a>
    </div>
    <ion-scroll ng-if="tmp.addimg" ng-show="tmp.tempimagelist.length>0" scroll="true" has-bouncing="true" direction="x"
      scrollbar-x="false" delegate-handle="scrollimage" class="photo_div" style="overflow-x:hidden;overflow-y:hidden;">
      <a class="photo_img" ng-repeat="image in tmp.tempimagelist track by $index" ng-init="imageIndex=$index">
        <img ng-src="{{image.photoName | picturefilter}}" onerror="javascript:this.src='./img/fens.png';"
          style="width:100%;height:85px;" class="back-img" ng-click="shouBigImage(imageIndex)" />
        <span class="photo_delect delect_cammer" ng-click="deletePhoto('detail',outIndex,imageIndex)"></span>
      </a>
    </ion-scroll>
  </li>
</ul>
<ul class="add_list_ul" ng-repeat="block in fatherdata.addList track by $index" ng-init="outerIndex=$index">
  <li style="padding:3px 5px;border-bottom:2px solid #e6e6e7;position: relative;">
    <span ng-click="showDetails($index)"
      style="padding-left:8px;border-left:2px solid #3B8BD0;display:inline-block;width:300px;"> <sup
        ng-if='block.needed' style="color:red;">*</sup>
      {{block.title}}
      <i class="ion-arrow-right-b" ng-if="!block.ishiddensection" style="color:#aaa;"></i>
      <i class="ion-arrow-down-b" ng-if="block.ishiddensection" style="color:#aaa;"></i>
    </span>
    <button class="add-minus-button add-button" ng-click="addBlockList(outerIndex)" ng-if="defaultLan == 'Chinese'">添加
      +</button>
    <button class="add-minus-button add-button" ng-click="addBlockList(outerIndex)" ng-if="defaultLan == 'English'">Add
      +</button>
  </li>
  <li ng-if="block.ishiddensection">
    <ul style="border-bottom:2px solid #e6e6e7;" ng-repeat="tmp in block.unitItems track by $index"
      ng-init="innerIndex=$index">
      <li ng-repeat="blockItem in tmp track by $index" ng-init="unitIndex=$index" ng-if='blockItem.type!="hidden"'
        ng-click="selecBlocktItems(blockItem.selectaction,outerIndex,innerIndex,unitIndex)">
        <!-- 左边栏名称 -->
        <span ng-if="!blockItem.textarea"
          style="display:inline-block;width:100%;padding-left:5px;">
          <sup ng-if='blockItem.needed' style="color:red;">*</sup>
          {{blockItem.title}}
        </span>
        <span ng-if="blockItem.textarea&&defaultLan == 'Chinese'"
          style="display:inline-block;width:20%;padding-left:5px;padding-top:5px;">
          {{blockItem.title}}
          <br>
          <!--          <small style="color:#aaa;font-size: 12px;margin-left:3px;" ng-if="blockItem.maxlength">≤{{blockItem.maxlength}}字</small>-->
        </span>
        <span ng-if="blockItem.textarea&&defaultLan == 'English'"
          style="display:inline-block;width:20%;padding-left:5px;padding-top:5px;">
          {{blockItem.title}}
          <br>
          <!--          <small style="color:#aaa;font-size: 12px;margin-left:3px;" ng-if="blockItem.maxlength">≤{{blockItem.maxlength}} words</small>-->
        </span>
        <!-- 内容主体 -->
        <input ng-if='blockItem.input&&blockItem.type!="date"&&!blockItem.toggle' ng-disabled="blockItem.selectaction"
          style="margin-bottom:4px;font-size:12px;display:inline-block;width:calc(100% - 20px);"
          ng-model="blockItem.content" type="{{blockItem.type=='cascade'?'text':blockItem.type}}"
          maxlength="{{blockItem.maxlength}}" placeholder="{{blockItem.placeholder}}">
        <!--<span ng-if="blockItem.type=='date'" ng-bind="validedTime | date:'yyyy-MM-dd'"  ng-click="openDatePicker('addList',unitIndex,outerIndex,innerIndex)" style="padding:8px;margin-bottom:4px;font-size:12px;display:inline-block;width:63%;text-align: right" ng-model="tmp.content"></span>-->
        <span ng-if="blockItem.type=='date'" ng-bind="blockItem.content | datesubstring10"
          ng-click="openDatePicker('addList',unitIndex,outerIndex,innerIndex)"
          style="padding:8px;margin-bottom:4px;font-size:12px;display:inline-block;width:63%;text-align: right"
          ng-model="tmp.content"></span>
        <!-- 文本框 -->
        <textarea ng-if="blockItem.textarea" class="add_list_txt" ng-model="blockItem.content"
          placeholder="{{blockItem.placeholder+'≤'+blockItem.maxlength+'字'}}"
          style="padding:8px;margin-bottom:4px;font-size:12px;vertical-align: top;width:76%;margin-top:0;border-bottom:none;"></textarea>
        <!--<textarea ng-if="blockItem.textarea"  id="{{block.id}}" name="{{block.id}}" class="add_list_txt" ng-model="blockItem.content" placeholder="{{blockItem.placeholder}}" style="padding:8px;margin-bottom:4px;font-size:12px;display:inline-block;vertical-align: top;width:76%;padding:5px 0;margin-top:0;border-bottom:none;"   ng-show="showrichbox1(block.id)"></textarea>-->
        <!-- 选择项目箭头 -->
        <i ng-if="blockItem.selectaction" class="ion-ios-arrow-right"></i>
        <!-- 加载图片 -->
        <div ng-if="blockItem.addimg" style="display: inline-block;width:65%;vertical-align: middle;">
          <a href="" class="upload_add" ng-click="addImage(unitIndex,'addList',outerIndex,innerIndex)">+</a>
        </div>
        <ion-scroll ng-if="blockItem.addimg" ng-show="blockItem.tempimagelist.length>0" scroll="true"
          has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage" class="photo_div"
          style="overflow-x:hidden;overflow-y:hidden;">
          <a class="photo_img" ng-repeat="blockimage in blockItem.tempimagelist track by $index"
            ng-init="bimageIndex=$index">
            <img ng-src="{{blockimage.photoName | picturefilter}}" onerror="javascript:this.src='./img/fens.png';"
              style="width:100%;height:85px;" class="back-img" ng-click="shouBigImage(bimageIndex)" />
            <span class="photo_delect delect_cammer"
              ng-click="deletePhoto('addList',bimageIndex,unitIndex,innerIndex,outerIndex)"></span>
          </a>
        </ion-scroll>
      </li>
      <li style="text-align: right;padding:5px;">
        <button class="add-minus-button minus-button" ng-click="minusBlockList(outerIndex,innerIndex)"
          ng-if="defaultLan == 'Chinese'">删除 -</button>
        <button class="add-minus-button minus-button" ng-click="minusBlockList(outerIndex,innerIndex)"
          ng-if="defaultLan == 'English'">delete -</button>
      </li>
    </ul>
  </li>
</ul>

<!--富文本-->
<!--<div id="editor" ng-model="sendPromt">-->
<!--<button ng-click="getContent()">获取html</button>-->
<!--<button ng-click="getContent2()">获取text</button>-->
<!--</div>-->

<!--需求图片放大区域-->
<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()"></button>
      <div class="pinch-zoom" style="width: 100%;height: 100%">
        <img class="img-responsive bigimage" src="{{image.photoName | picturefilter}}" ng-click="hideBigImage()" />
      </div>
    </ion-slide>
  </ion-slide-box>
</div>
<input type="file" name="file" id="file" accept="image/*" ng-model="changeFile" multiple style="display:none" />
<style>

</style>