<template>
  <syTraceProofRecord
    :showTip="showTip"
    :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>
</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";
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>
