# 信贷表现组件 (JRZQ4B6C)

## 组件概述

信贷表现主要为企业在背景调查过程中探查用户近期信贷表现时提供参考，帮助企业对其内部员工、外部业务进行个人信用过滤。

## 组件结构

```
JRZQ4B6C/
├── index.vue                          # 主组件
├── components/                        # 子组件目录
│   ├── ProbeOverview.vue             # 信贷表现概览组件
│   ├── OverdueInfoSection.vue        # 逾期信息组件
│   ├── PerformanceInfoSection.vue    # 履约信息组件
│   └── InstitutionStatusSection.vue  # 机构状态组件
├── utils/                            # 工具函数目录
│   └── probeUtils.js                # 信贷表现工具函数
└── README.md                         # 说明文档
```

## 使用方法

### 基本用法

```vue
<template>
  <div>
    <JRZQ4B6C :data="probeData" />
  </div>
</template>

<script setup>
import JRZQ4B6C from '@/ui/JRZQ4B6C/index.vue'

// 信贷表现数据示例
const probeData = {
  result_code: "1",                    // 探查结果编码
  max_overdue_amt: "1000-2000",       // 最大逾期金额
  max_overdue_days: "1-15",           // 最长逾期天数
  latest_overdue_time: "2018-10",     // 最近逾期时间
  max_performance_amt: "1000-2000",   // 最大履约金额
  latest_performance_time: "2018-10", // 最近履约时间
  count_performance: "1",             // 履约笔数
  currently_overdue: "1",             // 当前逾期机构数
  currently_performance: "29",        // 当前履约机构数
  acc_exc: "0",                       // 异常还款机构数
  acc_sleep: "39"                     // 睡眠机构数
}
</script>
```

## 数据字段说明

| 字段名 | 类型 | 必填 | 描述 | 示例值 |
|-------|------|------|------|--------|
| result_code | String | 否 | 探查结果编码 | "1" |
| max_overdue_amt | String | 否 | 最大逾期金额 | "1000-2000" |
| max_overdue_days | String | 否 | 最长逾期天数 | "1-15" |
| latest_overdue_time | String | 否 | 最近逾期时间 | "2018-10" |
| max_performance_amt | String | 否 | 最大履约金额 | "1000-2000" |
| latest_performance_time | String | 否 | 最近履约时间 | "2018-10" |
| count_performance | String | 否 | 履约笔数 | "1" |
| currently_overdue | String | 否 | 当前逾期机构数 | "1" |
| currently_performance | String | 否 | 当前履约机构数 | "29" |
| acc_exc | String | 否 | 异常还款机构数 | "0" |
| acc_sleep | String | 否 | 睡眠机构数 | "39" |

## 结果编码说明

| 编码 | 显示内容 | 探查明细说明 | 风险等级 |
|------|----------|-------------|----------|
| 1 | 用户最近一笔订单未结清 | 用户最近一笔订单未结清 | 高风险 |
| 2 | 用户订单结清情况良好 | 多笔订单用户最近一笔订单已结清且历史所有订单均已结清，或单笔订单用户该订单发生时间在3个月之内且该订单结清 | 低风险 |
| 3 | 用户最近订单已结清，历史存在未结清订单 | 用户最近一笔订单已结清，但历史存在未结清订单 | 中等风险 |
| 4 | 用户数据不充分 | 数据不充分 | 未知风险 |

### 详细说明

**编码1**：通过模型计算展现该用户行为画像，用户最近一笔订单未结清
**编码2**：通过模型计算展现该用户行为画像，用户订单结清情况良好
**编码3**：通过模型计算展现该用户行为画像，用户最近订单已结清但历史存在未结清订单
**编码4**：用户数据不充分无法展现该用户行为画像

## 金额区间说明

组件支持以下金额区间格式：
- 区间格式：`"1000-2000"`、`"(1000~2000]"`
- 大于格式：`">1000000"`
- 零值：`"0"` 表示无记录

## 组件特性

1. **响应式设计**：适配移动端和桌面端
2. **数据格式化**：自动格式化金额、时间等数据
3. **风险评估**：基于数据自动生成风险等级和建议
4. **视觉反馈**：使用颜色区分不同风险等级
5. **空数据处理**：优雅处理缺失或无效数据

## 工具函数

### probeUtils.js

提供了以下工具函数：

- `getResultCodeInfo(code)` - 获取结果编码信息
- `formatAmountRange(amount)` - 格式化金额区间
- `formatDaysRange(days)` - 格式化天数区间
- `formatTime(time)` - 格式化时间
- `generateRiskSummary(data)` - 生成风险评估总结

## 样式定制

组件使用 Tailwind CSS 构建，可以通过以下方式定制样式：

1. 修改组件内的 CSS 类名
2. 使用 CSS 变量覆盖默认样式
3. 通过 props 传入自定义样式类名

## 注意事项

1. 确保传入的数据格式正确
2. 所有字段都是可选的，组件会优雅处理缺失数据
3. 时间格式建议使用 YYYY-MM 格式
4. 金额和天数支持多种区间格式

## 更新日志

- v1.0.0 - 初始版本，支持信贷表现基本功能展示
