<script setup lang="tsx">
  import { ContentWrap } from '@/components/ContentWrap';
  import { LargScaleOriginTable } from "@/pageComponent/LargScaleOriginTable";
  import { identificationTable } from '@/pageComponent/transcationInfoTable';
import { reactive, ref } from 'vue';
  import { useRoute } from 'vue-router';
  import { FormSchema } from '@/components/Form'
  const route = useRoute();
  const caseInfo = ref(route || null); 
  defineOptions({
      name: 'EditLargScaleCase'
  })
  console.log(caseInfo.value.query,"xinxi ");
  const customerInfo = caseInfo.value.query;

  const LargeScaleCaseColumn = reactive<FormSchema[]>([
    {
        field: 'custCode',
        label: '业务标识号'
    },
    {
        field: 'custName',
        label: '交易时间'
    },
    {
        field: 'tranOrganname',
        label: '交易机构'
    },
    {
        field: 'tranAcct',
        label: '账号'
    },
    {
        field: 'tranOrganname',
        label: '收付'
    },
    {
        field: 'tranAcct',
        label: '币种'
    },
    {
        field: 'tranOrganname',
        label: '交易金额'
    },
    {
        field: 'tranAcct',
        label: '交易方式'
    },
    {
        field: 'tranOrganname',
        label: '对手名称'
    },
    {
        field: 'tranAcct',
        label: '对手账户'
    },
    {
        field: 'tranOrganname',
        label: '对手机构名称'
    },
    {
        field: 'tranAcct',
        label: '校验状态'
    },
    {
        field: 'tranAcct',
        label: '操作人'
    },
    {
        field: 'tranOrganname',
        label: '操作时间'
    },
    {
        field: 'tranAcct',
        label: '操作'
    },
  ])
  let LargeScaleCaseTableData = reactive([]);
</script>

<template>
  <ContentWrap>
    <LargScaleOriginTable :searchStatus="false" :customerInfo="customerInfo" />
    <identificationTable
      :searchStatus="false" :tableColumns="LargeScaleCaseColumn"
      :dataList="LargeScaleCaseTableData" />
  </ContentWrap>
</template>