<!-- 客户评级 -->
<script lang="tsx" setup>
import { ContentWrap } from '@/components/ContentWrap'
import { ref, reactive } from 'vue'
import { ElTabs, ElTabPane } from 'element-plus'
import { FormSchema } from '@/components/Form';

import { customerRateInfo } from '@/pageComponent/CustomerRiskRate/customerRateInfo';
import { scoreAdjustment } from '@/pageComponent/CustomerRiskRate/scoreAdjustment'
import { customerInfoTable } from '@/pageComponent/customerInfoTable'

import { useRoute } from 'vue-router';
const route = useRoute();
const caseInfo = ref(route || null); 
let customerInfoQuery = reactive({
    type:caseInfo.value.query.type,
    customer:caseInfo.value.query.info,
})

defineOptions({
    name: "CustomerRiskRate"
})

const ActiveName = reactive({
    activeName: "1",
})
const customerInfo = reactive<FormSchema[]>([
    {
        field: 'custCode',
        label: '客户号',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户姓名/名称',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '性别',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custPptype',
        label: '客户国籍',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custPptype',
        label: '客户身份证件/证件文件类型',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户证件号码',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '证件起始日期',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '证件到期日期',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户手机号码',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户联系电话',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '民族',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '对私客户职业或对公客户的行业',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户住址',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户类型',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户身份证件/证明文件名称',
       componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '客户其他联系方式',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '控股股东或实际控制人名称',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '法定代表人姓名',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '控股股东或实际控制人名称身份证件类型',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '法定代表人身份证件类型',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '控股股东或实际控制人名称身份证件名称',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '对公客户法定代表人身份证件名称',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '控股股东或实际控制人名称身份证件号码',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '法定代表人身份证件号码',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '注册资金',
        componentProps: {disabled:true},
        component: 'Input'
    },
    {
        field: 'custName',
        label: '年收入',
        componentProps: {disabled:true},
        component: 'Input'
    },
])

</script>

<template>
  <ContentWrap>
    <ElTabs v-model="ActiveName.activeName" tab-position="top" type="border-card">
      <ElTabPane label="客户评级分析" name="1">
        <customerRateInfo />
      </ElTabPane>
      <ElTabPane label="分值调整" name="2">
        <scoreAdjustment :type="customerInfoQuery.type" />
      </ElTabPane>
      <ElTabPane label="客户信息" name="3">
        <customerInfoTable branchName="客户信息" :formSchema="customerInfo" />
      </ElTabPane>
    </ElTabs>
  </ContentWrap>
</template>
