<script setup lang="ts">
import XCellList from '@af-mobile-client-vue3/components/data/XCellList/index.vue'
import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'

import {
  Icon as VanIcon,
} from 'vant'
import { ref } from 'vue'

const configName = ref('get_evaluate_by_id')
</script>

<template>
  <NormalDataLayout title="评价纪录">
    <template #layout_header_row_right_col>
      <VanIcon class="header_row_icon" name="filter-o" />
    </template>
    <template #layout_content>
      <XCellList :config-name="configName" id-key="t_id" service-name="af-revenue" />
    </template>
  </NormalDataLayout>
</template>

<style scoped lang="less">
.header_row_icon {
  font-size: 18px;
}
//.van-tabs {
//  display: flex;
//  flex-flow: column;
//  height: 100%;
//}
//:deep(.van-tabs__content) {
//  flex: 1;
//}
//:deep(.van-tab__panel) {
//  height: 100%;
//  max-height: 100vh;
//}
</style>
