comment.wxml 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <view class="btn">
  2. <view class=" button button-warn sub button-theme" bindtap="submit">提交评论</view>
  3. </view>
  4. <view class="page {{datas.atype == 1 ? ' product':''}}">
  5. <block wx:if="{{datas.atype == 0}}">
  6. <view class="modular modular-pad">
  7. <view class="modal-title">活动评分:</view>
  8. <view class="modal-label flex">
  9. <view class="title fontWeight" wx:if="{{star>0}}">整体</view>
  10. <view class="comment-content">
  11. <view class="star" data-type='star' bindtap="bindstar">
  12. <image src="{{star >= 1?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="1" />
  13. <image src="{{star >= 2?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="2" />
  14. <image src="{{star >= 3?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="3" />
  15. <image src="{{star >= 4?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="4" />
  16. <image src="{{star == 5?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="5" />
  17. </view>
  18. <view class="star-tit" wx:if="{{star!=0}}">{{star == 1 ?'非常差':star == 2 ?'差':star==3?'一般':star==4?'满意':'超赞'}}</view>
  19. </view>
  20. </view>
  21. <block wx:if="{{star>0}}">
  22. <view class="modal-label flex">
  23. <view class="title role">客服</view>
  24. <view class="comment-content">
  25. <view class="star" bindtap="bindstar">
  26. <image src="{{cusStar >= 1?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="1" />
  27. <image src="{{cusStar >= 2?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="2" />
  28. <image src="{{cusStar >= 3?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="3" />
  29. <image src="{{cusStar >= 4?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="4" />
  30. <image src="{{cusStar == 5?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="5" />
  31. </view>
  32. <view class="star-tit" wx:if="{{cusStar!=0}}">{{cusStar == 1 ?'非常差':cusStar == 2 ?'差':cusStar==3?'一般':cusStar==4?'满意':'超赞'}}</view>
  33. </view>
  34. </view>
  35. <view class="modal-label flex">
  36. <view class="title role">领队</view>
  37. <view class="comment-content">
  38. <view class="star" data-type='leaderStar' bindtap="bindstar">
  39. <image src="{{leaderStar >= 1?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="1" />
  40. <image src="{{leaderStar >= 2?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="2" />
  41. <image src="{{leaderStar >= 3?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="3" />
  42. <image src="{{leaderStar >= 4?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="4" />
  43. <image src="{{leaderStar == 5?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="5" />
  44. </view>
  45. <view class="star-tit" wx:if="{{leaderStar!=0}}">{{leaderStar == 1 ?'非常差':leaderStar == 2 ?'差':leaderStar==3?'一般':leaderStar==4?'满意':'超赞'}}</view>
  46. </view>
  47. </view>
  48. <view class="modal-label flex">
  49. <view class="title role">摄影师</view>
  50. <view class="comment-content">
  51. <view class="star" data-type='pgStar' bindtap="bindstar">
  52. <image src="{{pgStar >= 1?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="1" />
  53. <image src="{{pgStar >= 2?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="2" />
  54. <image src="{{pgStar >= 3?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="3" />
  55. <image src="{{pgStar >= 4?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="4" />
  56. <image src="{{pgStar == 5?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="5" />
  57. </view>
  58. <view class="star-tit" wx:if="{{pgStar!=0}}">{{pgStar == 1 ?'非常差':pgStar == 2 ?'差':pgStar==3?'一般':pgStar==4?'满意':'超赞'}}</view>
  59. </view>
  60. </view>
  61. </block>
  62. </view>
  63. </block>
  64. <view class="modular modular-pad" wx:if="{{datas.atype == 0}}">
  65. <view class="modal-title">推荐值:</view>
  66. <view class="modal-label">
  67. <block wx:if="{{datas.atype == 0}}">
  68. <view class="recommend-level"><text>肯定不推荐</text><text>肯定推荐</text></view>
  69. <view class="recommend">
  70. <block wx:for="{{recommendArr}}" wx:key="*this">
  71. <view class='recommend-item {{recomLevel>= item ? "active" : ""}}' bindtap='recommend' data-number='{{item}}'>{{item}}</view>
  72. </block>
  73. </view>
  74. <view class="star-option">
  75. <view class="option {{item.cet?'cet':'opt'}}" wx:for="{{one}}" wx:key="unique" hidden="{{star == 3 || star == 4 || star == 5}}" bindtap="chooseOpt" data-index="{{index}}">{{item.txt}}</view>
  76. <view class="option {{item.cet?'cet':'opt'}}" wx:for="{{two}}" wx:key="unique" hidden="{{star == 1 || star == 2}}" bindtap="chooseOpt" data-index="{{index}}">{{item.txt}}</view>
  77. </view>
  78. </block>
  79. </view>
  80. </view>
  81. <view class="modular modular-pad">
  82. <view class="modal-title">评价内容:</view>
  83. <view style="position: relative;">
  84. <textarea type='text' class='textarea ' cursor-spacing="90" placeholder="{{datas.atype == '0'?'参加活动后孩子有什么变化心得,您对活动感受(请认真填写,每次评价后有幸运刮奖哦)':'请输入对商品的评价'}}" placeholder-class="place" value="{{content}}" maxlength="10000" bindblur="bindblur" bindinput='bindblur'></textarea>
  85. <span style="position:absolute; right:5px; bottom:1vh;font-size:12px; color:#BDCADA">{{wordsLength}}/10000</span>
  86. </view>
  87. <view class="images">
  88. <view class="imgbox" wx:for="{{uploadImg}}" wx:key="unique">
  89. <image class="images-col" src="{{item}}" mode="aspectFill" />
  90. <view class="delBox" bindtap="delImg" data-index="{{index}}">
  91. <view class="del"></view>
  92. </view>
  93. </view>
  94. <view class="add-box" bindtap="chooseImg" hidden="{{uploadImg.length >= 8}}">
  95. <image src="https://img.bbztx.com/miniProgram/baby/imgUpload.png" style="width: 100%;height: 100%;" alt="" />
  96. </view>
  97. </view>
  98. <view class="tip">注:最大仅支持上传10M的图片,最多上传8张</view>
  99. </view>
  100. </view>