toolDiscuss.html 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <ion-view style="background-color:#ededf0;" title="新评论页">
  2. <div class="bar bar-header">
  3. <div class="button button-icon icon pus_blue" ng-click="backview()"></div>
  4. <button class="button button-icon icon goback" ng-click="backview()"></button>
  5. <h3 class="DockingTheme_h3">评论</h3>
  6. <i class="ion-ios-search toolSearch_icon" ng-click="goResourceSearch()"></i>
  7. <!--<button class="button ShengButton" ng-click="openAcionSheet()"></button>-->
  8. </div>
  9. <ion-content class="has-header push_detail_content" id="content_scroll" overflow-scroll="true" scroll="true" style="padding: 0 12px;background-color: #fff;">
  10. <div class="toolDiscueeTip" ng-if="progressLabels.length>0">
  11. <h4>
  12. <span style="font-size: 12px;">目前进度:</span>
  13. <button class="downArrow changeArrowButton toolButton" ng-if="progressLabels.length>8" ng-click="showAllLabel()"></button>'
  14. </h4>
  15. <a ng-click="filterTag(-1,-1)" class="{{choseindex==-1?'progressLabel_three_bg':'progressLabel_three'}}" title="全部">全部</a>
  16. <a ng-repeat="label in progressLabels track by $index" ng-click="filterTag(label.comment.id,$index)" class="{{choseindex==$index?label.comment.color+'_bg':label.comment.color}}" title="{{label.comment.name}}" ng-if="$index < maxlength">{{label.comment.name}}</a>
  17. </div>
  18. <span id="all_discuss" style="background-color: #fff;top: 0px;">
  19. <p style="font-size:14px;margin: 15px 0 15px;font-weight: 500;" ng-if="commentlist.length>0;">全部评论:</p>
  20. <a style="width: 100%;height:auto;display: block;overflow: hidden;" ng-repeat="comment in commentlist track by $index">
  21. <img ng-src="{{imgUrl+comment.photo}}" onerror="javascript:this.src='./img/admin_picter.jpg';" style="border-radius: 50%;width:35px;height: 35px;float: left;position: relative;" ng-click="go('publisher',{Id:comment.userId})"/>
  22. <p class="content-node">{{comment.userName}}
  23. <span class="discuss_point" ng-if="comment.commentpoint!=undefined&&comment.commentpoint>0">
  24. 评价:<em ng-bind="comment.commentpoint"></em>分
  25. </span>
  26. <span class="content-zan du_discuss" ng-if="!comment.Like" ng-click="content_zan(comment,$index);" style=" float: right;color:#979fac;width:auto;height: 25px;line-height:25px;text-indent: 28px;font-size: 14px;text-align:center;background-position:0 47%;display: inline-block;">
  27. <b style="top:0px;left: -5px;">{{comment.favourcount}}</b>
  28. <span style=" width: 49px;position:absolute; right:34px; top:2px; color:transparent; text-align: left; height: 20px;line-height: 20px;">+1</span>
  29. </span>
  30. <span class="content-zan du_discuss w_zan" ng-if="comment.Like" ng-click="content_zan(comment,$index);" style=" float: right;color:#979fac;width:auto;height: 25px;line-height:25px;text-indent: 28px;font-size: 14px;text-align:center;background-position:0 47%;display: inline-block;">
  31. <b style="top:0px;left: -5px;">{{comment.favourcount}}</b>
  32. <span style=" width: 49px;position:absolute; right:34px; top:2px; color:transparent; text-align: left; height: 20px;line-height: 20px;">+1</span>
  33. </span>
  34. </p>
  35. <p class="content-node" style="margin: 12px 0;" ng-if="comment.commenttag!=undefined">
  36. <span class="discussCard {{comment.commenttag.color+'_bg'}}" ng-bind="comment.commenttag.name"></span>
  37. </p>
  38. <p class="comment-content" style="padding-left: 35px;width: 94%;text-align: justify;" ng-click="goCommentDetail(comment)" ng-bind="comment.content"></p>
  39. <ion-scroll scroll="true" has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage" class="photo_div" ng-show="comment.pic.length>0" style="overflow-x:hidden;overflow-y:hidden;width: 88%;">
  40. <span class="photo_img" ng-repeat="image in comment.pic track by $index">
  41. <img src="{{imgUrl+image.photo_name}}" style="width:100%;height:85px;" class="back-img" ng-click="shouBigImage(comment.pic,$index)"/>
  42. </span>
  43. </ion-scroll>
  44. <span class="review_data" ng-click="goCommentDetail(comment)">{{comment.createTime}}<span>{{comment.replyNumber==0?'':comment.replyNumber+'条'}}回复&gt;</span></span>
  45. <span ng-click="delectToolDis(comment.id)" class="delectToolDis" ng-if="comment.userId == userid||isedit">删除</span>
  46. </a>
  47. <div style="width: 100%;height:120px;position: relative;top:28px;" ng-if="commentlist.length==0;" ng-click="hadSoft()">
  48. <i id="empty_discuss"></i>
  49. <p class="empty_p">暂无评论,点击抢沙发</p>
  50. </div>
  51. </span>
  52. <br>
  53. <br>
  54. <br>
  55. </ion-content>
  56. <!--图片放大区域-->
  57. <div id="rightDisplay" ng-if="bigImage" class="popover-backdrop" >
  58. <ion-slide-box auto-play="false" does-continue="false" show-pager="true" on-slide-changed="slideHasChanged($index)" delegate-handle="slide_detail">
  59. <ion-slide ng-repeat="image in commentpiclist track by $index" style="background-color:#000;">
  60. <span class="picIndex" ng-if="picturelisttt.length>1;"><em>{{nowIndex}}</em>/{{totalIndex}}</span>
  61. <div class="viewOldImg">
  62. <span ng-if="!image.loadsource" ng-click="viewOldImg($index);">
  63. 查看原图
  64. <em ng-bind="'('+image.source_size+')'"></em>
  65. </span>
  66. <span ng-if="image.loadsource">
  67. 已完成
  68. </span>
  69. </div>
  70. <div class="loadImg" ng-click="loadImg(image);"></div>
  71. <div class="pinch-zoom" style="width: 100%;height:100%;">
  72. <img class="img-responsive bigimage" src="{{imgUrl+image.photo_name}}" ng-click="hideBigImage()"/>
  73. </div>
  74. </ion-slide>
  75. </ion-slide-box>
  76. </div>
  77. <!--demo-content-->
  78. <div class="comment_bottom" ng-if="showComment">
  79. <label class="item-input-wrapper" style="width:100%;">
  80. <input type="text" placeholder="写评论..." class="write_p" id="write_see" ng-focus="focus_write()" style="width: 100%;">
  81. </label>
  82. <!--<div style="width: 15%;">
  83. <button class="pus_button" ui-sref="comment({infoType:moduleId,infoId:id})">
  84. <span class="pin_lun">
  85. <span ng-if="true" ng-class="{true:'red-number',false:''}[true]" >22</span>
  86. </span>
  87. </button>
  88. </div>-->
  89. </div>
  90. <ion-footer-bar ng-if="!showComment" class="comment_div" keyboard-attach>
  91. <span class="evaluate_title" ng-if="infotype==81">给个评分吧:</span>
  92. <ul class="evaluate_star" ng-if="infotype==81">
  93. <li ng-class="{'evaluate_star2':starnum>0}" ng-click="evaluateNum(1)"></li>
  94. <li ng-class="{'evaluate_star2':starnum>1}" ng-click="evaluateNum(2)"></li>
  95. <li ng-class="{'evaluate_star2':starnum>2}" ng-click="evaluateNum(3)"></li>
  96. <li ng-class="{'evaluate_star2':starnum>3}" ng-click="evaluateNum(4)"></li>
  97. <li ng-class="{'evaluate_star2':starnum>4}" ng-click="evaluateNum(5)"></li>
  98. </ul>
  99. <span ng-if="infotype==81" class="evaluate_point">{{starnum}}.0分</span>
  100. <textarea autofocus class="my_comment" name="comment" placeholder="优质评论将会被优先展示" required ng-model="comment.content" ng-change="commentValue()"></textarea>
  101. <div id="commentform">
  102. <button class="comment_phone" ng-click="releaseComment()"></button>
  103. <button class="comment_submit" ng-style="commentNotnull" ng-click="publishComment();" ng-disabled="comment.content==undefined||comment.content.length==0;">发表</button>
  104. </div>
  105. </ion-footer-bar>
  106. <div ng-if="!showComment" class="comment_background" ng-click="hiddenComment()"></div>
  107. </ion-view>