<template>
  <Layout>
    <div class="flex justify-end">
      <Avatar></Avatar>
    </div>
    <syTraceProofRecord
      :showTip="showTip"
      :setDepositCertificate="setDepositCertificate"
      :userInfos_auth_suc="userInfos_auth_suc"
      :navigate="navigate"
      :setListOfInformation="setListOfInformation"
      :setGoodsNum="setGoodsNum"
      :setChainStatus="setChainStatus"
      :theAnchor="theAnchor"
      :setTheAnchor="setTheAnchor"
      :depositCertificate="depositCertificate"
      :page="page"
      :setPage="setPage"
    >
      <template #table="slotProps">
        <IncrementalTable
          @increment="slotProps.incrementOperation"
          @delete-goods="slotProps.deleteGoodsShow"
          @upload="slotProps.upload"
          @delete-incremental="slotProps.deleteTheIncremental"
          @incremental-chain="slotProps.incrementalOnChain"
          @create-copy="slotProps.createCopy"
          @privacy-settings="slotProps.privacySettings"
          @update="slotProps.getList"
        ></IncrementalTable>
      </template>
    </syTraceProofRecord>
  </Layout>
</template>
<script lang="ts" setup>
import { syTraceProofRecord } from "cqk-sy-ui";
import IncrementalTable from "./components/IncrementalTable.vue";
import { showTip } from "@/components/GlobalMount/api";
import {
  setChainStatus,
  setDepositCertificate,
  setGoodsNum,
  setListOfInformation,
  setTheAnchor,
} from "@/store/mutations";
import { router } from "@/router";
import { globalState } from "@/store/state";
import { computed } from "vue";
import Layout from "@/components/Layout.vue";
import Avatar from "@/components/Avatar/index.vue";

const navigate = router.push;
const userInfos_auth_suc = computed(() => {
  return globalState.userInfos.auth_suc;
});

const theAnchor = computed(() => {
  return globalState.theAnchor;
});

const depositCertificate = computed(() => {
  return globalState.depositCertificate;
});

const page = computed(() => {
  return globalState.page;
});

const setPage = (v: number) => {
  globalState.page = v;
};
</script>
<style lang="scss"></style>
