technicalBrokerAddDemandInfo.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <ion-view style="background-color:#fff" title="录入需求信息">
  2. <div class="bar bar-header" style="background-image: none;background-color: #5BABE6;">
  3. <div class="button button-icon icon pus_blue" ng-click="goback()"></div>
  4. <button class="button button-icon icon goback whiteGoBack noneContent" ng-click="goback()"></button>
  5. <h1 class="bar_title" style="color: #fff">录入需求信息</h1>
  6. <span class="DockingTheme_button" ng-click="saveTrainInfo()" style="background-color: transparent">保存</span>
  7. </div>
  8. <ion-content style="overflow-x:hidden;overflow-y:visible;" class="has-header" scroll="true">
  9. <form name="activitySchedule_form" action="" id="activitySchedule_form" class="activitySchedule_form">
  10. <!--需求信息-->
  11. <div ng-repeat="demandInfo in demandInfoList track by $index" style="clear: both;">
  12. <ul>
  13. <li>
  14. <span><sup>*</sup>需求名称</span>
  15. <input type="text" placeholder="请填写联系人" style="padding-right: 12px;" ng-model="demandInfoList.title"/>
  16. </li>
  17. <li>
  18. <span><sup>*</sup>需求标签</span>
  19. <i class="icon ion-ios-arrow-right activity_schedule_i" ng-click="showDemandLabelName()" style="z-index: 5;top: 0;"></i>
  20. <input type="text" ng-click="showDemandLabelName()" placeholder="请选择需求标签" style="padding-right: 12px;" ng-model="demandInfoList.demandLabelName" readonly="readonly"/>
  21. </li>
  22. <li style="height: auto;">
  23. <span><sup>*</sup>需求简介</span>
  24. <textarea placeholder="请填写需求简介" ng-model="demandInfoList.tagcontent" style="top: -1px;position: relative;"></textarea>
  25. </li>
  26. </ul>
  27. <ul style="margin-top: 7px;" class="upLoad_ul">
  28. <li>
  29. <span>上传需求图片<em>已添加<i>{{demandInfoimagelist.length}}</i>个</em></span>
  30. <a ng-click="showDemandImage()">+</a>
  31. </li>
  32. </ul>
  33. <ion-scroll scroll="true" has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage" class="photo_div" ng-show="demandInfoimagelist.length>0" style="overflow-x:hidden;overflow-y:hidden;">
  34. <a class="photo_img" ng-repeat="image in demandInfoimagelist track by $index">
  35. <img src="{{image.photo_name | picturefilter}}" style="width:100%;height:85px;" class="back-img" ng-click="shouBigImage($index)"/>
  36. <span class="photo_delect delect_cammer" ng-click="deleteDemandPhoto($index)"></span>
  37. </a>
  38. </ion-scroll>
  39. </div>
  40. </form>
  41. </ion-content>
  42. </ion-view>
  43. <!--需求图片放大区域-->
  44. <div id="DemandRightDisplay" ng-show="bigImageDemand" class="popover-backdrop" >
  45. <ion-slide-box auto-play="false" does-continue="false" show-pager="true" delegate-handle="slide_detail">
  46. <ion-slide ng-repeat="image in demandInfoimagelist track by $index" style="background-color:#000;">
  47. <button class="pswp_button_arrow" ng-click="hideBigImage()"></button>
  48. <div class="pinch-zoom" style="width: 100%;height: 100%">
  49. <img class="img-responsive bigimage" src="{{image.original_name | picturefilter}}" ng-click="hideBigImage()"/>
  50. </div>
  51. </ion-slide>
  52. </ion-slide-box>
  53. </div>