first commit

使用说明.md

@@ -0,0 +1,103 @@
+# 报告查看器使用说明
+
+## 📋 已包含的组件
+
+本项目已包含以下报告组件的完整代码：
+
+1. **DWBG6A2C** - 司南报告（包含所有子模块）
+2. **FLXG0V4B** - 司法涉诉
+3. **QYGL3F8E** - 人企关系加强版（包含所有子模块）
+4. **JRZQ4B6C** - 信贷表现
+5. **JRZQ09J8** - 收入评估
+6. **QCXG9P1C** - 名下车辆
+7. **DWBG8B4D** - 谛听多维报告（包含所有子模块）
+
+## 📁 需要提供的文件清单
+
+如果要将这些组件提供给其他人使用，需要提供以下文件：
+
+### 1. 核心文件
+- ✅ `src/views/Report.vue` - 报告页面视图
+- ✅ `src/components/BaseReport.vue` - 报告主组件
+
+### 2. UI 业务组件目录
+- ✅ `src/ui/DWBG6A2C/` - 司南报告（完整目录）
+- ✅ `src/ui/CFLXG0V4B/` - 司法涉诉（完整目录）
+- ✅ `src/ui/CQYGL3F8E/` - 人企关系加强版（完整目录）
+- ✅ `src/ui/JRZQ4B6C/` - 信贷表现（完整目录）
+- ✅ `src/ui/JRZQ09J8/` - 收入评估（完整目录）
+- ✅ `src/ui/CQCXG9P1C.vue` - 名下车辆组件
+- ✅ `src/ui/CDWBG8B4D/` - 谛听多维报告（完整目录）
+
+### 3. 基础组件
+- ✅ `src/components/GaugeChart.vue` - 评分图表
+- ✅ `src/components/ShareReportButton.vue` - 分享按钮
+- ✅ `src/components/TitleBanner.vue` - 标题横幅
+- ✅ `src/components/VerificationCard.vue` - 验证卡片
+- ✅ `src/components/StyledTabs.vue` - 样式化标签页
+- ✅ `src/components/LEmpty.vue` - 空状态组件
+- ✅ `src/components/LRemark.vue` - 备注组件
+- ✅ `src/components/LTitle.vue` - 标题组件
+
+### 4. 工具和配置
+- ✅ `src/composables/useApiFetch.js` - API 请求工具
+- ✅ `src/assets/` - 所有样式文件和图片资源
+- ✅ `package.json` - 依赖配置
+- ✅ `vite.config.js` - Vite 配置
+- ✅ `tailwind.config.js` - Tailwind 配置
+- ✅ `postcss.config.js` - PostCSS 配置
+
+### 5. 入口文件
+- ✅ `src/main.js` - 应用入口
+- ✅ `src/App.vue` - 根组件
+- ✅ `index.html` - HTML 模板
+
+### 使用示例
+
+```javascript
+// 在组件中使用 BaseReport
+import BaseReport from '@/components/BaseReport.vue'
+
+<BaseReport
+  :feature="'preloanbackgroundcheck'"
+  :report-data="reportData"
+  :report-params="reportParams"
+  :report-name="reportName"
+  :report-date-time="reportDateTime"
+  :is-empty="false"
+  :is-done="true"
+/>
+```
+
+## 📦 项目结构
+
+```
+report-viewer/
+├── src/
+│   ├── components/           # 基础组件
+│   │   ├── BaseReport.vue   # ⭐ 核心组件
+│   │   ├── GaugeChart.vue
+│   │   └── ...
+│   ├── views/
+│   │   └── Report.vue       # ⭐ 报告页面
+│   ├── ui/                  # ⭐ 业务组件
+│   │   ├── DWBG6A2C/       # 司南报告
+│   │   ├── CFLXG0V4B/      # 司法涉诉
+│   │   ├── CQYGL3F8E/      # 人企关系加强版
+│   │   ├── JRZQ4B6C/       # 信贷表现
+│   │   ├── JRZQ09J8/       # 收入评估
+│   │   ├── CQCXG9P1C.vue   # 名下车辆
+│   │   └── CDWBG8B4D/      # 谛听多维报告
+│   ├── composables/
+│   │   └── useApiFetch.js   # API 工具
+│   └── assets/              # 样式和图片
+│       ├── images/
+│       └── *.css
+├── package.json
+├── vite.config.js
+├── tailwind.config.js
+└── README.md
+```
+
+
+