<view class="tui-cards-container" catch:tap="handleClose" wx:if="{{displayTag}}">
  <view class="service-evaluation" catch:tap="()=>{}">
    <view class="header">
      <!-- <label>请对本次服务进行评价</label> -->

      <image src="../../../../../static/images/chat_close.png" class="chatclose" catch:tap="handleClose">

      </image>

    </view>
    <view class="main">
      <view class="doctorInfo">
        <image src="{{doctor_info.avatar}}" class="doctorAvatar" mode="aspectFill" wx:if="{{doctor_info.avatar}}"> </image>
        <image src="{{img_host+'/doctor_avatar.png'}}" class="doctorAvatar" wx:else> </image>
       
        <view class="namebox">
          <view class="name">{{doctor_info.user_name}}</view>
          <view class="position" wx:if="{{doctor_info.doctor_title_name}}">{{doctor_info.doctor_title_name}}</view>
         
        </view>
        <view class="viewstar">
          <van-rate value="{{ score }}" size="{{ 26 }}" color="#ed9c00" void-icon="star" void-color="#eee" bind:change="onChange" gutter="16" readonly  />
        </view>
      </view>
      <view class="linebox">
        <view class="line"></view>
        <view class="pingjia">非常满意</view>
        <view class="line"></view>
      </view>
      <view class="ratebox">
        <view class="starbox">
          <view class="name"> 回复质量</view>
          <van-rate value="{{reply_quality}}" size="{{ 20 }}" color="#ed9c00" void-icon="star" void-color="#eee" bind:change="onChange" gutter="8" data-id="reply_quality" readonly="{{is_evaluation}}" />
          <view class="quality" wx:if="{{reply_quality>=4}}">好评</view>
          <view class="quality" wx:elif="{{reply_quality==3}}">中评</view>
          <view class="quality" wx:else="{{reply_quality<=2}}">差评</view>
        </view>
        <view class="starbox">
          <view class="name"> 服务态度</view>
          <van-rate value="{{service_attitude}}" size="{{ 20 }}" color="#ed9c00" void-icon="star" void-color="#eee" bind:change="onChange" gutter="8" data-id="service_attitude" readonly="{{is_evaluation}}" />
          <view class="quality" wx:if="{{service_attitude>=4}}">好评</view>
          <view class="quality" wx:elif="{{service_attitude==3}}">中评</view>
          <view class="quality" wx:else="{{service_attitude<=2}}">差评</view>
        </view>
        <view class="starbox">
          <view class="name">回复速度</view>

          <van-rate value="{{reply_progress}}" size="{{ 20 }}" color="#ed9c00" void-icon="star" void-color="#eee" bind:change="onChange" gutter="8" data-id="reply_progress" readonly="{{is_evaluation}}"/>
          <view class="quality" wx:if="{{reply_progress>=4}}">好评</view>
          <view class="quality" wx:elif="{{reply_progress==3}}">中评</view>
          <view class="quality" wx:else="{{reply_progress<=2}}">差评</view>
        </view>
      </view>
      <van-field  maxlength="200"  class="commentArea" input-class="ipt" custom-style="height: 240rpx; border-radius: 10rpx;background: #fff;border:1px solid #ccc;"  placeholder="请您对本次服务进行评价" show-word-limit value="{{ content }}" label="" type="textarea"  border="{{ false }}" bind:change="onChangeContent" disabled="{{is_evaluation}}"></van-field>
      <!-- <view class="main-evaluation-score">
        <image class="score-star" wx:for="{{scoreList}}" wx:key="*this" data-score="{{item}}" src="{{'../../../../../static/images/star' + (item > score ? '-grey': '') + '.png'}}" bind:tap="handleScore" />
      </view> -->
      <!-- <textarea cols="20" rows="10" bindinput="bindTextAreaInput" placeholder="请输入评语" placeholder-style="textarea-placeholder" confirm-type="done" show-confirm-bar="{{false}}"></textarea> -->
    </view>
    <view class="footer">
      <!-- bind:tap="sendMessage" -->
      <button class="btn"   type="primary" bindtap="handleEvaluation" disabled="{{is_evaluation}}">匿名评价</button>
    </view>
  </view>
</view>