Compare commits

..

17 Commits

Author SHA1 Message Date
dd8f3584c7 车辆管理,有责任险审核权限的展示‘保额’且必填 2026-02-12 17:55:55 +08:00
a136eeff91 CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求 2026-02-03 17:34:35 +08:00
9c2c57120b CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求 2026-02-03 17:34:32 +08:00
f7b37f7a0b CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求 2026-02-03 17:34:30 +08:00
f5c2d1687f CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求 2026-02-03 17:34:28 +08:00
a56824ff73 CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求 2026-02-03 17:34:26 +08:00
b33ecb5a1e CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求 2026-02-03 17:34:24 +08:00
af9d7cdbf2 CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求 2026-02-03 17:34:23 +08:00
1834a1a838 CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求 2026-02-03 17:34:22 +08:00
3438a7f9b3 Revert "CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求"
This reverts commit dc94c6d261.
2026-01-29 21:32:39 +08:00
edbc60d3f3 Revert "CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求"
This reverts commit 31d1388890.
2026-01-29 21:32:36 +08:00
914249cc3a Revert "CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求"
This reverts commit 14a14e2c87.
2026-01-29 21:32:33 +08:00
1217b7671c Revert "CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求"
This reverts commit 62f2c166c6.
2026-01-29 21:32:31 +08:00
bd3e358ec7 Revert "CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求"
This reverts commit d18fec1ddc.
2026-01-29 21:32:26 +08:00
9788542b38 Revert "CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求"
This reverts commit 3a6d0878aa.
2026-01-29 21:32:22 +08:00
65a53ab267 Revert "CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求"
This reverts commit 87546848d2.
2026-01-29 21:32:19 +08:00
0f70e55e66 Revert "CRM_26-01-22#story#7966,关于在打通系统中责任险信息关联的需求"
This reverts commit fed4ae6edf.
2026-01-29 21:32:18 +08:00
21 changed files with 77007 additions and 163131 deletions

3
.idea/misc.xml generated
View File

@@ -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>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -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"
}
}
}
}

View File

@@ -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"
}
}

View File

@@ -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);

File diff suppressed because it is too large Load Diff

View File

