Compare commits
45 Commits
prod-26-01
...
a136eeff91
| Author | SHA1 | Date | |
|---|---|---|---|
| a136eeff91 | |||
| 9c2c57120b | |||
| f7b37f7a0b | |||
| f5c2d1687f | |||
| a56824ff73 | |||
| b33ecb5a1e | |||
| af9d7cdbf2 | |||
| 1834a1a838 | |||
| 3438a7f9b3 | |||
| edbc60d3f3 | |||
| 914249cc3a | |||
| 1217b7671c | |||
| bd3e358ec7 | |||
| 9788542b38 | |||
| 65a53ab267 | |||
| 0f70e55e66 | |||
| e800ee1b7e | |||
| 3fbcc7a125 | |||
| c90bf52b4d | |||
| c9ac87b104 | |||
| 47fdf8f528 | |||
| 9192625165 | |||
| 5ebbce5c1f | |||
| dc5327c8e4 | |||
| 044832a8f7 | |||
| 19c5809af2 | |||
| d41684d7ed | |||
| 60445b1523 | |||
| 534ef90f2e | |||
| f8484391b8 | |||
| 414f2cd320 | |||
| d12ef20726 | |||
| ed7ce35a91 | |||
| 6b5bc0494c | |||
| fed4ae6edf | |||
| 87546848d2 | |||
| 3a6d0878aa | |||
| d18fec1ddc | |||
| 62f2c166c6 | |||
| 14a14e2c87 | |||
| 8a457952fa | |||
| c657f3b5ac | |||
| 31d1388890 | |||
| dc94c6d261 | |||
| 97c86dbee3 |
160
public/res/year-statistic/README.md
Normal file
160
public/res/year-statistic/README.md
Normal file
@@ -0,0 +1,160 @@
|
||||
# 年终总结看板 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化,与页面分离
|
||||
47
public/res/year-statistic/data/SP001.json
Normal file
47
public/res/year-statistic/data/SP001.json
Normal file
@@ -0,0 +1,47 @@
|
||||
{
|
||||
"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
|
||||
}
|
||||
}
|
||||
}
|
||||
47
public/res/year-statistic/data/SP002.json
Normal file
47
public/res/year-statistic/data/SP002.json
Normal file
@@ -0,0 +1,47 @@
|
||||
{
|
||||
"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
|
||||
}
|
||||
}
|
||||
}
|
||||
44612
public/res/year-statistic/data/cases_top3.json
Normal file
44612
public/res/year-statistic/data/cases_top3.json
Normal file
File diff suppressed because it is too large
Load Diff
29016
public/res/year-statistic/data/kpi.json
Normal file
29016
public/res/year-statistic/data/kpi.json
Normal file
File diff suppressed because it is too large
Load Diff
21112
public/res/year-statistic/data/online_top3.json
Normal file
21112
public/res/year-statistic/data/online_top3.json
Normal file
File diff suppressed because it is too large
Load Diff
17205
public/res/year-statistic/data/rejection_region.json
Normal file
17205
public/res/year-statistic/data/rejection_region.json
Normal file
File diff suppressed because it is too large
Load Diff
18286
public/res/year-statistic/data/rejection_time.json
Normal file
18286
public/res/year-statistic/data/rejection_time.json
Normal file
File diff suppressed because it is too large
Load Diff
BIN
public/res/year-statistic/data/供应商年度KPI.xlsx
Normal file
BIN
public/res/year-statistic/data/供应商年度KPI.xlsx
Normal file
Binary file not shown.
BIN
public/res/year-statistic/data/师傅在线top3.xlsx
Normal file
BIN
public/res/year-statistic/data/师傅在线top3.xlsx
Normal file
Binary file not shown.
BIN
public/res/year-statistic/data/师傅案件top3.xlsx
Normal file
BIN
public/res/year-statistic/data/师傅案件top3.xlsx
Normal file
Binary file not shown.
BIN
public/res/year-statistic/data/拒单率最高地区.xlsx
Normal file
BIN
public/res/year-statistic/data/拒单率最高地区.xlsx
Normal file
Binary file not shown.
BIN
public/res/year-statistic/data/拒单率最高时段.xlsx
Normal file
BIN
public/res/year-statistic/data/拒单率最高时段.xlsx
Normal file
Binary file not shown.
1553
public/res/year-statistic/index.html
Normal file
1553
public/res/year-statistic/index.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -77,6 +77,15 @@ export function updateOrderSettlement(data){
|
||||
data
|
||||
})
|
||||
}
|
||||
// 获取司机信息
|
||||
export function getDriverInfo(data){
|
||||
return request({
|
||||
url:'/supplierAppV2/dispatchApp/order/getDriverInfo',
|
||||
method:'POST',
|
||||
contentType:'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 电瓶数量列表
|
||||
export function batteryCountList(){
|
||||
return request({
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
:border="false"
|
||||
:fixed="true"
|
||||
:safe-area-inset-top="true"
|
||||
@click-left="h5GoBack"
|
||||
@click-left="back"
|
||||
/>
|
||||
</div>
|
||||
<div class="addContentWrap">
|
||||
@@ -92,6 +92,57 @@
|
||||
</template>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="lineBot" v-if="permissonList?.includes('hasInsuranceAudit')"></div>
|
||||
<div class="itemContent" v-if="permissonList?.includes('hasInsuranceAudit')" style="align-items: center">
|
||||
<div class="titleType" style="width: 60px">
|
||||
<img class="startImg" src="@/assets/start.png" />
|
||||
<span>保费</span>
|
||||
</div>
|
||||
<van-field
|
||||
type="number"
|
||||
class="vanIpt"
|
||||
v-model="liabilityInsuranceAmount"
|
||||
input-align="right"
|
||||
>
|
||||
<template slot="right-icon" >
|
||||
<span style="white-space: nowrap;">元</span>
|
||||
</template>
|
||||
</van-field>
|
||||
</div>
|
||||
<div class="lineBot"></div>
|
||||
<div class="itemContent">
|
||||
<div class="titleType">
|
||||
<img class="startImg" src="@/assets/start.png" />
|
||||
<span>保额</span>
|
||||
</div>
|
||||
<div style="display:flex;align-items: center;justify-content: flex-end">
|
||||
<el-select
|
||||
v-model="liabilityInsuranceQuota"
|
||||
value-key="name"
|
||||
class="elSelect"
|
||||
collapse-tags="collapse-tags"
|
||||
placeholder="请选择" style="width: 55%"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in liabilityQuotaOptions"
|
||||
:key="item.value"
|
||||
:label="item.value"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select><span style="margin-right: 16px;opacity: .5;">万元</span>
|
||||
</div>
|
||||
<!-- <van-field
|
||||
type="number"
|
||||
class="vanIpt"
|
||||
v-model="liabilityInsuranceQuota"
|
||||
input-align="right"
|
||||
>
|
||||
<template slot="right-icon" >
|
||||
<span style="white-space: nowrap;">万元 </span>
|
||||
</template>
|
||||
</van-field>-->
|
||||
</div>
|
||||
</template>
|
||||
<common-btn title="保存" @submitClick="submitBtn"/>
|
||||
<van-calendar v-model="showDatePicker" :min-date="minDate"
|
||||
@@ -104,7 +155,7 @@
|
||||
import {Dialog} from "vant";
|
||||
import {myMixins} from "@/utils/myMixins"
|
||||
import {formatDate1} from "@/utils/common"
|
||||
import { uploadImage, updateInsurance, getInfoById} from "@/api/mine"
|
||||
import { uploadImage, updateInsurance, getInfoById,userOperationPermissions} from "@/api/mine"
|
||||
import CommonBtn from "@/components/commonBtn.vue"
|
||||
export default {
|
||||
name: "vehicleAdd",
|
||||
@@ -115,6 +166,7 @@ export default {
|
||||
children: 'children',
|
||||
label: 'name'
|
||||
},
|
||||
liabilityQuotaOptions:[{value:10},{value:20},{value:30},{value:50},{value:70},{value:80},{value:100},{value:200}],
|
||||
minDate: new Date(1970, 0, 1), // 设置最小可选日期(1970年1月1日)
|
||||
maxDate: new Date(2099, 11, 31), // 设置最大可选日期(2099年12月31日)
|
||||
showDatePicker: false,
|
||||
@@ -130,6 +182,9 @@ export default {
|
||||
insurancePicturePhoto: '', // 保单照片
|
||||
isMultiple: false, // 是否支持多选
|
||||
insuranceCorp: '',
|
||||
liabilityInsuranceAmount:'',
|
||||
liabilityInsuranceQuota:'',
|
||||
permissonList:[],
|
||||
insuranceOptions: [{
|
||||
name: '太平洋',
|
||||
value: 1
|
||||
@@ -183,11 +238,24 @@ export default {
|
||||
|
||||
async mounted() {
|
||||
this.id=this.$route.params?.id
|
||||
await this.getPermissions()
|
||||
if( this.id){
|
||||
// await this.vehicleInfo()
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
back() {
|
||||
this.$router.push({
|
||||
name:'vehicleAdd',
|
||||
params:{
|
||||
id: this.id
|
||||
}
|
||||
})
|
||||
},
|
||||
async getPermissions(){
|
||||
let res = await userOperationPermissions();
|
||||
this.permissonList = res.data
|
||||
},
|
||||
async vehicleInfo(){
|
||||
let res= await getInfoById({
|
||||
vehicleId:this.id
|
||||
@@ -259,6 +327,14 @@ export default {
|
||||
this.$toast('保单有效期不能为空')
|
||||
return
|
||||
}
|
||||
if(this.hasLiabilityInsurance == 1 && this.permissonList?.includes('hasInsuranceAudit') && !this.liabilityInsuranceAmount && this.liabilityInsuranceAmount!=0){
|
||||
this.$toast('保费不能为空')
|
||||
return
|
||||
}
|
||||
if(this.hasLiabilityInsurance == 1 && !this.liabilityInsuranceQuota){
|
||||
this.$toast('保额不能为空')
|
||||
return
|
||||
}
|
||||
let timeObj;
|
||||
if(this.dateVal) {
|
||||
timeObj = this.formatDateTimeRange(this.dateVal)
|
||||
@@ -271,6 +347,8 @@ export default {
|
||||
insuranceCorp: this.hasLiabilityInsurance == 1 ? this.insuranceCorp : '',
|
||||
liabilityInsuranceStartTime: this.hasLiabilityInsurance == 1 ? (timeObj?.startTime || '' ) : '',
|
||||
liabilityInsuranceEndTime: this.hasLiabilityInsurance == 1 ? (timeObj?.endTime || '') : '',
|
||||
liabilityInsuranceQuota:this.liabilityInsuranceQuota || '',
|
||||
liabilityInsuranceAmount:this.liabilityInsuranceAmount || '',
|
||||
})
|
||||
}
|
||||
await updateInsurance(params)
|
||||
@@ -280,7 +358,8 @@ export default {
|
||||
this.$toast('添加成功')
|
||||
}
|
||||
setTimeout(()=>{
|
||||
this.$router.back();
|
||||
// this.$router.back();
|
||||
this.back()
|
||||
},2000)
|
||||
}
|
||||
},
|
||||
|
||||
@@ -264,6 +264,10 @@
|
||||
this.$toast('营业执照未上传')
|
||||
return
|
||||
}
|
||||
if( !this.licensePhoto ) {
|
||||
this.$toast('开户许可证未上传')
|
||||
return
|
||||
}
|
||||
if( !(this.form.serviceAreaCode.length > 0) ) {
|
||||
this.$toast('服务区域不能为空')
|
||||
return
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
:border="false"
|
||||
:fixed="true"
|
||||
:safe-area-inset-top="true"
|
||||
@click-left="h5GoBack"
|
||||
@click-left="back"
|
||||
/>
|
||||
</div>
|
||||
<div class="addContentWrap">
|
||||
@@ -311,9 +311,83 @@
|
||||
</template>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="lineBot" v-if="permissonList?.includes('hasInsuranceAudit')"></div>
|
||||
<div class="itemContent" v-if="permissonList?.includes('hasInsuranceAudit')">
|
||||
<div class="titleType">
|
||||
<img class="startImg" src="@/assets/start.png" />
|
||||
<span>保费</span>
|
||||
</div>
|
||||
<van-field
|
||||
type="number"
|
||||
class="vanIpt"
|
||||
v-model="liabilityInsuranceAmount"
|
||||
input-align="right"
|
||||
>
|
||||
<template slot="right-icon" >
|
||||
<span style="white-space: nowrap;">元</span>
|
||||
</template>
|
||||
</van-field>
|
||||
</div>
|
||||
<div class="lineBot"></div>
|
||||
<div class="itemContent">
|
||||
<div class="titleType">
|
||||
<img class="startImg" src="@/assets/start.png" />
|
||||
<span>保额</span>
|
||||
</div>
|
||||
<div style="display:flex;align-items: center;justify-content: flex-end">
|
||||
<el-select
|
||||
v-model="liabilityInsuranceQuota"
|
||||
value-key="name"
|
||||
class="elSelect"
|
||||
collapse-tags="collapse-tags"
|
||||
placeholder="请选择" style="width: 55%"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in liabilityQuotaOptions"
|
||||
:key="item.value"
|
||||
:label="item.value"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select><span style="margin-right: 16px;opacity: .5;">万元</span>
|
||||
</div>
|
||||
<!-- <van-field
|
||||
type="number"
|
||||
class="vanIpt"
|
||||
v-model="liabilityInsuranceQuota"
|
||||
input-align="right"
|
||||
>
|
||||
<template slot="right-icon" >
|
||||
<span style="white-space: nowrap;">万元 </span>
|
||||
</template>
|
||||
</van-field>-->
|
||||
</div>
|
||||
|
||||
<!-- <div class="lineBot"></div>
|
||||
<div class="itemContent">
|
||||
<div class="titleType">
|
||||
<img class="startImg" src="@/assets/start.png" />
|
||||
<span>保单号(救援)</span>
|
||||
</div>
|
||||
<van-field
|
||||
class="vanIpt"
|
||||
style="width: 72%"
|
||||
v-model="insuranceCode"
|
||||
input-align="right"
|
||||
> </van-field>
|
||||
</div>
|
||||
<div class="lineBot"></div>
|
||||
<div class="itemContent">
|
||||
<div class="titleType"> <span>保单号(中道物流)</span> </div>
|
||||
<van-field
|
||||
class="vanIpt"
|
||||
style="width: 65%"
|
||||
v-model="insuranceCodeZd"
|
||||
input-align="right"
|
||||
> </van-field>
|
||||
</div>
|
||||
<div class="lineBot"></div>-->
|
||||
</template>
|
||||
|
||||
|
||||
<div class="itemContent">
|
||||
<div class="titleType">
|
||||
<img class="startImg" src="@/assets/start.png" />
|
||||
@@ -344,7 +418,7 @@
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
<two-common-btn class="btn" @cancelClick="h5GoBack" @submitClick="submitBtn" />
|
||||
<two-common-btn class="btn" @cancelClick="back" @submitClick="submitBtn" />
|
||||
<van-calendar v-model="showDatePicker" :min-date="minDate"
|
||||
:max-date="maxDate" type="range" @confirm="onConfirm" />
|
||||
|
||||
@@ -540,6 +614,7 @@ export default {
|
||||
name: '其他',
|
||||
value: 14
|
||||
}],
|
||||
liabilityQuotaOptions:[{value:10},{value:20},{value:30},{value:50},{value:70},{value:80},{value:100},{value:200}],
|
||||
approvalForm:{
|
||||
type:2,
|
||||
supplierId:'',
|
||||
@@ -557,7 +632,10 @@ export default {
|
||||
vehicleInfoChange:false,
|
||||
insuranceChange:false,
|
||||
loading: false,
|
||||
|
||||
liabilityInsuranceAmount:'',
|
||||
liabilityInsuranceQuota:'',
|
||||
insuranceCode:'',
|
||||
insuranceCodeZd:'',
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@@ -952,7 +1030,7 @@ export default {
|
||||
isVehicleChange(e) {
|
||||
this.vehicleStatus=e
|
||||
},
|
||||
async submitAuditHandle(){//提交审核
|
||||
/* async submitAuditHandle(){//提交审核
|
||||
let urls=[]
|
||||
this.insurancePictureFiles?.forEach(item => urls.push(item.url))
|
||||
let time =this.dateVal ? this.formatDateTimeRange(this.dateVal) : ''
|
||||
@@ -1030,7 +1108,7 @@ export default {
|
||||
this.approvalDialogShow=false
|
||||
await this.submitBtn();
|
||||
}
|
||||
},
|
||||
},*/
|
||||
async submitApprovalHandle(){//提交审批-走接口
|
||||
if(this.vehicleInfoChange){
|
||||
if(!(this.selectedOption.length > 0)){
|
||||
@@ -1133,6 +1211,14 @@ export default {
|
||||
this.vehicleInfoChange=false
|
||||
this.insuranceChange=false
|
||||
},
|
||||
back() {
|
||||
this.$router.push({
|
||||
name:'vehicleManage',
|
||||
params:{
|
||||
id: this.id
|
||||
}
|
||||
})
|
||||
},
|
||||
async submitBtn(){
|
||||
if( !this.vehicleLicenseFront ) {
|
||||
this.$toast('行驶证主页照片不能为空')
|
||||
@@ -1194,12 +1280,26 @@ export default {
|
||||
this.$toast('保单有效期不能为空')
|
||||
return
|
||||
}
|
||||
if( this.hasLiabilityInsurance == 1){
|
||||
if(this.permissonList.includes('hasInsuranceAudit') && !this.liabilityInsuranceAmount && this.liabilityInsuranceAmount!=0){
|
||||
this.$toast('保费不能为空')
|
||||
return
|
||||
}
|
||||
if(!this.liabilityInsuranceQuota){
|
||||
this.$toast('保额不能为空')
|
||||
return
|
||||
}
|
||||
/* if(!this.insuranceCode){
|
||||
this.$toast('保单号(救援)不能为空')
|
||||
return
|
||||
}*/
|
||||
}
|
||||
let timeObj;
|
||||
if(this.dateVal) {
|
||||
timeObj = this.formatDateTimeRange(this.dateVal)
|
||||
}
|
||||
this.serviceIds = this.$refs.tree.getCheckedKeys(true)
|
||||
console.log('1122',this.vehicleStatus)
|
||||
// console.log('1122',this.vehicleStatus)
|
||||
// return
|
||||
await saveVehicle({
|
||||
vehicleId:this.id ? this.id : '',
|
||||
@@ -1221,7 +1321,11 @@ export default {
|
||||
liabilityInsuranceEndTime: this.hasLiabilityInsurance == 1 ? (timeObj?.endTime || '') : '',
|
||||
virtualVehicle: this.virtualVehicle,
|
||||
canSubmitApproval:true,
|
||||
vehicleStatus:this.vehicleStatus
|
||||
vehicleStatus:this.vehicleStatus,
|
||||
liabilityInsuranceAmount:this.liabilityInsuranceAmount,
|
||||
liabilityInsuranceQuota:this.liabilityInsuranceQuota,
|
||||
insuranceCode:this.insuranceCode,
|
||||
insuranceCodeZd:this.insuranceCodeZd,
|
||||
})
|
||||
if(this.id){
|
||||
this.$toast('修改成功')
|
||||
@@ -1427,4 +1531,12 @@ export default {
|
||||
transform: translate(-50%, -50%) rotate(360deg);
|
||||
}
|
||||
}
|
||||
.vanIpt{
|
||||
width: 80%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.vanIpt1{
|
||||
width: 72%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -74,6 +74,7 @@
|
||||
<div class="item">
|
||||
<span class="leftTitle fontColor">服务师傅:</span><span class="rightContent">{{ orderDetailInfo.driverName }} {{orderDetailInfo.drivePhone ? '/' : ''}} {{orderDetailInfo.drivePhone }}
|
||||
<span v-if="queryType == 5" class="driverPoiBtn" @click="noMultipleClicks(showMap)">查看司机位置</span>
|
||||
<span v-if="orderDetailInfo.driverName && orderDetailInfo.proprietary?.code==1" class="driverPoiBtn" @click="noMultipleClicks(createDriverInfo)">生成司机信息</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="item" v-if="queryType == 9 || queryType ==11 || queryType ==12">
|
||||
@@ -114,7 +115,7 @@
|
||||
</template>
|
||||
<script>
|
||||
import {myMixins} from '@/utils/myMixins'
|
||||
import {getOrderDetail,showVehiclePositionInfo, getConfigByCode} from "@/api/order"
|
||||
import {getOrderDetail,showVehiclePositionInfo, getConfigByCode,getDriverInfo} from "@/api/order"
|
||||
import minePosition from '@/assets/minePosition.png';
|
||||
import vehiclePosition from '@/assets/vehiclePosition.png';
|
||||
import desitationPosition from '@/assets/desitationPosition.png'
|
||||
@@ -161,6 +162,30 @@ export default {
|
||||
});
|
||||
this.carTypeList = res?.data?.userVehicleType
|
||||
},
|
||||
async getDriverInfo(){
|
||||
let result=await getDriverInfo({
|
||||
driverId:this.orderDetailInfo.driverId
|
||||
})
|
||||
if(result.data){
|
||||
// console.log('--result--',result.data)
|
||||
let params={
|
||||
'姓名:':this.orderDetailInfo.driverName,
|
||||
'身份证:':result.data.identityCardNumber,
|
||||
'车牌:':this.orderDetailInfo.plateNumber,
|
||||
'手机:':this.orderDetailInfo.driverPhone,
|
||||
}
|
||||
let data = {"action":"copyToClipboard","params":JSON.stringify(params)}
|
||||
var u = navigator.userAgent;
|
||||
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
|
||||
if(isiOS){
|
||||
window.webkit.messageHandlers.nativeObject.postMessage(data);
|
||||
}else {
|
||||
window.android.copyToClipboard(JSON.stringify(params));
|
||||
}
|
||||
}else {
|
||||
this.$toast('未获取到司机信息')
|
||||
}
|
||||
},
|
||||
async getDetail(){
|
||||
let result=await getOrderDetail({
|
||||
queryType:this.queryType,
|
||||
@@ -176,6 +201,9 @@ export default {
|
||||
this.showPopup = true;
|
||||
this.mapMarkers();
|
||||
},
|
||||
async createDriverInfo(){//生成司机信息
|
||||
await this.getDriverInfo()
|
||||
},
|
||||
checkPhoto(){
|
||||
let isAllowImage = this.queryType == 9 ? 0 : 1
|
||||
let data = {
|
||||
|
||||
@@ -1147,8 +1147,8 @@ export default {
|
||||
{label: '服务车辆', prop: 'vehicleName'},
|
||||
{label: '服务完成状况', prop: 'orderStatusString'},
|
||||
{label: '案件完成时间', prop: 'finishTime'},
|
||||
{label: '省(B)', prop: 'bProvince'},
|
||||
{label: '市(B)', prop: 'bCity'},
|
||||
{label: '省(B)', prop: 'bprovince'},
|
||||
{label: '市(B)', prop: 'bcity'},
|
||||
{label: '区(B)', prop: 'area'},
|
||||
]
|
||||
} else if (this.active === 6) {//投诉明细
|
||||
|
||||
@@ -121,7 +121,7 @@ export default {
|
||||
let flag=this.validatePhone(val)
|
||||
// console.log('flag',flag)
|
||||
if(!flag){
|
||||
this.$toast('手机号格式不正确')
|
||||
this.$toast('电话号码格式不正确')
|
||||
}
|
||||
},
|
||||
validatePhone(val) {
|
||||
@@ -129,13 +129,22 @@ export default {
|
||||
if(!val){
|
||||
return true
|
||||
}
|
||||
const purePhone = val
|
||||
// 情况1:11位且1开头 → 合法
|
||||
if (/^1[0-9]{10}$/.test(purePhone)) {
|
||||
const purePhone = String(val).trim()
|
||||
const mobileReg = /^1[3-9]\d{9}$/ // 大陆手机号正则表达式
|
||||
const hkMobileReg = /^[569]\d{3}[\s-]?\d{4}$/ // 香港手机号正则表达式,允许使用空格或 "-" 分隔
|
||||
const macauMobileReg = /^6\d{3}[\s-]?\d{4}$/ // 澳门手机号正则表达式,允许使用空格或 "-" 分隔
|
||||
const telReg = /^(0\d{2,3})([\s-])?\d{7,8}$/ // 大陆座机号正则表达式,允许区号和座机号用空格或 "-" 分开
|
||||
const hkTelReg = /^\(?\d{2,4}\)?[\s-]?\d{4}[\s-]?\d{4}$/ // 香港座机号正则表达式,允许使用空格或 "-" 分隔
|
||||
const macauTelReg = /^\(?\d{2,4}\)?[\s-]?\d{4}[\s-]?\d{4}$/ // 澳门座机号正则表达式,允许使用空格或 "-" 分隔
|
||||
const phone400Reg = /^400[\s-]?\d{3}[\s-]?\d{4}$/ // 以 "400" 开头的号码正则表达式,允许使用空格或 "-" 分隔
|
||||
// 情况1:12位且首位是0、第二位是1 → 去0后按大陆手机号校验
|
||||
if (/^01[0-9]{10}$/.test(purePhone)) {
|
||||
return true
|
||||
}
|
||||
// 情况2:12位且首位是0、第二位是1 → 去0后合法
|
||||
if (/^01[0-9]{10}$/.test(purePhone)) {
|
||||
// 匹配任意一种格式即为合法
|
||||
if (mobileReg.test(purePhone) || hkMobileReg.test(purePhone) || macauMobileReg.test(purePhone) ||
|
||||
telReg.test(purePhone) || hkTelReg.test(purePhone) || macauTelReg.test(purePhone) ||
|
||||
phone400Reg.test(purePhone)) {
|
||||
return true
|
||||
}
|
||||
// 其他情况 → 不合法
|
||||
@@ -226,6 +235,7 @@ export default {
|
||||
console.log('phone1Flag',phone1Flag)
|
||||
console.log('phone2Flag',phone2Flag)
|
||||
if(!phone1Flag || !phone2Flag){
|
||||
this.$toast('电话号码格式不正确')
|
||||
return
|
||||
}
|
||||
await submitConfirm({supplierId:this.supplierId,infos:this.personList})
|
||||
|
||||
@@ -478,6 +478,21 @@ export default {
|
||||
otherPhoto:this.otherImgSrc?.join(',')
|
||||
})
|
||||
this.clearStorageFormInfo()
|
||||
if(res.code == 200 && !res.msg){
|
||||
this.$toast('发布成功')
|
||||
if(this.isWebFunc()){
|
||||
setTimeout(()=>{
|
||||
this.closeParentDialog()
|
||||
},1000)
|
||||
}else{
|
||||
setTimeout(()=>{
|
||||
this.$router.push({ name: "mineRelease"})
|
||||
sessionStorage.setItem('mineActiveTab',String(1) )
|
||||
},1000)
|
||||
}
|
||||
}else{
|
||||
this.$toast(res.msg)
|
||||
}
|
||||
console.log("车源发布publishCarInfo",res)
|
||||
} catch (e){
|
||||
console.log('e',e)
|
||||
|
||||
Reference in New Issue
Block a user