<template>
    <tr>
        <td class="label" colspan="2">录入人</td>
        <td colspan="3">{{props.data.inputUserName}}</td>
        <td class="label" colspan="2">推荐人</td>
        <td colspan="3">{{props.data.referee}}</td>
    </tr>
    <tr>
        <td class="label" colspan="2">部门</td>
        <td colspan="3">{{props.data.referee}}</td>
        <td class="label" colspan="2">角色</td>
        <td colspan="3">{{props.data.inputRole}}</td>
    </tr>
    <tr>
        <td class="label" colspan="2">姓名</td>
        <td class="label">年龄</td>
        <td colspan="2" class="label">身份证号</td>
        <td class="label">属相</td>
        <td class="label">性别</td>
        <td class="label">婚姻状况</td>
        <td colspan="2" class="label">电话</td>
    </tr>
    <tr>
        <td colspan="2">{{props.data.name}}</td>
        <td>{{props.data.age}}</td>
        <td colspan="2">{{props.data.idCard}}</td>
        <td>{{props.data.zodiac}}</td>
        <td>{{props.data.sex
                  ? Sex?.find((v) => v.value === props.data.sex)?.label
                  : ''}}</td>
        <td>{{props.data.marriage
                  ? Marriage?.find((v) => v.value === props.data.marriage)?.label
                  : ''}}</td>
        <td colspan="2">{{props.data.phone}}</td>
    </tr>
    <tr>
        <td class="label" colspan="2">学历</td>
        <td class="label">职业</td>
        <td colspan="2" class="label">电子邮箱</td>
        <td class="label">月收入</td>
        <td class="label" colspan="2">预留工作单位</td>
        <td colspan="2" class="label">预留家庭住址</td>
    </tr>
    <tr>
        <td colspan="2">{{props.data.qualification}}</td>
        <td>{{props.data.career}}</td>
        <td colspan="2">{{props.data.email}}</td>
        <td>{{props.data.monthlyIncome}}</td>
        <td colspan="2">{{props.data.reserveWorkUnit}}</td>
        <td colspan="2">{{props.data.reserveAddress}}</td>
    </tr>
    <tr>
        <td rowspan="2" class="label" colspan="2">是否有起诉案件</td>
        <td rowspan="2" class="label">案件描述</td>
        <td rowspan="2" class="label">打卡收入</td>
        <td rowspan="2" class="label">打卡银行</td>
        <td colspan="3" class="label" >个人及夫妻名下车辆</td>
        <td colspan="2" class="label">个人及夫妻名下房产</td>
    </tr>
    <tr>
        <td class="label">数量</td>
        <td class="label" colspan="2">总价值</td>
        <td class="label">数量</td>
        <td class="label">总价值</td>
    </tr>
    <tr>
        <td colspan="2">{{props.data.hasSueCase == 'Y' ? '是' : '否'}}</td>
        <td>{{props.data.caseDesc}}</td>
        <td>{{props.data.checkInIncome}}</td>
        <td>{{props.data.checkInBank}}</td>
        <td>{{props.data.carNum}}</td>
        <td colspan="2">{{props.data.carPrice}}</td>
        <td>{{props.data.houseNum}}</td>
        <td>{{props.data.housePrice}}</td>
    </tr>
    <tr>
        <td class="label" colspan="2">公积金及金额</td>
        <td  class="label">是否有理财型保单 、股票 、基金 、大额存款</td>
        <td  class="label">具体描述</td>
        <td class="label">是否有营业执照</td>
        <td class="label">子女工作是否需要政审</td>
        <td class="label" colspan="2">贷款类型</td>
        <td class="label" colspan="2">特殊原因备注</td>
    </tr>
    <tr>
        <td colspan="2">{{props.data.providentFund}}</td>
        <td >{{props.data.hasBigQuota == 'Y' ? '是' : '否'}}</td>
        <td >{{props.data.bigQuotaDesc}}</td>
        <td>{{props.data.hasBusinessLicense == 'Y' ? '是' : '否'}}</td>
        <td>{{props.data.needPoliticalReview == 'Y' ? '是' : '否'}}</td>
        <td colspan="2">{{props.data.hasLoan == 'Y' ? '是' : '否'}}</td>
        <td colspan="2">{{props.data.remark}}</td>
    </tr>
</template>
<script setup lang="jsx" name="caseDetail">
    import { useDict } from '@/hooks/useDict';
    const { Marriage, Sex } = useDict("Marriage", "Sex");
    const props = defineProps({
        data: Object
    })
</script>
<style lang="scss" scoped>
table {
  width: calc(100%);
  border-collapse: collapse;
}
td {
  border: 1px solid #000;
  background: #fff;
  width: 150px;
  line-height: 11px;
  height: 40px;
  font-size: 14px;
  text-align: center;
  padding-left: 5px;
  word-wrap:break-word;
  word-break:break-all;
  color: #000;
  &.label {
    -webkit-print-color-adjust: exact;
    background-color: #dfeaf5;
    font-weight: 400 !important;
  }
}
</style>