Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
ce53b4f124 |
@@ -17,11 +17,8 @@ pnpm-debug.log*
|
|||||||
# Editor directories and files
|
# Editor directories and files
|
||||||
.idea
|
.idea
|
||||||
.vscode
|
.vscode
|
||||||
.claude
|
|
||||||
.kimi-code
|
|
||||||
*.suo
|
*.suo
|
||||||
*.ntvs*
|
*.ntvs*
|
||||||
*.njsproj
|
*.njsproj
|
||||||
*.sln
|
*.sln
|
||||||
*.sw?
|
*.sw?
|
||||||
/yarn.lock
|
|
||||||
|
|||||||
@@ -3,7 +3,4 @@
|
|||||||
<component name="JavaScriptSettings">
|
<component name="JavaScriptSettings">
|
||||||
<option name="languageLevel" value="ES6" />
|
<option name="languageLevel" value="ES6" />
|
||||||
</component>
|
</component>
|
||||||
<component name="WebPackConfiguration">
|
|
||||||
<option name="mode" value="DISABLED" />
|
|
||||||
</component>
|
|
||||||
</project>
|
</project>
|
||||||
@@ -1,501 +0,0 @@
|
|||||||
# 调度App H5行驶证拍摄取景引导框 — 需求文档
|
|
||||||
---
|
|
||||||
|
|
||||||
## 需求文档摘要
|
|
||||||
**一句话概括**:在调度App H5车辆管理页(`vehicleAdd.vue`)的行驶证上传流程中,拦截现有 `van-uploader` 的点击事件,先进入自定义拍摄引导页(WebRTC取景+浅色背景+灰色边框引导框+蓝色角标+Hero提示卡+取景要点卡+预览确认),拍摄确认后将照片传回现有的压缩→上传→OCR流程,实现拍摄环节的引导增强。
|
|
||||||
|
|
||||||
**核心要点**:
|
|
||||||
|
|
||||||
| 维度 | 内容 |
|
|
||||||
| --- | --- |
|
|
||||||
| **背景** | 调度App H5车辆管理页行驶证上传使用 `van-uploader` 直接调起系统选择器,无拍摄规范提示,导致卡套反光、证件歪斜、文字模糊等问题频发 |
|
|
||||||
| **目标** | 拦截行驶证槽位点击,进入拍摄引导页(浅色背景+相机预览+引导框+Hero提示卡+取景要点卡),拍摄后预览确认,确认后回到现有压缩→上传→OCR流程 |
|
|
||||||
| **现有流程** | `van-uploader` 点击 → 系统选择器 → `after-read` 回调 → `compressFileItem` 压缩 → `uploadImage` 上传 → `ocrHandler` OCR识别 |
|
|
||||||
| **改造方案** | 行驶证槽位点击 → **拍摄引导页(新增)** → 预览确认(新增)→ `compressFileItem` 压缩 → `uploadImage` 上传 → `ocrHandler` OCR识别 |
|
|
||||||
| **界面改动** | 新增拍摄引导页组件 + 预览确认页组件;改造 `vehicleAdd.vue` 中行驶证三个槽位的点击逻辑 |
|
|
||||||
| **数据规则** | 无新增字段;引导框样式与文案为前端静态资源;后端接口完全不变 |
|
|
||||||
| **原型** | [调度App-H5行驶证拍摄取景引导原型.html](https://sinoassist.yuque.com/attachments/yuque/0/2026/html/34748803/1785205633529-2dd10b98-a855-4a6b-b2a1-894fc14e3ca3.html) |
|
|
||||||
|
|
||||||
|
|
||||||
**技术要点**:
|
|
||||||
|
|
||||||
+ 后端:无需变更,复用现有 `POST /order/uploadImage` 和 `POST /agg-api/tencent-ocr/unifiedOCR`
|
|
||||||
+ 前端:`supplier-dispatch-h5` 项目 `vehicleAdd.vue` 改造 + 新增拍摄引导组件
|
|
||||||
+ 数据库:无需变更
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 一、基本信息
|
|
||||||
| 项目 | 内容 |
|
|
||||||
| --- | --- |
|
|
||||||
| **需求名称** | 调度App H5行驶证拍摄取景引导框 |
|
|
||||||
| **提出人** | |
|
|
||||||
| **产品负责人** | 宋志领 |
|
|
||||||
| **所属模块** | 调度App H5 - 车辆管理(`vehicleAdd.vue`)- 行驶证上传 |
|
|
||||||
| **需求类型** | 优化 |
|
|
||||||
| **目标版本** | |
|
|
||||||
| **紧急程度** | 中 |
|
|
||||||
|
|
||||||
|
|
||||||
## 二、需求背景
|
|
||||||
### 2.1 现有流程
|
|
||||||
调度App H5车辆管理页面(`https://crm1.sino-assist.com/h5/supplier/dispatch/vehicleManage`)中,用户在录入或修改车辆信息时,需要上传行驶证主页、副页、车辆照片页。
|
|
||||||
|
|
||||||
当前上传流程基于 Vant `van-uploader` 组件实现:
|
|
||||||
|
|
||||||
```plain
|
|
||||||
用户点击 van-uploader 上传槽位
|
|
||||||
│
|
|
||||||
▼
|
|
||||||
系统调起相册/相机选择器(accept="image/*")
|
|
||||||
│
|
|
||||||
▼
|
|
||||||
after-read 回调触发(vehicleLicenseFrontHandler / vehicleLicenseBackHandler / vehicleLicenseCarHandler)
|
|
||||||
│
|
|
||||||
▼
|
|
||||||
compressFileItem() 前端压缩(目标 < 5MB,JPEG 格式)
|
|
||||||
│
|
|
||||||
▼
|
|
||||||
uploadImage() 上传 → POST /order/uploadImage(multipart/form-data)
|
|
||||||
│
|
|
||||||
▼
|
|
||||||
ocrHandler() OCR 识别 → POST /agg-api/tencent-ocr/unifiedOCR
|
|
||||||
│
|
|
||||||
▼
|
|
||||||
回填识别结果到表单字段(车牌号、车架号、所有人等)
|
|
||||||
```
|
|
||||||
|
|
||||||
**现有代码位置**:
|
|
||||||
|
|
||||||
| 文件 | 关键方法/组件 |
|
|
||||||
| --- | --- |
|
|
||||||
| `supplier-dispatch-h5/src/views/index/vehicleAdd.vue` | `van-uploader` 组件(行驶证三个槽位) |
|
|
||||||
| `supplier-dispatch-h5/src/views/index/vehicleAdd.vue` | `vehicleLicenseFrontHandler()` — 行驶证主页上传 |
|
|
||||||
| `supplier-dispatch-h5/src/views/index/vehicleAdd.vue` | `vehicleLicenseBackHandler()` — 行驶证副页上传 |
|
|
||||||
| `supplier-dispatch-h5/src/views/index/vehicleAdd.vue` | `vehicleLicenseCarHandler()` — 行驶证车辆照片上传 |
|
|
||||||
| `supplier-dispatch-h5/src/views/index/vehicleAdd.vue` | `compressFileItem()` — 图片压缩 |
|
|
||||||
| `supplier-dispatch-h5/src/api/mine.js` | `uploadImage()` — 上传接口 |
|
|
||||||
| `supplier-dispatch-h5/src/api/mine.js` | `ocrHandler()` — OCR 识别接口 |
|
|
||||||
|
|
||||||
|
|
||||||
### 2.2 问题分析
|
|
||||||
当前流程中,用户点击上传槽位后直接调起系统相册/相机选择器,**没有任何拍摄规范提示**。实际采集到的照片普遍存在以下问题:
|
|
||||||
|
|
||||||
1. **卡套/保护膜未取出**:证件装在透明卡套或覆膜中拍摄,塑料/玻璃表面反光,遮盖号牌、车架号等关键字段,导致OCR无法识别。
|
|
||||||
2. **摆放不规整**:歪斜、弯曲、四角缺角、未对准画面中央,导致自动识别定位失败或字段错位。
|
|
||||||
3. **反光与阴影**:在强光或灯光直射下拍摄,出现高光斑、阴影遮挡文字,造成文字模糊。
|
|
||||||
|
|
||||||
上述问题直接造成行驶证OCR识别失败、审核驳回率升高,服务商需反复重传,拉长车辆录入周期。
|
|
||||||
|
|
||||||
### 2.3 改造方向
|
|
||||||
参考业界成熟的证件拍摄方案(如银行卡、身份证识别),在拍摄预览界面上叠加半透明取景引导框,配合文字提示,能从源头规范用户拍摄行为,显著提升照片合格率。
|
|
||||||
|
|
||||||
**改造原则**:仅改造拍摄环节(系统选择器 → 自定义拍摄引导页),后续的压缩→上传→OCR流程完全保持不变。
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 三、需求目标
|
|
||||||
1. 用户点击行驶证任一上传槽位时,**不再直接调起系统选择器**,而是进入自定义拍摄引导页。
|
|
||||||
2. 拍摄引导页在相机预览画面上**自动叠加半透明取景引导框**,框的形状和比例匹配行驶证实际尺寸。
|
|
||||||
3. 引导框区域显示明确的文字提示:「请将行驶证从卡套内取出后拍摄,避免反光」「请将证件对准框内,确保边缘完整、文字清晰」。
|
|
||||||
4. 引导框**适配不同手机屏幕尺寸**,在主流移动端设备上显示正常。
|
|
||||||
5. 用户点击拍摄后,引导框消失,进入**照片预览确认步骤**,支持重拍或确认使用。
|
|
||||||
6. 用户确认使用后,照片**传回现有的 **`compressFileItem`** → **`uploadImage`** → **`ocrHandler`** 流程**,后续逻辑完全不变。
|
|
||||||
7. 车头照、保单等非行驶证槽位**保持现有 **`van-uploader`** 直接调起选择器的逻辑**,不受影响。
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 四、功能说明
|
|
||||||
### 功能点 1:拦截行驶证槽位点击,进入拍摄引导页
|
|
||||||
**功能概述**:
|
|
||||||
|
|
||||||
| 项目 | 内容 |
|
|
||||||
| --- | --- |
|
|
||||||
| **功能名称** | 行驶证槽位点击拦截 |
|
|
||||||
| **涉及页面** | `vehicleAdd.vue` — 行驶证主页、副页、车辆照片页的 `van-uploader` 组件 |
|
|
||||||
| **触发条件** | 用户在车辆管理页点击行驶证任一上传槽位(首次上传或重新上传)时触发 |
|
|
||||||
| **处理逻辑** | 拦截 `van-uploader` 的默认点击行为(调起系统选择器),改为打开拍摄引导页组件 |
|
|
||||||
| **输出结果** | 进入拍摄引导页,展示相机预览 + 引导框 |
|
|
||||||
|
|
||||||
|
|
||||||
**改造前后对比**:
|
|
||||||
|
|
||||||
| 步骤 | 改造前(现有流程) | 改造后 |
|
|
||||||
| --- | --- | --- |
|
|
||||||
| 1 | 点击 `van-uploader` 槽位 | 点击 `van-uploader` 槽位 |
|
|
||||||
| 2 | 系统调起相册/相机选择器 | **拦截点击 → 进入拍摄引导页(新增)** |
|
|
||||||
| 3 | 选择/拍摄照片 | 相机预览 + 引导框 + 文字提示 |
|
|
||||||
| 4 | `after-read` 回调 | 点击拍摄 → **预览确认页(新增)** |
|
|
||||||
| 5 | `compressFileItem` 压缩 | 确认使用 → **构造 file 对象,触发 **`after-read`** 回调** |
|
|
||||||
| 6 | `uploadImage` 上传 | `compressFileItem` 压缩(**不变**) |
|
|
||||||
| 7 | `ocrHandler` OCR 识别 | `uploadImage` 上传(**不变**) |
|
|
||||||
| 8 | 回填表单 | `ocrHandler` OCR 识别(**不变**)→ 回填表单 |
|
|
||||||
|
|
||||||
|
|
||||||
**关键改造点**:拍摄引导页确认使用后,需将 Canvas 捕获的图片 Blob 构造为 `van-uploader` 的 `after-read` 回调所期望的 `{ file: File, content: dataURL }` 格式,从而无缝衔接现有的压缩→上传→OCR流程。
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
### 功能点 2:拍摄引导页 — 相机预览 + 引导框
|
|
||||||
**功能概述**:
|
|
||||||
|
|
||||||
| 项目 | 内容 |
|
|
||||||
| --- | --- |
|
|
||||||
| **功能名称** | 拍摄取景引导框 |
|
|
||||||
| **涉及页面** | 新增拍摄引导页组件 |
|
|
||||||
| **触发条件** | 从行驶证槽位点击进入 |
|
|
||||||
| **处理逻辑** | 使用 WebRTC `getUserMedia` 获取摄像头视频流,在 `video` 元素上全屏展示;叠加浅色背景层(`#F5F5F5`)+ 中央镂空引导框(灰色实线边框 `#C2C8D2` + 蓝色 L 形角标 `#354D93` + 入场渐显动画)+ 顶部 Hero 提示卡(白底+蓝色图标)+ 取景要点图标卡(do/don't)+ 底部白色拍摄栏 |
|
|
||||||
| **输出结果** | 用户在规范引导下完成拍摄 |
|
|
||||||
|
|
||||||
|
|
||||||
**界面设计**(拍摄引导页示意):
|
|
||||||
|
|
||||||
```plain
|
|
||||||
┌─────────────────────────────────────────┐
|
|
||||||
│ ← 拍摄行驶证主页 │ ← 顶部导航栏(深蓝 #2C395F)
|
|
||||||
├─────────────────────────────────────────┤
|
|
||||||
│ │
|
|
||||||
│ ┌───────────────────────────────────┐ │ ← Hero 提示卡(白底+蓝色图标)
|
|
||||||
│ │ [📁] 请将行驶证从卡套内取出后拍摄 │ │
|
|
||||||
│ │ 避免反光,确保文字清晰 │ │
|
|
||||||
│ └───────────────────────────────────┘ │
|
|
||||||
│ │
|
|
||||||
│ ┌───────────────────────────────────┐ │
|
|
||||||
│ │└── ──┘ │ │ ← 蓝色 L 形角标(#354D93)
|
|
||||||
│ │ 中华人民共和国机动车行驶证 │ │ ← 证件标题轮廓(半透明蓝色)
|
|
||||||
│ │ │ │
|
|
||||||
│ │ │ │ ← 页面其余区域空白
|
|
||||||
│ │ │ │
|
|
||||||
│ │ ▢ 印章 │ │ ← 印章位置轮廓(红色方形)
|
|
||||||
│ │└── ──┘ │ │
|
|
||||||
│ └───────────────────────────────────┘ │ ← 灰色实线边框(#C2C8D2)
|
|
||||||
│ │
|
|
||||||
│ ┌─────────┐ ┌─────────┐ ┌─────────┐ │ ← 取景要点图标卡(白底)
|
|
||||||
│ │ [✓] │ │ [✓] │ │ [✗] │ │
|
|
||||||
│ │ 边缘完整 │ │ 文字清晰 │ │ 避免反光 │ │
|
|
||||||
│ └─────────┘ └─────────┘ └─────────┘ │
|
|
||||||
│ │
|
|
||||||
├─────────────────────────────────────────┤
|
|
||||||
│ ┌──────────┐ │
|
|
||||||
│ │ ◉ 拍摄 │ │ ← 拍摄按钮(蓝色 #354D93)
|
|
||||||
│ └──────────┘ │ ← 底部白色拍摄栏
|
|
||||||
└─────────────────────────────────────────┘
|
|
||||||
```
|
|
||||||
|
|
||||||
> 说明:全屏相机预览(`video` 元素)作为底层背景,整体页面背景为浅色(`#F5F5F5`),营造明亮的拍摄环境。屏幕中央为镂空透明区域(匹配行驶证宽高比约 1.43:1),镂空区域外围为浅色背景(区别于镂空区域的相机预览画面)。镂空区域外圈增加灰色实线边框(`#C2C8D2`,3px,带入场渐显动画),四角显示蓝色 L 形角标(`#354D93`,带入场渐显动画),辅助用户对齐证件边缘。**引导框上方设置 Hero 提示卡**(白底圆角卡片+蓝色图标+主标题"请将行驶证从卡套内取出后拍摄"+副标题"避免反光,确保文字清晰"),**引导框下方设置取景要点图标卡**(3 个白底小卡片,分别用 ✓/✗ 图标标注"边缘完整""文字清晰""避免反光")。**引导框内叠加极简证件模板轮廓**(半透明蓝色,透明度约 20%-35%):主页仅展示顶部一行标题"中华人民共和国机动车行驶证"和左下角红色方形印章,其余区域空白;副页仅展示右下角条形码图案(长度与真实条形码一致)及数字编号,其余区域空白。底部为白色拍摄栏,居中放置蓝色圆形拍摄按钮。
|
|
||||||
>
|
|
||||||
|
|
||||||
**操作按钮**:
|
|
||||||
|
|
||||||
| 按钮 | 触发条件 | 操作结果 |
|
|
||||||
| --- | --- | --- |
|
|
||||||
| 拍摄 | 点击 | 通过 Canvas 捕获当前 `video` 帧,生成图片 Blob,进入预览确认页 |
|
|
||||||
| 返回(左上角) | 点击 | 关闭相机流,退出拍摄引导页,返回车辆管理页,不上传照片 |
|
|
||||||
| 点击背景区(非引导框内) | 点击 | 无响应,保持拍摄引导页(防止误触) |
|
|
||||||
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
### 功能点 3:三页差异化引导
|
|
||||||
**功能概述**:
|
|
||||||
|
|
||||||
| 项目 | 内容 |
|
|
||||||
| --- | --- |
|
|
||||||
| **功能名称** | 分页面差异化引导 |
|
|
||||||
| **涉及页面** | 行驶证主页、副页、车辆照片页拍摄引导页 |
|
|
||||||
| **触发条件** | 按用户点击的具体槽位进入对应拍摄引导页 |
|
|
||||||
| **处理逻辑** | 三页共用相同的引导框比例和通用提示文案;差异体现在页面标题和**引导框内的证件模板轮廓** |
|
|
||||||
| **输出结果** | 用户明确知道当前拍摄的是行驶证的哪一页,并能按模板轮廓对齐证件内容 |
|
|
||||||
|
|
||||||
|
|
||||||
**各页引导差异**:
|
|
||||||
|
|
||||||
| 页面 | 对应槽位 | 对应 Handler | 页面标题 | 模板轮廓内容 |
|
|
||||||
| --- | --- | --- | --- | --- |
|
|
||||||
| 行驶证主页 | `vehicleLicenseFrontList` | `vehicleLicenseFrontHandler` | 拍摄行驶证主页 | 仅展示:顶部一行标题"中华人民共和国机动车行驶证" + 左下红色方形印章 |
|
|
||||||
| 行驶证副页 | `vehicleLicenseBackList` | `vehicleLicenseBackHandler` | 拍摄行驶证副页 | 仅展示:右下角条形码图案(长度与真实条形码一致)+ 条形码数字编号 |
|
|
||||||
| 行驶证车辆照片 | `vehicleLicenseCarPhotoList` | `vehicleLicenseCarHandler` | 拍摄行驶证车辆照片 | "车辆照片"标题 + 车辆SVG轮廓(车身/车窗/车轮),引导居中拍摄 |
|
|
||||||
|
|
||||||
|
|
||||||
> **说明**:引导框内的证件模板轮廓为半透明叠层(透明度约 20%-35%),仅作视觉对齐辅助,不遮挡相机预览画面。模板轮廓使用 CSS/SVG 静态实现,不依赖后端数据。三种模板通过 `renderLicenseTemplate(type)` 函数根据槽位类型动态切换。
|
|
||||||
>
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
### 功能点 4:照片预览确认
|
|
||||||
**功能概述**:
|
|
||||||
|
|
||||||
| 项目 | 内容 |
|
|
||||||
| --- | --- |
|
|
||||||
| **功能名称** | 照片预览确认 |
|
|
||||||
| **涉及页面** | 拍摄完成后进入的预览确认页 |
|
|
||||||
| **触发条件** | 用户在拍摄引导页点击"拍摄"按钮后触发 |
|
|
||||||
| **处理逻辑** | 展示刚拍摄的照片,提供"重拍"和"确认使用"两个操作 |
|
|
||||||
| **输出结果** | 确认使用 → 照片传回 `van-uploader` 的 `after-read` 回调,走现有压缩→上传→OCR流程;重拍则返回拍摄引导页 |
|
|
||||||
|
|
||||||
|
|
||||||
**界面设计**(预览确认页示意):
|
|
||||||
|
|
||||||
```plain
|
|
||||||
┌─────────────────────────────────────────┐
|
|
||||||
│ ← 返回 │
|
|
||||||
├─────────────────────────────────────────┤
|
|
||||||
│ │
|
|
||||||
│ ┌─────────────────────────────┐ │
|
|
||||||
│ │ │ │
|
|
||||||
│ │ 刚拍摄的照片预览 │ │
|
|
||||||
│ │ (全宽自适应展示) │ │
|
|
||||||
│ │ │ │
|
|
||||||
│ └─────────────────────────────┘ │
|
|
||||||
│ │
|
|
||||||
│ │
|
|
||||||
│ ┌──────────┐ ┌──────────┐ │
|
|
||||||
│ │ 重拍 │ │ 确认使用 │ │
|
|
||||||
│ └──────────┘ └──────────┘ │
|
|
||||||
│ │
|
|
||||||
└─────────────────────────────────────────┘
|
|
||||||
```
|
|
||||||
|
|
||||||
**操作按钮**:
|
|
||||||
|
|
||||||
| 按钮 | 触发条件 | 操作结果 |
|
|
||||||
| --- | --- | --- |
|
|
||||||
| 重拍 | 点击 | 返回拍摄引导页,重新进入相机预览 |
|
|
||||||
| 确认使用 | 点击 | 将照片 Blob 构造为 `{ file: File, content: dataURL }` 格式,调用对应槽位的 `after-read` Handler(如 `vehicleLicenseFrontHandler`),进入现有压缩→上传→OCR流程 |
|
|
||||||
| 返回 | 点击 | 关闭相机流,返回车辆管理页,不保存照片 |
|
|
||||||
|
|
||||||
|
|
||||||
**数据衔接说明**:
|
|
||||||
|
|
||||||
确认使用后,需构造以下对象传给现有的 Handler 方法:
|
|
||||||
|
|
||||||
```plain
|
|
||||||
{
|
|
||||||
file: new File([blob], `vehicle_license_${type}_${Date.now()}.jpg`, { type: 'image/jpeg' }),
|
|
||||||
content: dataURL // base64 格式,供 van-uploader 预览使用
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
传入后,现有的 `compressFileItem()` → `uploadImage()` → `ocrHandler()` 链路完全不变。
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 五、业务规则
|
|
||||||
### 规则 1:触发范围
|
|
||||||
引导框仅对 `vehicleAdd.vue` 中标题含"行驶证"的三个 `van-uploader` 槽位生效(主页、副页、车辆照片);**车头照**(`vehicleFrontPhotoList`)、**保单**(`insurancePictureFiles`)等其他槽位不进入拍摄引导页,保持现有 `van-uploader` 直接调起选择器的交互。
|
|
||||||
|
|
||||||
### 规则 2:引导框比例
|
|
||||||
引导框的宽高比固定为行驶证实物比例(约 1.43:1,横向),在不同屏幕尺寸下按屏幕宽度自适应缩放(宽度约为屏幕宽度的 80%),左右留白均匀,确保用户无需过度调整手机位置即可将证件放入框内。
|
|
||||||
|
|
||||||
### 规则 3:后续流程不变
|
|
||||||
引导框仅做"拍摄环节的视觉辅助",**不改变原上传与OCR识别流程**。用户确认使用后,照片传入现有的 `compressFileItem` → `uploadImage` → `ocrHandler` 链路,识别失败仍按现有方式提示重传。
|
|
||||||
|
|
||||||
### 规则 4:屏幕适配
|
|
||||||
引导框在竖屏模式下以横向矩形展示(行驶证为横向证件)。若用户将手机横置,引导框应自适应旋转为纵向矩形以匹配证件方向。优先保证竖屏体验,横屏为可选适配。
|
|
||||||
|
|
||||||
### 规则 5:降级策略
|
|
||||||
若设备不支持 WebRTC `getUserMedia`(部分低版本 Android WebView 或非 HTTPS 环境),**降级为现有的 **`van-uploader`** 直接调起系统选择器**,不阻断用户上传流程。降级时引导框不展示,用户走原有流程。
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 六、边界与异常场景
|
|
||||||
| 场景编号 | 场景描述 | 预期处理 |
|
|
||||||
| --- | --- | --- |
|
|
||||||
| 1 | 用户未对准引导框就点击拍摄 | 系统不拦截,正常拍摄并进入预览;用户在预览页可点击"重拍"重新对准 |
|
|
||||||
| 2 | 相机权限未授权 | 拍摄引导页加载前检测权限;未授权时提示"请允许使用相机权限",并提供"从相册选择"降级入口 |
|
|
||||||
| 3 | 弱光/暗光环境拍摄 | 引导框正常展示;若设备支持,可自动开启屏幕补光(或提示用户到光线充足处拍摄) |
|
|
||||||
| 4 | 用户旋转手机(横竖屏切换) | 引导框自适应旋转,保持与行驶证方向一致;拍摄按钮和提示文字跟随屏幕方向调整位置 |
|
|
||||||
| 5 | 小屏幕手机(如 iPhone SE) | 引导框按比例缩小,提示文字自动换行,确保所有元素在可视区域内完整展示 |
|
|
||||||
| 6 | 大屏幕手机(如 iPhone Pro Max) | 引导框按比例放大,不超过屏幕安全区域,保持舒适的单手操作距离 |
|
|
||||||
| 7 | 设备不支持 getUserMedia | 自动降级为 `van-uploader` 直接调起系统选择器,不展示引导框 |
|
|
||||||
| 8 | iOS 微信内置浏览器权限受限 | 检测到微信环境且 getUserMedia 不可用时,降级为系统选择器 |
|
|
||||||
| 9 | 拍摄后未进入预览(相机被中断) | 检测到相机关闭/中断事件,自动返回车辆管理页,不上传照片 |
|
|
||||||
| 10 | 非行驶证槽位(如车头照)点击 | 不进入拍摄引导页,维持现有 `van-uploader` 直接调起选择器的交互 |
|
|
||||||
| 11 | 修改车辆时重新上传行驶证 | 同样进入拍摄引导页,拍摄确认后替换原照片,走现有压缩→上传→OCR流程 |
|
|
||||||
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 七、影响范围
|
|
||||||
### 前端
|
|
||||||
| 文件 | 变更类型 | 变更内容 |
|
|
||||||
| --- | --- | --- |
|
|
||||||
| `supplier-dispatch-h5/src/views/index/vehicleAdd.vue` | **改造** | 行驶证三个 `van-uploader` 槽位(`vehicleLicenseFrontList`/`vehicleLicenseBackList`/`vehicleLicenseCarPhotoList`)增加点击拦截逻辑:点击时打开拍摄引导页组件,而非直接调起系统选择器;拍摄确认后将照片传回现有的 `vehicleLicenseFrontHandler`/`vehicleLicenseBackHandler`/`vehicleLicenseCarHandler` |
|
|
||||||
| `supplier-dispatch-h5/src/views/index/vehicleAdd.vue` | **改造** | 车头照(`vehicleFrontPhotoList`)、保单(`insurancePictureFiles`)槽位**不变**,保持现有 `van-uploader` 直接调起选择器的逻辑 |
|
|
||||||
| `supplier-dispatch-h5/src/components/CameraGuide.vue` | **新增** | 拍摄引导页组件:WebRTC 相机预览 + 浅色背景层(`#F5F5F5`)+ 镂空引导框 + 灰色实线边框(`#C2C8D2`,入场渐显动画) + 四角蓝色 L 形角标(`#354D93`,入场渐显动画) + Hero 提示卡(白底+蓝色图标) + 取景要点图标卡(do/don't) + **证件模板轮廓叠层**(主页/副页/车辆照片三种模板动态切换) + 底部白色拍摄栏(蓝色圆形拍摄按钮) |
|
|
||||||
| `supplier-dispatch-h5/src/components/CameraGuide.vue` | **新增** | 预览确认页:照片展示 + 重拍按钮 + 确认使用按钮 |
|
|
||||||
| `supplier-dispatch-h5/src/api/mine.js` | **不变** | `uploadImage()` 和 `ocrHandler()` 完全复用 |
|
|
||||||
| `supplier-dispatch-h5/src/utils/` | **不变** | `compressFileItem()` 等工具方法完全复用 |
|
|
||||||
|
|
||||||
|
|
||||||
### 后端
|
|
||||||
| 文件 | 变更内容 |
|
|
||||||
| --- | --- |
|
|
||||||
| 无 | 无需变更,复用现有 `POST /order/uploadImage` 和 `POST /agg-api/tencent-ocr/unifiedOCR` |
|
|
||||||
|
|
||||||
|
|
||||||
### 数据库
|
|
||||||
| 表名 | 变更内容 |
|
|
||||||
| --- | --- |
|
|
||||||
| 无 | 无需变更 |
|
|
||||||
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 八、验收标准
|
|
||||||
### 8.1 拍摄引导页展示
|
|
||||||
- [ ] 点击行驶证主页/副页/车辆照片任一上传槽位,进入拍摄引导页(非直接调起系统选择器)
|
|
||||||
- [ ] 拍摄引导页展示全屏相机预览背景(`video` 元素实时画面)
|
|
||||||
- [ ] 屏幕中央显示镂空引导框,框的宽高比约 1.43:1(横向)
|
|
||||||
- [ ] 引导框外围为浅色背景(`#F5F5F5`),与镂空区域的相机预览画面形成对比
|
|
||||||
- [ ] 引导框外圈显示灰色实线边框(`#C2C8D2`,3px,带入场渐显动画)
|
|
||||||
- [ ] 引导框四角显示蓝色 L 形定位角标(`#354D93`,带入场渐显动画)
|
|
||||||
- [ ] 引导框上方显示 Hero 提示卡(白底圆角卡片+蓝色图标),主标题"请将行驶证从卡套内取出后拍摄",副标题"避免反光,确保文字清晰"
|
|
||||||
- [ ] 引导框下方显示取景要点图标卡(3 个白底小卡片):边缘完整(✓ 蓝色)、文字清晰(✓ 蓝色)、避免反光(✗ 红色)
|
|
||||||
- [ ] 页面底部显示白色拍摄栏,居中放置蓝色圆形拍摄按钮(`#354D93`),按钮样式醒目、易于点击
|
|
||||||
- [ ] 页面标题根据槽位类型显示对应文字("拍摄行驶证主页"/"拍摄行驶证副页"/"拍摄行驶证车辆照片")
|
|
||||||
- [ ] 引导框内显示证件模板轮廓(半透明,不遮挡相机预览)
|
|
||||||
- [ ] 主页模板包含:顶部一行标题"中华人民共和国机动车行驶证" + 左下红色方形印章,其余区域空白
|
|
||||||
- [ ] 副页模板包含:右下角条形码图案(长度与真实条形码一致)+ 条形码数字编号,其余区域空白
|
|
||||||
- [ ] 车辆照片模板包含:车辆SVG轮廓(车身/车窗/车轮)
|
|
||||||
- [ ] 切换不同槽位时,模板轮廓自动切换为对应内容
|
|
||||||
|
|
||||||
### 8.2 预览确认页展示
|
|
||||||
- [ ] 点击"拍摄"后进入预览确认页,展示刚拍摄的照片
|
|
||||||
- [ ] 预览页提供"重拍"按钮,点击后返回拍摄引导页
|
|
||||||
- [ ] 预览页提供"确认使用"按钮,点击后照片传入现有的 `after-read` Handler
|
|
||||||
- [ ] 预览页左上角提供"返回"按钮,点击后放弃当前照片,返回车辆管理页
|
|
||||||
|
|
||||||
### 8.3 现有流程衔接
|
|
||||||
- [ ] 确认使用后,照片经 `compressFileItem()` 压缩(目标 < 5MB)
|
|
||||||
- [ ] 压缩后经 `uploadImage()` 上传到服务器(`POST /order/uploadImage`)
|
|
||||||
- [ ] 上传后经 `ocrHandler()` 进行 OCR 识别(`POST /agg-api/tencent-ocr/unifiedOCR`)
|
|
||||||
- [ ] OCR 识别结果正确回填到表单字段(车牌号、车架号、所有人等)
|
|
||||||
- [ ] 上传槽位显示拍摄的照片缩略图
|
|
||||||
|
|
||||||
### 8.4 非行驶证槽位不受影响
|
|
||||||
- [ ] 点击车头照上传槽位,保持现有 `van-uploader` 直接调起系统选择器的逻辑
|
|
||||||
- [ ] 点击保单上传槽位,保持现有 `van-uploader` 直接调起系统选择器的逻辑
|
|
||||||
- [ ] 车头照上传后的 `ocrCarFrontHandler()` OCR 识别正常
|
|
||||||
|
|
||||||
### 8.5 屏幕适配
|
|
||||||
- [ ] 在 iPhone 各型号(SE/标准版/Plus/Pro Max)上引导框比例正确、文字完整显示
|
|
||||||
- [ ] 在 Android 主流机型(华为/小米/OPPO/vivo 等)上引导框比例正确、文字完整显示
|
|
||||||
- [ ] 竖屏模式下引导框为横向矩形,横屏模式下自适应为纵向矩形
|
|
||||||
|
|
||||||
### 8.6 降级场景
|
|
||||||
- [ ] 设备不支持 `getUserMedia` 时,降级为 `van-uploader` 直接调起系统选择器
|
|
||||||
- [ ] 降级后压缩→上传→OCR流程正常
|
|
||||||
- [ ] iOS 微信内置浏览器权限受限时,降级为系统选择器
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 九、非功能要求
|
|
||||||
+ **性能**:拍摄引导页从点击槽位到展示引导框的耗时 < 500ms;拍摄按钮响应 < 200ms;Canvas 捕获帧 < 100ms。
|
|
||||||
+ **兼容性**:支持 iOS Safari 12+、Android Chrome 80+、微信/企业微信内置浏览器;需兼容 WebView 环境。
|
|
||||||
+ **适配性**:支持屏幕宽度 320px - 430px 的主流手机;引导框和文字在不同尺寸下自适应,不出现截断或重叠。
|
|
||||||
+ **安全性**:引导内容为纯前端静态展示,不涉及用户照片上传前的任何数据采集与存储;相机流在页面关闭时立即释放。
|
|
||||||
+ **降级方案**:若设备不支持 WebRTC/getUserMedia,降级为现有的 `van-uploader` 直接调起系统选择器,不阻断用户上传流程。
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 流程图
|
|
||||||
### 改造后完整流程
|
|
||||||
```plain
|
|
||||||
用户在 vehicleAdd.vue 点击上传槽位
|
|
||||||
│
|
|
||||||
▼
|
|
||||||
┌─────────────────────┐
|
|
||||||
│ 是否为行驶证三个 │
|
|
||||||
│ 槽位之一? │
|
|
||||||
│ (主页/副页/车辆照片)│
|
|
||||||
└─────────────────────┘
|
|
||||||
│ │
|
|
||||||
否 是
|
|
||||||
│ ▼
|
|
||||||
│ ┌─────────────────────┐
|
|
||||||
│ │ 检测设备是否支持 │
|
|
||||||
│ │ getUserMedia? │
|
|
||||||
│ └─────────────────────┘
|
|
||||||
│ │ │
|
|
||||||
│ 否 是
|
|
||||||
│ │ │
|
|
||||||
│ ▼ ▼
|
|
||||||
│ 降级: 进入拍摄引导页
|
|
||||||
│ van-uploader (WebRTC相机预览 +
|
|
||||||
│ 直接调起 浅色背景 + 引导框 +
|
|
||||||
│ 系统选择器 Hero卡 + 要点卡 + 角标)
|
|
||||||
│ │ │
|
|
||||||
│ │ ┌──────┼──────┐
|
|
||||||
│ │ ▼ ▼ ▼
|
|
||||||
│ │ 返回 拍摄 点击
|
|
||||||
│ │ 车辆 按钮 背景
|
|
||||||
│ │ 管理页 │ (无响应)
|
|
||||||
│ │ ▼
|
|
||||||
│ │ ┌──────────────┐
|
|
||||||
│ │ │ 照片预览确认 │
|
|
||||||
│ │ │ 页面 │
|
|
||||||
│ │ └──────────────┘
|
|
||||||
│ │ │
|
|
||||||
│ │ ┌─────┼─────┐
|
|
||||||
│ │ ▼ ▼ ▼
|
|
||||||
│ │ 重拍 确认 返回
|
|
||||||
│ │ │ 使用 车辆
|
|
||||||
│ │ │ │ 管理页
|
|
||||||
│ │ │ ▼
|
|
||||||
│ │ │ 构造 { file, content }
|
|
||||||
│ │ │ 传入 after-read Handler
|
|
||||||
│ │ │ │
|
|
||||||
▼ ▼ ▼ ▼
|
|
||||||
┌─────────────────────────┐
|
|
||||||
│ 现有流程(完全不变) │
|
|
||||||
│ compressFileItem() 压缩 │
|
|
||||||
│ │ │
|
|
||||||
│ ▼ │
|
|
||||||
│ uploadImage() 上传 │
|
|
||||||
│ POST /order/uploadImage │
|
|
||||||
│ │ │
|
|
||||||
│ ▼ │
|
|
||||||
│ ocrHandler() OCR识别 │
|
|
||||||
│ POST /agg-api/ │
|
|
||||||
│ tencent-ocr/unifiedOCR │
|
|
||||||
│ │ │
|
|
||||||
│ ▼ │
|
|
||||||
│ 回填表单字段 │
|
|
||||||
│ (车牌号/车架号/所有人等) │
|
|
||||||
└─────────────────────────┘
|
|
||||||
```
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 影响范围说明
|
|
||||||
| 维度 | 影响说明 |
|
|
||||||
| --- | --- |
|
|
||||||
| **功能** | 仅新增行驶证拍摄前的取景引导层,不改变车辆管理页其他功能和OCR识别流程 |
|
|
||||||
| **数据** | 无新增业务数据;不修改现有上传接口的入参和出参 |
|
|
||||||
| **接口** | 无接口变更,复用现有 `POST /order/uploadImage` 和 `POST /agg-api/tencent-ocr/unifiedOCR` |
|
|
||||||
| **配置** | 无变更 |
|
|
||||||
| **用户习惯** | 用户上传行驶证时多了一步引导页+预览确认,但流程轻量,拍摄确认后无缝衔接现有压缩→上传→OCR流程,整体体验提升 |
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 测试关注点
|
|
||||||
| 测试类型 | 关注点 |
|
|
||||||
| --- | --- |
|
|
||||||
| **功能测试** | 三页槽位均正确进入拍摄引导页;引导框比例正确;提示文字完整显示;拍摄后进入预览确认;确认后正确回填到 `van-uploader` 并触发现有 Handler |
|
|
||||||
| **流程衔接测试** | 确认使用后 `compressFileItem` 压缩正常;`uploadImage` 上传成功;`ocrHandler` OCR 识别结果正确回填表单;行驶证主页 OCR 回填车牌号/车架号/所有人等;行驶证副页 OCR 回填档案编号/核载人数等 |
|
|
||||||
| **兼容测试** | iPhone SE/标准版/Plus/Pro Max;华为/小米/OPPO/vivo 主流机型;微信/企业微信内置浏览器;Safari/Chrome |
|
|
||||||
| **回归测试** | 车头照等非行驶证槽位保持原有直接调选择器逻辑;车辆管理页其他功能不受影响;OCR 识别与审核流程正常;修改车辆时重新上传行驶证正常 |
|
|
||||||
| **降级测试** | 不支持 `getUserMedia` 的设备降级为 `van-uploader` 系统选择器;降级后压缩→上传→OCR 流程正常 |
|
|
||||||
| **适配测试** | 竖屏/横屏切换;320px 窄屏与 430px 宽屏的显示效果;文字不截断、按钮可点击 |
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -9,24 +9,22 @@
|
|||||||
"lint": "vue-cli-service lint"
|
"lint": "vue-cli-service lint"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@vant/area-data": "^2.0.0",
|
|
||||||
"amfe-flexible": "^2.2.1",
|
"amfe-flexible": "^2.2.1",
|
||||||
"axios": "^1.4.0",
|
"axios": "^1.4.0",
|
||||||
"core-js": "^3.8.3",
|
"core-js": "^3.8.3",
|
||||||
"dayjs": "^1.8.14",
|
|
||||||
"decimal.js": "^10.4.3",
|
|
||||||
"echarts": "^5.2.2",
|
"echarts": "^5.2.2",
|
||||||
"element-ui": "^2.15.13",
|
|
||||||
"less": "^4.1.3",
|
"less": "^4.1.3",
|
||||||
"less-loader": "^11.1.3",
|
"less-loader": "^11.1.3",
|
||||||
"qrcode": "^1.5.4",
|
|
||||||
"qs": "^6.11.2",
|
"qs": "^6.11.2",
|
||||||
"sass": "^1.65.1",
|
"sass": "^1.65.1",
|
||||||
"sass-loader": "^13.3.2",
|
"sass-loader": "^13.3.2",
|
||||||
"vant": "^2.13.2",
|
"vant": "^2.13.2",
|
||||||
"vue": "^2.6.14",
|
"vue": "^2.6.14",
|
||||||
"vue-router": "^3.0.7",
|
"vue-router": "^3.0.7",
|
||||||
"vuex": "^3.6.2"
|
"vuex": "^3.6.2",
|
||||||
|
"element-ui": "^2.15.9",
|
||||||
|
"dayjs": "^1.8.14",
|
||||||
|
"decimal.js": "^10.4.3"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@babel/core": "^7.12.16",
|
"@babel/core": "^7.12.16",
|
||||||
|
|||||||
@@ -26,21 +26,16 @@
|
|||||||
<van-number-keyboard safe-area-inset-bottom />
|
<van-number-keyboard safe-area-inset-bottom />
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
window._AMapSecurityConfig = {
|
window._AMapSecurityConfig = {
|
||||||
// serviceHost: 'https://api.sinoassist.com/_AMapService',
|
serviceHost: 'https://api.sinoassist.com/_AMapService',
|
||||||
securityJsCode:'91ab1ebc492d5479a68b11527bd73dc9',
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.AutoComplete,AMap.PlaceSearch,AMap.Geolocation,AMap.Geocoder,AMap.Marker,AMap.Driving"></script>
|
<script src="https://webapi.amap.com/maps?v=1.4.15&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.Polyline"></script>
|
||||||
<!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>-->
|
<!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>-->
|
||||||
<script>
|
|
||||||
window.selfLink = window.location.href;
|
|
||||||
window.selfSearch = window.location.search;
|
|
||||||
</script>
|
|
||||||
<script>
|
<script>
|
||||||
// VConsole 默认会挂载到 `window.VConsole` 上
|
// VConsole 默认会挂载到 `window.VConsole` 上
|
||||||
// let vConsole = new window.VConsole();
|
// let vConsole = new window.VConsole();
|
||||||
(function (doc, win) {
|
(function (doc, win) {
|
||||||
// console.log("==window.location.pathname===",window.location.pathname)
|
console.log("==window.location.pathname===",window.location.pathname)
|
||||||
let docEl = doc.documentElement
|
let docEl = doc.documentElement
|
||||||
let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
|
let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
|
||||||
recalc = function () {
|
recalc = function () {
|
||||||
@@ -56,7 +51,7 @@
|
|||||||
if (isMobile) {// 是移动端不变
|
if (isMobile) {// 是移动端不变
|
||||||
// console.log("是移动端不变")
|
// console.log("是移动端不变")
|
||||||
}else{
|
}else{
|
||||||
if(window.location.pathname=='/h5/supplier/dispatch/kpiIndex' || window.location.pathname=='/h5/supplier/dispatch/kpiCaseNew'){
|
if(window.location.pathname=='/h5/supplier/dispatch/kpiIndex'){
|
||||||
// console.log("执行了执行了")
|
// console.log("执行了执行了")
|
||||||
win.addEventListener(resizeEvt, recalc, false);
|
win.addEventListener(resizeEvt, recalc, false);
|
||||||
doc.addEventListener('DOMContentLoaded', recalc, false);
|
doc.addEventListener('DOMContentLoaded', recalc, false);
|
||||||
|
|||||||
@@ -1,78 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh-CN">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>免责声明</title>
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
font-family: Arial, sans-serif;
|
|
||||||
line-height: 1.6;
|
|
||||||
/*margin: 20px;*/
|
|
||||||
padding: 0;
|
|
||||||
/*background-color: #f9f9f9;*/
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
text-align: center;
|
|
||||||
/*font-size: 24px;*/
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
/*font-size: 20px;*/
|
|
||||||
margin-top: 30px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #555;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
margin: 10px 0;
|
|
||||||
text-indent: 2em;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
margin: 10px 0;
|
|
||||||
padding-left: 40px;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
margin: 5px 0;
|
|
||||||
}
|
|
||||||
.container {
|
|
||||||
font-size: 14px;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<h3>声明</h3>
|
|
||||||
<p>本平台为二手拖车买卖双方提供免费信息发布服务。在您使用本平台之前,请仔细阅读并理解本免责声明。一旦使用本平台,即视为您已阅读、理解并同意接受本免责声明的所有条款。</p>
|
|
||||||
|
|
||||||
<h4>一、平台性质</h4>
|
|
||||||
<p>1. 本平台仅为信息发布平台,不参与任何二手拖车交易环节,包括但不限于交易洽谈、合同签订、款项支付、车辆交付等,实际交易价格由买卖双方自行协商确定。</p>
|
|
||||||
<p>2. 本平台不对发布信息的真实性、准确性、完整性、合法性进行任何形式的担保或保证,用户应自行判断信息的真实性并承担由此产生的风险。</p>
|
|
||||||
|
|
||||||
<h4>二、用户责任</h4>
|
|
||||||
<p>1. 用户应保证发布的信息真实、准确、完整、合法,并对其发布的信息承担全部责任。</p>
|
|
||||||
<p>2. 用户不得发布任何虚假、违法、侵权、违反公序良俗的信息,包括但不限于:</p>
|
|
||||||
<ul>
|
|
||||||
<li>虚假车源信息</li>
|
|
||||||
<li>事故车、水泡车、火烧车等存在重大安全隐患的车辆信息</li>
|
|
||||||
<li>盗抢车辆信息</li>
|
|
||||||
<li>侵犯他人知识产权或其他合法权益的信息</li>
|
|
||||||
<li>含有淫秽、色情、赌博、暴力、恐怖等内容的信息</li>
|
|
||||||
<li>其他违反法律法规或平台规则的信息</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h4>三、免责条款</h4>
|
|
||||||
<p>1. 因用户发布的信息引起的任何纠纷或损失,本平台不承担任何责任。</p>
|
|
||||||
<p>2. 因不可抗力、计算机病毒、黑客攻击、系统不稳定、用户所在位置、用户关机以及其他任何网络、技术、通信线路等原因造成的服务中断或不能满足用户要求的风险,本平台不承担任何责任。</p>
|
|
||||||
<p>3. 本平台不对用户之间的交易行为承担任何责任,用户应自行承担交易风险。</p>
|
|
||||||
|
|
||||||
<h4>四、其他</h4>
|
|
||||||
<p>1. 本平台有权根据法律法规的变化或平台运营的需要,随时修改本免责声明,并在平台上公布,修改后的内容自公布之日起生效。</p>
|
|
||||||
<p>2. 本免责声明的解释权归中道救援股份有限公司所有。</p>
|
|
||||||
|
|
||||||
<p>请您在使用本平台前务必仔细阅读并理解本免责声明。</p>
|
|
||||||
<p>如果您对本免责声明有任何疑问,请联系我们。</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,160 +0,0 @@
|
|||||||
# 年终总结看板 Dashboard
|
|
||||||
|
|
||||||
道路救援服务年终数据可视化看板项目。
|
|
||||||
|
|
||||||
## 项目结构
|
|
||||||
|
|
||||||
```
|
|
||||||
dashboard-demo/
|
|
||||||
├── index.html # 主看板页面(支持URL参数动态加载数据)
|
|
||||||
├── data/
|
|
||||||
│ ├── 供应商年度KPI.xlsx # 服务商KPI数据(主数据源)
|
|
||||||
│ ├── 师傅案件top3.xlsx # 案件量TOP3师傅数据
|
|
||||||
│ ├── 师傅在线top3.xlsx # 在线时长TOP3师傅数据
|
|
||||||
│ ├── 拒单率最高地区.xlsx # 拒单率最高地区数据
|
|
||||||
│ └── 拒单率最高时段.xlsx # 拒单率最高时段数据
|
|
||||||
└── README.md # 项目说明
|
|
||||||
```
|
|
||||||
|
|
||||||
## 功能特性
|
|
||||||
|
|
||||||
- 深色主题数据可视化看板
|
|
||||||
- **直接读取Excel文件**,无需转换为JSON
|
|
||||||
- 支持通过URL参数 `?providerId=XXX` 切换不同服务商
|
|
||||||
- 右上角下拉框可实时切换服务商(自动从Excel读取服务商列表)
|
|
||||||
- 使用 Chart.js 实现饼状图和雷达图
|
|
||||||
- 使用 SheetJS (xlsx) 解析Excel文件
|
|
||||||
- 响应式布局,支持不同屏幕尺寸
|
|
||||||
- 数据与页面分离,便于维护
|
|
||||||
|
|
||||||
## 数据指标
|
|
||||||
|
|
||||||
看板展示以下数据指标:
|
|
||||||
|
|
||||||
1. **总案件量分布**(饼状图)
|
|
||||||
- 小修、困境、拖车三类案件占比
|
|
||||||
|
|
||||||
2. **年度聚合案件量**
|
|
||||||
|
|
||||||
3. **案件量TOP3师傅**
|
|
||||||
|
|
||||||
4. **车辆平均总在线时长**
|
|
||||||
|
|
||||||
5. **在线时长TOP3师傅**
|
|
||||||
|
|
||||||
6. **拒单率最高地区**
|
|
||||||
|
|
||||||
7. **拒单率最高时段**
|
|
||||||
|
|
||||||
8. **APP使用率**
|
|
||||||
- 年度APP使用率展示
|
|
||||||
|
|
||||||
## Excel数据结构
|
|
||||||
|
|
||||||
### 1. 供应商年度KPI.xlsx
|
|
||||||
|
|
||||||
| 列名 | 说明 |
|
|
||||||
|------|------|
|
|
||||||
| 服务商id | 服务商唯一标识 |
|
|
||||||
| 服务商 | 服务商名称 |
|
|
||||||
| 完成案件量 | 总案件数量 |
|
|
||||||
| 拖车完成量 | 拖车案件数 |
|
|
||||||
| 小修完成量 | 小修案件数 |
|
|
||||||
| 困境完成量 | 困境案件数 |
|
|
||||||
| 聚合案件量 | 聚合案件数量 |
|
|
||||||
| APP使用率. | APP使用率(小数形式,如0.998) |
|
|
||||||
| 年度车辆平均总在线时长(小时) | 车辆平均在线时长 |
|
|
||||||
|
|
||||||
### 2. 师傅案件top3.xlsx
|
|
||||||
|
|
||||||
| 列名 | 说明 |
|
|
||||||
|------|------|
|
|
||||||
| 服务商id | 服务商唯一标识 |
|
|
||||||
| 服务商 | 服务商名称 |
|
|
||||||
| 服务人员工号 | 师傅姓名/工号 |
|
|
||||||
| 完成案件量 | 该师傅完成的案件数 |
|
|
||||||
|
|
||||||
### 3. 师傅在线top3.xlsx
|
|
||||||
|
|
||||||
| 列名 | 说明 |
|
|
||||||
|------|------|
|
|
||||||
| 服务商名称 | 服务商名称 |
|
|
||||||
| 司机姓名 | 师傅姓名 |
|
|
||||||
| 年度总在线时长(小时) | 在线时长 |
|
|
||||||
|
|
||||||
### 4. 拒单率最高地区.xlsx
|
|
||||||
|
|
||||||
| 列名 | 说明 |
|
|
||||||
|------|------|
|
|
||||||
| 供应商名称 | 服务商名称 |
|
|
||||||
| 地区 | 拒单率最高的地区 |
|
|
||||||
| 拒单率 | 拒单率(小数形式) |
|
|
||||||
|
|
||||||
### 5. 拒单率最高时段.xlsx
|
|
||||||
|
|
||||||
| 列名 | 说明 |
|
|
||||||
|------|------|
|
|
||||||
| 供应商名称 | 服务商名称 |
|
|
||||||
| 时段 | 拒单率最高的时段 |
|
|
||||||
| 拒单率 | 拒单率(小数形式) |
|
|
||||||
|
|
||||||
## 使用方式
|
|
||||||
|
|
||||||
### 1. 启动本地服务器
|
|
||||||
|
|
||||||
由于页面使用 `fetch` 加载JSON数据,需要通过HTTP服务器访问:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
cd C:\Users\Administrator\dashboard-demo
|
|
||||||
|
|
||||||
# 使用 Python
|
|
||||||
python -m http.server 8080
|
|
||||||
|
|
||||||
# 或使用 Node.js
|
|
||||||
npx serve .
|
|
||||||
|
|
||||||
# 或使用 PHP
|
|
||||||
php -S localhost:8080
|
|
||||||
```
|
|
||||||
|
|
||||||
### 2. 访问页面
|
|
||||||
|
|
||||||
- 默认服务商:`http://localhost:8080`(自动加载第一个服务商)
|
|
||||||
- 指定服务商:`http://localhost:8080?providerId=1128`(使用服务商id)
|
|
||||||
- 切换服务商:使用页面右上角的下拉框
|
|
||||||
|
|
||||||
### 3. 更新数据
|
|
||||||
|
|
||||||
直接替换 `data/` 目录下的Excel文件即可,页面会自动读取最新数据。
|
|
||||||
服务商列表从Excel自动生成,无需手动配置。
|
|
||||||
|
|
||||||
## 技术栈
|
|
||||||
|
|
||||||
- HTML5 / CSS3
|
|
||||||
- JavaScript (ES6+)
|
|
||||||
- Chart.js - 图表库(饼图、雷达图)
|
|
||||||
- SheetJS (xlsx) - Excel文件解析
|
|
||||||
- CSS Grid / Flexbox - 布局
|
|
||||||
|
|
||||||
## 后续优化方向
|
|
||||||
|
|
||||||
- [ ] 添加更多图表类型(柱状图、折线图等)
|
|
||||||
- [ ] 支持时间范围筛选
|
|
||||||
- [ ] 添加数据导出功能
|
|
||||||
- [ ] 移动端适配优化
|
|
||||||
- [ ] 添加数据加载骨架屏
|
|
||||||
- [ ] 支持主题切换(深色/浅色)
|
|
||||||
|
|
||||||
## 更新日志
|
|
||||||
|
|
||||||
### 2025-01-21
|
|
||||||
- 改为直接读取Excel文件,无需JSON转换
|
|
||||||
- 服务商列表从Excel自动生成
|
|
||||||
- 将"AB段里程对比"改为"APP使用率"展示
|
|
||||||
- 新增服务商选择下拉框
|
|
||||||
|
|
||||||
### 2025-01-20
|
|
||||||
- 初始版本
|
|
||||||
- 实现基础看板布局
|
|
||||||
- 支持URL参数切换服务商
|
|
||||||
- 数据JSON化,与页面分离
|
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
{
|
|
||||||
"serviceProviderId": "SP001",
|
|
||||||
"serviceProviderName": "上海道路救援服务中心",
|
|
||||||
"year": 2025,
|
|
||||||
"summary": {
|
|
||||||
"totalCases": 100,
|
|
||||||
"caseBreakdown": {
|
|
||||||
"minorRepair": 20,
|
|
||||||
"predicament": 20,
|
|
||||||
"towing": 60
|
|
||||||
},
|
|
||||||
"aggregatedCases": 15
|
|
||||||
},
|
|
||||||
"topMastersByCases": [
|
|
||||||
{ "rank": 1, "name": "小王", "cases": 18 },
|
|
||||||
{ "rank": 2, "name": "小张", "cases": 16 },
|
|
||||||
{ "rank": 3, "name": "小李", "cases": 12 }
|
|
||||||
],
|
|
||||||
"onlineHours": {
|
|
||||||
"averageTotal": 2920,
|
|
||||||
"topMasters": [
|
|
||||||
{ "rank": 1, "name": "小王", "hours": 3230 },
|
|
||||||
{ "rank": 2, "name": "小张", "hours": 3028 },
|
|
||||||
{ "rank": 3, "name": "小李", "hours": 2996 }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"rejectionRate": {
|
|
||||||
"highestRegion": {
|
|
||||||
"name": "崇明",
|
|
||||||
"rate": 21.2
|
|
||||||
},
|
|
||||||
"highestTimeSlot": {
|
|
||||||
"period": "18:00-22:00",
|
|
||||||
"description": "晚高峰时段"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"abMileage": {
|
|
||||||
"highest": {
|
|
||||||
"region": "崇明",
|
|
||||||
"distance": 62
|
|
||||||
},
|
|
||||||
"lowest": {
|
|
||||||
"region": "黄浦",
|
|
||||||
"distance": 6
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
{
|
|
||||||
"serviceProviderId": "SP002",
|
|
||||||
"serviceProviderName": "浦东汽车救援有限公司",
|
|
||||||
"year": 2025,
|
|
||||||
"summary": {
|
|
||||||
"totalCases": 156,
|
|
||||||
"caseBreakdown": {
|
|
||||||
"minorRepair": 35,
|
|
||||||
"predicament": 41,
|
|
||||||
"towing": 80
|
|
||||||
},
|
|
||||||
"aggregatedCases": 22
|
|
||||||
},
|
|
||||||
"topMastersByCases": [
|
|
||||||
{ "rank": 1, "name": "老陈", "cases": 28 },
|
|
||||||
{ "rank": 2, "name": "大刘", "cases": 24 },
|
|
||||||
{ "rank": 3, "name": "阿强", "cases": 19 }
|
|
||||||
],
|
|
||||||
"onlineHours": {
|
|
||||||
"averageTotal": 3150,
|
|
||||||
"topMasters": [
|
|
||||||
{ "rank": 1, "name": "老陈", "hours": 3580 },
|
|
||||||
{ "rank": 2, "name": "大刘", "hours": 3420 },
|
|
||||||
{ "rank": 3, "name": "阿强", "hours": 3210 }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"rejectionRate": {
|
|
||||||
"highestRegion": {
|
|
||||||
"name": "奉贤",
|
|
||||||
"rate": 18.5
|
|
||||||
},
|
|
||||||
"highestTimeSlot": {
|
|
||||||
"period": "07:00-09:00",
|
|
||||||
"description": "早高峰时段"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"abMileage": {
|
|
||||||
"highest": {
|
|
||||||
"region": "金山",
|
|
||||||
"distance": 55
|
|
||||||
},
|
|
||||||
"lowest": {
|
|
||||||
"region": "静安",
|
|
||||||
"distance": 8
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,119 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "data",
|
|
||||||
"version": "1.0.0",
|
|
||||||
"lockfileVersion": 3,
|
|
||||||
"requires": true,
|
|
||||||
"packages": {
|
|
||||||
"": {
|
|
||||||
"name": "data",
|
|
||||||
"version": "1.0.0",
|
|
||||||
"license": "ISC",
|
|
||||||
"dependencies": {
|
|
||||||
"xlsx": "^0.18.5"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/adler-32": {
|
|
||||||
"version": "1.3.1",
|
|
||||||
"resolved": "https://registry.npmmirror.com/adler-32/-/adler-32-1.3.1.tgz",
|
|
||||||
"integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==",
|
|
||||||
"license": "Apache-2.0",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/cfb": {
|
|
||||||
"version": "1.2.2",
|
|
||||||
"resolved": "https://registry.npmmirror.com/cfb/-/cfb-1.2.2.tgz",
|
|
||||||
"integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==",
|
|
||||||
"license": "Apache-2.0",
|
|
||||||
"dependencies": {
|
|
||||||
"adler-32": "~1.3.0",
|
|
||||||
"crc-32": "~1.2.0"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/codepage": {
|
|
||||||
"version": "1.15.0",
|
|
||||||
"resolved": "https://registry.npmmirror.com/codepage/-/codepage-1.15.0.tgz",
|
|
||||||
"integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==",
|
|
||||||
"license": "Apache-2.0",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/crc-32": {
|
|
||||||
"version": "1.2.2",
|
|
||||||
"resolved": "https://registry.npmmirror.com/crc-32/-/crc-32-1.2.2.tgz",
|
|
||||||
"integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
|
|
||||||
"license": "Apache-2.0",
|
|
||||||
"bin": {
|
|
||||||
"crc32": "bin/crc32.njs"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/frac": {
|
|
||||||
"version": "1.1.2",
|
|
||||||
"resolved": "https://registry.npmmirror.com/frac/-/frac-1.1.2.tgz",
|
|
||||||
"integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==",
|
|
||||||
"license": "Apache-2.0",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/ssf": {
|
|
||||||
"version": "0.11.2",
|
|
||||||
"resolved": "https://registry.npmmirror.com/ssf/-/ssf-0.11.2.tgz",
|
|
||||||
"integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==",
|
|
||||||
"license": "Apache-2.0",
|
|
||||||
"dependencies": {
|
|
||||||
"frac": "~1.1.2"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/wmf": {
|
|
||||||
"version": "1.0.2",
|
|
||||||
"resolved": "https://registry.npmmirror.com/wmf/-/wmf-1.0.2.tgz",
|
|
||||||
"integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==",
|
|
||||||
"license": "Apache-2.0",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/word": {
|
|
||||||
"version": "0.3.0",
|
|
||||||
"resolved": "https://registry.npmmirror.com/word/-/word-0.3.0.tgz",
|
|
||||||
"integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==",
|
|
||||||
"license": "Apache-2.0",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.8"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/xlsx": {
|
|
||||||
"version": "0.18.5",
|
|
||||||
"resolved": "https://registry.npmmirror.com/xlsx/-/xlsx-0.18.5.tgz",
|
|
||||||
"integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==",
|
|
||||||
"license": "Apache-2.0",
|
|
||||||
"dependencies": {
|
|
||||||
"adler-32": "~1.3.0",
|
|
||||||
"cfb": "~1.2.1",
|
|
||||||
"codepage": "~1.15.0",
|
|
||||||
"crc-32": "~1.2.1",
|
|
||||||
"ssf": "~0.11.2",
|
|
||||||
"wmf": "~1.0.1",
|
|
||||||
"word": "~0.3.0"
|
|
||||||
},
|
|
||||||
"bin": {
|
|
||||||
"xlsx": "bin/xlsx.njs"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=0.8"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "data",
|
|
||||||
"version": "1.0.0",
|
|
||||||
"description": "",
|
|
||||||
"main": "read-excel.js",
|
|
||||||
"scripts": {
|
|
||||||
"test": "echo \"Error: no test specified\" && exit 1"
|
|
||||||
},
|
|
||||||
"keywords": [],
|
|
||||||
"author": "",
|
|
||||||
"license": "ISC",
|
|
||||||
"type": "commonjs",
|
|
||||||
"dependencies": {
|
|
||||||
"xlsx": "^0.18.5"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
const XLSX = require('xlsx');
|
|
||||||
const fs = require('fs');
|
|
||||||
const path = require('path');
|
|
||||||
|
|
||||||
// Excel文件路径
|
|
||||||
const excelPath = 'C:\\Users\\chenhaid\\Documents\\WXWork\\1688858118476511\\Cache\\File\\2026-02\\供应商年度KPIv5.xlsx';
|
|
||||||
|
|
||||||
// 输出JSON文件路径
|
|
||||||
const outputPath = path.join(__dirname, 'kpi.json');
|
|
||||||
|
|
||||||
// 读取Excel文件
|
|
||||||
const workbook = XLSX.readFile(excelPath);
|
|
||||||
|
|
||||||
// 获取第一个工作表名称
|
|
||||||
const sheetName = workbook.SheetNames[0];
|
|
||||||
console.log('工作表列表:', workbook.SheetNames);
|
|
||||||
|
|
||||||
// 获取工作表
|
|
||||||
const worksheet = workbook.Sheets[sheetName];
|
|
||||||
|
|
||||||
// 转换为JSON
|
|
||||||
const jsonData = XLSX.utils.sheet_to_json(worksheet);
|
|
||||||
|
|
||||||
console.log('读取到', jsonData.length, '条数据');
|
|
||||||
console.log('第一条数据示例:', JSON.stringify(jsonData[0], null, 2));
|
|
||||||
|
|
||||||
// 写入JSON文件
|
|
||||||
fs.writeFileSync(outputPath, JSON.stringify(jsonData, null, 2), 'utf8');
|
|
||||||
|
|
||||||
console.log('已保存到:', outputPath);
|
|
||||||
|
Before Width: | Height: | Size: 296 KiB |
@@ -1,120 +0,0 @@
|
|||||||
import request from '@/utils/http'
|
|
||||||
// 根据订单 获取报备类型
|
|
||||||
/*export function getReportListByOrder(key){
|
|
||||||
return request({
|
|
||||||
url: '/order/baseDriverReportConfigs/getByOrderId',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}*/
|
|
||||||
// 弹框
|
|
||||||
export function successPopup( data) {
|
|
||||||
return request({
|
|
||||||
url: '/returnOrder/wechatDriver/user/successPopup',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/x-www-form-urlencoded',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 认证进度
|
|
||||||
export function infoVerifyProgress(data){
|
|
||||||
return request({
|
|
||||||
url: '/returnOrder/wechatDriver/user/infoVerifyProgress',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 认证详情
|
|
||||||
export function driverInfoVerifyDetail(data) {
|
|
||||||
return request({
|
|
||||||
url:'/returnOrder/wechatDriver/user/driverInfoVerifyDetail',
|
|
||||||
method:'POST',
|
|
||||||
data: data,
|
|
||||||
contentType: 'application/json',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 我的信息
|
|
||||||
export function getMyInfo(data) {
|
|
||||||
return request({
|
|
||||||
url:'/returnOrder/wechatDriver/user/driverDetail',
|
|
||||||
method:'POST',
|
|
||||||
data: data,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// ocr识别
|
|
||||||
export function ocrRecognize( data) {
|
|
||||||
return request( {
|
|
||||||
url:'/returnOrder/wechatDriver/user/ocrRecognize',
|
|
||||||
data: data,
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 认证
|
|
||||||
export function driverInfoVerify( data) {
|
|
||||||
return request({
|
|
||||||
url:'/returnOrder/wechatDriver/user/driverInfoVerify',
|
|
||||||
data: data,
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 实名认证
|
|
||||||
export function driverRealName( data) {
|
|
||||||
return request('/returnOrder/wechatDriver/user/driverRealNameAuth', {
|
|
||||||
data: data,
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//获取需要确认的人员信息列表
|
|
||||||
export function getConfirmPerson(key){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/wechat/getNeedConfirmPersonInfo',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//微信相关 获取联系我 二维码
|
|
||||||
export function getQrCode(key){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/wechat/getQrCode',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//获取服务商的确认状态
|
|
||||||
export function getConfirmStatus(key){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/wechat/getSupplier',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//确认已添加微信按钮
|
|
||||||
export function confirmAddWechat(key){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/wechat/confirmAddWechat',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//确认无误
|
|
||||||
export function confirm(key){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/wechat/confirm',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//提交审批
|
|
||||||
export function submitConfirm( data) {
|
|
||||||
return request('/supplierAppV2/dispatchApp/wechat/submitConfirm', {
|
|
||||||
data: data,
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import request from '@/utils/http'
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 查询 H5 损伤照片
|
|
||||||
* @param {Object} data - { userOrderId, taskOrderId }
|
|
||||||
*/
|
|
||||||
export function getDamagePhotos(data) {
|
|
||||||
return request({
|
|
||||||
url: '/api/h5-interface/damagePhotos',
|
|
||||||
method: 'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
import request from '@/utils/http'
|
|
||||||
|
|
||||||
export function getBeforeDispatchImage(data) {
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/order/getBeforeDispatchImage',
|
|
||||||
method: 'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
@@ -27,14 +27,6 @@ export function getDriverStatisticsKpi(data){
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
export function querySupplierDriverStatisticsScore(data){
|
|
||||||
return request({
|
|
||||||
url: '/supplier/supplierKPI/querySupplierDriverStatisticsScore',
|
|
||||||
method:'POST',
|
|
||||||
// contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 各种详情数据
|
// 各种详情数据
|
||||||
export function getKpiDetailsData(data){
|
export function getKpiDetailsData(data){
|
||||||
return request({
|
return request({
|
||||||
@@ -82,40 +74,3 @@ export function getDriverName(key) {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getVehicleName(key) {
|
|
||||||
return request({
|
|
||||||
url: '/supplier/select/vehicle',
|
|
||||||
method: 'GET',
|
|
||||||
params: {
|
|
||||||
key: key ,
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 车辆 总览
|
|
||||||
export function vehicleTotalInfo(data) {
|
|
||||||
return request({
|
|
||||||
url: '/supplier/supplierKPI/querySupplierVehicleStatisticsKpi',
|
|
||||||
method: 'POST',
|
|
||||||
data
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 服务商维度查询车辆
|
|
||||||
export function vehicleInfoBySupplier(data) {
|
|
||||||
return request({
|
|
||||||
url: '/supplier/supplierKPI/querySupplierStatisticsKpiBySupplier',
|
|
||||||
method: 'POST',
|
|
||||||
data
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 车辆维度查询车辆
|
|
||||||
export function vehicleInfoByVehicle(data) {
|
|
||||||
return request({
|
|
||||||
url: '/supplier/supplierKPI/querySupplierVehicleKpi',
|
|
||||||
method: 'POST',
|
|
||||||
data
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -18,34 +18,6 @@ export function saveVehicle(data){
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
//提交审批车辆信息
|
|
||||||
export function saveSupplierApproval(data){
|
|
||||||
return request({
|
|
||||||
url:'/supplier/approval/saveSupplierDriverVehicleApproval',
|
|
||||||
method:'POST',
|
|
||||||
contentType:'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
/*车辆更改状态 /supplierAppV2/dispatchApp/user/enableVehicle*/
|
|
||||||
export function enableVehicle(data){
|
|
||||||
return request({
|
|
||||||
url:'/supplierAppV2/dispatchApp/user/enableVehicle',
|
|
||||||
method:'POST',
|
|
||||||
contentType:'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
//编辑车辆信息
|
|
||||||
export function updateInsurance(data){
|
|
||||||
return request({
|
|
||||||
url:'/supplierAppV2/dispatchApp/user/updateInsurance',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取车辆信息(用于修改时回显的值,只需传vehicleId)
|
// 获取车辆信息(用于修改时回显的值,只需传vehicleId)
|
||||||
export function getInfoById(data){
|
export function getInfoById(data){
|
||||||
return request({
|
return request({
|
||||||
@@ -72,87 +44,12 @@ export function vehicleTypeList(){
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 服务商服务能力
|
// 服务商服务能力
|
||||||
export function supplierServiceTree(data){
|
export function supplierServiceTree(){
|
||||||
console.log('ddddddd0', data)
|
|
||||||
return request({
|
return request({
|
||||||
url:'/supplierAppV2/dispatchApp/user/supplierServiceTree',
|
url:'/supplierAppV2/dispatchApp/user/supplierServiceTree',
|
||||||
method:'POST',
|
method:'POST'
|
||||||
data
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 服务商服务能力
|
|
||||||
export function supplierServicePartTree(data){
|
|
||||||
return request({
|
|
||||||
url:'/supplier/approval/getSupplierServiceTree',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 申请加入
|
|
||||||
export function saveSupplier(data){
|
|
||||||
return request({
|
|
||||||
url:'/supplier/potential/save',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 申请加入
|
|
||||||
export function auditSupplier(data){
|
|
||||||
return request({
|
|
||||||
url:'/supplier/potential/audit',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 修改申请信息
|
|
||||||
export function getSupplierInfo(key){
|
|
||||||
return request({
|
|
||||||
url:'/supplier/potential/getById',
|
|
||||||
method:'GET',
|
|
||||||
params:key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 根据id查询潜在服务商
|
|
||||||
export function supplierSelectById(params){
|
|
||||||
return request({
|
|
||||||
url:'/supplier/potential/supplierSelectById',
|
|
||||||
method:'GET',
|
|
||||||
params
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取企微二维码
|
|
||||||
export function getOrCodeInfo(data){
|
|
||||||
return request({
|
|
||||||
url:'/agg-api/wxcp/createContactQrCode',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取是否添加企微结果
|
|
||||||
export function getContactQrCodeResult(data){
|
|
||||||
return request({
|
|
||||||
url:'/agg-api/wxcp/getContactQrCodeResult',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 添加企微
|
|
||||||
export function updateWechatId(data){
|
|
||||||
return request({
|
|
||||||
url:'/supplier/potential/updateWechatId',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
//司机列表
|
//司机列表
|
||||||
export function driverList(data){
|
export function driverList(data){
|
||||||
return request({
|
return request({
|
||||||
@@ -411,44 +308,3 @@ export function ocrHandler(data){
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
///agg-api/tencent-ocr/unifiedOCRWithCompress
|
|
||||||
export function unifiedOCRWithCompress(data){
|
|
||||||
return request({
|
|
||||||
url:'/agg-api/tencent-ocr/unifiedOCRWithCompress',
|
|
||||||
method:'POST',
|
|
||||||
contentType:'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getArea(data){
|
|
||||||
return request({
|
|
||||||
url:'/base/area/tree',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 服务商是否培训
|
|
||||||
export function jumpPage(data){
|
|
||||||
return request({
|
|
||||||
url:'/supplierAppV2/dispatchApp/user/jumpPage',
|
|
||||||
method:'POST',
|
|
||||||
contentType:'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//发送确认参保
|
|
||||||
export function sendInsuranceEmail(){
|
|
||||||
return request({
|
|
||||||
url:'/supplierAppV2/dispatchApp/user/sendInsuranceEmail',
|
|
||||||
method:'POST',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 判断服务商是否参保
|
|
||||||
export function isSendInsuranceEmail(){
|
|
||||||
return request({
|
|
||||||
url:'/supplierAppV2/dispatchApp/user/isSendInsuranceEmail',
|
|
||||||
method:'POST',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ export function toDoAudit(data){
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
//
|
// 工单详情
|
||||||
export function getOrderDetail(data){
|
export function getOrderDetail(data){
|
||||||
return request({
|
return request({
|
||||||
url:'/supplierAppV2/dispatchApp/order/getOrderDetail',
|
url:'/supplierAppV2/dispatchApp/order/getOrderDetail',
|
||||||
@@ -77,15 +77,6 @@ export function updateOrderSettlement(data){
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 获取司机信息
|
|
||||||
export function getDriverInfo(data){
|
|
||||||
return request({
|
|
||||||
url:'/supplierAppV2/dispatchApp/order/getDriverInfo',
|
|
||||||
method:'POST',
|
|
||||||
contentType:'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 电瓶数量列表
|
// 电瓶数量列表
|
||||||
export function batteryCountList(){
|
export function batteryCountList(){
|
||||||
return request({
|
return request({
|
||||||
@@ -104,96 +95,3 @@ export function batteryDetailList (data){
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 查询未读告知函
|
|
||||||
export function selectUnReadNotifyBySupplier() {
|
|
||||||
return request({
|
|
||||||
url: '/supplierManage/correction/notify/selectUnReadNotifyBySupplier',
|
|
||||||
method:'POST',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 阅读告知函
|
|
||||||
export function correctionHandle(data) {
|
|
||||||
return request({
|
|
||||||
url: '/supplierManage/correction/record/correctionHandle',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// 获取报警列表
|
|
||||||
export function getAlarmList(data) {
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/alarm/alarmList',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取报警数目
|
|
||||||
export function getAlarmCount(data) {
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/alarm/alarmCount',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取报警详情
|
|
||||||
export function getAlarmByCode(data) {
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/alarm/getAlarmByCode',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 处理报警
|
|
||||||
export function dealWithAlarm(data) {
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/alarm/handAlarm',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
//获取当前任务信息
|
|
||||||
export function getConfigByCode(data){
|
|
||||||
return request({
|
|
||||||
url: '/base/baseConfig/getConfigByCode',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
//获取最新版本
|
|
||||||
export function getNewVersion(key){
|
|
||||||
return request({
|
|
||||||
url: '/driverApp/app/updateVersion',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getLog(data){
|
|
||||||
// 添加log
|
|
||||||
return request({
|
|
||||||
url: '/ureport/pageView/save',
|
|
||||||
method:'POST',
|
|
||||||
contentType:'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//获取最新版本
|
|
||||||
export function getUserBO(){
|
|
||||||
return request({
|
|
||||||
url: '/base/user/getUserBO',
|
|
||||||
method:'POST',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,37 +0,0 @@
|
|||||||
import request from '@/utils/http'
|
|
||||||
// 根据订单 获取报备类型
|
|
||||||
export function getReportListByOrder(key){
|
|
||||||
return request({
|
|
||||||
url: '/order/baseDriverReportConfigs/getByOrderId',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 添加报备
|
|
||||||
export function newOrderReporting(data){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/order/newOrderReporting',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取报备列表
|
|
||||||
export function reportHistory(data){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/order/reportHistory',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取订单信息
|
|
||||||
export function getOrderInfo(data){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/order/reportOrderDetail',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
@@ -1,115 +0,0 @@
|
|||||||
import request from '@/utils/http'
|
|
||||||
// 车源/求购列表
|
|
||||||
export function appPageList(data){
|
|
||||||
return request({
|
|
||||||
url: '/toc-user/car-app/appPageList',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 我的发布列表
|
|
||||||
export function minePublishPageList(data){
|
|
||||||
return request({
|
|
||||||
url: '/toc-user/car-app/minePublishPageList',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 审核不通过数量
|
|
||||||
export function auditFailCount (data){
|
|
||||||
return request({
|
|
||||||
url: '/toc-user/car-app/auditFailCount ',
|
|
||||||
method:'POST',
|
|
||||||
// contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 信息详情查询
|
|
||||||
export function carInfoDetail(data){
|
|
||||||
return request({
|
|
||||||
url: '/toc-user/car-app/carInfoDetail',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 发布编辑信息
|
|
||||||
export function publishCarInfo(data){
|
|
||||||
return request({
|
|
||||||
url: '/toc-user/car-app/publishCarInfo',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 用户信息反馈
|
|
||||||
export function userFeedback(data){
|
|
||||||
return request({
|
|
||||||
url: '/toc-user/car-app/userFeedback',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//擦亮
|
|
||||||
export function usedCarPolish(data){
|
|
||||||
return request({
|
|
||||||
url: `/toc-user/car-app/usedCarPolish/${data}`,
|
|
||||||
method:'POST',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//二手拖车信息下架
|
|
||||||
export function usedCarRemove(data){
|
|
||||||
return request({
|
|
||||||
url: '/toc-user/car-app/usedCarRemove',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//二手拖车信息重新上架
|
|
||||||
export function usedCarReShelf(data){
|
|
||||||
return request({
|
|
||||||
url: `/toc-user/car-app/usedCarReShelf/${data}`,
|
|
||||||
method:'POST',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//审批信息
|
|
||||||
export function auditCarInfo(data){
|
|
||||||
return request({
|
|
||||||
url: '/toc-user/car-admin/auditCarInfo',
|
|
||||||
method:'POST',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 保存信息记录
|
|
||||||
export function saveRecord(data){
|
|
||||||
return request({
|
|
||||||
url: '/toc-user/car-record/saveRecord',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 审核不通过再次提交
|
|
||||||
export function auditCarInfoAgain(data){
|
|
||||||
return request({
|
|
||||||
url: '/toc-user/car-app/auditCarInfoAgain',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// 我的发布列表
|
|
||||||
export function getAddressForService(data){
|
|
||||||
return request({
|
|
||||||
url: '/base/gaodeMap/getPlaceByAddress',
|
|
||||||
method:'GET',
|
|
||||||
params: data,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
import request from '@/utils/http'
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 查询当前服务商分时段电话列表和审批状态
|
|
||||||
* @param {Object} params
|
|
||||||
* @param {number} params.supplierId 服务商 ID
|
|
||||||
*/
|
|
||||||
export function getSupplierPhoneList(params) {
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/supplierPhone/list',
|
|
||||||
method: 'GET',
|
|
||||||
params
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 查询当前服务商电话时段变更审批状态
|
|
||||||
* @param {Object} params
|
|
||||||
* @param {number} params.supplierId 服务商 ID
|
|
||||||
*/
|
|
||||||
export function getSupplierPhoneApprovalStatus(params) {
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/supplierPhone/approvalStatus',
|
|
||||||
method: 'GET',
|
|
||||||
params
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 提交服务商电话时段变更审批
|
|
||||||
* @param {Object} data
|
|
||||||
* @param {number} data.supplierId 服务商 ID
|
|
||||||
* @param {string} [data.modifyReason] 修改原因
|
|
||||||
* @param {Array} data.phoneList 电话时段草稿列表
|
|
||||||
*/
|
|
||||||
export function submitSupplierPhoneApproval(data) {
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/supplierPhone/submit',
|
|
||||||
method: 'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 785 B |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 770 B |
|
Before Width: | Height: | Size: 790 B |
|
Before Width: | Height: | Size: 441 B |
|
Before Width: | Height: | Size: 277 B |
|
Before Width: | Height: | Size: 727 B |
|
Before Width: | Height: | Size: 901 B |
|
Before Width: | Height: | Size: 803 B |
|
Before Width: | Height: | Size: 478 B |
|
Before Width: | Height: | Size: 470 B |
|
Before Width: | Height: | Size: 795 B |
|
Before Width: | Height: | Size: 725 B |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 721 B |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 7.1 KiB |
|
Before Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 6.9 KiB |
|
Before Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 106 KiB |
|
Before Width: | Height: | Size: 727 B |
|
Before Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 868 B |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 589 B |
|
Before Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 1022 B |
|
Before Width: | Height: | Size: 355 B |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 7.3 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 300 B |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 6.9 KiB |
|
Before Width: | Height: | Size: 290 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 348 B |
|
Before Width: | Height: | Size: 375 B |
|
Before Width: | Height: | Size: 327 B |
|
Before Width: | Height: | Size: 327 B |