addState.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <ion-view view-title="添加对接状态">
  2. <div class="bar bar-header">
  3. <div class="button button-icon icon pus_blue" ng-click="goback()"></div>
  4. <button class="button button-icon icon goback" ng-click="goback()"></button>
  5. <h1 class="bar_title">添加对接状态</h1>
  6. <span class="DockingTheme_button" ng-click="addState()">保存</span>
  7. </div>
  8. <ion-content style="background-color:#f2f2f2;overflow-x:hidden;overflow-y:visible;" class="has-header">
  9. <form name="activitySchedule_form" action="" id="activitySchedule_form">
  10. <span class="ul_form_span">
  11. 对接状态详情<i class="icon ion-ios-compose-outline act_write"></i>
  12. </span>
  13. <ul>
  14. <li>
  15. <span>对接时间</span>
  16. <!--<i class="icon ion-ios-arrow-right activity_schedule_i"></i>-->
  17. <input type="text" readonly placeholder="请选择对接时间" name="dockingDateTime" id="dockingDateTime">
  18. </li>
  19. <li>
  20. <span>对接状态</span>
  21. <i class="icon ion-ios-arrow-right activity_schedule_i" ng-click="showDockingStatus()"></i>
  22. <input type="text" placeholder="请选择对接状态" style="padding-right: 12px;" ng-model="activityobj.tagname" readonly="readonly" id="activitySchedule_state" ng-click="showDockingStatus()"/>
  23. </li>
  24. <li style="height: auto;">
  25. <span>对接状态简介</span>
  26. <textarea placeholder="请填写文字" ng-model="activityobj.tagcontent"></textarea>
  27. </li>
  28. </ul>
  29. <ul style="margin-top: 7px;" class="upLoad_ul">
  30. <li>
  31. <span>上传对接图片<em>已添加<i>{{imagelist.length}}</i>个</em></span>
  32. <a ng-click="show()">+</a>
  33. </li>
  34. </ul>
  35. <ion-scroll scroll="true" has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage" class="photo_div" ng-show="imagelist.length>0" style="overflow-x:hidden;overflow-y:hidden;">
  36. <a class="photo_img" ng-repeat="image in imagelist track by $index">
  37. <img src="{{image.photo_name}}" style="width:100%;height:85px;" class="back-img" ng-click="shouBigImage($index)"/>
  38. <span class="photo_delect delect_cammer" ng-click="deletePhoto($index)"></span>
  39. <span class="photo_delect delect_cammer" ng-click="deletePhoto($index)"></span>
  40. </a>
  41. </ion-scroll>
  42. <br/>
  43. <br/>
  44. </form>
  45. </ion-content>
  46. </ion-view>
  47. <!--图片放大区域-->
  48. <div id="rightDisplay" ng-show="bigImage" class="popover-backdrop" >
  49. <ion-slide-box auto-play="false" does-continue="false" show-pager="true" delegate-handle="slide_detail">
  50. <ion-slide ng-repeat="image in imagelist track by $index" style="background-color:#000;">
  51. <button class="pswp_button_arrow" ng-click="hideBigImage()"></button>
  52. <div class="pinch-zoom" style="width: 100%;height: 100%">
  53. <img class="img-responsive bigimage" src="{{image.original_name | picturefilter}}" ng-click="hideBigImage()"/>
  54. </div>
  55. </ion-slide>
  56. </ion-slide-box>
  57. </div>