<template>
  <view class="consultation-bar-wrapper">
    <!-- 问诊功能栏：仅问诊结束后显示 -->
    <view class="consultation-bar">
      <view class="consultation-info">
        <view class="consultation-icon">
          <uni-icons type="chatboxes" size="24" color="#0877F1"></uni-icons>
        </view>
        <view class="consultation-details">
          <text class="consultation-title">图文问诊</text>
          <!-- <text class="consultation-price">¥{{ doctor.price }}/次</text> -->
        </view>
      </view>
      <button class="consultation-btn" @click="toConsult">
        问诊医生
      </button>
    </view>
  </view>
</template>

<script setup>
const props = defineProps({
  doctor: { type: Object, default: () => ({}) },
});

function toConsult() {
  if (props.doctor.doctorId) {
    uni.navigateTo({
      url: `/pages-home/consultation/select-patient?doctorId=${props.doctor.doctorId}`
    });
  }
}

</script>

<style scoped lang="scss">
@import "../chat.scss";

.consultation-bar-wrapper {
  flex-shrink: 0;
  padding: 24rpx 30rpx;
}
</style>