<script setup lang="tsx">
//客户信息补录
import { ContentWrap } from '@/components/ContentWrap';
import { customerInfoTable } from "@/pageComponent/customerInfoTable"
import { FormSchema } from '@/components/Form';
import { ElButton } from 'element-plus'
import { reactive } from 'vue';

defineOptions({
    name: 'NewCustomerIdentity'
})

const searchSchema = reactive<FormSchema[]>([
    {
        field: 'custCode',
        label: '客户号',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户姓名/名称',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custPptype',
        label: '客户国籍',
        componentProps: {},
        component: 'Select'
    },
    {
        field: 'custPptype',
        label: '客户身份证件/证件文件类型',
        componentProps: {},
        component: 'Select'
    },
    {
        field: 'custName',
        label: '客户联系电话',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户证件号码',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户其他联系方式',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户住址',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户类型',
        componentProps: {},
        component: 'Select'
    },
    {
        field: 'custName',
        label: '对私客户职业或对公客户的行业',
        componentProps: {},
        component: 'Select'
    },
    {
        field: 'custName',
        label: '控股股东或实际控制人名称',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '法定代表人姓名',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '控股股东或实际控制人身份证类型',
        componentProps: {},
        component: 'Select'
    },
    {
        field: 'custName',
        label: '法定代表人身份证件类型',
        componentProps: {},
        component: 'Select'
    },
    {
        field: 'custName',
        label: '控股股东或实际控制人其他身份证件/证明文件类型',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '法定代表人身份证件号码',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '控股股东或实际控制人身份证件号码',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '法定代表人其他身份证件/证明文件类型',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '注册资金',
        componentProps: {},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户其他身份证件/证明文件类型',
        componentProps: {},
        component: 'Select'
    },

])

//提交信息
const submitInfo = ()=>{
    console.log("提交信息");
}
//保存信息
const confirmInfo = ()=>{
    console.log("保存信息")
}

</script>
<template>
  <ContentWrap>
    <customerInfoTable title="客户信息" branchName="客户信息" :formSchema="searchSchema" />
    <p class="buttonList">
      <ElButton type="primary" @click="submitInfo">提交</ElButton>
      <ElButton type="primary" @click="confirmInfo">保存</ElButton>
    </p>
  </ContentWrap>

</template>
<style scoped>
    .buttonList{
        text-align: center;
    }
</style>