@@ -101,7 +101,7 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 0px 20px 40px; padding: 40px 20px;
position: relative; position: relative;
scroll-snap-align: start; scroll-snap-align: start;
overflow: hidden; overflow: hidden;
@@ -151,12 +151,10 @@
.cover-subtitle { .cover-subtitle {
margin-top: 30px; margin-top: 30px;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.5);
font-size: 1.8em; font-size: 1.1em;
font-weight: bold;
position: relative; position: relative;
z-index: 1; z-index: 1;
text-shadow: 0 0 20px rgba(0, 150, 255, 0.5);
} }
.scroll-hint { .scroll-hint {
@@ -655,9 +653,8 @@
.ending-wish { .ending-wish {
margin-top: 40px; margin-top: 40px;
font-family: 'Orbitron', sans-serif; font-size: 1.2em;
font-size: 1.8em; color: rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.8);
} }
/* 导航点 */ /* 导航点 */
@@ -790,7 +787,7 @@
.ending-wish { font-size: 1em; } .ending-wish { font-size: 1em; }
.nav-dots { display: none; } .nav-dots { display: none; }
.section { padding: 0px 15px 50px; } .section { padding: 50px 15px; }
.back-btn { top: 15px; left: 15px; width: 40px; height: 40px; } .back-btn { top: 15px; left: 15px; width: 40px; height: 40px; }
} }
@@ -880,7 +877,7 @@
.app-usage-value { .app-usage-value {
font-family: 'Orbitron', sans-serif; font-family: 'Orbitron', sans-serif;
font-size: 4em; font-size: 5em;
font-weight: 700; font-weight: 700;
color: #00ff88; color: #00ff88;
line-height: 1; line-height: 1;
@@ -908,14 +905,6 @@
transition: width 1.5s ease; transition: width 1.5s ease;
width: 0%; width: 0%;
} }
.imgTopLogo {
width: 45%;
position: fixed;
z-index: 100000;
right: 20px;
top: 20px;
opacity: 0.8;
}
</style> </style>
</head> </head>
@@ -939,7 +928,6 @@
<!-- 主内容 --> <!-- 主内容 -->
<div id="mainContent" style="display: none;"> <div id="mainContent" style="display: none;">
<img src="./static/logo_top.png" class="imgTopLogo" alt="">
<!-- 粒子背景 --> <!-- 粒子背景 -->
<canvas id="particles"></canvas> <canvas id="particles"></canvas>
@@ -968,62 +956,74 @@
<!-- 总案件量 --> <!-- 总案件量 -->
<section class="section"> <section class="section">
<!-- <div class="section-label fade-in">TOTAL CASES</div>--> <div class="section-label fade-in">TOTAL CASES</div>
<h2 class="section-title fade-in">2025年共处理了</h2> <h2 class="section-title fade-in">这一年,我们共处理了</h2>
<div class="big-stat fade-in"> <div class="big-stat fade-in">
<div class="big-stat-number" id="totalCases">0</div> <div class="big-stat-number" id="totalCases">0</div>
<div class="big-stat-unit">个案件</div> <div class="big-stat-unit">个案件</div>
</div> </div>
<!-- <div class="donut-container fade-in" id="donutContainer"></div>--> <div class="donut-container fade-in" id="donutContainer"></div>
</section> </section>
<!-- 聚合案件 --> <!-- 聚合案件 -->
<section class="section"> <section class="section">
<!-- <div class="section-label fade-in">AGGREGATED CASES</div>--> <div class="section-label fade-in">AGGREGATED CASES</div>
<h2 class="section-title fade-in">在线聚合为您带来了</h2> <h2 class="section-title fade-in">年度聚合案件量</h2>
<div class="time-card fade-in"> <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="time-value" id="aggregatedCases">0</div>
<div class="big-stat-unit">聚合量</div> <div class="big-stat-unit"></div>
<div class="time-desc" id="aggregatedDesc"> <div class="time-desc" id="aggregatedDesc">
占总案件量的 <span class="highlight">0%</span><br> 占总案件量的 <span class="highlight">0%</span><br>
<!-- 平均每月聚合 <span class="highlight">0</span> 个案件--> 平均每月聚合 <span class="highlight">0</span> 个案件
</div> </div>
</div> </div>
</section> </section>
<!-- 案件量TOP3 --> <!-- 案件量TOP3 -->
<section class="section rank-section"> <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> <h2 class="section-title fade-in">年度案件量 TOP 3 师傅</h2>
<div class="podium fade-in" id="podium"></div> <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>
<!-- 在线时长 --> <!-- 在线时长 -->
<section class="section wave-section"> <section class="section wave-section">
<div class="section-label fade-in">ONLINE DURATION</div> <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 fade-in">
<div class="big-stat-number" id="avgOnlineHours">0</div> <div class="big-stat-number" id="avgOnlineHours">0</div>
<div class="big-stat-unit">小时</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>
<div class="bar-chart fade-in" id="barChart"></div>
</section> </section>
<!-- 拒单率警示 --> <!-- 拒单率警示 -->
<section class="section alert-section"> <section class="section alert-section">
<div class="section-label fade-in" style="color: #ff6b6b;">ATTENTION</div> <div class="section-label fade-in" style="color: #ff6b6b;">ATTENTION</div>
<h2 class="section-title fade-in">未接单损失TOP3地区</h2> <h2 class="section-title fade-in">需要关注的数据</h2>
<div class="bar-chart fade-in" id="rejectionBarChart"> <div class="alert-grid fade-in">
<!-- 动态渲染拒单TOP3地区柱状图 --> <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>
</div> </div>
<p class="fade-in" id="totalLossSummary" style="margin-top: 40px; color: rgba(255,255,255,0.8); font-size: 0.8em;"></p>
</section> </section>
<!-- APP使用率 --> <!-- APP使用率 -->
<section class="section compare-section"> <section class="section compare-section">
<div class="section-label fade-in">APP USAGE</div> <div class="section-label fade-in">APP USAGE</div>
<h2 class="section-title fade-in" style="font-size: 1.2em">使用APP,操作更方便,结算更快捷!</h2> <h2 class="section-title fade-in">APP 使用率</h2>
<div class="app-usage-container fade-in"> <div class="app-usage-container fade-in">
<div class="app-usage-card"> <div class="app-usage-card">
<div class="app-usage-icon">📱</div> <div class="app-usage-icon">📱</div>
@@ -1032,12 +1032,9 @@
<div class="app-usage-bar"> <div class="app-usage-bar">
<div class="app-usage-fill" id="appUsageFill"></div> <div class="app-usage-fill" id="appUsageFill"></div>
</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> </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> </section>
<!-- 结尾 --> <!-- 结尾 -->
@@ -1048,7 +1045,7 @@
让我们一起迎接更好的<br> 让我们一起迎接更好的<br>
<span class="ending-year">2026</span> <span class="ending-year">2026</span>
</div> </div>
<div class="ending-wish fade-in">优质服务,共享成果</div> <div class="ending-wish fade-in">砥砺前行 · 再创辉煌</div>
</section> </section>
</div> </div>
@@ -1057,7 +1054,9 @@
let excelData = { let excelData = {
kpi: [], kpi: [],
casesTop3: [], casesTop3: [],
rejectionRegion: [] onlineTop3: [],
rejectionRegion: [],
rejectionTime: []
}; };
let currentProvider = null; let currentProvider = null;
@@ -1093,15 +1092,19 @@
try { try {
// 并行加载所有JSON文件 // 并行加载所有JSON文件
const [kpi, casesTop3, rejectionRegion] = await Promise.all([ const [kpi, casesTop3, onlineTop3, rejectionRegion, rejectionTime] = await Promise.all([
loadJsonFile('data/kpi.json'), loadJsonFile('data/kpi.json'),
loadJsonFile('data/cases_top3.json'), loadJsonFile('data/cases_top3.json'),
loadJsonFile('data/rejection_region.json') loadJsonFile('data/online_top3.json'),
loadJsonFile('data/rejection_region.json'),
loadJsonFile('data/rejection_time.json')
]); ]);
excelData.kpi = kpi; excelData.kpi = kpi;
excelData.casesTop3 = casesTop3; excelData.casesTop3 = casesTop3;
excelData.onlineTop3 = onlineTop3;
excelData.rejectionRegion = rejectionRegion; excelData.rejectionRegion = rejectionRegion;
excelData.rejectionTime = rejectionTime;
// 获取URL指定的服务商ID // 获取URL指定的服务商ID
const urlProviderId = getProviderIdFromUrl(); const urlProviderId = getProviderIdFromUrl();
@@ -1169,50 +1172,54 @@
.map((row, i) => ({ .map((row, i) => ({
rank: i + 1, rank: i + 1,
name: row['服务人员工号'], name: row['服务人员工号'],
cases: row['完成案件量'] || 0, cases: row['完成案件量'] || 0
aggregatedCases: row['聚合案件量'] || 0
})); }));
// 获取在线时长TOP3师傅使用服务商id匹配
// 获取该服务商所有拒单地区数据 const onlineTop3 = excelData.onlineTop3
const allRejectionRegions = excelData.rejectionRegion .filter(row => String(row['服务商id']) === providerId)
.filter(row => String(row['服务商id']) === providerId);
// 总损失案件量使用kpi.json的拒单量
const totalLoss = kpiRow['拒单量'] || 0;
// 获取拒单率TOP3地区
const rejectionRegionTop3 = allRejectionRegions
.slice(0, 3) .slice(0, 3)
.map((row, i) => ({ .map((row, i) => ({
rank: i + 1, rank: i + 1,
region: row['地区'] || '-', name: row['司机姓名'],
count: row['拒单量'] || 0, hours: Math.round(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 = { const data = {
year: 2025, year: 2025,
serviceProviderName: providerName, serviceProviderName: providerName,
summary: { summary: {
totalCases: kpiRow['案件量'] || 0, totalCases: kpiRow['完成案件量'] || 0,
caseBreakdown: { caseBreakdown: {
towing: kpiRow['拖车案件量'] || 0, towing: kpiRow['拖车完成量'] || 0,
minorRepair: kpiRow['小修案件量'] || 0, minorRepair: kpiRow['小修完成量'] || 0,
predicament: kpiRow['困境案件量'] || 0 predicament: kpiRow['困境完成量'] || 0
}, },
aggregatedCases: kpiRow['聚合案件量'] || 0 aggregatedCases: kpiRow['聚合案件量'] || 0
}, },
topMastersByCases: casesTop3, topMastersByCases: casesTop3,
onlineHours: { onlineHours: {
averageTotal: kpiRow['平均每车每人在线时长(小时)'] || 0 averageTotal: Math.round(kpiRow['年度车辆平均总在线时长(小时)'] || 0),
topMasters: onlineTop3
}, },
rejectionTop3Regions: rejectionRegionTop3, rejectionRate: {
totalLoss: totalLoss, highestRegion: {
appUsageRate: kpiRow['APP使用率.'] || 0, name: rejectionRegionData ? rejectionRegionData['地区'] : '-',
appRankOverCustomers: kpiRow['超过客户'] || 0 rate: rejectionRegionData ? ((rejectionRegionData['拒单率'] || 0) * 100).toFixed(2) : 0
},
highestTimeSlot: {
period: rejectionTimeData ? rejectionTimeData['时段'] : '-',
rate: rejectionTimeData ? ((rejectionTimeData['拒单率'] || 0) * 100).toFixed(2) : 0
}
},
appUsageRate: kpiRow['APP使用率.'] || 0
}; };
renderDashboard(data); renderDashboard(data);
@@ -1231,8 +1238,8 @@
document.getElementById('totalCases').textContent = totalCases.toLocaleString(); document.getElementById('totalCases').textContent = totalCases.toLocaleString();
document.getElementById('totalCases').dataset.target = totalCases; document.getElementById('totalCases').dataset.target = totalCases;
// 案件类型饼图(已注释) // 案件类型饼图
// renderDonutChart(data.summary.caseBreakdown, totalCases); renderDonutChart(data.summary.caseBreakdown, totalCases);
// 聚合案件 // 聚合案件
const aggregatedCases = data.summary.aggregatedCases; const aggregatedCases = data.summary.aggregatedCases;
@@ -1241,19 +1248,43 @@
document.getElementById('aggregatedCases').textContent = Math.round(aggregatedCases).toLocaleString(); document.getElementById('aggregatedCases').textContent = Math.round(aggregatedCases).toLocaleString();
document.getElementById('aggregatedCases').dataset.target = Math.round(aggregatedCases); document.getElementById('aggregatedCases').dataset.target = Math.round(aggregatedCases);
document.getElementById('aggregatedDesc').innerHTML = document.getElementById('aggregatedDesc').innerHTML =
'占总案件量的 <span class="highlight">' + aggregatedPercent + '%</span><br>' '占总案件量的 <span class="highlight">' + aggregatedPercent + '%</span><br>' +
'平均每月聚合 <span class="highlight">' + avgPerMonth + '</span> 个案件';
// TOP3 师傅 // TOP3 师傅
renderPodium(data.topMastersByCases, totalCases); renderPodium(data.topMastersByCases, totalCases);
// 在线时长(日均)- 截断保留两位小数(不四舍五入) // 在线时长
const avgHours = data.onlineHours.averageTotal; const avgHours = data.onlineHours.averageTotal;
const truncatedHours = (avgHours * 100) / 100; const days = (avgHours / 24).toFixed(1);
document.getElementById('avgOnlineHours').textContent = truncatedHours.toFixed(2); 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> 小时';
// 拒单TOP3地区 renderBarChart(data.onlineHours.topMasters);
renderRejectionTop3(data.rejectionTop3Regions, data.totalLoss);
// 拒单率
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 + '%';
}
// APP使用率 // APP使用率
const appUsagePercent = (data.appUsageRate * 100).toFixed(2); const appUsagePercent = (data.appUsageRate * 100).toFixed(2);
@@ -1262,10 +1293,12 @@
document.getElementById('appUsageFill').style.width = appUsagePercent + '%'; document.getElementById('appUsageFill').style.width = appUsagePercent + '%';
}, 100); }, 100);
// APP排名超过客户百分比 let usageLevel = '优秀';
const appRankPercent = (data.appRankOverCustomers * 100).toFixed(2); if (appUsagePercent < 90) usageLevel = '良好';
document.getElementById('appRankPercent').textContent = appRankPercent + '%'; if (appUsagePercent < 80) usageLevel = '一般';
if (appUsagePercent < 70) usageLevel = '需改进';
document.getElementById('appUsageDesc').innerHTML =
'APP使用率表现<span class="highlight">' + usageLevel + '</span>,继续保持高效的数字化运营';
} }
// 渲染环形图 // 渲染环形图
@@ -1342,61 +1375,15 @@
<div class="podium-avatar">${avatar}</div> <div class="podium-avatar">${avatar}</div>
<div class="podium-name">${master.name}</div> <div class="podium-name">${master.name}</div>
<div class="podium-value">${master.cases} 个</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 class="podium-bar">${master.rank}</div>
</div> </div>
`; `;
}).join(''); }).join('');
} const totalTop3 = topMasters.reduce((sum, m) => sum + m.cases, 0);
const percent = ((totalTop3 / total) * 100).toFixed(0);
// 渲染拒单TOP3地区纵向柱状图 document.getElementById('top3Summary').innerHTML =
function renderRejectionTop3(regions, totalLoss) { 'TOP3 合计完成 <span class="highlight">' + totalTop3 + '</span> 个案件,占总量 <span class="highlight">' + percent + '%</span>';
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> 个案件';
} }
// 渲染柱状图 // 渲染柱状图

