<view class="btn">
  <view class=" button button-warn sub button-theme" bindtap="submit">提交评论</view>
</view>
<view class="page {{datas.atype == 1 ? ' product':''}}">
  <block wx:if="{{datas.atype == 0}}">
    <view class="modular modular-pad">
      <view class="modal-title">活动评分：</view>
      <view class="modal-label flex">
        <view class="title fontWeight" wx:if="{{star>0}}">整体</view>
        <view class="comment-content">
          <view class="star" data-type='star' bindtap="bindstar">
            <image src="{{star >= 1?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="1" />
            <image src="{{star >= 2?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="2" />
            <image src="{{star >= 3?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="3" />
            <image src="{{star >= 4?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="4" />
            <image src="{{star == 5?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="5" />
          </view>
          <!-- <view class="star-tit">{{star == 1 ?'非常不满意':star == 2 ?'不满意':star==3?'一般':star==4?'满意':'非常满意'}}</view> -->
        </view>
      </view>
      <block wx:if="{{star>0}}">
        <view class="modal-label flex">
          <view class="title role">客服</view>
          <view class="comment-content">
            <view class="star" bindtap="bindstar">
              <image src="{{cusStar >= 1?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="1" />
              <image src="{{cusStar >= 2?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="2" />
              <image src="{{cusStar >= 3?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="3" />
              <image src="{{cusStar >= 4?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="4" />
              <image src="{{cusStar == 5?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="5" />
            </view>
            <!-- <view class="star-tit">{{cusStar == 1 ?'非常不满意':cusStar == 2 ?'不满意':cusStar==3?'一般':cusStar==4?'满意':'非常满意'}}</view> -->
          </view>
        </view>
        <view class="modal-label flex">
          <view class="title role">领队</view>
          <view class="comment-content">
            <view class="star" data-type='leaderStar' bindtap="bindstar">
              <image src="{{leaderStar >= 1?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="1" />
              <image src="{{leaderStar >= 2?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="2" />
              <image src="{{leaderStar >= 3?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="3" />
              <image src="{{leaderStar >= 4?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="4" />
              <image src="{{leaderStar == 5?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="5" />
            </view>
            <!-- <view class="star-tit">{{leaderStar == 1 ?'非常不满意':leaderStar == 2 ?'不满意':leaderStar==3?'一般':leaderStar==4?'满意':'非常满意'}}</view> -->
          </view>
        </view>
        <view class="modal-label flex">
          <view class="title role">摄影师</view>
          <view class="comment-content">
            <view class="star" data-type='pgStar' bindtap="bindstar">
              <image src="{{pgStar >= 1?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="1" />
              <image src="{{pgStar >= 2?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="2" />
              <image src="{{pgStar >= 3?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="3" />
              <image src="{{pgStar >= 4?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="4" />
              <image src="{{pgStar == 5?'https://img.bbztx.com/miniProgram/challengeFamily/redStar.png':'https://img.bbztx.com/miniProgram/challengeFamily/star.png'}}" data-index="5" />
            </view>
            <!-- <view class="star-tit">{{pgStar == 1 ?'非常不满意':pgStar == 2 ?'不满意':pgStar==3?'一般':pgStar==4?'满意':'非常满意'}}</view> -->
          </view>
        </view>
      </block>
    </view>
  </block>

  <view class="modular modular-pad" wx:if="{{datas.atype == 0}}">
    <view class="modal-title">推荐值：</view>
    <view class="modal-label">
      <block wx:if="{{datas.atype == 0}}">
        <view class="recommend-level"><text>肯定不推荐</text><text>肯定推荐</text></view>
        <view class="recommend">
          <block wx:for="{{recommendArr}}" wx:key="*this">
            <view class='recommend-item {{recomLevel>= item ? "active" : ""}}' bindtap='recommend' data-number='{{item}}'>{{item}}</view>
          </block>
        </view>
        <view class="star-option">
          <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>
          <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>
        </view>
      </block>
    </view>
  </view>
  <view class="modular modular-pad">
    <view class="modal-title">评价内容：</view>
    <view style="position: relative;">
      <textarea type='text' class='textarea ' cursor-spacing="90" placeholder="{{datas.atype == '0'?'参加活动后孩子有什么变化心得，您对活动感受（请认真填写，每次评价后有幸运刮奖哦）':'请输入对商品的评价'}}" placeholder-class="place" value="{{content}}" maxlength="10000" bindblur="bindblur" bindinput='bindblur'></textarea>
      <span style="position:absolute; right:5px; bottom:1vh;font-size:12px; color:#BDCADA">{{wordsLength}}/10000</span>
    </view>
    <view class="images">
      <view class="imgbox" wx:for="{{uploadImg}}" wx:key="unique">
        <image class="images-col" src="{{item}}" mode="aspectFill" />
        <view class="delBox" bindtap="delImg" data-index="{{index}}">
          <view class="del"></view>
        </view>
      </view>
      <view class="add-box" bindtap="chooseImg" hidden="{{uploadImg.length >= 8}}">
        <image src="https://img.bbztx.com/miniProgram/baby/imgUpload.png" style="width: 100%;height: 100%;" alt="" />
      </view>
    </view>
    <view class="tip">注：最大仅支持上传10M的图片,最多上传8张</view>
  </view>
</view>