Compare commits
31 Commits
prod-26-01
...
dev-2026
| Author | SHA1 | Date | |
|---|---|---|---|
| 4b94c614ad | |||
| b39ae0bdf1 | |||
| 709f125c42 | |||
| a0c1a2700a | |||
| 8c25f5a195 | |||
| ee50c3ba19 | |||
| 1477f94774 | |||
| 35fd987f00 | |||
| b6491a21d1 | |||
| 030417ba9c | |||
| c05bdb361b | |||
| e288d1e180 | |||
| a48e73bdb5 | |||
| 56a8ba66b7 | |||
| 8c62b8e704 | |||
| f1a3f7b45b | |||
| e7344a1f16 | |||
| 75dd0b9740 | |||
| aa5b724bed | |||
| ca99e068cf | |||
| aafd7ffdb5 | |||
| 112f42669c | |||
| 9bf8e1253d | |||
| 4f9134249f | |||
| 318922bddc | |||
| 5d0d4541a8 | |||
| 17aa9b54ca | |||
| 9d3d822227 | |||
| fbee7979e4 | |||
| 8e55d61a9e | |||
| 83f36b12a8 |
3
.idea/misc.xml
generated
3
.idea/misc.xml
generated
@@ -3,4 +3,7 @@
|
||||
<component name="JavaScriptSettings">
|
||||
<option name="languageLevel" value="ES6" />
|
||||
</component>
|
||||
<component name="WebPackConfiguration">
|
||||
<option name="mode" value="DISABLED" />
|
||||
</component>
|
||||
</project>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
119
public/res/year-statistic/data/package-lock.json
generated
Normal file
119
public/res/year-statistic/data/package-lock.json
generated
Normal file
@@ -0,0 +1,119 @@
|
||||
{
|
||||
"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"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
16
public/res/year-statistic/data/package.json
Normal file
16
public/res/year-statistic/data/package.json
Normal file
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"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"
|
||||
}
|
||||
}
|
||||
30
public/res/year-statistic/data/read-excel.js
Normal file
30
public/res/year-statistic/data/read-excel.js
Normal file
@@ -0,0 +1,30 @@
|
||||
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);
|
||||
File diff suppressed because it is too large
Load Diff
@@ -101,7 +101,7 @@
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 40px 20px;
|
||||
padding: 0px 20px 40px;
|
||||
position: relative;
|
||||
scroll-snap-align: start;
|
||||
overflow: hidden;
|
||||
@@ -151,10 +151,12 @@
|
||||
|
||||
.cover-subtitle {
|
||||
margin-top: 30px;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
font-size: 1.1em;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
font-size: 1.8em;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-shadow: 0 0 20px rgba(0, 150, 255, 0.5);
|
||||
}
|
||||
|
||||
.scroll-hint {
|
||||
@@ -653,8 +655,9 @@
|
||||
|
||||
.ending-wish {
|
||||
margin-top: 40px;
|
||||
font-size: 1.2em;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-family: 'Orbitron', sans-serif;
|
||||
font-size: 1.8em;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
/* 导航点 */
|
||||
@@ -787,7 +790,7 @@
|
||||
.ending-wish { font-size: 1em; }
|
||||
|
||||
.nav-dots { display: none; }
|
||||
.section { padding: 50px 15px; }
|
||||
.section { padding: 0px 15px 50px; }
|
||||
.back-btn { top: 15px; left: 15px; width: 40px; height: 40px; }
|
||||
}
|
||||
|
||||
@@ -877,7 +880,7 @@
|
||||
|
||||
.app-usage-value {
|
||||
font-family: 'Orbitron', sans-serif;
|
||||
font-size: 5em;
|
||||
font-size: 4em;
|
||||
font-weight: 700;
|
||||
color: #00ff88;
|
||||
line-height: 1;
|
||||
@@ -905,6 +908,14 @@
|
||||
transition: width 1.5s ease;
|
||||
width: 0%;
|
||||
}
|
||||
.imgTopLogo {
|
||||
width: 45%;
|
||||
position: fixed;
|
||||
z-index: 100000;
|
||||
right: 20px;
|
||||
top: 20px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
@@ -928,6 +939,7 @@
|
||||
|
||||
<!-- 主内容 -->
|
||||
<div id="mainContent" style="display: none;">
|
||||
<img src="./static/logo_top.png" class="imgTopLogo" alt="">
|
||||
<!-- 粒子背景 -->
|
||||
<canvas id="particles"></canvas>
|
||||
|
||||
@@ -956,74 +968,62 @@
|
||||
|
||||
<!-- 总案件量 -->
|
||||
<section class="section">
|
||||
<div class="section-label fade-in">TOTAL CASES</div>
|
||||
<h2 class="section-title fade-in">这一年,我们共处理了</h2>
|
||||
<!-- <div class="section-label fade-in">TOTAL CASES</div>-->
|
||||
<h2 class="section-title fade-in">2025年,您共处理了</h2>
|
||||
<div class="big-stat fade-in">
|
||||
<div class="big-stat-number" id="totalCases">0</div>
|
||||
<div class="big-stat-unit">个案件</div>
|
||||
</div>
|
||||
<div class="donut-container fade-in" id="donutContainer"></div>
|
||||
<!-- <div class="donut-container fade-in" id="donutContainer"></div>-->
|
||||
</section>
|
||||
|
||||
<!-- 聚合案件 -->
|
||||
<section class="section">
|
||||
<div class="section-label fade-in">AGGREGATED CASES</div>
|
||||
<h2 class="section-title fade-in">年度聚合案件量</h2>
|
||||
<!-- <div class="section-label fade-in">AGGREGATED CASES</div>-->
|
||||
<h2 class="section-title fade-in">在线聚合为您带来了</h2>
|
||||
<div class="time-card fade-in">
|
||||
<div class="time-icon">📦</div>
|
||||
<!-- <div class="time-icon">📦</div>-->
|
||||
<div class="time-value" id="aggregatedCases">0</div>
|
||||
<div class="big-stat-unit">个</div>
|
||||
<div class="big-stat-unit">个聚合量</div>
|
||||
<div class="time-desc" id="aggregatedDesc">
|
||||
占总案件量的 <span class="highlight">0%</span><br>
|
||||
平均每月聚合 <span class="highlight">0</span> 个案件
|
||||
<!-- 平均每月聚合 <span class="highlight">0</span> 个案件-->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 案件量TOP3 -->
|
||||
<section class="section rank-section">
|
||||
<div class="section-label fade-in">TOP PERFORMERS</div>
|
||||
<!-- <div class="section-label fade-in">TOP PERFORMERS</div>-->
|
||||
<h2 class="section-title fade-in">年度案件量 TOP 3 师傅</h2>
|
||||
<div class="podium fade-in" id="podium"></div>
|
||||
<p class="fade-in" id="top3Summary" style="margin-top: 40px; color: rgba(255,255,255,0.5);"></p>
|
||||
<!-- <p class="fade-in" id="top3Summary" style="margin-top: 40px; color: rgba(255,255,255,0.5);"></p>-->
|
||||
</section>
|
||||
|
||||
<!-- 在线时长 -->
|
||||
<section class="section wave-section">
|
||||
<div class="section-label fade-in">ONLINE DURATION</div>
|
||||
<h2 class="section-title fade-in">车辆平均总在线时长</h2>
|
||||
<h2 class="section-title fade-in">车辆日均在线时长</h2>
|
||||
<div class="big-stat fade-in">
|
||||
<div class="big-stat-number" id="avgOnlineHours">0</div>
|
||||
<div class="big-stat-unit">小时</div>
|
||||
<div class="big-stat-desc" id="onlineDesc">相当于 <span class="highlight">0</span> 天 · 日均在线 <span class="highlight">0</span> 小时</div>
|
||||
</div>
|
||||
<div class="bar-chart fade-in" id="barChart"></div>
|
||||
</section>
|
||||
|
||||
<!-- 拒单率警示 -->
|
||||
<section class="section alert-section">
|
||||
<div class="section-label fade-in" style="color: #ff6b6b;">ATTENTION</div>
|
||||
<h2 class="section-title fade-in">需要关注的数据</h2>
|
||||
<div class="alert-grid fade-in">
|
||||
<div class="alert-card">
|
||||
<div class="alert-icon">📍</div>
|
||||
<div class="alert-title">拒单率最高地区</div>
|
||||
<div class="alert-value" id="rejectionRegion">-</div>
|
||||
<div class="alert-desc">拒单率达 <span style="color: #ff6b6b; font-weight: bold;" id="rejectionRate">0%</span></div>
|
||||
</div>
|
||||
<div class="alert-card">
|
||||
<div class="alert-icon">🕐</div>
|
||||
<div class="alert-title">拒单率最高时段</div>
|
||||
<div class="alert-value" id="rejectionTimeSlot">-</div>
|
||||
<div class="alert-desc" id="rejectionTimeDesc">时段描述</div>
|
||||
</div>
|
||||
<h2 class="section-title fade-in">未接单损失TOP3地区</h2>
|
||||
<div class="bar-chart fade-in" id="rejectionBarChart">
|
||||
<!-- 动态渲染拒单TOP3地区柱状图 -->
|
||||
</div>
|
||||
<p class="fade-in" id="totalLossSummary" style="margin-top: 40px; color: rgba(255,255,255,0.8); font-size: 0.8em;"></p>
|
||||
</section>
|
||||
|
||||
<!-- APP使用率 -->
|
||||
<section class="section compare-section">
|
||||
<div class="section-label fade-in">APP USAGE</div>
|
||||
<h2 class="section-title fade-in">APP 使用率</h2>
|
||||
<h2 class="section-title fade-in" style="font-size: 1.2em">使用APP,操作更方便,结算更快捷!</h2>
|
||||
<div class="app-usage-container fade-in">
|
||||
<div class="app-usage-card">
|
||||
<div class="app-usage-icon">📱</div>
|
||||
@@ -1032,9 +1032,12 @@
|
||||
<div class="app-usage-bar">
|
||||
<div class="app-usage-fill" id="appUsageFill"></div>
|
||||
</div>
|
||||
<div class="app-usage-rank" id="appUsageRank" style="margin-top: 20px; font-size: 1.1em; color: rgba(255,255,255,0.8);">
|
||||
APP排名超过了 <span class="highlight" id="appRankPercent">0%</span> 的客户
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="fade-in" id="appUsageDesc" style="margin-top: 40px; color: rgba(255,255,255,0.5);"></p>
|
||||
<!-- <p class="fade-in" id="appUsageDesc" style="margin-top: 40px; color: rgba(255,255,255,0.5);"></p>-->
|
||||
</section>
|
||||
|
||||
<!-- 结尾 -->
|
||||
@@ -1045,7 +1048,7 @@
|
||||
让我们一起迎接更好的<br>
|
||||
<span class="ending-year">2026</span>
|
||||
</div>
|
||||
<div class="ending-wish fade-in">砥砺前行 · 再创辉煌</div>
|
||||
<div class="ending-wish fade-in">优质服务,共享成果</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
@@ -1054,9 +1057,7 @@
|
||||
let excelData = {
|
||||
kpi: [],
|
||||
casesTop3: [],
|
||||
onlineTop3: [],
|
||||
rejectionRegion: [],
|
||||
rejectionTime: []
|
||||
rejectionRegion: []
|
||||
};
|
||||
let currentProvider = null;
|
||||
|
||||
@@ -1092,19 +1093,15 @@
|
||||
|
||||
try {
|
||||
// 并行加载所有JSON文件
|
||||
const [kpi, casesTop3, onlineTop3, rejectionRegion, rejectionTime] = await Promise.all([
|
||||
const [kpi, casesTop3, rejectionRegion] = await Promise.all([
|
||||
loadJsonFile('data/kpi.json'),
|
||||
loadJsonFile('data/cases_top3.json'),
|
||||
loadJsonFile('data/online_top3.json'),
|
||||
loadJsonFile('data/rejection_region.json'),
|
||||
loadJsonFile('data/rejection_time.json')
|
||||
loadJsonFile('data/rejection_region.json')
|
||||
]);
|
||||
|
||||
excelData.kpi = kpi;
|
||||
excelData.casesTop3 = casesTop3;
|
||||
excelData.onlineTop3 = onlineTop3;
|
||||
excelData.rejectionRegion = rejectionRegion;
|
||||
excelData.rejectionTime = rejectionTime;
|
||||
|
||||
// 获取URL指定的服务商ID
|
||||
const urlProviderId = getProviderIdFromUrl();
|
||||
@@ -1172,54 +1169,50 @@
|
||||
.map((row, i) => ({
|
||||
rank: i + 1,
|
||||
name: row['服务人员工号'],
|
||||
cases: row['完成案件量'] || 0
|
||||
cases: row['完成案件量'] || 0,
|
||||
aggregatedCases: row['聚合案件量'] || 0
|
||||
}));
|
||||
|
||||
// 获取在线时长TOP3师傅(使用服务商id匹配)
|
||||
const onlineTop3 = excelData.onlineTop3
|
||||
.filter(row => String(row['服务商id']) === providerId)
|
||||
|
||||
// 获取该服务商所有拒单地区数据
|
||||
const allRejectionRegions = excelData.rejectionRegion
|
||||
.filter(row => String(row['服务商id']) === providerId);
|
||||
|
||||
// 总损失案件量(使用kpi.json的拒单量)
|
||||
const totalLoss = kpiRow['拒单量'] || 0;
|
||||
|
||||
// 获取拒单率TOP3地区
|
||||
const rejectionRegionTop3 = allRejectionRegions
|
||||
.slice(0, 3)
|
||||
.map((row, i) => ({
|
||||
rank: i + 1,
|
||||
name: row['司机姓名'],
|
||||
hours: Math.round(row['年度总在线时长(小时)'] || 0)
|
||||
region: row['地区'] || '-',
|
||||
count: row['拒单量'] || 0,
|
||||
rate: row['拒单率'] || 0
|
||||
}));
|
||||
|
||||
// 获取拒单率最高地区(使用服务商id匹配)
|
||||
const rejectionRegionData = excelData.rejectionRegion.find(row => String(row['服务商id']) === providerId);
|
||||
|
||||
// 获取拒单率最高时段(使用服务商id匹配)
|
||||
const rejectionTimeData = excelData.rejectionTime.find(row => String(row['服务商id']) === providerId);
|
||||
|
||||
// 构建数据对象
|
||||
const data = {
|
||||
year: 2025,
|
||||
serviceProviderName: providerName,
|
||||
summary: {
|
||||
totalCases: kpiRow['完成案件量'] || 0,
|
||||
totalCases: kpiRow['总案件量'] || 0,
|
||||
caseBreakdown: {
|
||||
towing: kpiRow['拖车完成量'] || 0,
|
||||
minorRepair: kpiRow['小修完成量'] || 0,
|
||||
predicament: kpiRow['困境完成量'] || 0
|
||||
towing: kpiRow['拖车案件量'] || 0,
|
||||
minorRepair: kpiRow['小修案件量'] || 0,
|
||||
predicament: kpiRow['困境案件量'] || 0
|
||||
},
|
||||
aggregatedCases: kpiRow['聚合案件量'] || 0
|
||||
},
|
||||
topMastersByCases: casesTop3,
|
||||
onlineHours: {
|
||||
averageTotal: Math.round(kpiRow['年度车辆平均总在线时长(小时)'] || 0),
|
||||
topMasters: onlineTop3
|
||||
averageTotal: kpiRow['平均每车每人在线时长(小时)'] || 0
|
||||
},
|
||||
rejectionRate: {
|
||||
highestRegion: {
|
||||
name: rejectionRegionData ? rejectionRegionData['地区'] : '-',
|
||||
rate: rejectionRegionData ? ((rejectionRegionData['拒单率'] || 0) * 100).toFixed(2) : 0
|
||||
},
|
||||
highestTimeSlot: {
|
||||
period: rejectionTimeData ? rejectionTimeData['时段'] : '-',
|
||||
rate: rejectionTimeData ? ((rejectionTimeData['拒单率'] || 0) * 100).toFixed(2) : 0
|
||||
}
|
||||
},
|
||||
appUsageRate: kpiRow['APP使用率.'] || 0
|
||||
rejectionTop3Regions: rejectionRegionTop3,
|
||||
totalLoss: totalLoss,
|
||||
appUsageRate: kpiRow['APP使用率.'] || 0,
|
||||
appRankOverCustomers: kpiRow['超过客户'] || 0
|
||||
};
|
||||
|
||||
renderDashboard(data);
|
||||
@@ -1238,8 +1231,8 @@
|
||||
document.getElementById('totalCases').textContent = totalCases.toLocaleString();
|
||||
document.getElementById('totalCases').dataset.target = totalCases;
|
||||
|
||||
// 案件类型饼图
|
||||
renderDonutChart(data.summary.caseBreakdown, totalCases);
|
||||
// 案件类型饼图(已注释)
|
||||
// renderDonutChart(data.summary.caseBreakdown, totalCases);
|
||||
|
||||
// 聚合案件
|
||||
const aggregatedCases = data.summary.aggregatedCases;
|
||||
@@ -1248,43 +1241,19 @@
|
||||
document.getElementById('aggregatedCases').textContent = Math.round(aggregatedCases).toLocaleString();
|
||||
document.getElementById('aggregatedCases').dataset.target = Math.round(aggregatedCases);
|
||||
document.getElementById('aggregatedDesc').innerHTML =
|
||||
'占总案件量的 <span class="highlight">' + aggregatedPercent + '%</span><br>' +
|
||||
'平均每月聚合 <span class="highlight">' + avgPerMonth + '</span> 个案件';
|
||||
'占总案件量的 <span class="highlight">' + aggregatedPercent + '%</span><br>'
|
||||
|
||||
|
||||
// TOP3 师傅
|
||||
renderPodium(data.topMastersByCases, totalCases);
|
||||
|
||||
// 在线时长
|
||||
// 在线时长(日均)- 截断保留两位小数(不四舍五入)
|
||||
const avgHours = data.onlineHours.averageTotal;
|
||||
const days = (avgHours / 24).toFixed(1);
|
||||
const dailyHours = (avgHours / 365).toFixed(1);
|
||||
document.getElementById('avgOnlineHours').textContent = avgHours.toLocaleString();
|
||||
document.getElementById('avgOnlineHours').dataset.target = avgHours;
|
||||
document.getElementById('onlineDesc').innerHTML =
|
||||
'相当于 <span class="highlight">' + days + '</span> 天 · 日均在线 <span class="highlight">' + dailyHours + '</span> 小时';
|
||||
const truncatedHours = (avgHours * 100) / 100;
|
||||
document.getElementById('avgOnlineHours').textContent = truncatedHours.toFixed(2);
|
||||
|
||||
renderBarChart(data.onlineHours.topMasters);
|
||||
|
||||
// 拒单率
|
||||
const regionRate = parseFloat(data.rejectionRate.highestRegion.rate) || 0;
|
||||
const timeRate = parseFloat(data.rejectionRate.highestTimeSlot.rate) || 0;
|
||||
|
||||
if (regionRate === 0 || data.rejectionRate.highestRegion.name === '-') {
|
||||
document.getElementById('rejectionRegion').textContent = '无';
|
||||
document.getElementById('rejectionRate').textContent = '';
|
||||
document.querySelector('.alert-card:first-child .alert-desc').textContent = '您没有拒单高发地区';
|
||||
} else {
|
||||
document.getElementById('rejectionRegion').textContent = data.rejectionRate.highestRegion.name;
|
||||
document.getElementById('rejectionRate').textContent = data.rejectionRate.highestRegion.rate + '%';
|
||||
}
|
||||
|
||||
if (timeRate === 0 || data.rejectionRate.highestTimeSlot.period === '-') {
|
||||
document.getElementById('rejectionTimeSlot').textContent = '无';
|
||||
document.getElementById('rejectionTimeDesc').textContent = '您没有拒单高发时段';
|
||||
} else {
|
||||
document.getElementById('rejectionTimeSlot').textContent = data.rejectionRate.highestTimeSlot.period;
|
||||
document.getElementById('rejectionTimeDesc').textContent = '拒单率 ' + data.rejectionRate.highestTimeSlot.rate + '%';
|
||||
}
|
||||
// 拒单TOP3地区
|
||||
renderRejectionTop3(data.rejectionTop3Regions, data.totalLoss);
|
||||
|
||||
// APP使用率
|
||||
const appUsagePercent = (data.appUsageRate * 100).toFixed(2);
|
||||
@@ -1293,12 +1262,10 @@
|
||||
document.getElementById('appUsageFill').style.width = appUsagePercent + '%';
|
||||
}, 100);
|
||||
|
||||
let usageLevel = '优秀';
|
||||
if (appUsagePercent < 90) usageLevel = '良好';
|
||||
if (appUsagePercent < 80) usageLevel = '一般';
|
||||
if (appUsagePercent < 70) usageLevel = '需改进';
|
||||
document.getElementById('appUsageDesc').innerHTML =
|
||||
'APP使用率表现<span class="highlight">' + usageLevel + '</span>,继续保持高效的数字化运营';
|
||||
// APP排名超过客户百分比
|
||||
const appRankPercent = (data.appRankOverCustomers * 100).toFixed(2);
|
||||
document.getElementById('appRankPercent').textContent = appRankPercent + '%';
|
||||
|
||||
}
|
||||
|
||||
// 渲染环形图
|
||||
@@ -1375,15 +1342,61 @@
|
||||
<div class="podium-avatar">${avatar}</div>
|
||||
<div class="podium-name">${master.name}</div>
|
||||
<div class="podium-value">${master.cases} 个</div>
|
||||
<div class="podium-agg" style="font-size: 0.9em; color: #00ff88; margin-top: 5px;">聚合 ${master.aggregatedCases} 个</div>
|
||||
<div class="podium-bar">${master.rank}</div>
|
||||
</div>
|
||||
`;
|
||||
}).join('');
|
||||
|
||||
const totalTop3 = topMasters.reduce((sum, m) => sum + m.cases, 0);
|
||||
const percent = ((totalTop3 / total) * 100).toFixed(0);
|
||||
document.getElementById('top3Summary').innerHTML =
|
||||
'TOP3 合计完成 <span class="highlight">' + totalTop3 + '</span> 个案件,占总量 <span class="highlight">' + percent + '%</span>';
|
||||
}
|
||||
|
||||
// 渲染拒单TOP3地区(纵向柱状图)
|
||||
function renderRejectionTop3(regions, totalLoss) {
|
||||
const container = document.getElementById('rejectionBarChart');
|
||||
const summaryEl = document.getElementById('totalLossSummary');
|
||||
|
||||
if (!regions || regions.length === 0) {
|
||||
// 没有拒单地区,显示奖状
|
||||
container.innerHTML = `
|
||||
<div style="text-align: center; padding: 40px;">
|
||||
<div style="font-size: 4em; margin-bottom: 20px;">🏆</div>
|
||||
<div style="color: #00ff88; font-size: 1.5em; margin-bottom: 10px;">优秀服务商</div>
|
||||
<div style="color: rgba(255,255,255,0.7);">恭喜!您在2025年度没有拒单记录</div>
|
||||
</div>
|
||||
`;
|
||||
summaryEl.textContent = '';
|
||||
return;
|
||||
}
|
||||
|
||||
const maxCount = Math.max(...regions.map(r => r.count));
|
||||
const colors = ['#ff6b6b', '#ff8c42', '#ffb347'];
|
||||
|
||||
container.innerHTML = `
|
||||
<div style="display: flex; justify-content: center; align-items: flex-end; gap: 30px; height: 250px; padding: 20px;">
|
||||
${regions.map((item, i) => {
|
||||
const height = maxCount > 0 ? ((item.count / maxCount) * 100).toFixed(1) : 0;
|
||||
return `
|
||||
<div style="display: flex; flex-direction: column; align-items: center; flex: 1; max-width: 120px;">
|
||||
<div style="font-family: 'Orbitron', sans-serif; font-size: 1.1em; color: ${colors[i]}; margin-bottom: 10px;">${item.count} 单</div>
|
||||
<div style="width: 60px; height: 180px; background: rgba(255,255,255,0.1); border-radius: 8px 8px 0 0; display: flex; align-items: flex-end; overflow: hidden;">
|
||||
<div class="vertical-bar" data-height="${height}" style="width: 100%; height: 0%; background: linear-gradient(180deg, ${colors[i]}, ${colors[i]}88); border-radius: 8px 8px 0 0; transition: height 1.5s ease;"></div>
|
||||
</div>
|
||||
<div style="margin-top: 15px; font-size: 0.9em; color: rgba(255,255,255,0.8); text-align: center; word-break: break-all; max-width: 100px;">${item.region}</div>
|
||||
</div>
|
||||
`;
|
||||
}).join('')}
|
||||
</div>
|
||||
`;
|
||||
|
||||
// 动画
|
||||
setTimeout(() => {
|
||||
container.querySelectorAll('.vertical-bar').forEach((bar) => {
|
||||
bar.style.height = bar.dataset.height + '%';
|
||||
});
|
||||
}, 100);
|
||||
|
||||
// 显示总损失
|
||||
summaryEl.innerHTML = '由于您未及时接单,2025年共损失了 <span style="color: #ff6b6b; font-weight: bold; font-size: 1.3em;">' + totalLoss.toLocaleString() + '</span> 个案件';
|
||||
}
|
||||
|
||||
// 渲染柱状图
|
||||
|
||||
0
public/res/year-statistic/nul_
Normal file
0
public/res/year-statistic/nul_
Normal file
BIN
public/res/year-statistic/static/logo_top.png
Normal file
BIN
public/res/year-statistic/static/logo_top.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 296 KiB |
@@ -23,7 +23,7 @@ export function toDoAudit(data){
|
||||
data
|
||||
})
|
||||
}
|
||||
// 工单详情
|
||||
//
|
||||
export function getOrderDetail(data){
|
||||
return request({
|
||||
url:'/supplierAppV2/dispatchApp/order/getOrderDetail',
|
||||
@@ -177,3 +177,23 @@ export function getNewVersion(key){
|
||||
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',
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@@ -54,7 +54,7 @@ export function userFeedback(data){
|
||||
data
|
||||
})
|
||||
}
|
||||
//二手拖车信息擦亮
|
||||
//擦亮
|
||||
export function usedCarPolish(data){
|
||||
return request({
|
||||
url: `/toc-user/car-app/usedCarPolish/${data}`,
|
||||
|
||||
@@ -29,7 +29,7 @@ service.interceptors.request.use(
|
||||
// let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJBTkNIQU5HIiwidXNlcklkIjo0NTY3MSwibmFtZSI6IuWuieeVhSIsInVzZXJOYW1lIjoiQU5DSEFORyIsInN1cHBsaWVySWQiOjExMjgsImlzWmQiOjAsImV4cCI6MTc1NTQyMjUyNX0.xzDZhaANJFnbeViIHJA0SEtOyTv7Ja3rKmXqRKRuFkc'
|
||||
// let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJTSEhQWEIiLCJ1c2VySWQiOjU0NzI2LCJuYW1lIjoiI-a1i-ivleWwj-eZveeZvSIsInVzZXJOYW1lIjoiU0hIUFhCIiwic3VwcGxpZXJJZCI6MTAwMDE2NSwiZXhwIjoxNzQ0NTEwNzkwfQ.JPk0OA7slYJN3FIi_uhW4Y0CiWRvl6R1dK8MRTbyhD8'
|
||||
// if(!(reqUrl=='/supplier/supplierTraining/trainingTask' || reqUrl=='/supplier/supplierTraining/normalList' || reqUrl=='/supplier/supplierTraining/trainingList')){
|
||||
if (reqUrl=='/supplier/supplierTraining/trainingList' && config?.params?.type==1){
|
||||
if ((reqUrl=='/supplier/supplierTraining/trainingList' || reqUrl=='/supplier/supplierTraining/normalList') && config?.params?.type==1){
|
||||
console.log('司机app使用该请求不挂token')
|
||||
} else {
|
||||
if(token) {
|
||||
|
||||
@@ -1,3 +1,6 @@
|
||||
import { getLog } from "@/api/order"
|
||||
|
||||
let _setLogTimer = null
|
||||
|
||||
export const myMixins = {
|
||||
data() {
|
||||
@@ -5,6 +8,11 @@ export const myMixins = {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
setLogHandler(data) {
|
||||
if (_setLogTimer) return
|
||||
_setLogTimer = setTimeout(() => { _setLogTimer = null }, 1000)
|
||||
getLog(data)
|
||||
},
|
||||
showFun() {
|
||||
if( localStorage.getItem('infoVerify') == 8 || localStorage.getItem('infoVerify') == 12 ) {
|
||||
return false
|
||||
|
||||
@@ -154,7 +154,7 @@ export default {
|
||||
this.isLoading = false
|
||||
},
|
||||
initShow(){
|
||||
this.keyword= '',
|
||||
this.keyword= ''
|
||||
this.getNormalList()
|
||||
}
|
||||
}
|
||||
|
||||
@@ -153,12 +153,17 @@ export default {
|
||||
if (this.notifyList.length >= this.total) {
|
||||
this.finished = true;
|
||||
}
|
||||
} else {
|
||||
// 未开票不需要分页,直接标记加载完成
|
||||
this.loading = false;
|
||||
this.finished = true;
|
||||
}
|
||||
},
|
||||
async changeTabHandler() {
|
||||
this.pageNum = 1;
|
||||
this.notifyList = [];
|
||||
this.checkList = [];
|
||||
this.finished = false;
|
||||
if (this.active == 1) { // 全部, 需要分页
|
||||
this.status = '';
|
||||
this.dispatchAppSearchInvoiced = '';
|
||||
|
||||
@@ -156,6 +156,7 @@
|
||||
minorCount: '',
|
||||
serviceAreaCode: [],
|
||||
linkEmail:'',
|
||||
person:'',
|
||||
accountInfoDTO:{
|
||||
dutyParagraph:'',
|
||||
accountNumber:'',
|
||||
@@ -264,6 +265,10 @@
|
||||
this.$toast('营业执照未上传')
|
||||
return
|
||||
}
|
||||
if(this.form.person != this.form.legalName){
|
||||
this.$toast('身份证法人姓名和营业执照法人不一致')
|
||||
return
|
||||
}
|
||||
if( !this.licensePhoto ) {
|
||||
this.$toast('开户许可证未上传')
|
||||
return
|
||||
@@ -398,6 +403,7 @@
|
||||
imageUrl: this.idFrontPhoto,
|
||||
cardSide: 'FRONT'
|
||||
})
|
||||
// 身份证法人名称
|
||||
this.form.legalName = res?.data?.name
|
||||
},
|
||||
async companyPhotoHandler(file) {
|
||||
@@ -420,6 +426,8 @@
|
||||
this.form.accountInfoDTO.dutyParagraph=res?.data?.regNum
|
||||
this.form.accountInfoDTO.unitName = res?.data?.name
|
||||
this.form.accountInfoDTO.companyType=res?.data?.type
|
||||
// 营业执照法人名称
|
||||
this.form.person = res?.data?.person
|
||||
await this.QrCodeHandler();
|
||||
},
|
||||
async licensePhotoHandler(file){// 开户许可证
|
||||
|
||||
@@ -1,41 +1,57 @@
|
||||
<template>
|
||||
<div class="wrap">
|
||||
<div class="baseInfo common" :style="{'height':orderDetailInfo.contractParentId == 110 ? '300px' : '240px'}">
|
||||
<div class="baseInfo common">
|
||||
<div class="title">基本信息:</div>
|
||||
<div class="line"></div>
|
||||
<div class="infoWrap fontColor">
|
||||
<div class="leftTitle">
|
||||
<div class="leftItem">工单编号:</div>
|
||||
<div class="leftItem">合同:</div>
|
||||
<template v-if="orderDetailInfo.contractParentId == 110">
|
||||
<div class="leftItem">机构名称:</div>
|
||||
<div class="leftItem">销售人员:</div>
|
||||
<div class="leftItem">司机号码:</div>
|
||||
</template>
|
||||
<div class="leftItem">结算方式:</div>
|
||||
<div class="leftItem">客户姓名:</div>
|
||||
<div class="leftItem">客户电话:</div>
|
||||
<div class="leftItem">车牌号:</div>
|
||||
<div class="leftItem">车型品牌:</div>
|
||||
</div>
|
||||
<div class="rightContent">
|
||||
<div class="rightItem" style="display: flex;align-items: center;">
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">工单编号:</span>
|
||||
<span class="rightItem" style="display: flex;align-items: center;">
|
||||
<span id="copyText">{{orderDetailInfo.orderCode}}</span>
|
||||
<img @click="copyText" src="@/assets/copy.png" style="width: 35px;height: 15px;margin-left: 10px"/>
|
||||
</span>
|
||||
</div>
|
||||
<div class="infoRow" v-if="!([7,9,11,12].includes(Number(queryType)))">
|
||||
<span class="leftItem">合同:</span>
|
||||
<span class="rightItem">{{ orderDetailInfo.contractName }}</span>
|
||||
</div>
|
||||
<template v-if="orderDetailInfo.contractParentId == 110">
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">机构名称:</span>
|
||||
<span class="rightItem">{{ orderDetailInfo.organizeName }}</span>
|
||||
</div>
|
||||
<div class="rightItem">{{ orderDetailInfo.contractName }}</div>
|
||||
<template v-if="orderDetailInfo.contractParentId == 110">
|
||||
<div class="rightItem">{{ orderDetailInfo.organizeName }}</div>
|
||||
<div class="rightItem">{{ orderDetailInfo.saleName }}</div>
|
||||
<div class="rightItem">{{ orderDetailInfo.driverPhone ? orderDetailInfo.driverPhone : ' '}}</div>
|
||||
</template>
|
||||
<div class="rightItem">{{ orderDetailInfo.contractSettleType?.label }}</div>
|
||||
<div class="rightItem">{{ orderDetailInfo.userName }}</div>
|
||||
<div class="rightItem">{{ orderDetailInfo.userPhone }}</div>
|
||||
<div class="rightItem">{{ orderDetailInfo.plateNumber }}</div>
|
||||
<!-- <div class="rightItem" >理想智动LXA6500SHEVM理想智动LXA6500SHEVM</div>-->
|
||||
<div class="rightItem" >{{orderDetailInfo.model}}{{ orderDetailInfo.brand }}</div>
|
||||
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">销售人员:</span>
|
||||
<span class="rightItem">{{ orderDetailInfo.saleName }}</span>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">司机号码:</span>
|
||||
<span class="rightItem">{{ orderDetailInfo.driverPhone ? orderDetailInfo.driverPhone : ' '}}</span>
|
||||
</div>
|
||||
</template>
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">结算方式:</span>
|
||||
<span class="rightItem">{{ orderDetailInfo.contractSettleType?.label }}</span>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">客户姓名:</span>
|
||||
<span class="rightItem">{{ [7,9,11,12].includes(Number(queryType)) ? maskName(orderDetailInfo.userName) : orderDetailInfo.userName }}</span>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">客户电话:</span>
|
||||
<span class="rightItem">{{ maskPhone(orderDetailInfo.userPhone) }}</span>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">车牌号:</span>
|
||||
<span class="rightItem">{{ [7,9,11,12].includes(Number(queryType)) ? maskPlate(orderDetailInfo.plateNumber) : orderDetailInfo.plateNumber }}</span>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">车型品牌:</span>
|
||||
<span class="rightItem">{{orderDetailInfo.model}}{{ orderDetailInfo.brand }}</span>
|
||||
</div>
|
||||
<div class="infoRow" v-if="!([7,9,11,12].includes(Number(queryType)))">
|
||||
<span class="leftItem">车架号:</span>
|
||||
<span class="rightItem">{{orderDetailInfo.vinNo}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -77,7 +93,7 @@
|
||||
<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">
|
||||
<div class="item" v-if="queryType == 9 || queryType ==11 || queryType ==12 || queryType ==5">
|
||||
<span class="leftTitle fontColor">工单照片:</span><span class="rightContent">
|
||||
<span class="driverPoiBtn" @click="checkPhoto">查看照片</span>
|
||||
</span>
|
||||
@@ -153,7 +169,7 @@ export default {
|
||||
this.$nextTick(() => {
|
||||
this.initMap();
|
||||
});
|
||||
|
||||
console.log('queryType', this.queryType)
|
||||
},
|
||||
methods:{
|
||||
async getConfigByCodeHandler() {
|
||||
@@ -168,19 +184,15 @@ export default {
|
||||
})
|
||||
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)}
|
||||
let params=`姓名:${this.orderDetailInfo.driverName}\n身份证:${result.data.identityCardNumber}\n车牌:${this.orderDetailInfo.vehiclePlateNumber}\n手机:${this.orderDetailInfo.driverPhone}`
|
||||
// console.log('params',params)
|
||||
let data = {"action":"copyToClipboard","params":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));
|
||||
window.android.copyToClipboard(params);
|
||||
}
|
||||
}else {
|
||||
this.$toast('未获取到司机信息')
|
||||
@@ -266,6 +278,21 @@ export default {
|
||||
this.map.add(marker2);
|
||||
this.map.setFitView([marker,marker1,marker2])
|
||||
},
|
||||
maskName(name) {
|
||||
if (!name) return '';
|
||||
return name.slice(0, 1) + '*'.repeat(name.length - 1);
|
||||
},
|
||||
maskPhone(phone) {
|
||||
if (!phone) return '';
|
||||
const str = String(phone);
|
||||
if (str.length <= 7) return str;
|
||||
return str.slice(0, 3) + '*'.repeat(str.length - 7) + str.slice(-4);
|
||||
},
|
||||
maskPlate(plate) {
|
||||
if (!plate) return '';
|
||||
if (plate.length <= 2) return plate;
|
||||
return plate.slice(0, 1) + '*'.repeat(plate.length - 2) + plate.slice(-1);
|
||||
},
|
||||
async getDriverPoi(){
|
||||
let res=await showVehiclePositionInfo({
|
||||
userOrderId:this.userOrderId,
|
||||
@@ -322,21 +349,25 @@ export default {
|
||||
}
|
||||
.baseInfo{
|
||||
width: 100%;
|
||||
//@include wh(100%,260px);
|
||||
margin-bottom: 12px;
|
||||
.infoWrap{
|
||||
display: flex;
|
||||
.leftTitle{
|
||||
margin-left: 5px;
|
||||
margin-right: 6px;
|
||||
@include wh(60px,189px);
|
||||
opacity: .5;
|
||||
}
|
||||
.rightContent{
|
||||
height: 189px;
|
||||
width: calc(100% - 60px);
|
||||
.infoRow{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 24px;
|
||||
.leftItem{
|
||||
width: 60px;
|
||||
flex-shrink: 0;
|
||||
margin-left: 5px;
|
||||
margin-right: 6px;
|
||||
opacity: .5;
|
||||
}
|
||||
.rightItem{
|
||||
height: 24px;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -263,6 +263,7 @@ import {
|
||||
getDriverName,getDriverStatisticsKpi,
|
||||
getRecentSupplierKpi,
|
||||
} from "@/api/kpi.js"
|
||||
import { getUserBO } from "@/api/order"
|
||||
// querySupplierDriverStatisticsScore
|
||||
import {myMixins} from "@/utils/myMixins"
|
||||
import CircleChar from "@/views/kpi/components/circleChar.vue";
|
||||
@@ -330,6 +331,10 @@ export default {
|
||||
showScoreChart:true,
|
||||
continueMonthKpi:[],
|
||||
isBtn:false,//是否有信息变更申请按钮权限
|
||||
source: 'App',
|
||||
currentSupplierId: '',
|
||||
userId: '',
|
||||
enterTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
|
||||
}
|
||||
},
|
||||
created() {
|
||||
@@ -338,13 +343,41 @@ export default {
|
||||
this.isZd = urlParams?.get('isZd') || ''
|
||||
this.supplierId = urlParams?.get('supplierId') || ''
|
||||
this.isBtn= Number(urlParams?.get('isBtn'))
|
||||
this.source = urlParams?.get('source') || 'App'
|
||||
},
|
||||
async mounted() {
|
||||
await this.checkMobile();
|
||||
await this.initDate();
|
||||
await this.selectSupplierNameHandle();
|
||||
await this.getUserInfo();
|
||||
document.addEventListener('visibilitychange', async ( ) => {
|
||||
let state = document.visibilityState
|
||||
if (state == 'hidden') { // 用户离开了
|
||||
if( this.source == 'App' ) {
|
||||
this.setLogHandler({
|
||||
supplierId: this.currentSupplierId, // 服务商 id
|
||||
userId: this.userId, // userId
|
||||
source: '服务商KPI',
|
||||
event: this.source, // 区分 App 还是 system
|
||||
openTime: this.enterTime, // log 时间,其中 阅读时长是由 enter 和 leave 的时间计算而来
|
||||
leaveTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
|
||||
});
|
||||
}
|
||||
}
|
||||
if (state == 'visible') {
|
||||
this.enterTime = dayjs().format('YYYY-MM-DD HH:mm:ss');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
},
|
||||
methods: {
|
||||
async getUserInfo() {
|
||||
let res = await getUserBO();
|
||||
this.userId = res.data.id;
|
||||
this.currentSupplierId = res.data.supplierId
|
||||
console.log('getUserBO', res)
|
||||
},
|
||||
applicateHandle() {
|
||||
if (window.parent) {
|
||||
const hasListener = window.parent.dispatchEvent(new Event('checkCloseDialog'));
|
||||
|
||||
@@ -13,23 +13,20 @@
|
||||
</div>
|
||||
<div class="contentWrap">
|
||||
<div>
|
||||
为降低日常救援工作中的不可预期的车损赔付带来的运营风险和资金压力,减少由此衍生而来的可能投诉,顺应行业服务标准不断增长的局势,中道救援自有车辆已全部投保了救援职业责任险。
|
||||
为降低日常救援工作中的不可预期的车损赔付带来的运营风险和资金压力,减少由此衍生而来的投诉,顺应行业服务标准不断增长的局势,中道救援自有车辆已全部投保了救援职业责任险。
|
||||
</div>
|
||||
<div>
|
||||
通过日常的交流了解,此险种对于服务商而言,投保相对较难,很多服务商在无投保渠道的情况下选择了对于我们救援场景保障能力稍弱、不太匹配的货物险,从而从形成了现在很多救援车无保障、或者特殊场景货物险理赔难的局面。
|
||||
</div>
|
||||
<div>
|
||||
为此中道救援经过与保司沟通协调,特为与中道救援合作紧密的服务商,提供救援职业责任险参保渠道,提升服务商服务能力,降低运营风险,实现共同进步。
|
||||
通过交流了解,我们的合作服务商日常运营中会遇到责任险或者货物险的“投保难、理赔难”的问题,为此我们与保司沟通协调,特为与中道救援合作紧密的服务商,提供救援职业责任险参保渠道,解决大家的实际困难,实现共同进步。
|
||||
</div>
|
||||
<div>一、救援职业责任险简介:</div>
|
||||
<div> 1、综合保额100万元(其中救援责任50万元,物流责任50万元),可全方位覆盖我们日常的经营活动。</div>
|
||||
<div> 1、保额有50万和100万两套方案可选。</div>
|
||||
<div> 2、保费支付可采用救援服务费抵扣的方式,降低资金压力。</div>
|
||||
<div> 3、详细保险条款、保费和其他问题,如需了解,请与辖区区域经理联系。</div>
|
||||
<div> 二、其他意见建议如需交流,请与18621558505曲仁杰联系。</div>
|
||||
<div> 三、如确认参保,请点击下方“参保”按钮,会有专人与贵司联系。</div>
|
||||
<div> 3、其他详情如需了解,请与辖区区域经理联系。</div>
|
||||
<div> 二、如有好的建议需要交流,请与18621558505曲仁杰联系。</div>
|
||||
<div> 三、如有参保需要,请点击下方“参保”按钮,我们会与您联系。</div>
|
||||
</div>
|
||||
<div class="upload_btn_wrap">
|
||||
<div class="btn_save" :style="{'backgroundColor':used ? '#cccccc' : '#354D93'}" @click="showPoup = true">参保</div>
|
||||
<div class="btn_save" :style="{'backgroundColor':used ? '#cccccc' : '#354D93'}" @click="showPoup = true">我想咨询</div>
|
||||
</div>
|
||||
<div class="poupCommon" v-if="showPoup">
|
||||
<div class="showPoupContainer">
|
||||
@@ -37,12 +34,10 @@
|
||||
<img class="insure" src="@/assets/insured.png">
|
||||
<div class="con">
|
||||
<template v-if="used">
|
||||
<div class="title">您已成功申请参保,请等待</div>
|
||||
<div class="title">专人与贵司联系。</div>
|
||||
<div class="title">咨询已收到,我们会与您联系。</div>
|
||||
</template>
|
||||
<template v-else>
|
||||
<div class="title">请确认</div>
|
||||
<div class="title">是否参保救援职业责任险</div>
|
||||
<div class="title">请确认咨询</div>
|
||||
</template>
|
||||
<div class="btnWrap">
|
||||
<div v-if="used" class="btn confirmBtn" @click="showPoup = false">确认</div>
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
<img class="mine" src="@/assets/secondHandCar/mine.png" @click="goMine" />
|
||||
<el-input
|
||||
@blur="getList"
|
||||
placeholder="请输入"
|
||||
placeholder="牌照|车辆类型|落板|排放|品牌|描述|底座|刹车|自营"
|
||||
v-model.trim="topSearch">
|
||||
<img slot="suffix" class="search" src="@/assets/secondHandCar/search.png"/>
|
||||
</el-input>
|
||||
@@ -99,6 +99,11 @@
|
||||
></i>
|
||||
</template>
|
||||
</el-input>
|
||||
<div class="customSel wantSourceSel" @click.stop="toggleWantSource">
|
||||
<img v-if="wantSource === 1" class="checkIcon" src="@/assets/secondHandCar/checked.png" />
|
||||
<img v-else class="checkIcon" src="@/assets/secondHandCar/uncheck.png" />
|
||||
<span :class="{'has-price': wantSource === 1}">想要的车源</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contentWrap" v-show="!show">
|
||||
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh">
|
||||
@@ -223,6 +228,7 @@ export default {
|
||||
showDatePicker: false,
|
||||
areaShow:false,
|
||||
isClearing:false,
|
||||
wantSource: 0,
|
||||
minDate: new Date(1970, 0, 1), // 设置最小可选日期(1970年1月1日)
|
||||
maxDate: new Date(2099, 11, 31) // 设置最大可选日期(2099年12月31日)
|
||||
}
|
||||
@@ -267,6 +273,10 @@ export default {
|
||||
this.setSearchVal();
|
||||
this.getList()
|
||||
},
|
||||
wantSource(){
|
||||
this.setSearchVal();
|
||||
this.getList()
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getSearchVal();
|
||||
@@ -281,6 +291,9 @@ export default {
|
||||
});
|
||||
},
|
||||
methods:{
|
||||
toggleWantSource(){
|
||||
this.wantSource = this.wantSource === 1 ? 0 : 1;
|
||||
},
|
||||
confirmHandle(val){
|
||||
if(val[0].name.includes('市')){
|
||||
this.areaName=val[0].name
|
||||
@@ -356,6 +369,7 @@ export default {
|
||||
sessionStorage.setItem('dateVal',this.dateVal);
|
||||
sessionStorage.setItem('brandModel',this.brandModel);
|
||||
sessionStorage.setItem('underpanBrand',this.underpanBrand);
|
||||
sessionStorage.setItem('wantSource',String(this.wantSource));
|
||||
},
|
||||
getSearchVal(){
|
||||
this.activeTab = Number(sessionStorage.getItem('indexActiveTab')) || 0;
|
||||
@@ -371,6 +385,7 @@ export default {
|
||||
this.dateVal=sessionStorage.getItem('dateVal') || '';
|
||||
this.brandModel=sessionStorage.getItem('brandModel') || '';
|
||||
this.underpanBrand=sessionStorage.getItem('underpanBrand') || '';
|
||||
this.wantSource=Number(sessionStorage.getItem('wantSource')) || 0;
|
||||
},
|
||||
goMine(){//我的发布
|
||||
this.$router.push({ name: "mineRelease"})
|
||||
@@ -434,6 +449,7 @@ export default {
|
||||
endTime:this.endTime,
|
||||
brandModel:this.brandModel,
|
||||
underpanBrand:this.underpanBrand,
|
||||
wantSource:this.wantSource,
|
||||
})
|
||||
this.total=res.total
|
||||
if(this.pageNum == 1){// 第一页直接赋值
|
||||
@@ -526,6 +542,9 @@ export default {
|
||||
border-radius: 20px;
|
||||
border: 2px solid #264B94;
|
||||
}
|
||||
::v-deep .el-input__inner::placeholder{
|
||||
font-size: 10px;
|
||||
}
|
||||
::v-deep .el-input__suffix{
|
||||
top: 12px;
|
||||
right: 10px;
|
||||
@@ -622,6 +641,22 @@ export default {
|
||||
.has-price{
|
||||
color: #007BE9 !important;
|
||||
}
|
||||
.wantSourceSel{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 3px;
|
||||
width: 68px;
|
||||
cursor: pointer;
|
||||
.checkIcon{
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
}
|
||||
span{
|
||||
font-size: 10px;
|
||||
color: #323233;
|
||||
}
|
||||
}
|
||||
}
|
||||
.contentWrap{
|
||||
width: 100%;
|
||||
|
||||
Reference in New Issue
Block a user