<script setup lang="ts">
import contentConfig from "./config/content.config";
import { shallowRef } from "vue";
import { Events } from "/@/components/PageContainer";
const PageName = "accountsReceivableExpired";

const total = shallowRef(0);

function handleResult(list: Array<any>) {
  total.value = list ? list.length : 0;
}

const events: Events = {
  content: {
    result: handleResult
  }
};
</script>

<template>
  <PageAuth :pageName="PageName" style="background-color: #fff">
    <div w-full>
      <PageContainer :contentConfig="contentConfig" :events="events">
        <template #content_table_header>
          <div class="flex justify-between">
            <h1 class="font-700">超期应收账明细表</h1>
            <div class="font-700">共计:{{ total }} 条</div>
          </div>
        </template>
      </PageContainer>
    </div>
  </PageAuth>
</template>

<style lang="scss" scoped>
:deep(.pure-table) {
  height: 100vh !important;
}
</style>
