<template>
  <view class="feedback-detail-page">
    <view class="section">
      <text class="subject">{{ detail.subject }}</text>
      <view class="section-content">{{ detail.content }}</view>
       <text class="time">{{ detail.createTime }}</text>
    </view>

    <view class="section reply-section">
      <view class="section-title">馆方回复</view>
      <view class="section-content" v-if="detail.reply">{{ detail.reply }}</view>
      <view class="section-content no-reply" v-else>未回复</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      detail: {}
    };
  },
  onLoad(options) {
    if (options.item) {
      this.detail = JSON.parse(decodeURIComponent(options.item));
    }
  }
};
</script>

<style lang="scss" scoped>
.feedback-detail-page {
  padding: 15px;
  background-color: #f7f8fa;
  min-height: 100vh;
}

.section {
  background-color: #fff;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 12px;
}

.section-title {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}

.section-content {
  font-size: 15px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 6px;
}

.section-content:last-child {
  margin-bottom: 0;
}

.subject {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  display: block;
  margin-bottom: 10px;
}

.time {
  font-size: 12px;
  color: #999;
  display: block;
  text-align: right;
}

.no-reply {
  color: #999;
  font-style: italic;
}

.reply-section {
  background-color: #f0f9ff;
}
</style>
