<template>
  <v-header title="评价详情" border backgroundColor="#fff">
    <flat-list
      @changeData="flatChangeData"
      background="transparent"
      :ref="base_flat_id"
      @fetch="fetch"
      mode="skeleton"
      :refresh="false"
      :skeleton="parentItem.replay >= 10 ? 10: parentItem.replay"
    >
      <view slot="header">
        <view class="detail-header overflow" >
          <layout-comment
              size="big"
              :item="parentItem"
          ></layout-comment>
        </view>
        <view class="detail-list-title">评价回复<text v-if="parentItem.replay">({{parentItem.replay}})</text></view>
      </view>

      <view class="detail-list">
        <view class="detail-item"
          v-for="(item,index) in base_flat_data.data"
          :key="index"
        >
          <layout-comment
              size="big"
              :item="item"
              :rate="false"
              :image="false"
          ></layout-comment>
        </view>
      </view>

      <!--   底部   -->
      <view class="detail-footer row aCenter" slot="end-footer">
        <view class="flex-all-1 detail-input jCenter">
          <input v-model="value" confirm-type="send" @confirm="sendMessage" type="text" maxlength="200" placeholder="写个评论聊聊" placeholder-class="detail-input-placeholder" class="detail-input-target" />
        </view>
        <view v-if="isLogin"
              class="detail-button center"
              :class="{'detail-button-disabled':disabled}"
              @click="sendMessage">评价</view>
        <view v-else class="detail-login-button center" @click="routerLogin">登录后发表评论</view>
      </view>

    </flat-list>
  </v-header>
</template>

<script>
import vHeader from '@/components/v-header/main.vue';
import flatList from '@/components/flat-list/src/main';
import layoutComment from '@/layout/layout-commet/main';
import mixins from './mixins';
export default {
  name: "comment-detail",
  components:{
    vHeader,
    flatList,
    layoutComment
  },
  mixins
}
</script>

<style scoped src="./style.scss" lang="scss"></style>