releaseComment.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <ion-view style="background-color:#ededf0;z-index: 6;" title="对接宝中发布评论页">
  2. <div class="bar bar-header">
  3. <div class="button button-icon icon pus_blue" ng-click="goPublishHistory()"></div>
  4. <button class="button button-icon icon goback" ng-click="goPublishHistory()"></button>
  5. <h3 class="DockingTheme_h3 resource_h3">发表评论</h3>
  6. <span class="toolReleaseButton {{blue}}" ng-click="releaseComment()" style="position: absolute;right: 12px;top: 10px;">发表</span>
  7. </div>
  8. <ion-content class="has-header" id="content_scroll" overflow-scroll="true" scroll="true" style="padding: 0 12px;background-color: #fff;">
  9. <div class="" ng-if="infotype==81">
  10. <span class="evaluate_title" style="position: relative;height: 38px;top: 0;display: inline-block;vertical-align: bottom;">给个评分吧:</span>
  11. <a>
  12. <!--总分背景-->
  13. <ul class="evaluate_star" style="position: relative;padding: 0;display: inline-block;width: 50%;">
  14. <li ng-class="{'evaluate_star2':starnum>0}" ng-click="evaluateNum(1)"></li>
  15. <li ng-class="{'evaluate_star2':starnum>1}" ng-click="evaluateNum(2)"></li>
  16. <li ng-class="{'evaluate_star2':starnum>2}" ng-click="evaluateNum(3)"></li>
  17. <li ng-class="{'evaluate_star2':starnum>3}" ng-click="evaluateNum(4)"></li>
  18. <li ng-class="{'evaluate_star2':starnum>4}" ng-click="evaluateNum(5)"></li>
  19. </ul>
  20. </a>
  21. <span style="position: relative;left: 0;height: 37px;top: -19px;"><em>{{starnum}}.0</em>分</span>
  22. </div>
  23. <div ng-class="{'toolDiscueeTip':true,'isHavePaddingTop':infotype==81}">
  24. <h4>
  25. <span style="font-size: 12px;">目前进度:</span>
  26. <button class="downArrow changeArrowButton toolButton" ng-if="progressLabels.length>8" ng-click="showAllLabel()"></button>
  27. </h4>
  28. <a ng-repeat="label in progressLabels" class="{{choseindex==$index?label.color+'_bg':label.color}}" title="{{label.name}}" ng-click="checkLable(label.id,$index)" ng-if="$index < maxlength">{{label.name}}</a>
  29. </div>
  30. <textarea class="releaseToolText" ng-model="comment.content" maxlength="240" ng-change="checklength()" placeholder="说说您对本记录的看法,分享您了解的后续进度~"></textarea>
  31. <!--图片添加区域-->
  32. <!--添加按钮-->
  33. <a ng-repeat="img in imagelist track by $index" class="commentPhoneImg">
  34. <img width="80px" height="80px" src="{{img}}" style="vertical-align: bottom;margin-right: 10px;" ng-click="shouBigImage($index)"/>
  35. <span class="photo_delect delect_cammer" ng-click="deletePhoto($index)"></span>
  36. </a>
  37. <button class="toolPhotoAdd" ng-click="toolPhotoAdd()" ng-if="imagelist.length<9">
  38. <img ng-src="img/toolPhotoAdd.png"/>
  39. <span>添加照片</span>
  40. <em><i>{{imagelist.length}}</i>/9</em>
  41. </button>
  42. </ion-content>
  43. </ion-view>
  44. <!--图片放大区域-->
  45. <div id="rightDisplay" ng-show="bigImage" class="popover-backdrop" >
  46. <ion-slide-box auto-play="false" does-continue="false" show-pager="true" on-slide-changed="slideHasChanged($index)" delegate-handle="slide_detail">
  47. <ion-slide ng-repeat="img in imagelist track by $index" style="background-color:#000;">
  48. <span class="picIndex" ng-if="imagelist.length>1;"><em>{{nowIndex}}</em>/{{totalIndex}}</span>
  49. <button class="pswp_button_arrow" ng-click="hideBigImage()"></button>
  50. <div class="pinch-zoom" style="width: 100%;height:100%;">
  51. <img class="img-responsive bigimage" src="{{img}}" ng-click="hideBigImage()"/>
  52. </div>
  53. </ion-slide>
  54. </ion-slide-box>
  55. </div>