resourceCommentReply.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <ion-view hide-tabs="true" view-title="{{title}}" style="background-color:#fafafa;">
  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. </div>
  7. <ion-content class="padding has-header reply_header push_detail_content" ng-click="hiddenComment()" style="height: 88.5%;">
  8. <div id="all_discuss" style="top:0;height:auto;background-color:#fff;width:100%;padding: 15px 8px;margin: 0 auto;">
  9. <!--<a ng-repeat="discuss in discusses" ui-sref="Reply" class="reply_a">-->
  10. <img ng-src="{{imgUrl+avaterPath+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})"/>
  11. <p class="content-node">{{comment.userName}}
  12. <span class="content-zan du_discuss w_zan" ng-if="comment.Like" ng-click="content_zan();">
  13. <b>{{comment.favourcount}}</b>
  14. <span style=" width: 49px;position:absolute; right:34px; top:2px; color:#fff; text-align: left; height: 20px;line-height: 20px;">+1</span>
  15. </span>
  16. <span class="content-zan du_discuss" ng-if="!comment.Like" ng-click="content_zan()">
  17. <b>{{comment.favourcount}}</b>
  18. </span>
  19. </p>
  20. <p class="content-node" style="margin: 12px 0;" ng-if="comment.commenttag!=undefined">
  21. <span class="discussCard {{comment.commenttag.color+'_bg'}}" ng-bind="comment.commenttag.name">合同签订</span>
  22. </p>
  23. <p class="comment-content" style="padding-left: 35px;width: 94%;text-align: justify;" ng-bind="comment.content"></p>
  24. <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%;">
  25. <span class="photo_img" ng-repeat="image in comment.pic track by $index">
  26. <img src="{{imgUrl+image.photo_name}}" style="width:100%;height:85px;" class="back-img" ng-click="shouBigImage($index)"/>
  27. </span>
  28. </ion-scroll>
  29. <!--<p class="comment-content">{{comment.content}}</p>-->
  30. <span class="review_data">{{comment.createTime}}
  31. <!--<span style="font-size:12px;margin-left:10px;position: relative;top: -1px;">举报</span>-->
  32. </span>
  33. <!--</a>-->
  34. </div>
  35. <div style="height: 72%;background-color:#f3f6f6;margin-top: 12px;" ng-if="replys.length>0||dianzanlist.length>0">
  36. <div ng-if="dianzanlist.length>0;" style="height: 65px;line-height: 90px; width: 95%;margin: 0 auto;border-bottom:1px solid rgba(221, 224, 224, 0.83)">
  37. <span style="display: inline-block;margin-right: 5px;" ng-repeat="dianzan in dianzanlist"><img ng-src="{{imgUrl+dianzan.photo}}" ng-click="goPublisher(dianzan)" style="border-radius: 50%;width:40px;height:40px;float: left;position: relative;"/></span>
  38. <span class="DidZan" ng-click="goDianZanDetail()">{{dianzanlist.length}}个人赞过&nbsp;></span>
  39. </div>
  40. <p style="margin-left: 3%;font-size: 14px;height: 28px;line-height:35px;" ng-if="replys.length>0">全部回复</p>
  41. <div class="all_reply" style="top:0;height: auto;overflow:hidden;width: 96%; margin: 0 auto;" ng-repeat="reply in replys track by $index">
  42. <div class="reply_othera">
  43. <img ng-src="{{imgUrl+reply.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:reply.userId})"/>
  44. <p class="content-node">{{reply.userName}}
  45. <!--<span class="content-zanotherdiscuss{{reply.id}} du_discuss" ng-click="content_zanotherdiscuss(reply);" style=" float: right;color:#979fac;width:auto;line-height:25px;text-indent: 28px;font-size: 14px;text-align:center;">
  46. <b>{{reply.favourcount}}</b>
  47. <span id="like_otherdiscuss{{reply.id}}" style=" width: 49px;position:absolute; right:34px; top:2px; color:#fafafa; text-align: left; height: 20px;line-height: 20px;">+1</span>
  48. </span>-->
  49. </p>
  50. <p class="comment-content">{{reply.content}}</p>
  51. <span class="review_data">{{reply.createTime}}</span>
  52. <span ng-click="delectToolDis(reply.id)" class="delectToolDis" ng-if="reply.userId == userid||isedit">删除</span>
  53. <!--<div ng-if="otherdiscuss.replys.length>0;" style="width:85%;float: left;height: auto;border-left:1px solid #ced1d1;margin-left: 45px;margin-bottom: 10px;">
  54. <span class="reply_div" ng-repeat="r in otherdiscuss.replys">
  55. {{r.replyName}}:
  56. <span>{{r.replyComment}}</span>
  57. </span>
  58. <div ng-if="otherdiscuss.replys.length>1;" class="reply_div" style="margin: 2px 0 0 8px;">
  59. 查看全部{{otherdiscuss.replys.length}}条回复>
  60. </div>
  61. </div>-->
  62. </div>
  63. </div>
  64. </div>
  65. </ion-content>
  66. <div style="width: 100%;height:45px;position: absolute;bottom: 0;z-index: 2500;background-color: #f4f5f6;border-top: 1px solid #dfdfe0;" ng-if="showComment">
  67. <label class="item-input-wrapper reply_wrap">
  68. <input type="text" placeholder="写评论..." class="write_p" ng-focus="focus_write()" id="write_see" ng-blur="dont_write()" style="width:100%;">
  69. </label>
  70. <!--<div style="float: right;width:30%;position: relative;top: -68px;height: 35px;left:11px;">
  71. <span id="reply_zan"><span>赞</span></span>
  72. <span id="z_fa"></span>
  73. </div>-->
  74. </div>
  75. <ion-footer-bar ng-if="!showComment" style="height: 146px;width: 100%;background-color:#f4f5f6;position: absolute;bottom: 0;z-index: 2500;" keyboard-attach>
  76. <textarea autofocus class="my_comment" name="comment" placeholder="优质评论将会被优先展示" required ng-model="replay.say" ng-change="commentValue()" style="top:0px;"></textarea>
  77. <div id="commentform" style="float: right;bottom: 9px;" >
  78. <button class="comment_submit" ng-style="commentNotnull" ng-click="appreplay()">发表</button>
  79. </div>
  80. </ion-footer-bar>
  81. <!--图片放大区域-->
  82. <div id="rightDisplay" ng-show="bigImage" class="popover-backdrop" >
  83. <ion-slide-box auto-play="false" does-continue="false" show-pager="true" delegate-handle="slide_detail">
  84. <ion-slide ng-repeat="image in commentpiclist track by $index" style="background-color:#000;">
  85. <span><em></em>/</span>
  86. <div class="viewOldImg">
  87. <span ng-if="!image.loadsource" ng-click="viewOldImg($index);">
  88. 查看原图
  89. <em ng-bind="'('+image.source_size+')'"></em>
  90. </span>
  91. <span ng-if="image.loadsource">
  92. 已完成
  93. </span>
  94. </div>
  95. <div class="loadImg" ng-click="loadImg(image);"></div>
  96. <div class="pinch-zoom" style="width: 100%;height:100%;">
  97. <img class="img-responsive bigimage" src="{{imgUrl+image.photo_name}}" ng-click="hideBigImage()"/>
  98. </div>
  99. </ion-slide>
  100. </ion-slide-box>
  101. </div>
  102. </ion-view>