Binary file not shown.

Before

Width:  |  Height:  |  Size: 296 KiB

View File

@@ -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',
@@ -177,23 +177,3 @@ export function getNewVersion(key){
params: 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',
})
}

View File

@@ -54,7 +54,7 @@ export function userFeedback(data){
data data
}) })
} }
//擦亮 //二手拖车信息擦亮
export function usedCarPolish(data){ export function usedCarPolish(data){
return request({ return request({
url: `/toc-user/car-app/usedCarPolish/${data}`, url: `/toc-user/car-app/usedCarPolish/${data}`,

View File

@@ -29,7 +29,7 @@ service.interceptors.request.use(
// let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJBTkNIQU5HIiwidXNlcklkIjo0NTY3MSwibmFtZSI6IuWuieeVhSIsInVzZXJOYW1lIjoiQU5DSEFORyIsInN1cHBsaWVySWQiOjExMjgsImlzWmQiOjAsImV4cCI6MTc1NTQyMjUyNX0.xzDZhaANJFnbeViIHJA0SEtOyTv7Ja3rKmXqRKRuFkc' // let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJBTkNIQU5HIiwidXNlcklkIjo0NTY3MSwibmFtZSI6IuWuieeVhSIsInVzZXJOYW1lIjoiQU5DSEFORyIsInN1cHBsaWVySWQiOjExMjgsImlzWmQiOjAsImV4cCI6MTc1NTQyMjUyNX0.xzDZhaANJFnbeViIHJA0SEtOyTv7Ja3rKmXqRKRuFkc'
// let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJTSEhQWEIiLCJ1c2VySWQiOjU0NzI2LCJuYW1lIjoiI-a1i-ivleWwj-eZveeZvSIsInVzZXJOYW1lIjoiU0hIUFhCIiwic3VwcGxpZXJJZCI6MTAwMDE2NSwiZXhwIjoxNzQ0NTEwNzkwfQ.JPk0OA7slYJN3FIi_uhW4Y0CiWRvl6R1dK8MRTbyhD8' // 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/trainingTask' || reqUrl=='/supplier/supplierTraining/normalList' || reqUrl=='/supplier/supplierTraining/trainingList')){
if ((reqUrl=='/supplier/supplierTraining/trainingList' || reqUrl=='/supplier/supplierTraining/normalList') && config?.params?.type==1){ if (reqUrl=='/supplier/supplierTraining/trainingList' && config?.params?.type==1){
console.log('司机app使用该请求不挂token') console.log('司机app使用该请求不挂token')
} else { } else {
if(token) { if(token) {

View File

@@ -1,6 +1,3 @@
import { getLog } from "@/api/order"
let _setLogTimer = null
export const myMixins = { export const myMixins = {
data() { data() {
@@ -8,11 +5,6 @@ export const myMixins = {
} }
}, },
methods: { methods: {
setLogHandler(data) {
if (_setLogTimer) return
_setLogTimer = setTimeout(() => { _setLogTimer = null }, 1000)
getLog(data)
},
showFun() { showFun() {
if( localStorage.getItem('infoVerify') == 8 || localStorage.getItem('infoVerify') == 12 ) { if( localStorage.getItem('infoVerify') == 8 || localStorage.getItem('infoVerify') == 12 ) {
return false return false

View File

@@ -154,7 +154,7 @@ export default {
this.isLoading = false this.isLoading = false
}, },
initShow(){ initShow(){
this.keyword= '' this.keyword= '',
this.getNormalList() this.getNormalList()
} }
} }

View File

@@ -153,17 +153,12 @@ export default {
if (this.notifyList.length >= this.total) { if (this.notifyList.length >= this.total) {
this.finished = true; this.finished = true;
} }
} else {
// 未开票不需要分页,直接标记加载完成
this.loading = false;
this.finished = true;
} }
}, },
async changeTabHandler() { async changeTabHandler() {
this.pageNum = 1; this.pageNum = 1;
this.notifyList = []; this.notifyList = [];
this.checkList = []; this.checkList = [];
this.finished = false;
if (this.active == 1) { // 全部, 需要分页 if (this.active == 1) { // 全部, 需要分页
this.status = ''; this.status = '';
this.dispatchAppSearchInvoiced = ''; this.dispatchAppSearchInvoiced = '';

View File

@@ -156,7 +156,6 @@
minorCount: '', minorCount: '',
serviceAreaCode: [], serviceAreaCode: [],
linkEmail:'', linkEmail:'',
person:'',
accountInfoDTO:{ accountInfoDTO:{
dutyParagraph:'', dutyParagraph:'',
accountNumber:'', accountNumber:'',
@@ -265,10 +264,6 @@
this.$toast('营业执照未上传') this.$toast('营业执照未上传')
return return
} }
if(this.form.person != this.form.legalName){
this.$toast('身份证法人姓名和营业执照法人不一致')
return
}
if( !this.licensePhoto ) { if( !this.licensePhoto ) {
this.$toast('开户许可证未上传') this.$toast('开户许可证未上传')
return return
@@ -403,7 +398,6 @@
imageUrl: this.idFrontPhoto, imageUrl: this.idFrontPhoto,
cardSide: 'FRONT' cardSide: 'FRONT'
}) })
// 身份证法人名称
this.form.legalName = res?.data?.name this.form.legalName = res?.data?.name
}, },
async companyPhotoHandler(file) { async companyPhotoHandler(file) {
@@ -426,8 +420,6 @@
this.form.accountInfoDTO.dutyParagraph=res?.data?.regNum this.form.accountInfoDTO.dutyParagraph=res?.data?.regNum
this.form.accountInfoDTO.unitName = res?.data?.name this.form.accountInfoDTO.unitName = res?.data?.name
this.form.accountInfoDTO.companyType=res?.data?.type this.form.accountInfoDTO.companyType=res?.data?.type
// 营业执照法人名称
this.form.person = res?.data?.person
await this.QrCodeHandler(); await this.QrCodeHandler();
}, },
async licensePhotoHandler(file){// 开户许可证 async licensePhotoHandler(file){// 开户许可证

View File

@@ -1,57 +1,41 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<div class="baseInfo common"> <div class="baseInfo common" :style="{'height':orderDetailInfo.contractParentId == 110 ? '300px' : '240px'}">
<div class="title">基本信息:</div> <div class="title">基本信息:</div>
<div class="line"></div> <div class="line"></div>
<div class="infoWrap fontColor"> <div class="infoWrap fontColor">
<div class="infoRow"> <div class="leftTitle">
<span class="leftItem">工单编号:</span> <div class="leftItem">工单编号:</div>
<span class="rightItem" style="display: flex;align-items: center;"> <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;">
<span id="copyText">{{orderDetailInfo.orderCode}}</span> <span id="copyText">{{orderDetailInfo.orderCode}}</span>
<img @click="copyText" src="@/assets/copy.png" style="width: 35px;height: 15px;margin-left: 10px"/> <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> </div>
<div class="rightItem">{{ orderDetailInfo.contractName }}</div>
<template v-if="orderDetailInfo.contractParentId == 110"> <template v-if="orderDetailInfo.contractParentId == 110">
<div class="infoRow"> <div class="rightItem">{{ orderDetailInfo.organizeName }}</div>
<span class="leftItem">机构名称:</span> <div class="rightItem">{{ orderDetailInfo.saleName }}</div>
<span class="rightItem">{{ orderDetailInfo.organizeName }}</span> <div class="rightItem">{{ orderDetailInfo.driverPhone ? orderDetailInfo.driverPhone : ' '}}</div>
</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> </template>
<div class="infoRow"> <div class="rightItem">{{ orderDetailInfo.contractSettleType?.label }}</div>
<span class="leftItem">结算方式:</span> <div class="rightItem">{{ orderDetailInfo.userName }}</div>
<span class="rightItem">{{ orderDetailInfo.contractSettleType?.label }}</span> <div class="rightItem">{{ orderDetailInfo.userPhone }}</div>
</div> <div class="rightItem">{{ orderDetailInfo.plateNumber }}</div>
<div class="infoRow"> <!-- <div class="rightItem" >理想智动LXA6500SHEVM理想智动LXA6500SHEVM</div>-->
<span class="leftItem">客户姓名:</span> <div class="rightItem" >{{orderDetailInfo.model}}{{ orderDetailInfo.brand }}</div>
<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> </div>
</div> </div>
@@ -93,7 +77,7 @@
<span v-if="orderDetailInfo.driverName && orderDetailInfo.proprietary?.code==1" class="driverPoiBtn" @click="noMultipleClicks(createDriverInfo)">生成司机信息</span> <span v-if="orderDetailInfo.driverName && orderDetailInfo.proprietary?.code==1" class="driverPoiBtn" @click="noMultipleClicks(createDriverInfo)">生成司机信息</span>
</span> </span>
</div> </div>
<div class="item" v-if="queryType == 9 || queryType ==11 || queryType ==12 || queryType ==5"> <div class="item" v-if="queryType == 9 || queryType ==11 || queryType ==12">
<span class="leftTitle fontColor">工单照片:</span><span class="rightContent"> <span class="leftTitle fontColor">工单照片:</span><span class="rightContent">
<span class="driverPoiBtn" @click="checkPhoto">查看照片</span> <span class="driverPoiBtn" @click="checkPhoto">查看照片</span>
</span> </span>
@@ -169,7 +153,7 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
this.initMap(); this.initMap();
}); });
console.log('queryType', this.queryType)
}, },
methods:{ methods:{
async getConfigByCodeHandler() { async getConfigByCodeHandler() {
@@ -184,15 +168,19 @@ export default {
}) })
if(result.data){ if(result.data){
// console.log('--result--',result.data) // console.log('--result--',result.data)
let params=`姓名:${this.orderDetailInfo.driverName}\n身份证${result.data.identityCardNumber}\n车牌${this.orderDetailInfo.vehiclePlateNumber}\n手机${this.orderDetailInfo.driverPhone}` let params={
// console.log('params',params) '姓名:':this.orderDetailInfo.driverName,
let data = {"action":"copyToClipboard","params":params} '身份证:':result.data.identityCardNumber,
'车牌:':this.orderDetailInfo.plateNumber,
'手机:':this.orderDetailInfo.driverPhone,
}
let data = {"action":"copyToClipboard","params":JSON.stringify(params)}
var u = navigator.userAgent; var u = navigator.userAgent;
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
if(isiOS){ if(isiOS){
window.webkit.messageHandlers.nativeObject.postMessage(data); window.webkit.messageHandlers.nativeObject.postMessage(data);
}else { }else {
window.android.copyToClipboard(params); window.android.copyToClipboard(JSON.stringify(params));
} }
}else { }else {
this.$toast('未获取到司机信息') this.$toast('未获取到司机信息')
@@ -278,21 +266,6 @@ export default {
this.map.add(marker2); this.map.add(marker2);
this.map.setFitView([marker,marker1,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(){ async getDriverPoi(){
let res=await showVehiclePositionInfo({ let res=await showVehiclePositionInfo({
userOrderId:this.userOrderId, userOrderId:this.userOrderId,
@@ -349,25 +322,21 @@ export default {
} }
.baseInfo{ .baseInfo{
width: 100%; width: 100%;
//@include wh(100%,260px);
margin-bottom: 12px; margin-bottom: 12px;
.infoWrap{ .infoWrap{
.infoRow{
display: flex; display: flex;
align-items: center; .leftTitle{
min-height: 24px;
.leftItem{
width: 60px;
flex-shrink: 0;
margin-left: 5px; margin-left: 5px;
margin-right: 6px; margin-right: 6px;
@include wh(60px,189px);
opacity: .5; opacity: .5;
} }
.rightContent{
height: 189px;
width: calc(100% - 60px);
.rightItem{ .rightItem{
flex: 1; height: 24px;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
} }
} }

View File

@@ -263,7 +263,6 @@ import {
getDriverName,getDriverStatisticsKpi, getDriverName,getDriverStatisticsKpi,
getRecentSupplierKpi, getRecentSupplierKpi,
} from "@/api/kpi.js" } from "@/api/kpi.js"
import { getUserBO } from "@/api/order"
// querySupplierDriverStatisticsScore // querySupplierDriverStatisticsScore
import {myMixins} from "@/utils/myMixins" import {myMixins} from "@/utils/myMixins"
import CircleChar from "@/views/kpi/components/circleChar.vue"; import CircleChar from "@/views/kpi/components/circleChar.vue";
@@ -331,10 +330,6 @@ export default {
showScoreChart:true, showScoreChart:true,
continueMonthKpi:[], continueMonthKpi:[],
isBtn:false,//是否有信息变更申请按钮权限 isBtn:false,//是否有信息变更申请按钮权限
source: 'App',
currentSupplierId: '',
userId: '',
enterTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
} }
}, },
created() { created() {
@@ -343,41 +338,13 @@ export default {
this.isZd = urlParams?.get('isZd') || '' this.isZd = urlParams?.get('isZd') || ''
this.supplierId = urlParams?.get('supplierId') || '' this.supplierId = urlParams?.get('supplierId') || ''
this.isBtn= Number(urlParams?.get('isBtn')) this.isBtn= Number(urlParams?.get('isBtn'))
this.source = urlParams?.get('source') || 'App'
}, },
async mounted() { async mounted() {
await this.checkMobile(); await this.checkMobile();
await this.initDate(); await this.initDate();
await this.selectSupplierNameHandle(); 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: { methods: {
async getUserInfo() {
let res = await getUserBO();
this.userId = res.data.id;
this.currentSupplierId = res.data.supplierId
console.log('getUserBO', res)
},
applicateHandle() { applicateHandle() {
if (window.parent) { if (window.parent) {
const hasListener = window.parent.dispatchEvent(new Event('checkCloseDialog')); const hasListener = window.parent.dispatchEvent(new Event('checkCloseDialog'));

View File

@@ -13,20 +13,23 @@
</div> </div>
<div class="contentWrap"> <div class="contentWrap">
<div> <div>
为降低日常救援工作中的不可预期的车损赔付带来的运营风险和资金压力减少由此衍生而来的投诉顺应行业服务标准不断增长的局势中道救援自有车辆已全部投保了救援职业责任险 为降低日常救援工作中的不可预期的车损赔付带来的运营风险和资金压力减少由此衍生而来的可能投诉顺应行业服务标准不断增长的局势中道救援自有车辆已全部投保了救援职业责任险
</div> </div>
<div> <div>
通过交流了解我们的合作服务商日常运营中会遇到责任险或者货物险的投保理赔的问题为此我们与保司沟通协调特为与中道救援合作紧密的服务商提供救援职业责任险参保渠道解决大家的实际困难实现共同进步 通过日常的交流了解此险种对于服务商而言投保相对较很多服务商在无投保渠道的情况下选择了对于我们救援场景保障能力稍弱不太匹配的货物险从而从形成了现在很多救援车无保障或者特殊场景货物险理赔难的局面
</div>
<div>
为此中道救援经过与保司沟通协调特为与中道救援合作紧密的服务商提供救援职业责任险参保渠道提升服务商服务能力降低运营风险实现共同进步
</div> </div>
<div>救援职业责任险简介</div> <div>救援职业责任险简介</div>
<div> 1保额有50万和100万两套方案可选</div> <div> 1综合保额100万元其中救援责任50万元物流责任50万元可全方位覆盖我们日常的经营活动</div>
<div> 2保费支付可采用救援服务费抵扣的方式降低资金压力</div> <div> 2保费支付可采用救援服务费抵扣的方式降低资金压力</div>
<div> 3其他详情如需了解请与辖区区域经理联系</div> <div> 3详细保险条款保费和其他问题如需了解请与辖区区域经理联系</div>
<div> 如有好的建议需要交流请与18621558505曲仁杰联系</div> <div> 其他意见建议如需交流请与18621558505曲仁杰联系</div>
<div> 有参保需要请点击下方参保按钮我们会与您联系</div> <div> 确认参保请点击下方参保按钮会有专人与贵司联系</div>
</div> </div>
<div class="upload_btn_wrap"> <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>
<div class="poupCommon" v-if="showPoup"> <div class="poupCommon" v-if="showPoup">
<div class="showPoupContainer"> <div class="showPoupContainer">
@@ -34,10 +37,12 @@
<img class="insure" src="@/assets/insured.png"> <img class="insure" src="@/assets/insured.png">
<div class="con"> <div class="con">
<template v-if="used"> <template v-if="used">
<div class="title">咨询已收到我们会与您联系</div> <div class="title">您已成功申请参保请等待</div>
<div class="title">专人与贵司联系</div>
</template> </template>
<template v-else> <template v-else>
<div class="title">请确认咨询</div> <div class="title">请确认</div>
<div class="title">是否参保救援职业责任险</div>
</template> </template>
<div class="btnWrap"> <div class="btnWrap">
<div v-if="used" class="btn confirmBtn" @click="showPoup = false">确认</div> <div v-if="used" class="btn confirmBtn" @click="showPoup = false">确认</div>

View File

@@ -16,7 +16,7 @@
<img class="mine" src="@/assets/secondHandCar/mine.png" @click="goMine" /> <img class="mine" src="@/assets/secondHandCar/mine.png" @click="goMine" />
<el-input <el-input
@blur="getList" @blur="getList"
placeholder="牌照|车辆类型|落板|排放|品牌|描述|底座|刹车|自营" placeholder="请输入"
v-model.trim="topSearch"> v-model.trim="topSearch">
<img slot="suffix" class="search" src="@/assets/secondHandCar/search.png"/> <img slot="suffix" class="search" src="@/assets/secondHandCar/search.png"/>
</el-input> </el-input>
@@ -99,11 +99,6 @@
></i> ></i>
</template> </template>
</el-input> </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>
<div class="contentWrap" v-show="!show"> <div class="contentWrap" v-show="!show">
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh"> <van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh">
@@ -228,7 +223,6 @@ export default {
showDatePicker: false, showDatePicker: false,
areaShow:false, areaShow:false,
isClearing:false, isClearing:false,
wantSource: 0,
minDate: new Date(1970, 0, 1), // 设置最小可选日期1970年1月1日 minDate: new Date(1970, 0, 1), // 设置最小可选日期1970年1月1日
maxDate: new Date(2099, 11, 31) // 设置最大可选日期2099年12月31日 maxDate: new Date(2099, 11, 31) // 设置最大可选日期2099年12月31日
} }
@@ -273,10 +267,6 @@ export default {
this.setSearchVal(); this.setSearchVal();
this.getList() this.getList()
}, },
wantSource(){
this.setSearchVal();
this.getList()
},
}, },
mounted() { mounted() {
this.getSearchVal(); this.getSearchVal();
@@ -291,9 +281,6 @@ export default {
}); });
}, },
methods:{ methods:{
toggleWantSource(){
this.wantSource = this.wantSource === 1 ? 0 : 1;
},
confirmHandle(val){ confirmHandle(val){
if(val[0].name.includes('市')){ if(val[0].name.includes('市')){
this.areaName=val[0].name this.areaName=val[0].name
@@ -369,7 +356,6 @@ export default {
sessionStorage.setItem('dateVal',this.dateVal); sessionStorage.setItem('dateVal',this.dateVal);
sessionStorage.setItem('brandModel',this.brandModel); sessionStorage.setItem('brandModel',this.brandModel);
sessionStorage.setItem('underpanBrand',this.underpanBrand); sessionStorage.setItem('underpanBrand',this.underpanBrand);
sessionStorage.setItem('wantSource',String(this.wantSource));
}, },
getSearchVal(){ getSearchVal(){
this.activeTab = Number(sessionStorage.getItem('indexActiveTab')) || 0; this.activeTab = Number(sessionStorage.getItem('indexActiveTab')) || 0;
@@ -385,7 +371,6 @@ export default {
this.dateVal=sessionStorage.getItem('dateVal') || ''; this.dateVal=sessionStorage.getItem('dateVal') || '';
this.brandModel=sessionStorage.getItem('brandModel') || ''; this.brandModel=sessionStorage.getItem('brandModel') || '';
this.underpanBrand=sessionStorage.getItem('underpanBrand') || ''; this.underpanBrand=sessionStorage.getItem('underpanBrand') || '';
this.wantSource=Number(sessionStorage.getItem('wantSource')) || 0;
}, },
goMine(){//我的发布 goMine(){//我的发布
this.$router.push({ name: "mineRelease"}) this.$router.push({ name: "mineRelease"})
@@ -449,7 +434,6 @@ export default {
endTime:this.endTime, endTime:this.endTime,
brandModel:this.brandModel, brandModel:this.brandModel,
underpanBrand:this.underpanBrand, underpanBrand:this.underpanBrand,
wantSource:this.wantSource,
}) })
this.total=res.total this.total=res.total
if(this.pageNum == 1){// 第一页直接赋值 if(this.pageNum == 1){// 第一页直接赋值
@@ -542,9 +526,6 @@ export default {
border-radius: 20px; border-radius: 20px;
border: 2px solid #264B94; border: 2px solid #264B94;
} }
::v-deep .el-input__inner::placeholder{
font-size: 10px;
}
::v-deep .el-input__suffix{ ::v-deep .el-input__suffix{
top: 12px; top: 12px;
right: 10px; right: 10px;
@@ -641,22 +622,6 @@ export default {
.has-price{ .has-price{
color: #007BE9 !important; 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{ .contentWrap{
width: 100%; width: 100%;