148 Commits

Author SHA1 Message Date
7b8e2efbb4 task#,月总图表X轴数据去重 2025-01-09 16:59:14 +08:00
f00f1bc1fd task#,uat,KPI时间:改成默认 24年12月,接口传参也是24-12 2025-01-09 16:39:20 +08:00
5c83fa773b task#,uat,KPI时间:改成默认 24年12月 2025-01-09 16:04:37 +08:00
9990cf74d0 task#,uat,KPI师傅满意度加一列服务商名称 2025-01-09 09:27:50 +08:00
fde77b9c0a task#,readme更新 2025-01-02 17:17:03 +08:00
9f9450afc3 添加车辆-修改 2025-01-02 14:41:32 +08:00
0272e06486 添加车辆 2024-12-31 11:36:34 +08:00
4a122818e5 task#,接口更换 2024-12-30 17:02:28 +08:00
5f2bd8d276 task#,接口更换 2024-12-30 16:54:34 +08:00
99789abddc task#,接口更换 2024-12-30 16:50:50 +08:00
009bd0b5ac task#,千分号问题解决 2024-12-27 20:37:53 +08:00
4ebc40f93c task#,大于1000的数据加千分号 2024-12-27 18:26:53 +08:00
b53a086862 task#,格式化承接案件量数据 2024-12-27 16:42:40 +08:00
0063828771 task#,删除师傅 2024-12-26 13:26:53 +08:00
cd02c44fca task#,添加师傅满意度接口更换 2024-12-25 17:29:22 +08:00
43c1f76f82 task#,添加师傅满意度表格,月师傅的表格错乱调整,首页最后一个图加背景 2024-12-25 15:13:56 +08:00
f3a15b829f task#,司机培训文档和文档材料添加关键词接收 2024-12-20 11:22:18 +08:00
745c21341a task#,供应商数据,输入框加样式边框 2024-12-19 19:38:03 +08:00
2ab75039b9 task#,测试 2024-12-13 17:37:41 +08:00
304a1457dc task#,测试 2024-12-13 17:34:30 +08:00
422d1ce2ec task#,新师傅培训列表、获取培训文档和普通资料接口不挂载Authorization 2024-12-13 17:11:11 +08:00
147e10b342 task#,工单批次,未开票,统计金额,浮点数相加优化 2024-12-12 16:29:39 +08:00
055876c0a2 task#,kpi添加月份选择,优化代码 2024-12-05 15:00:14 +08:00
ca52f0793f task#16101,工单记账,小轮费输入框不可编辑 2024-11-26 13:30:05 +08:00
226f9aef63 task#16101,工单记账,小轮个数和费用优化 2024-11-19 11:25:41 +08:00
652055c3d3 task#16101,工单记账,小轮个数和费用优化 2024-11-19 11:15:18 +08:00
fc2e9bfec6 task#16101,工单记账模块提示样式更改 2024-11-19 10:41:28 +08:00
8350cfb2a5 task#16101,工单记账模块提示样式更改 2024-11-19 10:37:36 +08:00
872e0ea91a task#16101,工单记账模块同步后台逻辑 2024-11-18 17:57:05 +08:00
5652ab9600 task#16101,工单记账模块同步后台逻辑 2024-11-18 11:42:54 +08:00
4e8e6d4f72 task#15950,搜索的supplierId需要传递 2024-11-14 16:06:10 +08:00
3bb4688652 task#15950,变更按钮权限转换类型 2024-11-14 13:59:45 +08:00
675e89b02e task#15950,变更按钮权限 2024-11-14 13:17:53 +08:00
c3100dd68f task#15950,月师傅总览 2024-11-13 17:31:41 +08:00
c04b43a8c8 task#15950,信息变更申请按钮加权限 2024-11-13 10:47:11 +08:00
c5c31c5eec task#15950,信息变更申请按钮加权限 2024-11-13 10:35:25 +08:00
94424faa2e task#15950,综合打分后加信息变更按钮调整 2024-11-12 15:21:29 +08:00
db2493181a task#15950,综合打分后加信息变更按钮 2024-11-12 14:44:06 +08:00
18ebd7c0d9 task#15950,综合打分后加信息变更按钮 2024-11-12 14:31:11 +08:00
d239781d5d task#15950,服务商kpi,月师傅添加总览 2024-11-12 13:06:16 +08:00
f2b4b3e853 task#15950,服务商kpi,月师傅添加总览 2024-11-12 12:03:15 +08:00
57c3d3d679 task#15950,服务商kpi,服务商管理添加kpi,可查看 2024-11-08 11:10:39 +08:00
4f8063bf2e 工单数量 元 删除 2024-11-06 16:51:34 +08:00
266195ec26 同后台修改 2024-11-06 16:38:46 +08:00
898b4b8128 按钮颜色 2024-11-06 16:36:19 +08:00
1e305b1734 上传同步后台修改 2024-11-06 16:14:10 +08:00
e919d0136d http, reject 修改 2024-11-06 14:44:07 +08:00
6720928761 上传发票 不显示问题 2024-11-06 14:30:06 +08:00
6affb368b7 task#15638,工单详情添加电瓶相关信息 2024-11-06 13:10:22 +08:00
a93c98b547 上传修改 2024-11-06 11:18:12 +08:00
3ee550c985 image/* 2024-11-06 11:11:25 +08:00
28408ac803 工单批次,开票信息修改 2024-11-06 10:05:23 +08:00
41d44e93d4 工单批次,工单批次详情,上传发票,发票查看 2024-11-05 16:01:32 +08:00
8a822e829d 工单批次列表,工单批次详情 2024-11-04 11:09:50 +08:00
8aafdc9bff task#15638,增加上传发票接口 2024-11-01 11:15:20 +08:00
432be97178 task#15638,工单详情界面,删除电瓶信息一栏 2024-10-28 13:24:01 +08:00
36cea0f447 task#15638,电瓶详情列表根据时间排序 2024-10-24 14:49:16 +08:00
07db998735 task#15638,电瓶详情页面和接口对接,样式调整 2024-10-21 11:39:02 +08:00
54b839fb0d task#15638,增加 电瓶进销存 2024-10-21 09:47:12 +08:00
343bccdcfa task#15348,服务商kpi搜索请求头字段更换 2024-10-18 10:28:28 +08:00
fcce91b6b5 task#15348,服务商kpi请求头字段更换 2024-10-17 10:10:44 +08:00
baf25587a8 task#15348,服务商kpi请求头字段更换 2024-10-17 10:06:00 +08:00
b0fd520316 task#15348,ios培训文档跳转参数加1000000 2024-10-15 11:32:39 +08:00
1f8df28ef8 task#15348,ios培训参数转换为int,去除Vscole 2024-10-14 17:20:53 +08:00
bd45b42ccd task#15348,ios培训参数转换为int 2024-10-14 17:11:33 +08:00
e19580e7f6 task#15348,ios培训参数转换为int 2024-10-14 17:10:57 +08:00
f954dff3ad task#15348,ios培训参数更改,打印 2024-10-14 17:05:24 +08:00
2dc505c40d task#15348,ios培训参数更改 2024-10-14 16:50:01 +08:00
532b8d439b task#15348,添加vconsole 2024-10-14 09:39:15 +08:00
cc19777ddf task#15348,IOS跳转培训文档添加参数 2024-10-12 09:54:04 +08:00
812f3e3a03 task#15348,删除Vconsole 2024-10-11 22:46:49 +08:00
b6a9836932 task#15348,司机app自动刷新功能 2024-10-11 20:47:49 +08:00
36d2895f2b task#15348,司机app自动刷新功能 2024-10-11 20:46:05 +08:00
d28a23e664 监听页面显示1 2024-10-11 20:38:22 +08:00
a642e7783c 监听页面显示 2024-10-11 20:35:38 +08:00
dccc3ae530 task#15348,司机培训界面 2024-10-11 20:31:52 +08:00
07ac2d1e86 task#15348,培训界面滚动条 2024-10-11 17:34:03 +08:00
6030432a8c task#15348,司机app滚动条高度 2024-10-11 17:26:18 +08:00
235fe85604 task#15348,司机app样式 2024-10-11 17:07:35 +08:00
a7f4018050 task#15348,司机app样式 2024-10-11 17:03:14 +08:00
5c96f06916 task#15348,司机app样式 2024-10-11 16:59:40 +08:00
2ad457c92a task#15348,司机app参数 2024-10-11 16:51:22 +08:00
dd440e81df task#15348,培训文档加cache:true, 2024-10-11 16:10:32 +08:00
8212c1cd8a task#15348,测试生命周期activated 2024-10-11 16:03:12 +08:00
a0e6681ad6 task#15348,测试生命周期activated 2024-10-11 16:00:56 +08:00
4cf076914d task#15348,测试生命周期 2024-10-11 15:18:12 +08:00
7220ad8989 task#15348,测试生命周期 2024-10-11 15:12:11 +08:00
85ecdceaf1 task#15348,测试生命周期 2024-10-11 15:09:51 +08:00
a319a9d097 task#15348,测试生命周期 2024-10-11 14:57:33 +08:00
06591b6eb4 task#15348,司机app培训,更新时间取当前时间 2024-10-11 14:48:31 +08:00
c9cedc526a task#15348,培训页弹框,只能通过按钮去关闭 2024-10-11 14:40:19 +08:00
d72a74c2ea task#15348,司机app,培训返回加事件 2024-10-11 13:39:13 +08:00
e950ce2589 task#15348,司机app,培训返回加事件 2024-10-11 13:38:46 +08:00
db45cecfe3 task#15348,调度app,培训完成给提示 2024-10-11 11:54:34 +08:00
9345b2ab79 task#15348,调度app,培训完成给提示 2024-10-11 11:51:13 +08:00
bc4f419aca task#15348,调度app,培训完成给提示 2024-10-11 11:43:18 +08:00
7a73b0b83a task#15348,调度app,培训完成给提示 2024-10-11 11:41:37 +08:00
45ca7a8382 task#15348,调度app,培训完成给提示 2024-10-11 11:38:18 +08:00
584fded2f7 task#15348,调度app,培训完成给提示 2024-10-11 11:31:27 +08:00
bd58a176f6 task#15348,调度app,培训排版更改 2024-10-11 10:42:42 +08:00
d8729033e1 task#15348,跳转H5加参数,培训有问答的加标识 2024-10-11 10:31:56 +08:00
20a9d7ebad task#15348,跳转H5加参数,区分是培训还是普通 2024-10-11 10:10:48 +08:00
9befe22373 task#15348,跳转H5加参数 2024-10-11 09:52:26 +08:00
ccf11f6fa6 task#15348,调度新签培训数据格式更换 2024-10-11 09:32:58 +08:00
edcd55b074 task#15348,新加师傅界面 2024-10-10 20:51:02 +08:00
bce648bdc6 task#15348,新加师傅界面 2024-10-10 20:44:06 +08:00
a5e4a2d5dd task#15348,添加调试工具 2024-10-10 15:20:19 +08:00
cc7ea113c4 task#15348,新签培训接口 2024-10-10 13:58:24 +08:00
5589417862 task#15348,培训文档和文档材料,已处理字体置灰 2024-10-09 17:50:07 +08:00
1dc5094172 task#15348,培训文档和文档材料,排班布局更新 2024-10-09 17:37:12 +08:00
413da6aea7 task#15348,培训文档和文档材料,跳转添加参数 2024-10-09 15:41:20 +08:00
f255bf48e4 task#15348,培训文档和文档材料获取supplierId 2024-10-09 09:37:49 +08:00
31d3bcf071 task#15348,列表接口获取更换 2024-10-08 16:30:04 +08:00
75e014562f task#15348,新人培训布局调整,必读字号减小 2024-09-26 17:42:15 +08:00
3919bf6934 task#15348,培训文档和文档资料布局更改 2024-09-26 17:00:29 +08:00
8223ff3e46 去除vConsole 2024-09-23 18:18:58 +08:00
6e7254607b 行驶证副业,代码恢复 2024-09-23 10:12:53 +08:00
0e82be5cbe 身份证正面面,代码恢复 2024-09-23 10:03:14 +08:00
b6d86c4517 身份证反面,参数更改 2024-09-20 17:50:04 +08:00
c3f859619f 身份证正面,文件更换 2024-09-20 17:05:01 +08:00
7b95507378 身份证正面,文件上传采用el-upload 2024-09-20 16:57:14 +08:00
250e68bed7 身份证正面,文件上传 2024-09-20 16:10:08 +08:00
e768f9c8f8 查询工单记账图片和修改服务商记账信息 接口添加参数 2024-09-20 16:09:05 +08:00
7aceb84ee5 task#,身份证正面上传兼容代码添加 2024-09-18 10:05:19 +08:00
0d91afc1e8 log 2024-09-14 15:15:12 +08:00
d362fef099 行驶证副页添加调试 2024-09-14 15:12:35 +08:00
5dc9bfb840 task#,身份证正面 2024-09-14 14:18:17 +08:00
fd1ad6db3c task#,身份证正面 2024-09-14 14:07:57 +08:00
2d78a9cee6 task#,身份证上传 2024-09-14 13:58:25 +08:00
68d9f83b66 task#,身份证上传,添加函数 2024-09-14 13:37:18 +08:00
728e70f00e task#,身份证上传添加验证 2024-09-14 13:16:49 +08:00
46e2cb3b3e task#,身份证上传添加验证 2024-09-14 11:49:06 +08:00
c22b3ac319 task#,身份证上传添加验证 2024-09-14 11:35:51 +08:00
4250119cce task#,身份证上传添加验证 2024-09-14 11:26:22 +08:00
5fc76a5765 task#,身份证上传去除:max-size 2024-09-14 11:14:38 +08:00
71e1b1ebb7 task#,增加VConsole 2024-09-14 11:03:15 +08:00
73ec8c267b task#14504,换电瓶费用,加号改为减号 2024-08-30 10:50:59 +08:00
9cd3a70f43 task#14504,记账界面,输入框只能输入整数 2024-08-21 15:27:31 +08:00
431ba13eea task#14504,记账界面,输入框只能输入整数 2024-08-21 15:24:18 +08:00
672ed153da task#14504,结算单页面,辅助轮个数最多可以填四个 2024-08-20 14:49:33 +08:00
65c33e54f5 task#14504,记账模块字段添加 2024-08-19 17:24:41 +08:00
dedb0f53e9 task#14504,kpi的pc端适配js代码影响了后台挂载的H5页面,只给window.location.pathname=='/h5/supplier/dispatch/kpiIndex'加适配 2024-08-07 13:58:50 +08:00
8bed0868f8 task#14504,记账-》查看详情加车衣,电瓶费用展示 2024-07-31 16:57:30 +08:00
70cea4d888 task#14504,记账-》车衣,电瓶费用展示详情界面 2024-07-31 14:48:37 +08:00
6d1df4a720 task#14504,记账-》添加车衣,电瓶,责任险费用有就扣除;新增结算比例,按地库费用结算 2024-07-31 13:56:46 +08:00
a7cf0a837e task#14504,删除首页默认服务商id 2024-07-30 15:29:56 +08:00
ec995b7548 task#14504,月总,客户评价率缺少百分号,移动端时效切换折线图数据bugfix,table双loading优化,请求慢时,日期渲染无效日期格式优化 2024-07-30 14:48:15 +08:00
372bbc44c0 task#14504,清除按钮位置调整,司机搜索使用name 2024-07-25 17:12:31 +08:00
38 changed files with 16528 additions and 7690 deletions

View File

@ -29,3 +29,7 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
``` ```
code = 104, 接口不提示报错 code = 104, 接口不提示报错
``` ```
### 开发分支
```
dev_2025
```

12265
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -18,12 +18,13 @@
"qs": "^6.11.2", "qs": "^6.11.2",
"sass": "^1.65.1", "sass": "^1.65.1",
"sass-loader": "^13.3.2", "sass-loader": "^13.3.2",
"vant": "^2.12.54", "vant": "^2.13.2",
"vue": "^2.6.14", "vue": "^2.6.14",
"vue-router": "^3.0.7", "vue-router": "^3.0.7",
"vuex": "^3.6.2", "vuex": "^3.6.2",
"element-ui": "^2.15.9", "element-ui": "^2.15.9",
"dayjs": "^1.8.14" "dayjs": "^1.8.14",
"decimal.js": "^10.4.3"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.12.16", "@babel/core": "^7.12.16",

View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover,user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover,user-scalable=no">
<meta name="format-detection" content="telephone=yes"/> <meta name="format-detection" content="telephone=yes"/>
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
@ -29,16 +30,16 @@
} }
</script> </script>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.Polyline"></script> <script src="https://webapi.amap.com/maps?v=1.4.15&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.Polyline"></script>
<!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>-->
<script> <script>
// VConsole 默认会挂载到 `window.VConsole` 上 // VConsole 默认会挂载到 `window.VConsole` 上
// let vConsole = new window.VConsole(); // let vConsole = new window.VConsole();
(function (doc, win) { (function (doc, win) {
console.log("==window.location.pathname===",window.location.pathname)
let docEl = doc.documentElement let docEl = doc.documentElement
let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize' let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
recalc = function () { recalc = function () {
var clientWidth = docEl.clientWidth; var clientWidth = docEl.clientWidth;
// console.log("clientWidth",clientWidth)
if (!clientWidth) return; if (!clientWidth) return;
if (clientWidth < 400) { if (clientWidth < 400) {
clientWidth = 400; clientWidth = 400;
@ -48,13 +49,20 @@
if (!doc.addEventListener) return; if (!doc.addEventListener) return;
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
if (isMobile) {// 是移动端不变 if (isMobile) {// 是移动端不变
// console.log("是移动端不变")
}else{ }else{
win.addEventListener(resizeEvt, recalc, false); if(window.location.pathname=='/h5/supplier/dispatch/kpiIndex'){
doc.addEventListener('DOMContentLoaded', recalc, false); // console.log("执行了执行了")
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
}
/*else{
console.log("走着了这种饿 ")
}*/
} }
// console.log("isMobile",isMobile)
})(document, window); })(document, window);
</script> </script>
</body> </body>
</html> </html>

View File

@ -27,6 +27,14 @@ export function getDriverStatisticsKpi(data){
data data
}) })
} }
export function querySupplierDriverStatisticsScore(data){
return request({
url: '/supplier/supplierKPI/querySupplierDriverStatisticsScore',
method:'POST',
// contentType: 'application/json',
data
})
}
// 各种详情数据 // 各种详情数据
export function getKpiDetailsData(data){ export function getKpiDetailsData(data){
return request({ return request({
@ -36,6 +44,24 @@ export function getKpiDetailsData(data){
data data
}) })
} }
// 获取近12个月的服务商数据
export function getRecentSupplierKpi(data){
return request({
url: '/supplier/supplierKPI/queryRecentSupplierStatisticsKpi',
method:'POST',
// contentType: 'application/json',
data
})
}
// 司机分数详情
export function driverScoreDetail(data){
return request({
url: '/supplier/supplierKPI/querySupplierDriverStatisticsScore',
method:'POST',
// contentType: 'application/json',
data
})
}
// 关键词搜索服务商名称 // 关键词搜索服务商名称
export function getSupplierId(key) { export function getSupplierId(key) {
return request({ return request({

View File

@ -132,7 +132,7 @@ export function deleteImage(data){
}) })
} }
//新增记账图片 form-data //新增记账图片 form-data
export function insertRecordPicture(data){ /*export function insertRecordPicture(data){
return request({ return request({
url:'/supplierAppV2/dispatchApp/accountRecord/insertRecordPicture', url:'/supplierAppV2/dispatchApp/accountRecord/insertRecordPicture',
method:'POST', method:'POST',
@ -142,27 +142,35 @@ export function insertRecordPicture(data){
// 'Content-Type': 'multipart/form-data', // 'Content-Type': 'multipart/form-data',
// }, // },
}) })
} }*/
//开票通知列表 //开票通知列表
export function notifyInvoiceList(data){ export function notifyInvoiceList(data){
return request({ return request({
url:'/supplierAppV2/dispatchApp/accountRecord/notifyInvoiceList', url:'/order/taskInvoiceBatch/selectPageList',
method:'POST', method:'POST',
contentType:'application/json',
data data
}) })
} }
// contentType:'application/json',
//开票通知详情 //开票通知详情
export function notifyInvoiceDetail(data){ export function notifyInvoiceDetail(data){
return request({ return request({
url:'/supplierAppV2/dispatchApp/accountRecord/notifyInvoiceDetail', url:'/order/taskInvoiceBatch/selectById',
method:'POST', method:'POST',
contentType:'application/json',
data data
}) })
} }
// /supplier/supplierTrainingMaterials/pageList 获取培训材料列表 // 关联案件
export function getOrderListByInvoice(data) {
return request({
url:'/order/taskOrderCostHisRecord/selectPageList',
method:'POST',
data
})
}
// 调度app获取新签列表
export function pageList(data){ export function pageList(data){
return request({ return request({
url:'/supplierAppV2/dispatchApp/user/supplierTrainingMaterialsPageList', url:'/supplierAppV2/dispatchApp/user/supplierTrainingMaterialsPageList',
@ -171,6 +179,31 @@ export function pageList(data){
data data
}) })
} }
// 司机app获取新签列表
export function driverTrainList(key){
return request({
url:'/supplier/supplierTraining/trainingTask',
method:'GET',
params:key
})
}
//获取普通材料
export function getNormalList(key) {
return request({
url: '/supplier/supplierTraining/normalList',
method: 'GET',
params:key
});
}
//获取培训材料
export function getTrainingList(key) {
return request({
url: '/supplier/supplierTraining/trainingList',
method: 'GET',
params:key
});
}
//用户操作权限 //用户操作权限
export function userOperationPermissions(){ export function userOperationPermissions(){
return request({ return request({
@ -189,6 +222,83 @@ export function uploadImage(data){
}) })
} }
// 发票上传
export function uploadInvoice(data){
return request({
url:'/order/taskInvoiceBatch/saveInvoiceImagesAndIdentify',
method:'POST',
contentType:'multipart/form-data',
data
})
}
// 删除发票
export function deleteInvoice(data) {
return request({
url:'/order/taskInvoiceBatch/deleteInfo',
method:'POST',
contentType:'multipart/form-data',
data
})
}
// 生成财务批次
export function createBatch(data) {
return request({
url:'/order/taskInvoiceBatch/supplierCreateFinanceBatch',
method:'POST',
contentType:'application/x-www-form-urlencoded',
data,
testFlag: true
})
}
// 开票信息列表
export function getFinanceBatchList(data) {
return request({
url:'/order/taskInvoiceFinanceBatch/selectFinanceBatchPageList',
method:'POST',
data,
})
}
// 批次对应发票信息列表
export function financeInvoiceList(data) {
return request({
url:'/order/taskInvoiceBatch/selectInvoicePageList',
method:'POST',
data,
})
}
// 查看发票
export function selectInvoiceDetailInfo(data) {
return request({
url:'/order/taskInvoiceBatch/selectInvoiceDetailInfo',
method:'POST',
data,
})
}
// 填写快递
export function saveBatchCourierNumber(data) {
return request({
url:'/order/taskInvoiceBatch/supplierSaveBatchCourierNumber',
method:'POST',
data,
})
}
// 获取服务商发票信息
export function getBillingInfo(url, data) {
return request({
url: url,
method:'POST',
contentType:'multipart/form-data',
data
})
}
// ocr 识别 // ocr 识别
export function ocrHandler(data){ export function ocrHandler(data){
return request({ return request({

View File

@ -77,3 +77,21 @@ export function updateOrderSettlement(data){
data data
}) })
} }
// 电瓶数量列表
export function batteryCountList(){
return request({
url:'/supplierAppV2/dispatchApp/battery/batteryCountList',
method:'POST',
contentType:'application/json',
// data
})
}
// 电瓶详情
export function batteryDetailList (data){
return request({
url:'/supplierAppV2/dispatchApp/battery/batteryDetailList',
method:'POST',
contentType:'application/json',
data
})
}

BIN
src/assets/icon_upload.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 524 B

View File

@ -2,6 +2,7 @@ import Vue from "vue";
import VueRouter from "vue-router"; import VueRouter from "vue-router";
Vue.use(VueRouter); Vue.use(VueRouter);
import kpiRouter from './kpi-router' import kpiRouter from './kpi-router'
import invoiceRouter from "@/router/invoice-router";
const routes = [ const routes = [
{ {
path: '/', path: '/',
@ -84,15 +85,48 @@ const routes = [
name: 'invoicingNotify', name: 'invoicingNotify',
component: () => import('@/views/index/invoicingNotify.vue'), component: () => import('@/views/index/invoicingNotify.vue'),
meta: { meta: {
title: '开票通知' title: '工单批次'
} }
}, },
{
path: "/invoiceListInfo",
name: 'invoiceListInfo',
component: () => import('@/views/index/invoiceListInfo.vue'),
meta: {
title: '开票信息'
}
},
{
path: "/invoiceInfo",
name: 'invoiceInfo',
component: () => import('@/views/index/invoiceInfo.vue'),
meta: {
title: '开票信息'
}
},
{ {
path: "/invoicingDetail", path: "/invoicingDetail",
name: 'invoicingDetail', name: 'invoicingDetail',
component: () => import('@/views/index/invoicingDetail'), component: () => import('@/views/index/invoicingDetail'),
meta: { meta: {
title: '开票通知详情' title: '工单批次详情'
}
},
{
path: "/uploadInvoice",
name: 'uploadInvoice',
component: () => import('@/views/index/uploadInvoice.vue'),
meta: {
title: '上传发票',
cache: true
}
},
{
path: "/showInvoice",
name: 'showInvoice',
component: () => import('@/views/index/showInvoice.vue'),
meta: {
title: '查看发票'
} }
}, },
{ {
@ -131,6 +165,14 @@ const routes = [
path: '/trainDocment', path: '/trainDocment',
name: 'trainDocment', name: 'trainDocment',
component:()=>import('@/views/documentView/trainDocment.vue'), component:()=>import('@/views/documentView/trainDocment.vue'),
meta: {
title:'培训文档',
}
},
{
path: '/diverTrainDocment',
name: 'diverTrainDocment',
component:()=>import('@/views/documentView/diverTrainDocment.vue'),
meta: { meta: {
title:'培训文档' title:'培训文档'
} }
@ -180,7 +222,15 @@ const routes = [
name: 'newTrainingList', name: 'newTrainingList',
component:()=>import('@/views/newcomerTraining/newTrainingList.vue'), component:()=>import('@/views/newcomerTraining/newTrainingList.vue'),
meta: { meta: {
title:'新培训' title:'新服务商培训'
}
},
{
path: '/driverTrainingList',
name: 'driverTrainingList',
component:()=>import('@/views/newcomerTraining/driverTrainingList.vue'),
meta: {
title:'新师傅培训'
} }
}, },
{ {
@ -199,7 +249,24 @@ const routes = [
title:'维保申请' title:'维保申请'
} }
}, },
{
path: '/batteryList',
name: 'batteryList',
component:()=>import('@/views/battery/batteryList.vue'),
meta: {
title:'电瓶进销存'
}
},
{
path: '/batteryDetail',
name: 'batteryDetail',
component:()=>import('@/views/battery/batteryDetail.vue'),
meta: {
title:'电瓶详情'
}
},
...kpiRouter, ...kpiRouter,
...invoiceRouter,
] ]
const router = new VueRouter({ const router = new VueRouter({

View File

@ -0,0 +1,11 @@
const invoiceRouter = [
{
path: '/invoiceIndex',
name: 'invoiceIndex',
component: () => import('@/views/invoice/invoiceIndex'),
meta:{
title: '道路救援',
}
},
]
export default invoiceRouter

View File

@ -1,8 +1,9 @@
@import "@/styles/mixin.scss"; @import "@/styles/mixin.scss";
.wrap{ .wrap{
@include wh(100%,100%); @include wh(100%,100%);
background-color: #F4F5F7; background-color: #F4F5F7;
overflow-y: auto;
} }
.navBar{ .navBar{
margin-bottom: 46px; margin-bottom: 46px;
@ -13,16 +14,44 @@
@include wh(17px, 17px); @include wh(17px, 17px);
} }
} }
.tab_wrap {
@include fontWeightSize(bold, 12px);
display: flex;
justify-content: space-around;
padding: 5px 0 5px 0;
@include colorOpa(#737373,0.7);
div {
padding-top: 8px;
}
.active {
color: #3678FF;
position: relative;
}
.active:after {
content: '';
display: block;
@include wh(50px,2px);
background: linear-gradient(270deg, #33A3FF 0%, #176AFE 100%);
border-radius: 2px;
position: absolute;
margin-top: 3px;
left: 50%;
transform: translateX(-50%);
}
}
.contentWrap{ .contentWrap{
@include sizingPadding(0,8px); @include sizingPadding(0,8px);
overflow-y: auto;
width: 100%; width: 100%;
margin-top: 20px; height: calc(100% - 100px);
margin-top: 10px;
.itemWrap{ .itemWrap{
margin-bottom: 16px; margin-bottom: 16px;
@include wh(100%, 300px); width: 100%;
//@include wh(100%, 300px);
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5); box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);
@include sizingPadRadius(6px ,0,3px); @include sizingPadRadius(6px ,0,6px);
@include flexAround; @include flexAround;
@include fontWeightSize(400, 12px); @include fontWeightSize(400, 12px);
.flexBetween{ .flexBetween{
@ -31,18 +60,16 @@
.common{ .common{
margin: 0 15px ; margin: 0 15px ;
} }
.time{
color: rgba(0,0,0,0.7);
margin-top: 5px;
}
.imgWrap{ .imgWrap{
@include wh(100%,200px); @include wh(100%,200px);
position: relative; position: relative;
margin: 6px 0;
img{ img{
@include wh(100%,200px); @include wh(100%,100%);
}
.name{
position: absolute;
left: 30px;
bottom: 30px;
@include fontWeightSize(bold,14px);
color: #FFFFFF;
} }
} }
.left{ .left{

View File

@ -0,0 +1,103 @@
@import "@/styles/mixin.scss";
::v-deep .van-nav-bar__content{
background-color: #3A3A3A !important;
}
.wrap{
@include wh(100%,100%);
background-color: #F4F5F7;
}
.navBar{
margin-bottom: 46px;
}
.search{
color: #AAADB3 !important;
font-weight: bolder;
margin-right: 10px;
}
.navLeft{
display: flex;
flex-direction: column;
color: #9C9C9C;
font-size: 8px;
.icon{
font-size: 10px;
font-weight: bold;
margin-right: 5px;
margin-top: 5px;
}
}
.statisticContainer{
box-sizing: border-box;
padding: 8px;
}
.statisticWrap{
@include wh(100%,100px);
background: #FFFFFF;
box-sizing: border-box;
padding: 8px 8px 15px;
border-radius: 8px;
border: 1px solid #c7c1c1;
display: flex;
flex-direction: column;
justify-content: space-between;
.line1{
display: flex;
justify-content: space-between;
span:first-child{
font-weight: bolder;
}
span:last-child{
opacity: .7;
//font-size: 12px;
}
}
.numWrap{
display: flex;
justify-content: space-around;
div{
display: flex;
flex-direction: column;
align-items: center;
font-size: 14px;
font-weight: 500;
span:first-child{
margin-bottom: 3px;
font-size: 18px;
}
}
}
}
.rightWrap {
@include flexCenter;
.img2 {
@include wh(17px, 17px);
}
}
.driver_tab_wrap {
font-size: 12px;
display: flex;
justify-content: space-around;
padding: 5px 0 5px 0;
div {
padding-top: 8px;
}
.active {
position: relative;
}
.active:after {
content: '';
display: block;
@include wh(100px,2px);
background-color: #E8A524;
border-radius: 2px;
position: absolute;
margin-top: 3px;
left: 50%;
transform: translateX(-50%);
}
}
.empty{
margin-top: 14px;
}

View File

@ -16,19 +16,29 @@ localStorage.setItem('token', token);
service.interceptors.request.use( service.interceptors.request.use(
config => { config => {
let reqUrl=config.url let reqUrl=config.url
// console.log("reqUrl",reqUrl)
config.data = config.contentType ? config.data : qs.stringify(config.data) config.data = config.contentType ? config.data : qs.stringify(config.data)
config.headers['Content-Type'] = config.contentType || 'application/x-www-form-urlencoded' if (config.testFlag) {
config.data = qs.stringify(config.data, {arrayFormat: 'indices', allowDots: true})
}
config.headers['Content-Type'] = config.contentType || 'application/x-www-form-urlencoded'
let token = localStorage.getItem('token'); let token = localStorage.getItem('token');
// alert(token);
// let token='4099761587129c46b03c9316c9e866c9' // let token='4099761587129c46b03c9316c9e866c9'
// let token='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJzb25nIiwiYXVkIjpbInN1cHBsaWVyLWFwcCJdLCJuYmYiOjE3MTI0NTQ5NTMsInVzZXJfaW5mbyI6eyJ1c2VySWQiOjU0NjU0LCJwaG9uZSI6IjE3NjMwMDM1NjU4IiwibmFtZSI6InNvbmciLCJzdXBwbGllck5hbWUiOiJDLeS4iua1t-a1i-ivleacjeWKoeWVhiIsInN1cHBsaWVySWQiOjMzMDQxLCJzdXBwbGllclR5cGUiOjIsInVzZXJuYW1lIjoic29uZyIsInVzZXJUeXBlIjoicmVzY3VlQXBwIiwiZGV2aWNlSWQiOiIyMmI0OWNhMjBmOWI4MzMwZDk4NzIxNzNmMzllYTY4YmMiLCJhdXRob3JpdGllcyI6W119LCJzY29wZSI6WyJhbGwiXSwiaXNzIjoiaHR0cHM6Ly9zaW5vYXNzaXN0LmNvbSIsImV4cCI6MTcxMjU0MTM1MywiaWF0IjoxNzEyNDU0OTUzfQ.sPU9_OD_TOWcTwqmlawEGyo4mCPrEaRYw2R02gnvYJw' // let token='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJzb25nIiwiYXVkIjpbInN1cHBsaWVyLWFwcCJdLCJuYmYiOjE3MTI0NTQ5NTMsInVzZXJfaW5mbyI6eyJ1c2VySWQiOjU0NjU0LCJwaG9uZSI6IjE3NjMwMDM1NjU4IiwibmFtZSI6InNvbmciLCJzdXBwbGllck5hbWUiOiJDLeS4iua1t-a1i-ivleacjeWKoeWVhiIsInN1cHBsaWVySWQiOjMzMDQxLCJzdXBwbGllclR5cGUiOjIsInVzZXJuYW1lIjoic29uZyIsInVzZXJUeXBlIjoicmVzY3VlQXBwIiwiZGV2aWNlSWQiOiIyMmI0OWNhMjBmOWI4MzMwZDk4NzIxNzNmMzllYTY4YmMiLCJhdXRob3JpdGllcyI6W119LCJzY29wZSI6WyJhbGwiXSwiaXNzIjoiaHR0cHM6Ly9zaW5vYXNzaXN0LmNvbSIsImV4cCI6MTcxMjU0MTM1MywiaWF0IjoxNzEyNDU0OTUzfQ.sPU9_OD_TOWcTwqmlawEGyo4mCPrEaRYw2R02gnvYJw'
// console.log("tokentokentoken",token) if(!(reqUrl=='/supplier/supplierTraining/trainingTask' || reqUrl=='/supplier/supplierTraining/normalList' || reqUrl=='/supplier/supplierTraining/trainingList')){
if (reqUrl.includes("/driverApp")) { config.headers['Authorization'] = `${token}`;
config.headers['token'] = `${token}`;
}
/* if (reqUrl.includes("/driverApp")) {
// console.log("司机app")
config.headers['token'] = `${token}`; config.headers['token'] = `${token}`;
} else { } else if(reqUrl.includes("/supplierApp") || reqUrl.includes("/supplierKPI") || reqUrl.includes('/supplier/select') || reqUrl.includes('/order') || reqUrl.includes('/order/taskInvoiceBatch') || reqUrl.includes('/supplier') ){
console.log("调度app") // console.log("调度app服务商kpi")
config.headers['Authorization'] = `${token}`; config.headers['Authorization'] = `${token}`;
} }else{
config.headers['token'] = `${token}`;
}*/
return config return config
}, },
error => { error => {
@ -48,7 +58,7 @@ service.interceptors.response.use(
// } // }
if ( res.code === 401 || res.code === 400 || res.code == 500) { if ( res.code === 401 || res.code === 400 || res.code == 500) {
Toast(res.msg || 'Error') Toast(res.msg || 'Error')
return Promise.reject(new Error(res.msg || 'Error')) return Promise.reject(res.msg)
} else { } else {
return res return res
// if( res.code === 200 ) { // if( res.code === 200 ) {

View File

@ -34,19 +34,26 @@ export const myMixins = {
window.android.sendMessage("goBack"); window.android.sendMessage("goBack");
} }
}, },
goH5Detail(item){//h5传参到app文档资料培训文档 goH5Detail(item,type){//h5传参到app文档资料培训文档
// console.log("type",type)
let data = { let data = {
"action": "goTraining", "action": "goTraining",
"params": { "params": {
"id": item.id, "id":type == '培训文档' ? Number(1000000+item.id) : item.id,
} }
}; };
let u = navigator.userAgent; let u = navigator.userAgent;
let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
if(isiOS){ if(isiOS){
// console.log("data",data)
window.webkit.messageHandlers.nativeObject.postMessage(data); window.webkit.messageHandlers.nativeObject.postMessage(data);
}else { }else {
window.android.sendMessage("articleId=" + item.id); if(type == '培训文档'){
window.android.sendMessage("articleId=" +'q'+ item.id);
}else{
window.android.sendMessage("articleId=" + item.id);
}
} }
}, },
h5GoBack(){ h5GoBack(){

View File

@ -0,0 +1,138 @@
<template>
<div class="wrap" >
<div class="navBar">
<van-nav-bar
title="已售电瓶"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="h5GoBack"
> </van-nav-bar>
</div>
<div class="container" v-if="batteryDetailList && batteryDetailList.length>0">
<div class="itemWrap" v-for="(item,index) in batteryDetailList" :key="index">
<div>
<span class="halfOpci">设备号</span>
<span class="allOpci">{{ item.productNo }}</span>
</div>
<div>
<span class="halfOpci">品牌</span>
<span class="allOpci">{{ item.brand }}</span>
</div>
<div>
<span class="halfOpci">型号</span>
<span class="allOpci">{{ item.model }}</span>
</div>
<div>
<span class="halfOpci">售卖人员</span>
<span class="allOpci">{{ item.saleName }}</span>
</div>
<div>
<span class="halfOpci">售卖时间</span>
<span class="allOpci">{{ item.createTime }}</span>
</div>
</div></div>
</div>
</template>
<script>
import {myMixins} from "@/utils/myMixins"
import {batteryDetailList} from "@/api/order"
export default {
name: "batteryDetail",
mixins:[myMixins],
data(){
return{
batteryDetailList:[],
isLoading: false,
loading: false,
brand: '',
model:'',
}
},
async mounted() {
this.brand = this.$route.params.brand;
this.model = this.$route.params.model;
await this.getDetailList()
},
methods:{
async getDetailList(){
let res = await batteryDetailList({
brand:this.brand,
model:this.model,
})
this.batteryDetailList=res.data.reverse();
},
}
}
</script>
<style scoped lang="scss">
@import '@/styles/mixin.scss';
@import "@/styles/common.scss";
.wrap {
background: #F4F5F7;
@include wh(100%, 100%);
}
.navBar{
margin-bottom: 46px;
.rightWrap{
@include wh(50px,20px);
border-radius: 10px;
opacity: 0.7;
border: 1px solid #FFFFFF;
@include flexTwoCenter;
img{
@include widHeiMar(9px,8px,4px);
}
.addTxt{
@include fontWeightSize(bolder,11px);
@include colorOpa( #FFFFFF,0.7);
}
}
}
.container{
@include wh(100%, calc(100% - 56px));
overflow-y: auto;
@include sizingPadding(13px,13px);
}
.itemWrap {
@include wh(100%, 104px);
@include radiusSizing(6px);
@include fontWeightSize(400, 12px);
@include flexBetween;
background: #FFFFFF;
box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);
margin-bottom: 10px;
padding: 11px 13px 9px 15px;
position: relative;
.halfOpci {
display: inline-block;
width: 60px;
opacity: .5;
margin-right: 5px;
}
.allOpci {
opacity: 1;
}
.statusNo {
color: #FF0000;
}
.statusYes {
color: #09B820
}
.img{
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 35%;
cursor: pointer;
}
}
</style>

View File

@ -0,0 +1,171 @@
<template>
<div class="wrap" >
<div class="navBar">
<van-nav-bar
title="电瓶进销存"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="goBack"
>
</van-nav-bar>
</div>
<van-field class="input" right-icon="search" v-model="keyword" placeholder="请输入品牌或型号" @input="filterBatteryList"/>
<div class="container" v-if="batteryList && batteryList.length>0">
<div class="itemWrap" v-for="(item,index) in batteryList" :key="index">
<div>
<span class="halfOpci">品牌</span>
<span class="allOpci">{{ item.brand }}</span>
</div>
<div>
<span class="halfOpci">型号</span>
<span class="allOpci">{{ item.model }}</span>
</div>
<div>
<span class="halfOpci">总量</span>
<span class="allOpci">{{ item.totalNum }}</span>
</div>
<div>
<span class="halfOpci">库存数量</span>
<span class="allOpci">{{ item.stockNum }}</span>
</div>
<div>
<span class="halfOpci">已售数量</span>
<span class="allOpci">{{ item.sellNum }}</span>
</div>
<img @click="goBatteryDetail(item)" class="img" src="@/assets/arrow_rht.png" />
</div>
</div>
<div class="bgEmptyImg" v-show="show" >
<img src="@/assets/empty.png" />
</div>
</div>
</template>
<script>
import {myMixins} from "@/utils/myMixins"
import {batteryCountList} from "@/api/order"
export default {
name: "batteryList",
mixins:[myMixins],
data(){
return{
batteryList:[],
isLoading: false,
keyword:'',
}
},
computed:{
show() {
return (this.batteryList.length < 0 || this.batteryList.length == 0); // 判断数组长度是否大于 0
},
},
mounted() {
this.getList()
},
methods:{
async filterBatteryList(){
await this.getList()
this.batteryList = this.batteryList.filter(item =>
item.brand.includes(this.keyword) || item.model.includes(this.keyword)
);
},
goBatteryDetail(item){//电瓶详情
this.$router.push({
name: "batteryDetail",
params: {
brand: item.brand,
model: item.model,
}
})
},
async getList(){
let res = await batteryCountList()
this.batteryList=res.data
},
}
}
</script>
<style scoped lang="scss">
@import '@/styles/mixin.scss';
@import "@/styles/common.scss";
.wrap {
background: #F4F5F7;
@include wh(100%, 100%);
}
.navBar{
margin-bottom: 46px;
.rightWrap{
@include wh(50px,20px);
border-radius: 10px;
opacity: 0.7;
border: 1px solid #FFFFFF;
@include flexTwoCenter;
img{
@include widHeiMar(9px,8px,4px);
}
.addTxt{
@include fontWeightSize(bolder,11px);
@include colorOpa( #FFFFFF,0.7);
}
}
}
.input{
//@include sizingPadding(13px,13px);
//margin: 13px 0;
}
.container{
@include sizingPadding(13px,13px);
overflow-y: auto;
@include wh(100%, calc(100% - 96px));
}
.itemWrap {
@include wh(100%, 104px);
@include radiusSizing(6px);
@include fontWeightSize(400, 12px);
@include flexBetween;
background: #FFFFFF;
box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);
margin-bottom: 10px;
padding: 11px 13px 9px 15px;
position: relative;
//margin-top: 10px;
.halfOpci {
display: inline-block;
width: 60px;
opacity: .5;
margin-right: 5px;
}
.allOpci {
opacity: 1;
}
.statusNo {
color: #FF0000;
}
.statusYes {
color: #09B820
}
.img{
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 35%;
cursor: pointer;
}
}
.bgEmptyImg{
@include flexTwoCenter;
height: 90% ;
background-color: #FAFAFA;
img{
width: 100%;
}
}
</style>

View File

@ -0,0 +1,176 @@
<template>
<div class="wrap">
<div class="navBar">
<van-nav-bar
:border="false"
:fixed="true"
:safe-area-inset-top="true"
>
<template slot="title">
<van-field
v-model="keyword"
placeholder="名称/关键词/简介"
>
</van-field>
</template>
<template slot="left">
<div class="navLeft" @click="goBack">
<van-icon class="icon" name="arrow-left" />
<div>返回</div>
</div>
</template>
<template slot="right">
<van-icon class="search" name="search" size="20" @click="getTrainingList"/>
</template>
</van-nav-bar>
</div>
<div class="statisticContainer">
<div class="statisticWrap">
<div class="line1">
<span>培训统计</span>
<span>更新时间{{time}}</span>
</div>
<div class="numWrap">
<div>
<span>{{ numInfo?.totalNum }}</span>
<span>文章总数</span>
</div>
<div>
<span>{{ numInfo?.readNum }}</span><span>已培训数量</span>
</div>
<div>
<span>{{ numInfo?.notReadNum }}</span> <span>未培训数量</span>
</div>
</div>
</div>
</div>
<div class="driver_tab_wrap">
<div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
@click="changeTab(index)">
{{ item.name }}
</div>
</div>
<div class="contentWrap" v-show="!showEmpty">
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh">
<div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item,'培训文档')">
<div class="info flexBetween common">
<div class="title">{{ item.name }}<span v-if="item.mustRead===1" class="read">必读</span></div>
</div>
<div class="imgWrap">
<img :src="item.themePicture">
</div>
<div class="num common">{{ item.synopsis }}</div>
<div class="info flexBetween common" >
<div class="time">{{ item.pushTime }}</div>
<span style="color: red;font-size: 14px;margin-right: 8px" :class="item.alreadyRead===1 ? 'alRead' : ''">{{ item.alreadyRead===1 ? '已处理' : '未处理' }}</span>
</div>
</div>
</van-pull-refresh>
</div>
<div class="empty" v-show="showEmpty">
<img src="@/assets/empty.png" />
</div>
</div>
</template>
<script>
import {myMixins} from "@/utils/myMixins"
import {getTrainingList} from "@/api/mine"
import {timeFormat} from "@/utils/common";
export default {
name: "diverTrainDocment",
computed: {
},
mixins:[myMixins],
data(){
return{
tabArr: [{name: '车型技术参数', status: 1}, {name: '中道服务规范', status:2},{name: '中道小课堂', status: 3}],
activeIndex: 0,
pageList:[],
totalList:[],
numInfo:'',
keyword:'',
show:false,
showEmpty:false,
isLoading:false,
driverId:'',
time:'',
}
},
mounted() {
const urlParams = new URLSearchParams(window.location.search);
this.driverId = urlParams.get('driverId');
this.time=timeFormat(Date.now())
this.keyword=urlParams.get('keyWord') || ''
this.getTrainingList();
document.addEventListener('visibilitychange', async ( ) => {
let state = document.visibilityState
if (state == 'hidden') { // 用户离开了
}
if (state == 'visible') {
this.getTrainingList();
}
});
},
methods:{
onRefresh() {
this.getTrainingList()
setTimeout(() => {
this.$toast('刷新成功');
this.isLoading = false;
}, 1000);
},
async changeTab(index) {
this.activeIndex = index
await this.getTrainingList()
},
async getTrainingList(){
let res= await getTrainingList({
type:1,
id:this.driverId,
text:this.keyword || '',
})
this.totalList=[]
this.pageList=[]
this.numInfo=res.data
this.totalList=res.data.list
let result=[]
if(this.activeIndex === 0){
result=this.totalList?.filter(q => q.title === '车型技术参数');
}else if(this.activeIndex === 1){
result=this.totalList?.filter(q => q.title === '中道服务规范');
}else if(this.activeIndex === 2){
result=this.totalList?.filter(q => q.title === '中道小课堂');
}
if(result){
this.pageList=result[0].materials
this.time=timeFormat(Date.now())
}
if(this.pageList?.length === 0){
this.showEmpty = true
}else {
this.showEmpty = false
}
},
}
}
</script>
<style scoped lang="scss">
@import "@/styles/common.scss";
@import "@/styles/mixin.scss";
@import "@/styles/docment.scss";
@import "@/styles/driverDocment.scss";
.read{
padding: 2px 8px;
border-radius: 5px;
border: 1px solid red;
color: red;
font-size: 8px;
}
.alRead{
color: #cccccc !important;
}
.contentWrap{
height: calc(100% - 180px) !important;
}
</style>

View File

@ -1,28 +1,59 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<div class="navBar"> <template v-if="supplierId">
<van-nav-bar <div class="navBar">
left-arrow <van-nav-bar
left-arrow-color="#FFFFFF" left-arrow
:border="false" left-arrow-color="#FFFFFF"
:fixed="true" class="supplier"
:safe-area-inset-top="true" :border="false"
@click-left="goBack" :fixed="true"
> :safe-area-inset-top="true"
<template slot="title"> @click-left="goBack"
<div v-show="!show">文档资料</div> >
<van-field v-model="keyword" placeholder="请输入关键词" v-show="show" @input="getList"/> <template slot="title">
</template> <div v-show="!show">文档资料</div>
<template slot="right"> <van-field v-model="keyword" placeholder="请输入关键词" v-show="show" @input="getNormalList"/>
<div class="rightWrap" @click="show = !show"> </template>
<img src="@/assets/serach.png" class="img2" v-show="!show"/> <template slot="right">
<img src="@/assets/delKey.png" class="img2" v-show="show" @click="initShow"/> <div class="rightWrap" @click="show = !show">
</div> <img src="@/assets/serach.png" class="img2" v-show="!show"/>
</template> <img src="@/assets/delKey.png" class="img2" v-show="show" @click="initShow"/>
</van-nav-bar> </div>
</div> </template>
</van-nav-bar>
<div class="tab_wrap"> </div>
</template>
<template v-if="driverId">
<div class="navBar">
<van-nav-bar
:border="false"
:fixed="true"
:safe-area-inset-top="true"
>
<template slot="title">
<van-field
v-model="keyword"
placeholder="名称/关键词/简介"
>
<!-- <template #button>
<van-icon class="search" name="search" size="20" @click="getTrainingList"/>
</template>-->
</van-field>
</template>
<template slot="left">
<div class="navLeft" @click="goBack">
<van-icon class="icon" name="arrow-left" />
<div>返回</div>
</div>
</template>
<template slot="right">
<van-icon class="search" name="search" size="20" @click="getNormalList"/>
</template>
</van-nav-bar>
</div>
</template>
<div :class="supplierId ? 'tab_wrap' : 'driver_tab_wrap'">
<div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}" <div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
@click="changeTab(index)"> @click="changeTab(index)">
{{ item.name }} {{ item.name }}
@ -30,23 +61,15 @@
</div> </div>
<div class="contentWrap" v-show="!showEmpty"> <div class="contentWrap" v-show="!showEmpty">
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh"> <van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh">
<div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item)"> <div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item,'文档资料')">
<div class="info flexBetween common"> <div class="info flexBetween common">
<div class="title">{{ item.pushUser }}</div> <div class="title">{{ item.name }}</div>
<div class="time">{{ item.pushTime }}</div>
</div> </div>
<div class="imgWrap"> <div class="imgWrap">
<img :src="item.themePicture"> <img :src="item.themePicture">
<div class="name">{{item.name}}</div>
</div> </div>
<div class="num common">{{ item.synopsis }}</div> <div class="num common">{{ item.synopsis }}</div>
<div class="doc flexBetween common"> <div class="time common">{{ item.pushTime }}</div>
<div class="left">{{ item.docType?.label }}</div>
<div class="right">
<span style="color: red;font-size: 14px;margin-right: 8px">{{ item.listShowButton==null ? '已处理' : '未处理' }}</span>
<span style="opacity: .9;color: #ccc">阅读 {{item.readCount}}</span>
</div>
</div>
</div> </div>
</van-pull-refresh> </van-pull-refresh>
</div> </div>
@ -58,30 +81,36 @@
<script> <script>
import {myMixins} from "@/utils/myMixins" import {myMixins} from "@/utils/myMixins"
import {pageList} from "@/api/mine"; import {getNormalList} from "@/api/mine";
export default { export default {
name: "trainDocment", name: "docmentList",
mixins:[myMixins], mixins:[myMixins],
data(){ data(){
return{ return{
tabArr: [{name: '中道制度', status: 1}, {name: '技术参数', status: 2},], tabArr: [{name: '车型技术参数', status: 1}, {name: '中道服务规范', status:2},{name: '中道小课堂', status: 3}, {name: '新手入列', status: 4},],
activeIndex: 0, activeIndex: 0,
pageList:[], pageList:[],
pageNum:1, totalList:[],
pageSize:10,
keyword:'', keyword:'',
trainingType:1,
isLoading:false, isLoading:false,
show:false, show:false,
showEmpty:false showEmpty:false,
supplierId:'',
driverId:'',
} }
}, },
mounted() { mounted() {
this.getList() const urlParams = new URLSearchParams(window.location.search);
this.supplierId = urlParams.get('supplierId');
this.driverId = urlParams.get('driverId');
if(this.driverId){
this.keyword=urlParams.get('keyWord') || ''
}
this.getNormalList()
}, },
methods:{ methods:{
onRefresh() { onRefresh() {
this.getList() this.getNormalList()
setTimeout(() => { setTimeout(() => {
this.$toast('刷新成功'); this.$toast('刷新成功');
this.isLoading = false; this.isLoading = false;
@ -89,32 +118,41 @@ export default {
}, },
async changeTab(index) { async changeTab(index) {
this.activeIndex = index this.activeIndex = index
this.pageNum = 1 await this.getNormalList()
this.pageList = [];
if(this.activeIndex === 0){
this.trainingType =1
}else{
this.trainingType=2
}
await this.getList()
}, },
async getList(){ async getNormalList(){
let res= await pageList({ let res= await getNormalList({
pageNum:this.pageNum, type:this.supplierId ? 2 : 1,
pageSize:this.pageSize, // type:2,
docType:2, id: this.supplierId ? this.supplierId : this.driverId,
trainingType:this.trainingType, // id:this.supplierId,//33041,
keyword:this.keyword || '' text:this.keyword || '',
}) })
this.pageList=res.data; this.totalList=[]
if(res.data.length === 0){ this.pageList=[]
this.totalList=res.data.list
let result=[]
if(this.activeIndex === 0){
result=this.totalList?.filter(q => q.title === '车型技术参数');
}else if(this.activeIndex === 1){
result=this.totalList?.filter(q => q.title === '中道服务规范');
}else if(this.activeIndex === 2){
result=this.totalList?.filter(q => q.title === '中道小课堂');
}else if(this.activeIndex === 3){
result=this.totalList?.filter(q => q.title === '新手入列');
}
if(result){
this.pageList=result[0].materials
}
if(this.pageList?.length === 0){
this.showEmpty = true this.showEmpty = true
}else { }else {
this.showEmpty = false this.showEmpty = false
} }, }
},
initShow(){ initShow(){
this.keyword= '', this.keyword= '',
this.getList() this.getNormalList()
} }
} }
} }
@ -124,29 +162,8 @@ export default {
@import "@/styles/common.scss"; @import "@/styles/common.scss";
@import "@/styles/mixin.scss"; @import "@/styles/mixin.scss";
@import "@/styles/docment.scss"; @import "@/styles/docment.scss";
.tab_wrap { @import "@/styles/driverDocment.scss";
@include fontWeightSize(bolder, 15px); .supplier ::v-deep .van-nav-bar__content{
display: flex; background-color: #2C395F !important;
justify-content: space-around;
padding: 5px 0 5px 0;
@include colorOpa(#737373,0.7);
div {
padding-top: 8px;
}
.active {
color: #3678FF;
position: relative;
}
.active:after {
content: '';
display: block;
@include wh(50px,3px);
background: linear-gradient(270deg, #33A3FF 0%, #176AFE 100%);
border-radius: 2px;
position: absolute;
margin-top: 3px;
left: 50%;
transform: translateX(-50%);
}
} }
</style> </style>

View File

@ -11,7 +11,7 @@
> >
<template slot="title"> <template slot="title">
<div v-show="!show">培训文档</div> <div v-show="!show">培训文档</div>
<van-field v-model="keyword" placeholder="请输入关键词" v-show="show" @input="getList"/> <van-field v-model="keyword" placeholder="请输入关键词" v-show="show" @input="getTrainingList"/>
</template> </template>
<template slot="right"> <template slot="right">
<div class="rightWrap" @click="show = !show"> <div class="rightWrap" @click="show = !show">
@ -21,25 +21,26 @@
</template> </template>
</van-nav-bar> </van-nav-bar>
</div> </div>
<div class="tab_wrap">
<div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
@click="changeTab(index)">
{{ item.name }}
</div>
</div>
<div class="contentWrap" v-show="!showEmpty"> <div class="contentWrap" v-show="!showEmpty">
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh"> <van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh">
<div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item)"> <div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item,'培训文档')">
<div class="info flexBetween common"> <div class="info flexBetween common">
<div class="title">{{ item.pushUser }}</div> <div class="title">{{ item.name }}<span v-if="item.mustRead===1" class="read">必读</span></div>
<div class="time">{{ item.pushTime }}</div> <!-- <div class="time">{{ item.pushTime }}</div>-->
</div> </div>
<div class="imgWrap"> <div class="imgWrap">
<img :src="item.themePicture"> <img :src="item.themePicture">
<div class="name">{{item.name}}</div>
</div> </div>
<div class="num common">{{ item.synopsis }}</div> <div class="num common">{{ item.synopsis }}</div>
<div class="doc flexBetween common"> <div class="info flexBetween common" >
<div class="left">{{ item.docType?.label }}</div> <div class="time">{{ item.pushTime }}</div>
<div class="right"> <span style="color: red;font-size: 14px;margin-right: 8px" :class="item.alreadyRead===1 ? 'alRead' : ''">{{ item.alreadyRead===1 ? '已处理' : '未处理' }}</span>
<span style="color: red;font-size: 14px;margin-right: 8px">{{ item.listShowButton==null ? '已处理' : '未处理' }}</span>
<span style="opacity: .9;color: #ccc">阅读 {{item.readCount}}</span>
</div>
</div> </div>
</div> </div>
</van-pull-refresh> </van-pull-refresh>
@ -52,7 +53,7 @@
<script> <script>
import {myMixins} from "@/utils/myMixins" import {myMixins} from "@/utils/myMixins"
import {pageList} from "@/api/mine" import {getTrainingList} from "@/api/mine"
export default { export default {
name: "trainDocment", name: "trainDocment",
computed: { computed: {
@ -60,35 +61,65 @@ export default {
mixins:[myMixins], mixins:[myMixins],
data(){ data(){
return{ return{
tabArr: [{name: '车型技术参数', status: 1}, {name: '中道服务规范', status:2},{name: '中道小课堂', status: 3}],
activeIndex: 0,
pageNum:1, pageNum:1,
pageSize:10, pageSize:10,
pageList:[], pageList:[],
totalList:[],
keyword:'', keyword:'',
show:false, show:false,
showEmpty:false, showEmpty:false,
isLoading:false, isLoading:false,
supplierId:'',
} }
}, },
mounted() { mounted() {
this.getList(); const urlParams = new URLSearchParams(window.location.search);
this.supplierId = urlParams.get('supplierId');
this.getTrainingList();
document.addEventListener('visibilitychange', async ( ) => {
let state = document.visibilityState
if (state == 'hidden') { // 用户离开了
}
if (state == 'visible') {
this.getTrainingList();
}
});
}, },
methods:{ methods:{
onRefresh() { onRefresh() {
this.getList() this.getTrainingList()
setTimeout(() => { setTimeout(() => {
this.$toast('刷新成功'); this.$toast('刷新成功');
this.isLoading = false; this.isLoading = false;
}, 1000); }, 1000);
}, },
async getList(){ async changeTab(index) {
let res= await pageList({ this.activeIndex = index
pageNum:this.pageNum, await this.getTrainingList()
pageSize:this.pageSize, },
docType:1, async getTrainingList(){
keyword:this.keyword || '' let res= await getTrainingList({
type:2,
id: this.supplierId,
text:this.keyword || '',
}) })
this.pageList=res.data; this.totalList=[]
if(res.data.length === 0){ this.pageList=[]
this.totalList=res.data.list
let result=[]
if(this.activeIndex === 0){
result=this.totalList?.filter(q => q.title === '车型技术参数');
}else if(this.activeIndex === 1){
result=this.totalList?.filter(q => q.title === '中道服务规范');
}else if(this.activeIndex === 2){
result=this.totalList?.filter(q => q.title === '中道小课堂');
}
if(result){
this.pageList=result[0].materials
}
if(this.pageList?.length === 0){
this.showEmpty = true this.showEmpty = true
}else { }else {
this.showEmpty = false this.showEmpty = false
@ -96,7 +127,7 @@ export default {
}, },
initShow(){ initShow(){
this.keyword= '', this.keyword= '',
this.getList() this.getTrainingList()
} }
} }
} }
@ -105,4 +136,14 @@ export default {
@import "@/styles/common.scss"; @import "@/styles/common.scss";
@import "@/styles/mixin.scss"; @import "@/styles/mixin.scss";
@import "@/styles/docment.scss"; @import "@/styles/docment.scss";
.read{
padding: 2px 8px;
border-radius: 5px;
border: 1px solid red;
color: red;
font-size: 8px;
}
.alRead{
color: #cccccc !important;
}
</style> </style>

View File

@ -16,13 +16,26 @@
<img class="startImg" src="@/assets/start.png" /> <img class="startImg" src="@/assets/start.png" />
<span>身份证正面</span> <span>身份证正面</span>
</div> </div>
<!-- <van-image @click="handlePreview" @remove="handleRemove" style="width: 54px;height: 54px;" class="camerImg" v-if="identityCardFront" :src="identityCardFront" />-->
<!-- <el-upload-->
<!-- v-else-->
<!-- :action="baseURL + '/order/uploadImage'"-->
<!-- :headers='authorization'-->
<!-- accept=".png,.jpg,.jpeg,.zip,.rar,.xlsx,.xsavels,.pdf,.PDF,.doc,.docx"-->
<!-- :on-success="changeHandle"-->
<!-- :before-upload="checkImgType"-->
<!-- class="upload-demo"-->
<!-- :show-file-list="false"-->
<!-- >-->
<!-- <van-icon slot="default" name="plus" style="font-size: 54px" />-->
<!-- </el-upload>-->
<van-uploader <van-uploader
v-model="identityCardFrontList" v-model="identityCardFrontList"
:after-read="identityCardFrontHandler" :after-read="identityCardFrontHandler"
:max-size="5 * 1024 * 1024" :max-count="1"
max-count="1" :preview-size="54"
:preview-size="54" :max-size="5 * 1024 * 1024"
accept="image " accept="image/*"
/> />
</div> </div>
<div class="lineBot"></div> <div class="lineBot"></div>
@ -139,11 +152,15 @@ import {saveDriver, uploadImage, ocrHandler} from "@/api/mine"
import TwoCommonBtn from "@/components/twoBtnCommon.vue" import TwoCommonBtn from "@/components/twoBtnCommon.vue"
import CellGroup from "@/components/cellGroup.vue" import CellGroup from "@/components/cellGroup.vue"
import {formatDate1} from "@/utils/common" import {formatDate1} from "@/utils/common"
// import {ImagePreview} from "vant";
export default { export default {
name: "driverAdd", name: "driverAdd",
mixins:[myMixins], mixins:[myMixins],
data(){ data(){
return{ return{
// baseURL:'',
// licenseOcrInfo:'',
id:'', id:'',
driverName:"", driverName:"",
driverPhone:"", driverPhone:"",
@ -169,9 +186,22 @@ export default {
idCardAuthority:'', idCardAuthority:'',
idCardValidStartTime:'', idCardValidStartTime:'',
idCardValidEndTime:'', idCardValidEndTime:'',
} // authorization:{Authorization: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJzb25nIiwiYXVkIjpbInN1cHBsaWVyLWFwcCJdLCJuYmYiOjE3MjY4MDk4MTQsInVzZXJfaW5mbyI6eyJ1c2VySWQiOjU0NjU0LCJwaG9uZSI6IjE3NjMwMDM1NjU4IiwibmFtZSI6InNvbmciLCJzdXBwbGllck5hbWUiOiLkuIrmtbfmtYvor5XkvpvlupTllYYiLCJzdXBwbGllcklkIjozMzA0MSwic3VwcGxpZXJUeXBlIjoyLCJ1c2VybmFtZSI6InNvbmciLCJ1c2VyVHlwZSI6InJlc2N1ZUFwcCIsImRldmljZUlkIjoiMTkwZTM1ZjdlMTRhYzdjMDAwNyIsImF1dGhvcml0aWVzIjpbXX0sInNjb3BlIjpbImFsbCJdLCJpc3MiOiJodHRwczovL3Npbm9hc3Npc3QuY29tIiwiZXhwIjoxNzI2ODk2MjE0LCJpYXQiOjE3MjY4MDk4MTR9.5KTAMXZf8ll6HS4Z49YJQ1HiRvHr79Q1goDAGEtsBmY'},
// authorization:{Authorization:''},
}
}, },
mounted() { mounted() {
/* if (window.location.href.includes('www.sinoassist.com')) {
this.baseURL = 'https://api.sinoassist.com'
} else if (window.location.href.includes('ccreview.sino-assist.com')) {
this.baseURL = 'https://api.sinoassist.com'
} else {
this.baseURL = 'https://api1.sino-assist.com'
// this.baseURL = 'http://localhost:8080'
}
let token=localStorage.getItem('token')
this.authorization.Authorization=token;*/
this.id = this.$route.params?.id; this.id = this.$route.params?.id;
this.driverName = this.$route.params?.name; this.driverName = this.$route.params?.name;
this.driverPhone = this.$route.params?.phone; this.driverPhone = this.$route.params?.phone;
@ -215,6 +245,41 @@ export default {
isUse(e){ isUse(e){
this.states=e this.states=e
}, },
/* checkImgType(file) {
const FileExt = file.name.replace(/.+\./, "");
const isLt5M = file.size / 1024 / 1024 < 5;
const whiteList = ['png', 'jpeg', 'jpg'];
if (whiteList.indexOf(FileExt.toLowerCase()) === -1) {
this.$message.error("请上传正确的文件格式:" + whiteList.join('、'))
return false
}
if (!isLt5M) {
this.$message.error('上传图片大小不能超过 5MB!');
return false
}
},
handleRemove() {
this.identityCardFront = ''
},
handlePreview() {
ImagePreview({
images: this.identityCardFront,
startPosition: 1,
closeable: true,
});
},
async changeHandle(response) {
if (response.success === true) {
this.$toast('上传成功')
// this.form.identityCardFront = response.data;
// await this.ocrFrontHandler()
this.identityCardFront = response.data;
console.log("this.identityCardFront",this.identityCardFront)
await this.idCardOcrHandler();
} else {
this.$toast('上传失败')
}
},*/
async identityCardFrontHandler(file) { // 上传身份证正面照片 async identityCardFrontHandler(file) { // 上传身份证正面照片
const formData = new FormData(); const formData = new FormData();
formData.append("file" , file.file); formData.append("file" , file.file);

View File

@ -0,0 +1,344 @@
<template>
<div class="wrap">
<div class="navBar">
<van-nav-bar
title="开票信息"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="h5GoBack"
/>
</div>
<div class="contentWrap">
<div class="content_tab">
<div class="tab_title">批次信息</div>
<div class="tab_content">
<div class="item_wrap">
<div class="item_label">财务编号</div>
<div class="item_content">
<span id="copyText">{{invoiceInfo.financeBatchCode}}</span>
<img class="copyIcon" @click="copyHandler(invoiceInfo.financeBatchCode)" src="@/assets/copy.png" />
</div>
</div>
<div class="item_wrap">
<div class="item_label">工单数量</div>
<div class="item_content">
{{invoiceInfo.orderNum}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">总金额</div>
<div class="item_content">
{{invoiceInfo.totalMoney}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">扣款</div>
<div class="item_content">
{{invoiceInfo.cutMoney || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">税额扣款</div>
<div class="item_content">
{{invoiceInfo.taxCutMoney || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">开票金额</div>
<div class="item_content">
{{invoiceInfo.invoiceMoney || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">备注</div>
<div class="item_content">
{{invoiceInfo.remark || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">失败原因</div>
<div class="item_content">
{{invoiceInfo.failRemark || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">创建时间</div>
<div class="item_content">
{{invoiceInfo.createTime}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">对账状况</div>
<div class="item_content">
{{ statusStr(invoiceInfo.status, invoiceInfo.createTime) }}
</div>
</div>
</div>
</div>
<div class="content_tab mt10">
<div class="tab_title">发票信息</div>
<div class="itemWrap" v-for="(item,index) in invoiceList" :key="index">
<div class="item line1">
<div class="title own_title">{{item.accountName}}</div>
<div class="checkBtn" @click="goShowInvoice(item)">查看</div>
</div>
<div class="item">
<span class="title">发票号码:</span>
<span class="content">{{item.financeBatchCode}}</span>
</div>
<div class="item">
<span class="title">发票金额:</span>
<span class="content">{{item.invoiceMoney}}</span>
</div>
<div class="item">
<span class="title">开票日期:</span>
<span class="content">{{ item.invoiceDate }}</span>
</div>
</div>
</div>
<div class="content_tab mt10">
<div class="tab_title">快递信息</div>
<div class="itemWrap bg_cls pd_cls">
<div class="item mb10">
<span class="title width_cls">发票类型:</span>
<span class="content">
<van-radio-group v-model="invoiceType" disabled direction="horizontal">
<van-radio :name="1" icon-size="16px">电子发票</van-radio>
<van-radio :name="2" icon-size="16px">纸质发票</van-radio>
</van-radio-group>
</span>
</div>
<div class="item">
<span class="title width_cls">补录快递单号:</span>
<span class="content" style="flex: 1">
<van-field v-model="courierNumber" label="" />
</span>
</div>
</div>
</div>
<div class="invoice_btn_wrap">
<div class="btn" @click="saveHandler">保存</div>
</div>
</div>
</div>
</template>
<script>
import {myMixins} from "@/utils/myMixins"
import { financeInvoiceList, selectInvoiceDetailInfo, saveBatchCourierNumber } from "@/api/mine"
import {Dialog} from "vant";
export default {
name: "invoiceInfo",
mixins: [ myMixins ],
data() {
return {
invoiceInfo: {},
invoiceList: [],
invoiceType: '',
courierNumber: '',
id: ''
}
},
async mounted() {
let showItemInfo = localStorage.getItem('showItemInfo');
this.invoiceInfo = showItemInfo ? JSON.parse(showItemInfo) : {};
console.log('this.invoiceInfo', this.invoiceInfo)
this.invoiceType = this.invoiceInfo.invoiceType
this.id = this.$route.query.id;
await this.getInvoiceHandler()
},
methods: {
async saveHandler() {
await saveBatchCourierNumber({
invoiceBatchId: this.id,
courierNumber: this.courierNumber,
})
Dialog.alert({
title: '提示',
message: '操作成功!',
}).then(() => {
this.h5GoBack()
});
},
async goShowInvoice(item) {
let res = await selectInvoiceDetailInfo({
id: item.id
})
localStorage.setItem('invoiceDetail', JSON.stringify(res.data));
this.goPage('showInvoice')
},
statusStr(status,date) {
if(new Date('2024-01-01 00:00:00') > new Date(date)){
return ''
}
if( status == 1 ) {
return '待审核'
} else if( [2 ,3].includes(status)) {
return '审核通过'
} else if( status == 7 ) {
return '审核失败'
} else if( status == 4 ) {
return '已打款'
} else if( status == 8 ) {
return '打款中'
} else {
return ''
}
},
async getInvoiceHandler() {
let res = await financeInvoiceList({
current: 1,
pageSize: 1000,
total: 0,
pageNum: 1,
invoiceBatchId: this.id
});
this.invoiceList = res.data;
console.log('current', res)
},
copyHandler(copyText){
let inputNode = document.createElement('input') // 创建input
inputNode.value = copyText // 赋值给 input 值
document.body.appendChild(inputNode) // 插入进去
inputNode.select() // 选择对象
document.execCommand('Copy') // 原生调用执行浏览器复制命令
inputNode.className = 'oInput'
inputNode.style.display = 'none' // 隐藏
this.$toast('复制成功')
},
}
}
</script>
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.wrap{
@include wh(100%,100%);
background-color: #F4F5F7;
overflow-y: auto;
box-sizing: border-box;
}
.navBar{
margin-bottom: 46px;
}
.contentWrap{
.content_tab {
background-color: #fff;
width: 100%;
padding: 15px 15px;
box-sizing: border-box;
.tab_title {
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
.tab_content {
.item_wrap {
display: flex;
align-items: center;
line-height: 26px;
font-size: 12px;
.item_label {
color: rgba(0,0,0,0.5);
margin-right: 5px;
width: 60px;
}
.item_content {
display: flex;
align-items: center;
}
}
}
}
}
.copyIcon {
width: 35px;
height: 15px;
margin-left: 10px
}
.itemWrap{
/*background: #FFFFFF;*/
background-color: #EBF2F7;
padding: 10px 20px;
border: 1px solid #EBF2F7;
border-radius: 4px;
position: relative;
width: 100%;
box-sizing: border-box;
line-height: 26px;
@include flexBetween;
margin-bottom: 10px;
.line1{
width: 100%;
@include flexColBet;
.checkBtn{
@include bgFontColor(#FFFFFF,#354D93);
@include wh(48px,18px);
border-radius: 3px;
line-height: 18px;
text-align: center;
}
}
}
.item{
display: flex;
@include fontWeightSize(400,12px);
span{
display: inline-block;
}
.title{
opacity: 0.5;
margin-right: 5px;
}
.own_title {
font-weight: bold;
font-size: 14px;
opacity: 1;
}
}
.mt10 {
margin-top: 10px;
}
.bg_cls {
background-color: #fff;
}
.pd_cls {
padding-top: 15px;
padding-bottom: 15px;
}
::v-deep .van-cell {
padding: 0;
border: 1px solid #EBF2F7;
}
.width_cls {
width: 80px;
}
.invoice_btn_wrap {
width: 100%;
padding: 20px;
box-sizing: border-box;
background-color: #fff;
.btn {
width: 100%;
background-color: #2C395F;
color: #fff;
padding: 15px 0;
text-align: center;
border-radius: 6px;
}
}
.mb10 {
margin-bottom: 10px;
}
::v-deep .van-radio__icon {
margin-right: 10px;
}
</style>

View File

@ -0,0 +1,262 @@
<template>
<div class="wrap">
<div class="navBar">
<van-nav-bar
title="开票信息"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="goBack"
/>
</div>
<div class="search_wrap">
<div class="search_left">
<el-select v-model="form.statusValue" size="mini" clearable placeholder="请选择审核状态">
<el-option
v-for="item in statusValueOptions"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="search_right">
<van-search
v-model="form.financeBatchCode"
show-action
placeholder="请输入搜索关键词"
@search="onSearch"
>
<template #action>
<div @click="onSearch">搜索</div>
</template>
</van-search>
</div>
</div>
<div class="contentWrap">
<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
<van-list
v-model="loading"
:finished="finished"
finished-text="没有更多了"
@load="getMore"
>
<div class="itemWrap" v-for="(item,index) in invoiceList" :key="index">
<div class="item line1">
<div class="itemTime">
<span class="title">开票编号:</span>
<span class="content">{{ item.financeBatchCode }}</span>
</div>
<div class="checkBtn" @click="getInvoiceInfo(item)">查看</div>
</div>
<div class="item">
<span class="title">工单数量:</span>
<span class="content">{{ item.orderNum }}</span>
</div>
<div class="item">
<span class="title">开票金额:</span>
<span class="content">{{ item.invoiceMoney || 0 }}</span>
</div>
<div class="item">
<span class="title">创建时间:</span>
<span class="content">{{ item.createTime }}</span>
</div>
<div class="item">
<span class="title">对账状态:</span>
<span class="content">{{ statusStr(item.status, item.createTime) }}</span>
</div>
</div>
</van-list>
</van-pull-refresh>
</div>
</div>
</template>
<script>
import { myMixins } from "@/utils/myMixins"
import { getFinanceBatchList } from "@/api/mine"
export default {
name: "invoiceListInfo",
mixins: [ myMixins ],
data() {
return {
form: {
statusValue: '',
financeBatchCode: '',
statusList: [],
},
invoiceList: [],
isLoading: false,
loading: false,
finished: false,
page: {
current: 1,
pageSize: 10,
total: 0,
pageNum: 1,
},
supplierId: '',
statusValueOptions:[{name:'待审核',value:1},{name:'审核通过待打款',value: 2},{name:'审核失败',value: 3},{name:'打款中',value: 4},{name:'已打款',value: 5}],
}
},
watch:{
async 'form.statusValue' (){
if( this.form.statusValue == 1 ) {
this.form.statusList = [1]
} else if( this.form.statusValue == 2 ) {
this.form.statusList = [2, 3]
} else if( this.form.statusValue == 3 ) {
this.form.statusList = [7]
} else if( this.form.statusValue == 4 ) {
this.form.statusList = [8]
} else if( this.form.statusValue == 5 ) {
this.form.statusList = [4]
} else {
this.form.statusList = []
}
}
},
async mounted() {
this.supplierId = this.$route.query.supplierId;
},
methods: {
async onSearch() {
this.page.pageNum=1;
await this.getList()
},
onRefresh() {
this.page.pageNum=1;
this.getList();
setTimeout(() => {
this.$toast('刷新成功');
this.isLoading = false;
}, 1000);
},
async getMore(){
await this.getList()
this.page.pageNum++;
// 加载状态结束
this.loading = false;
// 数据全部加载完成
if (this.invoiceList.length >= this.page.total) {
this.finished = true;
}
},
async getList() {
let res = await getFinanceBatchList({
...this.page,
...this.form,
supplierId: this.supplierId
});
if(res.code == 200){
this.page.total = res.total;
if(this.page.pageNum == 1){
this.invoiceList = res.data;
}else{
let preList = this.invoiceList;
let arr = res.data;
this.invoiceList = preList.concat(arr)
}
if (this.invoiceList.length === 0) {
this.show=true
}else{
this.show=false
}
}
},
getInvoiceInfo(item) {
localStorage.setItem('showItemInfo', JSON.stringify(item));
this.goPage('invoiceInfo', {
id: item.id
})
},
statusStr(status,date) {
if(new Date('2024-01-01 00:00:00') > new Date(date)){
return ''
}
if( status == 1 ) {
return '待审核'
} else if( [2 ,3].includes(status)) {
return '审核通过'
} else if( status == 7 ) {
return '审核失败'
} else if( status == 4 ) {
return '已打款'
} else if( status == 8 ) {
return '打款中'
} else {
return ''
}
},
}
}
</script>
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.wrap{
@include wh(100%,100%);
background-color: #F4F5F7;
overflow-y: auto;
box-sizing: border-box;
}
.navBar{
margin-bottom: 46px;
}
.contentWrap {
background-color: #F4F5F7;
width: 100%;
box-sizing: border-box;
padding: 10px;
}
.search_wrap {
display: flex;
align-items: center;
padding-left: 10px;
background-color: #fff;
.search_left {
width: 100px;
font-size: 12px;
}
.search_right {
flex: 1;
}
}
.itemWrap{
background: #FFFFFF;
position: relative;
width: 100%;
box-sizing: border-box;
padding: 15px;
border-radius: 6px;
line-height: 26px;
@include flexBetween;
margin-bottom: 10px;
.item{
@include fontWeightSize(400,12px);
span{
display: inline-block;
}
.title{
opacity: .5;
margin-right: 5px;
}
}
.line1{
width: 100%;
@include flexColBet;
.checkBtn{
@include bgFontColor(#FFFFFF,#354D93);
@include wh(48px,18px);
border-radius: 3px;
line-height: 18px;
text-align: center;
}
}
}
</style>

View File

@ -2,7 +2,7 @@
<div class="wrap"> <div class="wrap">
<div class="navBar"> <div class="navBar">
<van-nav-bar <van-nav-bar
title="开票通知详情" title="工单批次详情"
left-arrow left-arrow
left-arrow-color="#FFFFFF" left-arrow-color="#FFFFFF"
:border="false" :border="false"
@ -12,52 +12,143 @@
/> />
</div> </div>
<div class="contentWrap"> <div class="contentWrap">
<div class="item" v-for="(item,index) in detailList" :key="index"> <div class="content_tab">
<div class="itemContent"> <div class="tab_title">批次详情</div>
<span> {{ item.orderCode }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <div class="tab_content">
<span>{{ item.serviceName }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <div class="item_wrap">
<span> {{item.settleAmount}}</span> <div class="item_label">批次编号</div>
</div> <div class="item_content">
<div class="line"></div> <span id="copyText">{{invoiceInfo.batchCode}}</span>
<img class="copyIcon" @click="copyHandler(invoiceInfo.batchCode)" src="@/assets/copy.png" />
</div>
</div>
<div class="item_wrap">
<div class="item_label">财务编号</div>
<div class="item_content">
<span id="copyText2">{{invoiceInfo.financeBatchCode}}</span>
<img class="copyIcon" @click="copyHandler(invoiceInfo.financeBatchCode)" src="@/assets/copy.png" />
</div>
</div>
<div class="item_wrap">
<div class="item_label">工单数量</div>
<div class="item_content">
{{invoiceInfo.orderNum}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">总金额</div>
<div class="item_content">
{{invoiceInfo.orderNum}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">扣款</div>
<div class="item_content">
{{invoiceInfo.cutMoney || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">税额扣款</div>
<div class="item_content">
{{invoiceInfo.taxCutMoney || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">开票金额</div>
<div class="item_content">
{{invoiceInfo.invoiceMoney || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">备注</div>
<div class="item_content">
{{invoiceInfo.remark || ''}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">创建时间</div>
<div class="item_content">
{{invoiceInfo.createTime}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">对账状况</div>
<div class="item_content">
{{invoiceInfo.statusString}}
</div>
</div>
</div> </div>
</div>
<div class="content_tab mt_cls">
<div class="tab_title">关联案件</div>
<table>
<tr>
<th class="text_left">案件编号</th>
<th>服务类型</th>
<th>结算类型</th>
</tr>
<tr v-for="(item, index) in orderList" :key="index">
<td class="text_left">
{{item.orderCode}}
<img class="copyIcon" @click="copyHandler(item.orderCode)" src="@/assets/copy.png" />
</td>
<td>{{item.serviceType || ''}}</td>
<td>{{item.settleAmount || ''}}</td>
</tr>
</table>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import {myMixins} from "@/utils/myMixins" import {myMixins} from "@/utils/myMixins"
import {notifyInvoiceDetail} from "@/api/mine" import { notifyInvoiceDetail, getOrderListByInvoice } from "@/api/mine"
export default { export default {
name: "invoicingDetail", name: "invoicingDetail",
mixins:[myMixins], mixins:[myMixins],
data(){ data(){
return{ return{
pageNum:1, batchCode: '',
pageSize:10, id: '',
detailList:[], invoiceInfo: {},
form:{ orderList: [],
batchCode:'',
startTime:'',
overTime:'',
}
} }
}, },
async mounted() { async mounted() {
// console.log(this.$route.query?.id) this.batchCode = this.$route.query?.batchCode;
this.form.batchCode=this.$route.query?.id; this.id = this.$route.query?.id;
this.form.startTime=this.$route.query?.startTime;
this.form.overTime=this.$route.query?.overTime;
await this.getDetail() await this.getDetail()
await this.getOrderList();
}, },
methods:{ methods:{
async getDetail(){ copyHandler(copyText){
let res=await notifyInvoiceDetail({ let inputNode = document.createElement('input') // 创建input
pageNum:this.pageNum, inputNode.value = copyText // 赋值给 input 值
pageSize:this.pageSize, document.body.appendChild(inputNode) // 插入进去
...this.form, inputNode.select() // 选择对象
}) document.execCommand('Copy') // 原生调用执行浏览器复制命令
this.detailList=res.data inputNode.className = 'oInput'
} inputNode.style.display = 'none' // 隐藏
this.$toast('复制成功')
},
async getOrderList() {
let res = await getOrderListByInvoice({
batchCode: this.batchCode,
pageSize: 1000,
pageNum: 1,
createTime: this.invoiceInfo.startTime
})
this.orderList = res.data;
console.log('rerere', res);
},
async getDetail(){
let res = await notifyInvoiceDetail({
id: this.id
})
this.invoiceInfo = res.data
console.log('rerere', res)
}
} }
} }
</script> </script>
@ -67,26 +158,62 @@ export default {
@import "@/styles/common.scss"; @import "@/styles/common.scss";
.wrap{ .wrap{
@include wh(100%,100%); @include wh(100%,100%);
background-color: #F4F5F7;
} }
.navBar{ .navBar{
height: 46px; height: 46px;
} }
.contentWrap{ .contentWrap{
@include wh(100%,400px); .mt_cls {
margin-left: 27px; margin-top: 10px;
.item{ }
.content_tab {
background-color: #fff;
width: 100%; width: 100%;
@include all-height(47px); padding: 15px 15px;
.itemContent{ box-sizing: border-box;
margin-left: 5px; .tab_title {
color: #323643; font-size: 14px;
@include fontWeightSize(400,13px); font-weight: bold;
margin-bottom: 5px;
} }
.line{ .tab_content {
@include wh(100%,1px); .item_wrap {
@include bgcolorOpa(#E9E9EA,0.6); display: flex;
align-items: center;
line-height: 30px;
font-size: 12px;
.item_label {
color: rgba(0,0,0,0.5);
margin-right: 5px;
width: 60px;
}
.item_content {
display: flex;
align-items: center;
}
}
}
table {
line-height: 30px;
width: 100%;
.text_left {
text-align: left;
width: 50%;
}
th {
color: rgba(0, 0, 0, 0.5);
}
td {
text-align: center;
}
} }
} }
} }
.copyIcon {
width: 35px;
height: 15px;
margin-left: 10px
}
</style> </style>

View File

@ -2,7 +2,7 @@
<div class="wrap"> <div class="wrap">
<div class="navBar"> <div class="navBar">
<van-nav-bar <van-nav-bar
title="开票通知" title="工单批次"
left-arrow left-arrow
left-arrow-color="#FFFFFF" left-arrow-color="#FFFFFF"
:border="false" :border="false"
@ -11,41 +11,74 @@
@click-left="goBack" @click-left="goBack"
/> />
</div> </div>
<van-pull-refresh v-model="isLoading" @refresh="onRefresh"> <van-tabs v-model="active" sticky @click="changeTabHandler" background="#2C395F" color="#ffffff" title-active-color="#ffffff" title-inactive-color="#BDC1CD">
<div class="itemWrap" v-for="(item,index) in notifyList" :key="index" > <van-tab title="全部" name="1"></van-tab>
<div class="item line1"> <van-tab title="未开票" name="2"></van-tab>
<div class="itemTime"> <van-tab title="已开票" name="3"></van-tab>
<span class="title">开票月份:</span> </van-tabs>
<span class="content">{{ item.invoiceMonth }}</span> <div class="content_wrap" :class="{ 'pd_cls': active == 2 }">
</div> <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
<div class="orderNum"> <van-list
<span class="title">总案件数:</span> v-model="loading"
<span class="content">{{ item.orderNum }}</span> :finished="finished"
</div> finished-text="没有更多了"
<div class="checkBtn" @click="goPage('invoicingDetail',{id:item.batchCode,startTime:item.startTime,overTime:item.overTime})">查看 </div> @load="getMore"
</div> >
<div class="item"> <van-search
<span class="title">批次号:</span> v-model="batchCode"
<span class="content">{{ item.batchCode }}</span> show-action
</div> placeholder="请输入批次号或开票编号"
<div class="item"> >
<span class="title">结算总金额:</span> <template #action>
<span class="content">{{ item.totalMoney + '元' }}</span> <div @click="onSearch">搜索</div>
</div> </template>
<div class="item"> </van-search>
<span class="title">扣款金额:</span> <van-checkbox-group v-model="checkList">
<span class="content">{{ item.cutMoney + '元'}}</span> <div class="itemWrap" v-for="(item,index) in notifyList" :key="index" @click="toggle(index)">
</div> <div class="item line1">
<div class="item"> <div class="itemTime">
<span class="title">扣款原因:</span> <span class="title">批次号:</span>
<span class="content" style="color: #FF8F37;">{{ item.remark }}</span> <span class="content">{{ item.batchCode }}</span>
</div> </div>
<div class="item"> <div class="orderNum">
<span class="title">最终开票金额:</span> <span class="title">总案件数:</span>
<span class="content">{{ item.invoiceMoney+ '' }}</span> <span class="content">{{ item?.orderNum || '' }}</span>
</div> </div>
<div class="checkBtn" @click="goPage('invoicingDetail',{id:item.id, batchCode: item.batchCode})">查看</div>
</div>
<div class="item">
<span class="title">开票月份:</span>
<span class="content">{{ getMonth(item) }}</span>
</div>
<div class="item">
<span class="title">结算总金额:</span>
<span class="content">{{ item?.totalMoney ? item.totalMoney : 0 }}</span>
</div>
<div class="item">
<span class="title">扣款金额:</span>
<span class="content">{{ item?.cutMoney || 0 }}</span>
</div>
<div class="item">
<span class="title">扣款原因:</span>
<span class="content" style="color: #FF8F37;">{{ item.remark }}</span>
</div>
<div class="item">
<span class="title">最终开票金额:</span>
<span class="content">{{ item?.invoiceMoney || 0 }}</span>
</div>
<van-checkbox class="checkbox_cls" v-if="active == 2" :name="item" ref="checkboxes" />
</div>
</van-checkbox-group>
</van-list>
</van-pull-refresh>
</div>
<div class="invoice_btn_wrap" v-if="active == 2 && totalCount > 0">
<div class="invoice_btn_info">
<span class="invoice_btn_title">开票总金额</span>
<span class="invoice_btn_money">{{totalCount}}</span>
</div> </div>
</van-pull-refresh> <div class="btn" @click="goUploadPage">去开票</div>
</div>
<div v-show="show" class="bgShow"> <div v-show="show" class="bgShow">
<img src="@/assets/empty.png"> <img src="@/assets/empty.png">
</div> </div>
@ -53,6 +86,7 @@
</template> </template>
<script> <script>
import { Decimal } from 'decimal.js';
import {myMixins} from "@/utils/myMixins" import {myMixins} from "@/utils/myMixins"
import {notifyInvoiceList} from "@/api/mine" import {notifyInvoiceList} from "@/api/mine"
export default { export default {
@ -63,14 +97,89 @@ export default {
notifyList:[], notifyList:[],
pageNum:1, pageNum:1,
pageSize:10, pageSize:10,
total: 0,
show:false, show:false,
isLoading: false, isLoading: false,
loading: false,
active: 1,
status: '',
dispatchAppSearchInvoiced: '',
batchCode: '',
finished: false,
checkList: [],
supplierId: '',
} }
}, },
computed: {
/* totalCount () {
let total = 0;
this.checkList.map(item => {
total += item.invoiceMoney
})
return total
},*/
totalCount() {
// 使用 Decimal 来计算总金额
let total = new Decimal(0);
this.checkList.forEach(item => {
total = total.plus(new Decimal(item.invoiceMoney));
});
// 返回总金额,保留两位小数
return total.toNumber()
},
},
mounted() { mounted() {
this.getNotifyList() this.supplierId = this.$route.query?.supplierId;
}, },
methods:{ methods:{
goUploadPage() {
localStorage.setItem('list', JSON.stringify(this.checkList));
this.goPage('uploadInvoice', { supplierId : this.supplierId })
},
async onSearch() {
this.pageNum=1
await this.getNotifyList()
},
async getMore(){
if ( this.active != 2 ) {
await this.getNotifyList()
this.pageNum++;
// 加载状态结束
this.loading = false;
// 数据全部加载完成
if (this.notifyList.length >= this.total) {
this.finished = true;
}
}
},
changeTabHandler() {
this.pageNum = 1;
this.notifyList = [];
this.checkList = [];
if (this.active == 1) { // 全部, 需要分页
this.status = '';
this.dispatchAppSearchInvoiced = '';
this.pageSize = 10;
} else if(this.active == 2) { // 未开票, 不需要分页
this.status = 2;
this.dispatchAppSearchInvoiced = '';
this.pageSize = 10000
} else if(this.active == 3) { // 已开票,需要分页
this.status = '';
this.dispatchAppSearchInvoiced = 1;
this.pageSize = 10
}
this.getNotifyList()
},
getMonth(item) {
let str = '';
let startTime = new Date(item.createTime);
let endTime = new Date(item.overTime);
str = startTime.getFullYear() + '年' + (startTime.getMonth() + 1 ) + '月 - ' + endTime.getFullYear() + '年' + (endTime.getMonth() + 1) + '月'
return str
},
onRefresh() { onRefresh() {
this.pageNum=1 this.pageNum=1
this.getNotifyList() this.getNotifyList()
@ -81,19 +190,34 @@ export default {
}, },
async getNotifyList(){ async getNotifyList(){
let res = await notifyInvoiceList({ let res = await notifyInvoiceList({
pageNum:this.pageNum, pageNum:this.pageNum,
pageSize:this.pageSize pageSize:this.pageSize,
status: this.status,
dispatchAppSearchInvoiced: this.dispatchAppSearchInvoiced,
total: this.total,
batchCode: this.batchCode,
supplierId: this.supplierId,
current: 1,
}) })
// if(res.code === 0){ if(res.code == 200){
this.notifyList=res.data; this.total=res.total
console.log(this.notifyList) if(this.pageNum == 1){
if(this.notifyList.length === 0){ this.notifyList=res.data;
this.show=true }else{
let preList = this.notifyList;
let arr = res.data;
this.notifyList = preList.concat(arr)
}
if (this.notifyList.length === 0) {
this.show=true
}else{ }else{
this.show=false this.show=false
} }
} }
// }, },
toggle(index) {
this.$refs.checkboxes[index].toggle();
},
} }
} }
</script> </script>
@ -101,6 +225,11 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/styles/mixin.scss"; @import "@/styles/mixin.scss";
@import "@/styles/common.scss"; @import "@/styles/common.scss";
.van-checkbox {
position: absolute;
bottom: 20px;
right: 15px;
}
.wrap{ .wrap{
@include wh(100%,100%); @include wh(100%,100%);
background-color: #F4F5F7; background-color: #F4F5F7;
@ -113,6 +242,7 @@ export default {
} }
.itemWrap{ .itemWrap{
background: #FFFFFF; background: #FFFFFF;
position: relative;
@include wh(100%,194px); @include wh(100%,194px);
box-sizing: border-box; box-sizing: border-box;
padding: 14px 25px 18px 29px; padding: 14px 25px 18px 29px;
@ -125,6 +255,7 @@ export default {
} }
.title{ .title{
opacity: .5; opacity: .5;
margin-right: 5px;
} }
} }
.line1{ .line1{
@ -141,10 +272,52 @@ export default {
} }
.bgShow{ .bgShow{
@include flexTwoCenter; @include flexTwoCenter;
height:calc(100% - 46px); /*height:calc(100% - 46px);*/
background-color: #FAFAFA; background-color: #FAFAFA;
img{ img{
width: 100%; width: 100%;
} }
} }
</style> .van-tabs {
position: fixed;
width: 100%;
background-color: #2c395f;
z-index: 1000000 !important;
}
.content_wrap {
padding-top: 1.17333rem;
}
.invoice_btn_wrap {
position: fixed;
bottom: 0;
width: 100%;
padding: 20px;
box-sizing: border-box;
background-color: #fff;
.invoice_btn_info {
display: flex;
justify-content: space-between;
align-items: center;
.invoice_btn_title {
font-size: 14px;
font-weight: bold;
}
.invoice_btn_money {
font-size: 26px;
color: red;
}
}
.btn {
width: 100%;
background-color: #2C395F;
color: #fff;
padding: 15px 0;
text-align: center;
border-radius: 6px;
}
}
.pd_cls {
padding-bottom: 40px;
}
</style>

View File

@ -0,0 +1,144 @@
<template>
<div class="wrap">
<div class="navBar">
<van-nav-bar
title="查看发票"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="h5GoBack"
/>
</div>
<div class="contentWrap">
<div class="content_tab">
<div class="tab_content">
<div class="item_wrap">
<div class="item_label">付款方</div>
<div class="item_content">中道汽车救援股份有限公司</div>
</div>
<div class="item_wrap">
<div class="item_label">收款方</div>
<div class="item_content">{{invoiceInfo.accountName}}</div>
</div>
<div class="item_wrap">
<div class="item_label">发票号码</div>
<div class="item_content">
{{invoiceInfo.invoiceNumber}}
</div>
</div>
<div class="item_wrap">
<div class="item_label">发票金额</div>
<div class="item_content">{{invoiceInfo.invoiceMoney}}</div>
</div>
<div class="item_wrap">
<div class="item_label">税率</div>
<div class="item_content">{{invoiceInfo.taxRate}}%</div>
</div>
<div class="item_wrap">
<div class="item_label">税额</div>
<div class="item_content">{{invoiceInfo.taxAmount}}</div>
</div>
<div class="item_wrap">
<div class="item_label">未税金额</div>
<div class="item_content">{{invoiceInfo.afterTaxAmount}}</div>
</div>
<div class="item_wrap">
<div class="item_label">发票类型</div>
<div class="item_content">{{invoiceInfo.invoiceTypeCodeString}}</div>
</div>
<div class="item_wrap">
<div class="item_label">开票日期</div>
<div class="item_content">{{invoiceInfo.invoiceDate}}</div>
</div>
<div class="item_wrap">
<div class="item_label">发票影像</div>
<div class="item_content">
<div class="invoice_btn" @click="showInvoiceHandler(invoiceInfo.path)">查看发票</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { myMixins } from "@/utils/myMixins"
export default {
name: "showInvoice",
mixins:[ myMixins ],
data() {
return {
invoiceInfo: {},
}
},
mounted() {
let invoiceDetail = localStorage.getItem('invoiceDetail')
this.invoiceInfo = invoiceDetail ? JSON.parse(invoiceDetail) : {};
console.log('this.invoiceInfo', this.invoiceInfo)
},
methods: {
showInvoiceHandler(path) {
window.open(path)
}
}
}
</script>
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.wrap{
@include wh(100%,100%);
background-color: #F4F5F7;
}
.navBar{
height: 46px;
}
.contentWrap{
.mt_cls {
margin-top: 10px;
}
.content_tab {
background-color: #fff;
width: 100%;
padding: 15px 15px;
.tab_title {
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
.tab_content {
.item_wrap {
display: flex;
align-items: center;
line-height: 30px;
font-size: 12px;
.item_label {
color: rgba(0,0,0,0.5);
margin-right: 5px;
width: 60px;
}
.item_content {
display: flex;
align-items: center;
}
}
}
}
}
.copyIcon {
width: 35px;
height: 15px;
margin-left: 10px
}
.invoice_btn {
padding: 0 15px;
background-color: #354D93;
border-radius: 4px;
height: 28px;
color: #fff;
}
</style>

View File

@ -42,7 +42,7 @@
<div class="metersWrap"> <div class="metersWrap">
<div class="item" > <div class="item" >
<div class="leftKiloMeters">小轮个数</div> <div class="leftKiloMeters">小轮个数</div>
<div class="rightInput"><input type="number" v-model="form.tyreNumber"/></div> <div class="rightInput"><input type="number" v-model="form.tyreNumber" @input="handleInput"/></div>
</div> </div>
<div class="item"> <div class="item">
<div class="leftKiloMeters">等候费</div> <div class="leftKiloMeters">等候费</div>
@ -82,7 +82,7 @@ export default {
bridgeAmountAb:'', bridgeAmountAb:'',
bridgeAmountBc:'', bridgeAmountBc:'',
bridgeAmountCa:'', bridgeAmountCa:'',
tyreNumber:'', tyreNumber:0,
waitAmount:'', waitAmount:'',
dilemmaFee:'', dilemmaFee:'',
customerAmount:'', customerAmount:'',
@ -98,6 +98,15 @@ export default {
await this.getDetail() await this.getDetail()
}, },
methods:{ methods:{
handleInput(event) {
const newValue = parseInt(event.target.value, 10);
if (!isNaN(newValue) && newValue >= 0 && newValue <= 4) {
this.form.tyreNumber = newValue;
} else {
this.$toast('请输入0到4之间的数字')
this.form.tyreNumber = null; // 或者上一个有效值
}
},
submit() { submit() {
this.updatSettlement() this.updatSettlement()
}, },

View File

@ -0,0 +1,589 @@
<template>
<div class="wrap">
<div class="navBar">
<van-nav-bar
title="上传发票"
left-arrow
left-arrow-color="#FFFFFF"
:border="false"
:fixed="true"
:safe-area-inset-top="true"
@click-left="h5GoBack"
/>
</div>
<div class="contentWrap">
<div class="content_top">
<div class="content_tip">如结算金额确认无误后请开具正规增值税专用发票开票项为施救费救授费拖车费帝引费任选其一如有路桥费产生请开在救援发票中</div>
<div class="top_detail">
<div class="detail_title detail_color">
<div class="title"> <span class="squire"></span> 应开金额</div>
<div class="money">{{ invoiceTotal }}</div>
</div>
<div class="border"></div>
<div class="detail_content" v-for="(item, index) in list" :key="index + '_1'">
<div class="content_item">
{{item.batchCode}}
<span class="content_money">{{item.invoiceMoney}}</span>
</div>
</div>
</div>
</div>
<div class="content_top mt10">
<div class="detail_title detail_color2 pd_no">
<div class="title"> <span class="squire squire2"></span> 实开金额</div>
<div class="money">{{ invoiceMoney || 0 }}</div>
</div>
<div class="border"></div>
<div class="invoice_wrap mt10" v-for="(item, index) in tableData" :key="index" @click="goInvoiceDetail(item)">
<div class="invoice_title">
<div>{{item.accountName}}</div>
<div class="btn_del" @click.stop="deleteHandler(item)">删除</div>
</div>
<div class="border"></div>
<div class="invoice_content">
<div>
<span class="label">发票号码:</span>
<span>{{item.invoiceNumber}}</span>
</div>
<div>
<span class="label">发票金额:</span>
<span class="invoice_money">{{item.invoiceMoney}}</span>
</div>
<div class="invoice_flex">
<div>
<span class="label">开票日期:</span>
<span>{{item.invoiceDate}}</span>
</div>
<van-icon class="icon" name="arrow" />
</div>
</div>
</div>
</div>
</div>
<div class="upload_btn_wrap">
<div class="btn_save" @click="createInvoiceHandler">保存</div>
<van-uploader :before-read="beforeRead" :after-read="afterRead" accept=".png,.jpg,.jpeg,.pdf,.ofd">
<div class="btn_upload">
<img class="icon_upload" src="@/assets/icon_upload.png" alt="">
上传发票
</div>
</van-uploader>
</div>
</div>
</template>
<script>
import { Dialog } from "vant";
import { myMixins } from "@/utils/myMixins"
import { uploadInvoice, getBillingInfo, deleteInvoice, createBatch } from "@/api/mine"
export default {
name: "uploadInvoice",
mixins:[ myMixins ],
data(){
return {
list: [],
invoiceMoneyTotal: 0,
tableData: [],
activeObj: {},
billInfo: {},
supplierId: '',
queryId: '',
batchIds: [],
shouldRate: '',
realRate: '',
invoiceType: '',
invoiceMoney: 0,
afterTaxAmount: 0,
form: {
courierNumber: '',
invoiceType: '', //电子发票还是纸质发票
},
show: true,
}
},
async mounted() {
await this.initData();
},
async activated() {
await this.initData();
this.show = true;
},
watch: {
tableData: {
immediate: true,
handler() {
this.getInvoiceMoney()
}
}
},
computed: {
invoiceTotal () {
let total = 0;
this.list?.map(item => {
total += item.invoiceMoney
})
return total
}
},
deactivated() {
if (this.show) {
this.tableData = [];
}
},
methods: {
async initData() {
this.list = JSON.parse(localStorage.getItem('list'));
this.batchIds = [];
this.list.map(a => {
this.batchIds.push(a.id)
})
console.log('this.batchIds', this.batchIds)
this.shouldRate = this.list[0]?.shouldRate
this.realRate = this.list[0]?.realRate
this.invoiceType = this.list[0]?.invoiceType
this.supplierId = this.list[0]?.supplierId
await this.getInfo();
},
async getInfo() {
if(this.supplierId) {
let res = await getBillingInfo('/supplier/info/billing/getBySupplierId/' + this.supplierId )
this.billInfo = res.data || {}
}
},
async createInvoiceHandler() {
if ( !this.form.invoiceType ) {
this.$toast('发票类型不能为空!')
return
}
if (this.invoiceTotal != this.invoiceMoney) {
this.$toast('“应开金额”与“实开金额”不一致,请核实系统的开票金额与实际开出的发票金额。')
return
}
if(this.form.invoiceType == 2){
Dialog.confirm({
title: '提示',
message: '纸质发票上传后请尽快邮寄,并在系统《开票信息》菜单,录入快递单号,以免影响结算时效!谢谢!',
}).then(async () => {
await this.saveHandle();
}).catch(() => {
});
} else {
await this.saveHandle();
}
},
async saveHandle() {
let paramsArr = this.getParams();
console.log('.......', paramsArr)
try {
this.loading = true;
let res = await createBatch({
supplierId: this.supplierId,
batchIds: this.batchIds,
detailList: paramsArr
})
console.log('res', res)
this.loading = false;
Dialog.alert({
title: '提示',
message: `发票已上传成功,待审核。开票编号为:${res.data},请前往菜单【开票信息】中查看。`,
}).then(() => {
this.h5GoBack()
});
} catch (e) {
console.log('eee', e)
Dialog.alert({
title: '提示',
message: e + '发票提交出错',
}).then(() => {
});
}finally {
this.loading = false;
}
},
getParams() {
let params = [...this.tableData]
if(params.length > 0) {
params.map(item => {
item.courierNumber = (this.form.invoiceType == 2 ? this.form.courierNumber : '')
item.invoiceType = this.form.invoiceType
if( item.taxRate.toString().indexOf('%') != -1 ) {
let tempRate = item.taxRate.replace('%', '');
item.taxRate = (Number(tempRate) / 100)
}
})
}
return params
},
deleteHandler( row ) { // 删除发票
Dialog.confirm({
title: '提示',
message: '确认要删除发票信息吗?',
}).then(async () => {
await deleteInvoice({
id: row?.id || '',
path: row?.path
});
let index = this.tableData.findIndex(a => a.invoiceNumber == row.invoiceNumber)
this.tableData.splice(index, 1)
}).catch(() => {
});
},
beforeRead (file) {
const FileExt = file.name.replace(/.+\./, "");
if (['jpg', 'png', 'jpeg', 'pdf', 'ofd'].indexOf(FileExt.toLowerCase()) === -1) {
this.$toast('请上传后缀名为jpg、jpeg、png、pdf、ofd的文件')
return false;
}
this.$set(this.activeObj, 'fileType', FileExt)
return true
},
async afterRead (file) {
try {
var formData = new FormData(); // 创建form对象
formData.append('file', file.file); // 通过append向form对象添加数据
formData.append('supplierId', this.supplierId) // 如果还需要传替他参数的话
let res = await uploadInvoice(formData)
console.log('rrerer', res)
if( res?.code == 200 ) {
let test = this.tableData.filter(item => item.invoiceNumber == res.data.ocrInvoiceRes.data.invoiceNumber) // 如果
if( test.length > 0 ) { // 发票是否已经上传过
this.$message.warning("该发票已上传,不能重复上传")
return false
} else {
let invoiceDetails = this.getInvoiceRates(res.data.ocrInvoiceRes.data.invoiceDetails)
let flag = this.legalRate(invoiceDetails)
let realFlag = this.realRateCheck(invoiceDetails)
let errorStr = "";
//电子发票验证必须是pdf版本
if((res.data.ocrInvoiceRes.data.invoiceType.indexOf("数电") != -1 || res.data.ocrInvoiceRes.data.invoiceType.indexOf("电子") != -1) && this.activeObj.fileType != 'pdf'){
errorStr = errorStr + "电票请上传PDF格式的文件;"
}
if(res.data.ocrInvoiceRes.data.invoiceType.indexOf("专用发票") == -1 && this.invoiceType == 1){
errorStr = errorStr + "上传发票类型与服务商配置发票类型不一致,设置类型为:专票;";
}
if(!this.billInfo.unitName ){
errorStr = errorStr + "未设置抬头,请联系区域经理;";
}
if(!this.billInfo.dutyParagraph ){
errorStr = errorStr + "未设置纳税人识别号,请联系区域经理;";
}
let ocrName = res.data.ocrInvoiceRes.data.sellerName.replace('(','').replace('','').replace(')','').replace('','');
let billName = ''
if (this.billInfo && this.billInfo.unitName) {
billName = this.billInfo.unitName.replace('(','').replace('','').replace(')','').replace('','');
}
let diffNumber = this.charDifference(ocrName,billName);
if(ocrName != billName && diffNumber > 2 && !res.data.ocrInvoiceRes.data.sellerName.startsWith("国家税务总局")){
errorStr = errorStr + "上传发票抬头与服务商配置不一致,设置抬头为:" + (this.billInfo.unitName || '未设置') + ",识别抬头为:" + res.data.ocrInvoiceRes.data.sellerName + ";如发票确认无误请联系结算部021-53682525";
}
if( !flag ) {
Dialog.alert({
title: '提示',
message: '您上传的发票税率不符合要求',
}).then(() => {
this.uploadLoading=false;
return false
});
}else if(!realFlag){
Dialog.alert({
title: '提示',
message: "您上传的发票税率与服务商配置税率不一致,设置税率为:" + this.realRate + "%"
}).then(() => {
this.uploadLoading=false;
return false
});
}else if(errorStr && errorStr.length > 0){
Dialog.alert({
title: '提示',
message: errorStr,
}).then(() => {
this.uploadLoading=false;
return false
});
} else {
console.log('res', res)
console.log('file', file)
this.form.invoiceType = res.data.ocrInvoiceRes.data.invoiceType.indexOf("数电") == -1 && res.data.ocrInvoiceRes.data.invoiceType.indexOf("电子") == -1 ? 2 : 1
let isOrdinaryInvoice = res.data.ocrInvoiceRes.data.invoiceType.indexOf("普通") > -1
this.$set(this.activeObj, 'imageUrl', '')
this.$set(this.activeObj, 'fileName', '')
if (['pdf','ofd'].indexOf(this.activeObj.fileType) === -1) {
// this.activeObj.imageUrl = URL.createObjectURL(file.raw);
this.activeObj.imageUrl = res.data.url
this.$set(this.activeObj, 'fileName', file.file.name)
} else {
this.$set(this.activeObj, 'fileName', file.file.name)
}
this.$set(this.activeObj, 'path', res.data.url)
this.$set(this.activeObj, 'invoiceNumber', res.data.ocrInvoiceRes.data.invoiceNumber)
this.$set(this.activeObj, 'accountName', res.data.ocrInvoiceRes.data.sellerName)
this.$set(this.activeObj, 'invoiceMoney', res.data.ocrInvoiceRes.data.totalAmount)
this.$set(this.activeObj, 'taxRate',isOrdinaryInvoice?0: res.data.ocrInvoiceRes.data.invoiceDetails[0].taxRate)
this.$set(this.activeObj, 'taxAmount',isOrdinaryInvoice?0: res.data.ocrInvoiceRes.data.invoiceTax)
this.$set(this.activeObj, 'afterTaxAmount',isOrdinaryInvoice?res.data.ocrInvoiceRes.data.totalAmount: res.data.ocrInvoiceRes.data.invoiceAmountPreTax)
this.$set(this.activeObj, 'invoiceDate', res.data.ocrInvoiceRes.data.invoiceDate)
this.$set(this.activeObj, 'invoiceCode', res.data.ocrInvoiceRes.data.invoiceCode)
this.$set(this.activeObj, 'invoiceTypeCodeString', res.data.ocrInvoiceRes.data.invoiceType)
this.$set(this.activeObj, 'payName', res.data.ocrInvoiceRes.data.purchaserName)
this.tableData.push({...this.activeObj})
this.$forceUpdate()
}
}
}
} catch (e) {
console.log('eeee', e)
}
},
goInvoiceDetail (item) {
localStorage.setItem('invoiceDetail', JSON.stringify(item))
this.show = false;
this.goPage('showInvoice')
},
getInvoiceMoney() {
let invoiceMoney = 0;
let afterTaxAmount = 0;
if( this.tableData.length > 0){
this.tableData.map(item => {
if( item.invoiceMoney && item.afterTaxAmount ) {
invoiceMoney += (Number(item.invoiceMoney) * 100)
afterTaxAmount += ( Number(item.afterTaxAmount) * 100 )
}
})
this.invoiceMoney = invoiceMoney != 0 ? (invoiceMoney / 100) : 0
this.afterTaxAmount = afterTaxAmount != 0 ? ( afterTaxAmount / 100 ) : 0
} else {
this.invoiceMoney = invoiceMoney
this.afterTaxAmount = afterTaxAmount
}
},
charDifference(str1,str2) {
let difference = 0;
// 遍历字符串1的每个字符
for (let i = 0; i < str1.length; i++) {
// 如果字符串2中不包含当前字符或者位置不对则误差加1
if (str2.indexOf(str1[i]) === -1 || str2[i] !== str1[i]) {
difference++;
}
}
//如果前面部分都对得上,但是长度不同,则差异是长度
if(str1.length != str2.length){
difference += Math.abs(str1.length - str2.length)
}
// 同样遍历字符串2处理字符串1中不存在的字符
/*for (let i = 0; i < str2.length; i++) {
if (str1.indexOf(str2[i]) === -1) {
difference++;
}
}*/
return difference;
},
legalRate(rateList) { // 合法的 税率
let rate = rateList[0]
let flag = rateList.every(item => {
//设置的是普票,不校验税率
if(this.invoiceType == 2 && item != '免税' && item != '0%'){
return true
}
return item == rate && ['1%', '3%', '6%', '9%', '13%'].includes(item)
})
console.log('flag', flag)
return flag
},
realRateCheck(rateList) { // 和设置的税率是否符合
let rate = rateList[0]
let flag = rateList.every(item => {
//设置的是普票,不校验税率
if(this.invoiceType == 2 && item != '免税' && item != '0%'){
return true
}
return item == rate && this.realRate + '%' == item
})
console.log('flag', flag)
return flag
},
getInvoiceRates(invoiceDetails) { // 获取发票详情的税率数组
let rates = [];
invoiceDetails.map(item => {
rates.push(item.taxRate)
})
return rates
},
}
}
</script>
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.wrap{
@include wh(100%,100%);
background-color: #F4F5F7;
overflow-y: auto;
}
.navBar{
height: 46px;
}
.mt10 {
margin-top: 10px;
}
.contentWrap {
padding-bottom: 70px;
.content_top {
padding: 15px 20px;
background-color: #fff;
.content_tip {
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
}
.top_detail {
.detail_content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 10px 0;
.content_item {
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
line-height: 27px;
.content_money {
font-size: 15px;
color: #D48139;
font-weight: bold;
}
}
}
}
.detail_title {
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
padding: 10px 0;
}
.title {
display: flex;
align-items: center;
}
.money {
font-size: 22px;
}
.detail_color {
color: #D48139;
}
.detail_color2 {
color: #FF5D2E;
}
.pd_no {
padding-top: 0;
}
}
}
.squire {
width: 6px;
height: 6px;
display: inline-block;
background-color: #D48139;
border-radius: 2px;
margin-right: 10px;
}
.squire2 {
background-color: #FF5D2E;
}
.border {
width: 100%;
height: 0;
border-bottom: 1px solid;
opacity: 0.16;
border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;
}
.invoice_wrap {
background-color: #F4FAFF;
padding: 11px 3px 15px 18px;
border-radius: 4px;
border: 1px solid #EBF2F7;
.invoice_title {
font-size: 14px;
font-weight: bold;
color: rgba(50, 54, 67, 0.76);
display: flex;
justify-content: space-between;
margin-bottom: 10px;
.btn_del {
width: 48px;
height: 18px;
margin-right: 12px;
line-height: 18px;
text-align: center;
border-radius: 3px;
border: 1px solid #DDDDDD;
font-size: 12px;
color: rgba(0, 0, 0, 0.7);
font-weight: normal;
}
}
.invoice_content {
padding-top: 10px;
padding-right: 12px;
color: #000;
font-size: 12px;
line-height: 24px;
.label {
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
margin-right: 10px;
}
.invoice_money {
color: #FF5D2E;
font-size: 15px;
font-weight: bold;
}
}
}
.upload_btn_wrap {
position: fixed;
width: 100%;
box-sizing: border-box;
bottom: 0;
left: 0;
padding: 15px 30px;
display: flex;
color: #fff;
font-weight: bold;
font-size: 14px;
line-height: 40px;
background: #FBFBFB;
box-shadow: 0px -1px 20px 4px rgba(98,107,128,0.2);
div {
height: 40px;
border-radius: 5px;
text-align: center;
flex: 1;
}
.btn_save {
background: #354D93;
margin-right: 4px;
}
.btn_upload {
background: #354D93;
margin-left: 4px;
}
.icon_upload {
width: 13px;
height: 13px;
}
}
.invoice_flex {
display: flex;
align-items: center;
justify-content: space-between;
}
::v-deep .van-uploader__input-wrapper {
width: 100% !important;
}
</style>

View File

@ -40,6 +40,20 @@
accept="image " accept="image "
/> />
</div> </div>
<div class="itemContent">
<div class="titleType">
<img class="startImg" src="@/assets/start.png" />
<span>行驶证车辆照片页</span>
</div>
<van-uploader
v-model="vehicleLicenseCarPhotoList"
:after-read="vehicleLicenseCarHandler"
:max-size="5 * 1024 * 1024"
max-count="1"
:preview-size="54"
accept="image "
/>
</div>
<div class="itemContent"> <div class="itemContent">
<div class="titleType"> <div class="titleType">
<img class="startImg" src="@/assets/start.png" /> <img class="startImg" src="@/assets/start.png" />
@ -146,9 +160,11 @@ export default {
imageUrl: require('@/assets/arr_right.png'), imageUrl: require('@/assets/arr_right.png'),
vehicleLicenseFrontList: [], vehicleLicenseFrontList: [],
vehicleLicenseBackList: [], vehicleLicenseBackList: [],
vehicleLicenseCarPhotoList: [],
vehicleFrontPhotoList: [], vehicleFrontPhotoList: [],
vehicleLicenseFront: '', // 行驶证首页 vehicleLicenseFront: '', // 行驶证首页
vehicleLicenseBack: '', // 行驶证副页 vehicleLicenseBack: '', // 行驶证副页
vehicleLicenseCarPhoto: '', // 行驶证车辆照片
vehicleFrontPhoto: '', // 车头照 vehicleFrontPhoto: '', // 车头照
vehicleLicenseInfo: {}, vehicleLicenseInfo: {},
vehicleLicenseBackOcrFlag: false, // 行驶证副页 修改时默认不需要 ocr识别 vehicleLicenseBackOcrFlag: false, // 行驶证副页 修改时默认不需要 ocr识别
@ -182,6 +198,12 @@ export default {
this.vehicleLicenseBack = res.data; this.vehicleLicenseBack = res.data;
await this.vehicleBackOcrHandler(); await this.vehicleBackOcrHandler();
}, },
async vehicleLicenseCarHandler(file) { // 上传 行驶证车辆照片
const formData = new FormData();
formData.append("file" , file.file);
let res = await uploadImage(formData);
this.vehicleLicenseCarPhoto = res.data;
},
async vehicleFrontPhotoHandler(file) { // 上传 车头照 async vehicleFrontPhotoHandler(file) { // 上传 车头照
const formData = new FormData(); const formData = new FormData();
formData.append("file" , file.file); formData.append("file" , file.file);
@ -287,9 +309,19 @@ export default {
this.vehicleLicenseBack = result.vehicleLicenseBack; this.vehicleLicenseBack = result.vehicleLicenseBack;
this.vehicleFrontPhoto = result.vehicleFrontPhoto; this.vehicleFrontPhoto = result.vehicleFrontPhoto;
this.vehicleLicenseInfo = result.vehicleLicenseInfo; this.vehicleLicenseInfo = result.vehicleLicenseInfo;
this.vehicleLicenseFrontList = [{ url : this.vehicleLicenseFront }]; this.vehicleLicenseCarPhoto = result.vehicleLicenseCarPhoto;
this.vehicleLicenseBackList = [{ url : this.vehicleLicenseBack }]; if( this.vehicleLicenseFront ) {
this.vehicleFrontPhotoList = [{ url : this.vehicleFrontPhoto }]; this.vehicleLicenseFrontList = [{ url : this.vehicleLicenseFront }];
}
if(this.vehicleLicenseBack) {
this.vehicleLicenseBackList = [{ url : this.vehicleLicenseBack }];
}
if(this.vehicleFrontPhoto) {
this.vehicleFrontPhotoList = [{ url : this.vehicleFrontPhoto }];
}
if(this.vehicleLicenseCarPhoto) {
this.vehicleLicenseCarPhotoList = [{ url : this.vehicleLicenseCarPhoto }];
}
}, },
isChange(e){ isChange(e){
this.isJoin=e this.isJoin=e
@ -303,6 +335,10 @@ export default {
this.$toast('行驶证副页照片不能为空') this.$toast('行驶证副页照片不能为空')
return return
} }
if( !this.vehicleLicenseCarPhoto ) {
this.$toast('行驶证车辆照片页不能为空')
return
}
if( !this.vehicleLicenseBack ) { if( !this.vehicleLicenseBack ) {
this.$toast('车头照片不能为空') this.$toast('车头照片不能为空')
return return
@ -325,6 +361,7 @@ export default {
vehicleLicenseBack: this.vehicleLicenseBack, vehicleLicenseBack: this.vehicleLicenseBack,
vehicleFrontPhoto: this.vehicleFrontPhoto, vehicleFrontPhoto: this.vehicleFrontPhoto,
vehicleLicenseInfo: this.vehicleLicenseInfo, vehicleLicenseInfo: this.vehicleLicenseInfo,
vehicleLicenseCarPhoto: this.vehicleLicenseCarPhoto,
}) })
if(this.id){ if(this.id){
this.$toast('修改成功') this.$toast('修改成功')

View File

@ -70,6 +70,22 @@
</div> </div>
</div> </div>
</div> </div>
<div class="serviceInfo common" v-if="orderDetailInfo.batteryNo">
<div class="title">电瓶信息:</div>
<div class="line"></div>
<div class="infoContent">
<div class="item">
<span class="leftTitle fontColor">设备号:</span><span class="rightContent">{{orderDetailInfo?.batteryNo}}</span>
</div>
<div class="item">
<span class="leftTitle fontColor">品牌:</span><span class="rightContent">{{orderDetailInfo?.batteryBrand}}</span>
</div>
<div class="item">
<span class="leftTitle fontColor">型号:</span><span class="rightContent">{{orderDetailInfo?.batteryModel}}</span>
</div>
</div>
</div>
<div class="map" v-show="showPopup" id="container"> <div class="map" v-show="showPopup" id="container">
<img @click="showPopup = false" src="@/assets/delKey.png" class="mapImg"> <img @click="showPopup = false" src="@/assets/delKey.png" class="mapImg">
</div> </div>

View File

@ -0,0 +1,13 @@
<template>
<div class="wrap">票务首页</div>
</template>
<script>
export default {
name: "invoiceIndex"
}
</script>
<style scoped>
</style>

View File

@ -1,45 +0,0 @@
<template>
<div class="wrap">
<el-table :data="tableData"
stripe
border
style="width: 100%"
class="custom-table">
<el-table-column
v-for="(column,i) in tableData"
:key="i"
:prop="column.prop"
:label="column.label"
:fixed="i===0"
:width="i===0 ? '40' :'80'"
align="center"
>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
name: "commonTable",
props: ['tableData'],
data() {
return {}
},
mounted() {
},
methods: {}
}
</script>
<style scoped lang="scss">
@import "@/styles/mixin.scss";
::v-deep .el-table thead{
font-size: 11px;
color: #1D2129;
font-weight: bold;
}
::v-deep .el-table th.el-table__cell.is-leaf {
background-color: #E5E6EB;
}
</style>

View File

@ -13,6 +13,19 @@
<template slot-scope="scope">{{scope.row[item.prop]}} </template> <template slot-scope="scope">{{scope.row[item.prop]}} </template>
</el-table-column> </el-table-column>
</template> </template>
<!-- <template v-else-if="active===4">
<el-table-column v-for="(column,index) in filteredLabelList" :key="column.prop" :prop="column.prop" :label="column.label"
:fixed="index===0" align="center" min-width="100"
:width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
<template slot-scope="scope">
<span v-if="column.label === '师傅姓名'">
{{ scope.row[column.prop] }}
<span style=" color: #FFBA00;" v-if="scope.row.starRank"><i class="el-icon-star-on star"></i>{{scope.row.starRank}}</span>
</span>
<span v-else>{{ scope.row[column.prop] }}</span>
</template>
</el-table-column>
</template>-->
<template v-else> <template v-else>
<el-table-column v-for="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label" <el-table-column v-for="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label"
align="center" min-width="100" :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'"> align="center" min-width="100" :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
@ -31,6 +44,14 @@ export default {
}, },
mounted() { mounted() {
}, },
computed: {
/* filteredLabelList() {
if(this.active!==4){
return
}
return this.labelList.filter(column => column.label !== '星级评分');
}*/
},
methods: { methods: {
setTableCellStyle({ row, column,columnIndex }) { setTableCellStyle({ row, column,columnIndex }) {
// 月总表格被转置,原始方法失效,重新定义对比 // 月总表格被转置,原始方法失效,重新定义对比

View File

@ -2,14 +2,21 @@
<div class="wrap"> <div class="wrap">
<div v-if="isMobile" class="headWrap"> <div v-if="isMobile" class="headWrap">
<div class="title">KPI.数据看板</div> <div class="title">KPI.数据看板</div>
<div class="titleName">{{ current }}-{{supplierName}}</div> <div class="titleName">{{ current }}-{{supplierName}}</div>
</div> </div>
<div v-else class="webHeadWrap" :style="'justify-content:'+(isZd==1 ? 'space-between':'center')"> <div v-else class="webHeadWrap" :style="'justify-content:'+(isZd==1 ? 'space-between':'center')">
<div class="empty" v-if="isZd==1"></div> <div class="empty" v-if="isZd==1"></div>
<div class="title">KPI.数据看板<span v-if="isZd==1">--中道救援</span><span v-if="isZd!=1">--{{ current }}</span></div> <div class="title">KPI.数据看板<span v-if="isZd==1">--中道救援</span><span v-if="isZd!=1">--{{ current }}</span></div>
<!-- 只有中道账号才显示搜索框 --> <!-- 只有中道账号才显示搜索框 -->
<div class="searchWrap" v-if="isZd==1"> <div class="searchWrap" v-if="isZd==1">
<span class="month">{{ current }}</span> <el-date-picker
v-model="current"
type="month"
:clearable="false"
class="month custom-date-picker"
@change="monthChangeHandle"
placeholder="选择月">
</el-date-picker>
<el-select <el-select
v-model="supplierId" v-model="supplierId"
filterable filterable
@ -18,7 +25,7 @@
clearable clearable
placeholder="请输入后选择" placeholder="请输入后选择"
:remote-method="remoteMethod" :remote-method="remoteMethod"
@change="selectSupplierNameHanldle" @change="selectSupplierNameHandle"
:loading="selectLoading"> :loading="selectLoading">
<el-option <el-option
v-for="item in selectOption" v-for="item in selectOption"
@ -27,20 +34,20 @@
:value="item.id"> :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
<!-- <i class="el-icon-search" @click="searchHandle"></i>-->
</div> </div>
</div> </div>
<van-tabs v-model="active" sticky @click="onClick"> <van-tabs v-model="active" sticky @click="tabClickHandle">
<van-tab v-for="(item,index) in tabArr" :key="index" :title="item.name"></van-tab> <van-tab v-for="(item,index) in tabArr" :key="index" :title="item.name"></van-tab>
<div v-if="isMobile && !([0,1,2,3].includes(active))" class="tipArrow left">{{ leftArr }}</div> <div v-if="isMobile && !([0,1,2,3].includes(active))" class="tipArrow left">{{ leftArr }}</div>
<div v-if="isMobile && !([8,9].includes(active))" class="tipArrow right">>>></div> <div v-if="isMobile && !([7,8].includes(active))" class="tipArrow right">>>></div>
</van-tabs> </van-tabs>
<div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0"> <div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0">
<div :class="{'reciceOrder':true,'webCom':!isMobile}"> <div :class="{'reciceOrder':true,'webCom':!isMobile}">
<div :class="{'title':true,'webTitle':!isMobile}">接单指标</div> <div :class="{'title':true,'webTitle':!isMobile}">接单指标</div>
<div class="reciceOrderIWrap"> <div class="reciceOrderIWrap">
<div class="left common"> <div class="left common">
<div class="num">{{ indexData && indexData.receiveOrderCount }}</div> <!-- indexData && -->
<div class="num">{{ formatCurrency(indexData?.receiveOrderCount) }}</div>
<div class="itemTitle">承接案件量</div> <div class="itemTitle">承接案件量</div>
</div> </div>
<div class="center common" @click="clickJumpHandle(5)"> <div class="center common" @click="clickJumpHandle(5)">
@ -97,12 +104,15 @@
</div> </div>
<div :class="{'reciceOrder':true,'webCom':!isMobile,'store':isMobile}"> <div :class="{'reciceOrder':true,'webCom':!isMobile,'store':isMobile}">
<div class="scoreTitle"> <div class="scoreTitle">
<span class="title">综合打分</span> <div>
<span class="title" style="margin-right: 15px">综合打分</span>
<el-button v-if="!isMobile && isBtn && supplierId" size="mini" type="primary" @click="applicateHandle">信息变更申请</el-button>
</div>
<i class="el-icon-question" @click.prevent="showScoreChart = !showScoreChart"></i> <i class="el-icon-question" @click.prevent="showScoreChart = !showScoreChart"></i>
</div> </div>
<div class="storeWrap" v-if="indexData"> <div class="storeWrap" v-if="indexData">
<circle-char v-if="showScoreChart" ref="Doughnut7" :data="indexData && indexData.score" :bg-color="'#00D273'" :is-store="true"></circle-char> <circle-char v-show="showScoreChart" ref="Doughnut7" :data="indexData && indexData.score" :bg-color="'#00D273'" :is-store="true"></circle-char>
<div v-else class="detailScore"> <div v-show="!showScoreChart" class="detailScore">
<div class="left"> <div class="left">
<div> <div>
<span class="defen">接单得分:</span> <span class="defen">接单得分:</span>
@ -111,7 +121,7 @@
<span class="defen">接单时效得分:</span> <span class="defen">接单时效得分:</span>
</div> </div>
<div> <div>
<span class="defen">到达时效得分:</span> <span class="defen">接单时效得分:</span>
</div> </div>
<div><span class="defen">聚合成功率得分:</span> <div><span class="defen">聚合成功率得分:</span>
</div> </div>
@ -135,13 +145,13 @@
<div> <span>{{ indexData.polymerizationSuccessScore }}</span></div> <div> <span>{{ indexData.polymerizationSuccessScore }}</span></div>
<div> <span>{{ indexData.appUseScore }}</span></div> <div> <span>{{ indexData.appUseScore }}</span></div>
<div> <span>{{ indexData.urgeScore }}</span></div> <div> <span>{{ indexData.urgeScore }}</span></div>
<div><span>{{ indexData.complainScore }}</span></div> <div><span>{{ indexData.urgeScore }}</span></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div> <div :class="{'allDataChartWrap':true,'webComAllData':!isMobile,'store':isMobile}">
<div class="allDataChart" id="allDataChart" ></div>
</div> </div>
<div v-if="isMobile" style="padding: 20px"></div> <div v-if="isMobile" style="padding: 20px"></div>
</div> </div>
@ -192,8 +202,8 @@
<noFit-table v-else :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table> <noFit-table v-else :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
</div> </div>
</div> </div>
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[2,3,4].includes(active)"> <div v-loading="loadingData" class="contentWrap monthTotal" v-if="[2].includes(active)">
<div class="searchDriverName" v-if="[3,4].includes(active)"> <div class="searchDriverName" v-if="[5,4].includes(active)">
<el-select <el-select
v-model="driverName" v-model="driverName"
filterable filterable
@ -210,17 +220,17 @@
v-for="item in driverselectOption" v-for="item in driverselectOption"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.id"> :value="item.name">
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div :class="{'tabWrap':true,'webTabWrap':!isMobile,'mobileTab':isMobile}"> <div :class="{'tabWrap':true,'webTabWrap':!isMobile,'mobileTab':isMobile}">
<div v-for="(item,index) in (active===3 ? driverList : list)" :class="activeIndex===index ? 'active' : ''" <div v-for="(item,index) in (active===4 ? driverList : list)" :class="activeIndex===index ? 'active' : ''"
:key="index" :key="index"
@click="changeTab(index)">{{ item.name }} @click="changeTab(index)">{{ item.name }}
</div> </div>
</div> </div>
<div :class="{'comTab':true}"> <div :class="{'comTab':active !== 4,'comTabActive3':active === 4}">
<noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table> <noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
</div> </div>
<el-pagination <el-pagination
@ -235,21 +245,13 @@
:total="total"> :total="total">
</el-pagination> </el-pagination>
</div> </div>
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[5,6,7,8,9].includes(active)"> <div v-loading="loadingData" class="contentWrap monthTotal" v-if="[3,4,5,6,7,8].includes(active)">
<div :class="{'comTab':true,'detailTable':isMobile}"> <div :class="{'comTab':true,'detailTable':isMobile}">
<noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList" <noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
:loading="loading"></noFit-table> ></noFit-table>
</div> </div>
<!-- <el-pagination
small
:current-page.sync="pageNum"
:page-size.sync="pageSize"
@current-change="getKpiData"
@size-change="getKpiData"
layout="prev, pager, next"
:total="total">
</el-pagination>-->
<el-pagination <el-pagination
v-if="active !== 10"
small small
:page-sizes="[20, 50, 100]" :page-sizes="[20, 50, 100]"
:current-page.sync="pageNum" :current-page.sync="pageNum"
@ -270,9 +272,9 @@ import {
getKpiDetailsData, getKpiDetailsData,
getStatisticsKpiByMonth, getStatisticsKpiByMonth,
getStatisticsKpi, getStatisticsKpi,
getDriverStatisticsKpi,
getSupplierId, getSupplierId,
getDriverName getDriverName,
getRecentSupplierKpi, querySupplierDriverStatisticsScore
} from "@/api/kpi.js" } from "@/api/kpi.js"
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";
@ -287,12 +289,13 @@ export default {
return { return {
active:0, active:0,
activeIndex: 0, activeIndex: 0,
// {name: '月/师傅'}, {name: '日/师傅'},
tabArr: [ tabArr: [
{name: '总览'}, {name: '月/总'}, {name: '日/总'}, {name: '月/师傅'}, {name: '日/师傅'}, {name: '拒单明细'}, {name: '总览'}, {name: '月/总'}, {name: '日/总'},{name: '师傅满意度'}, {name: '拒单明细'},
{name: '超时明细'}, {name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'} {name: '超时明细'}, {name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'}
], ],
list: [{name: '接单指标'}, {name: '客户评价'}, {name: 'APP使用'}, {name: ' 时效 '}], list: [{name: '接单指标'}, {name: '客户评价'}, {name: 'APP使用'}, {name: ' 时效 '}],
driverList: [{name: '接单情况'}, {name: '服务评价'}, {name: 'APP使用情况'}, {name: '时效 '}], driverList: [{name: '得分总览'},{name: '接单情况'}, {name: '服务评价'}, {name: 'APP使用情况'}, {name: '时效 '}],
startMonthTime: '', startMonthTime: '',
startTime: '', startTime: '',
endTime: '', endTime: '',
@ -312,7 +315,8 @@ export default {
xAxisArr: [], xAxisArr: [],
isMobile: false, isMobile: false,
isZd: '', isZd: '',
current: dayjs(new Date()).format('M'), current:'',
// current: dayjs(new Date()).format('M'),
supplierName:'', supplierName:'',
value: '1', value: '1',
options: [ options: [
@ -323,7 +327,7 @@ export default {
pageSize: 20, pageSize: 20,
total: 0, total: 0,
swithVal: true, swithVal: true,
supplierId:'',//1128 supplierId:'',
selectLoading: false, selectLoading: false,
selectOption: [], selectOption: [],
driverId:'',//68517 driverId:'',//68517
@ -331,37 +335,72 @@ export default {
driverselectLoading: false, driverselectLoading: false,
driverselectOption: [], driverselectOption: [],
leftArr:'<<<', leftArr:'<<<',
showScoreChart:true showScoreChart:true,
continueMonthKpi:[],
isBtn:false,//是否有信息变更申请按钮权限
} }
}, },
async mounted() {
await this.checkMobile();
await this.initDate();
await this.getData();
},
created() { created() {
this.checkMobile(); this.checkMobile();
const urlParams = new URLSearchParams(window.location.search); const urlParams = new URLSearchParams(window.location.search);
this.isZd = urlParams?.get('isZd') || '' this.isZd = urlParams?.get('isZd') || ''
/* if(!this.isMobile && this.isZd && this.isZd==1){ this.supplierId = urlParams?.get('supplierId') || ''
this.supplierId='1127' this.isBtn= Number(urlParams?.get('isBtn'))
}*/
}, },
async activated() { async mounted() {
await this.checkMobile();
await this.initDate();
await this.selectSupplierNameHandle();
}, },
methods: { methods: {
async selectSupplierNameHanldle(){ applicateHandle() {
console.log("supplierId",this.supplierId) if (window.parent) {
const hasListener = window.parent.dispatchEvent(new Event('checkCloseDialog'));
if (hasListener) {
const data = {
action: 'closeDialog',
message: this.supplierId,
// 其他需要传递的参数
};
window.parent.postMessage(data, '*');
// window.parent.postMessage('closeDialog', '*');
} else {
window.history.back();
}
}
},
monthChangeHandle(value){
if (value) {
const year = value.getFullYear();
const month = value.getMonth() + 1; // 月份从 0 开始,需要加 1
const yearAndMonth = year + '-' + (month > 9 ? month : '0' + month);
this.current = dayjs(new Date(yearAndMonth)).format('YYYY-MM')
this.startTime = `${year}-${this.padZero(month)}-01 00:00:00`;
const lastDay = new Date(year, month, 0).getDate(); // 获取该月的最后一天
this.endTime = `${year}-${this.padZero(month)}-${this.padZero(lastDay)} 23:59:59`;
this.startMonthTime=this.getStartTimeFromEndTime(this.endTime)
console.log(" this.startMonthTime", this.startMonthTime)
this.selectSupplierNameHandle();
if(this.active===1){
this.tabClickHandle()
}
}
},
padZero(num) {
return num < 10 ? `0${num}` : num;
},
async selectSupplierNameHandle(){
await this.getData() await this.getData()
setTimeout(()=>{ if(this.active !== 0){
this.$refs.Doughnut1.initCircle() return
this.$refs.Doughnut2.initCircle() }
this.$refs.Doughnut3.initCircle() this.$refs.Doughnut1.initCircle()
this.$refs.Doughnut4.initCircle() this.$refs.Doughnut2.initCircle()
this.$refs.Doughnut5.initCircle() this.$refs.Doughnut3.initCircle()
this.$refs.Doughnut6.initCircle() this.$refs.Doughnut4.initCircle()
this.$refs.Doughnut7.initCircle() this.$refs.Doughnut5.initCircle()
},1000) this.$refs.Doughnut6.initCircle()
this.$refs.Doughnut7.initCircle()
}, },
async remoteMethod(query) { async remoteMethod(query) {
if (query !== '') { if (query !== '') {
@ -394,10 +433,9 @@ export default {
this.driverselectOption = []; this.driverselectOption = [];
} }
}, },
async searchHandle() {//web端服务商搜索操作
console.log("搜索按钮")
},
async changeHandle() { async changeHandle() {
this.v1=[]
this.v2=[]
await this.twoTabHanldeData(); await this.twoTabHanldeData();
await this.drawLine(); await this.drawLine();
}, },
@ -420,29 +458,48 @@ export default {
this.xAxisArr = [] this.xAxisArr = []
this.etlDetailList=[] this.etlDetailList=[]
this.etlLabelList=[] this.etlLabelList=[]
this.continueMonthKpi=[]
await this.getKpiData() await this.getKpiData()
this.loadingData = false this.loadingData = false
} finally { } finally {
this.loadingData = false this.loadingData = false
} }
}, },
// 格式化承接案件量数据
formatCurrency(value) {
if (!value) return '';
let num = parseInt(value);
return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
},
formatCurrency1(value) {
if (!value) return ''; // 如果值为空,返回空字符串
// 如果值已经包含逗号,直接返回原值
if (value.toString().includes(',')) {
return value;
}
// 否则,添加千分号
let num = parseInt(value);
if (isNaN(num)) return ''; // 如果转换失败,返回空字符串
return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
},
async clickJumpHandle(type) { async clickJumpHandle(type) {
this.loading = true this.loading = true
this.active = type; this.active = type;
await this.onClick(); await this.tabClickHandle();
}, },
onClick() { tabClickHandle() {
this.activeIndex = 0; this.activeIndex = 0;
this.detailList = []; this.detailList = [];
this.labelList = []; this.labelList = [];
this.getData(); this.driverName=''
this.selectSupplierNameHandle();
if (this.active === 1) { if (this.active === 1) {
setTimeout(() => { setTimeout(() => {
this.drawLine() this.drawLine()
if (!this.isMobile && this.activeIndex === 3) { if (!this.isMobile && this.activeIndex === 3) {
this.drawLine1() this.drawLine1()
} }
}, 500) }, 1000)
} }
}, },
drawLine() { // 基于准备好的dom初始化echarts实例 drawLine() { // 基于准备好的dom初始化echarts实例
@ -452,13 +509,16 @@ export default {
let series1 = [{ let series1 = [{
name: '派遣案件量', name: '派遣案件量',
type: 'bar', type: 'bar',
data: this.v1, data: this.v1?.map(item => Number(item?.toString()?.replace(/,/g, ''))),
yAxisIndex: 0, yAxisIndex: 0,
smooth: true, smooth: true,
barWidth: this.isMobile ? 35 : 60, barWidth: this.isMobile ? 35 : 60,
label: { label: {
show: true, // 显示标签 show: true, // 显示标签
position: 'top', // 标签位置在柱形顶部 position: 'top', // 标签位置在柱形顶部
formatter: (params) => {
return params.value.toLocaleString();
}
} }
}, },
{ {
@ -507,6 +567,7 @@ export default {
label: { label: {
show: true, // 显示标签 show: true, // 显示标签
position: 'top', // 标签位置在柱形顶部 position: 'top', // 标签位置在柱形顶部
formatter: '{c}%'
} }
}, },
{ {
@ -841,32 +902,124 @@ export default {
}; };
option && myChart.setOption(option, true); option && myChart.setOption(option, true);
}, },
async allDataChart(){
let res = await getRecentSupplierKpi({
startTime: this.startTime,
endTime: this.endTime,
statisticsType: 1,
supplierId: this.supplierId,
driverId: this.driverId,
driverName:this.driverName,
});
this.continueMonthKpi=res.data;
// 初始化 v1 ,v2数组长度为 12初始值为 0
let v1 = new Array(12).fill(0);
let v2 = new Array(12).fill(0);
if( this.continueMonthKpi.length>0){
this.continueMonthKpi.forEach(item=>{
let month = parseInt(item.statisticsDate?.split('-')[1], 10) - 1; // 获取月份,并转换为数组索引
v1[month] = item.dispatchOrderCount;
v2[month] = item.orderScore;
})
}
let myChart = echarts.init(document.getElementById('allDataChart'))
let option = {
grid: {
top: '15%',
bottom: '12%',
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
legend: { },
xAxis: [
{
type: 'category',
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
axisPointer: {
type: 'shadow'
}
}
],
yAxis: [
{
type: 'value',
axisLabel: {
formatter: '{value}',
rotate: 45,
margin: 2
}
},
{
type: 'value',
axisLabel: {
formatter: '{value}',
}
}
],
series: [
{
name: '案件量',
type: 'bar',
yAxisIndex: 0,
data:v1
},
{
name: '总分',
type: 'line',
yAxisIndex: 1,
data: v2
}
]
};
option && myChart.setOption(option, true);
},
// 通用函数,用于处理百分比数据
processPercentage(value) {
value *= 100;
if (value % 1 !== 0) {
value = value.toFixed(2);
}
return value;
},
async getKpiData() { async getKpiData() {
try { try {
this.loading = true this.loading = true
if (this.active === 0) { if (this.active === 0) {
await this.allDataChart()
let res = await getStatisticsKpiByMonth({ let res = await getStatisticsKpiByMonth({
startTime: this.startTime, startTime: this.startTime,
endTime: this.endTime, endTime: this.endTime,
statisticsType: 1, statisticsType: 1,
supplierId: this.supplierId, supplierId: this.supplierId,
}); });
if(!res.data){
return
}
this.indexData = res.data; this.indexData = res.data;
this.supplierName=res.data?.supplierName this.supplierName=res.data?.supplierName
this.indexData.refuseOrderRate=this.indexData.refuseOrderRate*100 // 需要处理的属性名数组
this.indexData.timeoutOrderRate=this.indexData.timeoutOrderRate*100 const propertiesToProcess = [
if (this.indexData.refuseOrderRate % 1 !== 0) { 'refuseOrderRate',
this.indexData.refuseOrderRate = this.indexData.refuseOrderRate.toFixed(2); 'timeoutOrderRate',
'complainOrderRate',
'customerSatisfaction',
'threeMinutesContactRate',
'urgeRate',
'appRate',
'polymerizationSuccessRate'
];
for (let key in this.indexData){
if (propertiesToProcess.includes(key)) {
this.indexData[key] = this.processPercentage(this.indexData[key]);
}
} }
if (this.indexData.timeoutOrderRate % 1 !== 0) {
this.indexData.timeoutOrderRate = this.indexData.timeoutOrderRate.toFixed(2);
}
this.indexData.complainOrderRate=this.indexData.complainOrderRate*100
this.indexData.customerSatisfaction=this.indexData.customerSatisfaction*100
this.indexData.threeMinutesContactRate=this.indexData.threeMinutesContactRate*100
this.indexData.urgeRate=this.indexData.urgeRate*100
this.indexData.appRate=this.indexData.appRate*100
this.indexData.polymerizationSuccessRate=this.indexData.polymerizationSuccessRate*100
} else if ([1, 2].includes(this.active)) { } else if ([1, 2].includes(this.active)) {
let res = await getStatisticsKpi({ let res = await getStatisticsKpi({
startTime: this.active === 1 ? this.startMonthTime : this.startTime, startTime: this.active === 1 ? this.startMonthTime : this.startTime,
@ -894,32 +1047,58 @@ export default {
item.minorFortyMinutesArrivalRate=this.formatPercentage(item.minorFortyMinutesArrivalRate) ; item.minorFortyMinutesArrivalRate=this.formatPercentage(item.minorFortyMinutesArrivalRate) ;
let formatVal = dayjs(item.statisticsDate).format('DD'); let formatVal = dayjs(item.statisticsDate).format('DD');
let formatVal1 = dayjs(item.statisticsDate).format('M'); let formatVal1 = dayjs(item.statisticsDate).format('M');
return {...item, date: formatVal, month: (formatVal1 == this.current) ? '本月' : (formatVal1 + '月')}; // console.log("formatVal1",formatVal1)
// return {...item, date: formatVal, month: (formatVal1 == this.current) ? '本月' : (formatVal1 + '月')};
return {...item, date: formatVal, month: formatVal1 + '月'};
}); });
this.loading = false this.loading = false
this.detailList?.map(item => { this.detailList?.map(item => {
this.xAxisArr.push(item.month) this.xAxisArr.push(item.month)
this.xAxisArr = [...new Set(this.xAxisArr)]; // 去重
}) })
this.xAxisArr[this.xAxisArr.length - 1] = '本月' console.log(" this.xAxisArr", this.xAxisArr)
// this.xAxisArr[this.xAxisArr.length - 1] = '本月'
await this.twoTabHanldeData() await this.twoTabHanldeData()
} else if ([3, 4].includes(this.active)) { }else if (this.active === 3) {
let res = await getDriverStatisticsKpi({ let res = await querySupplierDriverStatisticsScore({
startTime: this.startTime , startTime: this.startTime ,
endTime: this.endTime, endTime: this.endTime,
statisticsType: this.active === 3 ? 1 : 2, statisticsType: 1,
supplierId: this.supplierId,
driverId: this.driverId,
driverName:this.driverName,
pageNum: this.pageNum,
pageSize: this.pageSize
})
this.total = res.total
this.detailList = res.data?.map(item => {
let formatVal = dayjs(item.statisticsDate).format('DD');
return {...item, date: formatVal};
});
this.labelList = [
{label: '师傅姓名', prop: 'driverName'},
{label: '服务商名称', prop: 'supplierName'},
{label: '案件总量', prop: 'orderCount'},
{label: '满意度得分 ', prop: 'driverSatisfaction'},
]
this.loading = false;
}
/* else if ([4,5].includes(this.active)) {
let res = await getDriverStatisticsKpi({
startTime: this.startTime ,
endTime: this.endTime,
statisticsType:this.active === 4 ? 1 : 2,
supplierId: this.supplierId, supplierId: this.supplierId,
driverId: this.driverId, driverId: this.driverId,
driverName:this.driverName, driverName:this.driverName,
pageNum: this.pageNum, pageNum: this.pageNum,
pageSize: this.pageSize pageSize: this.pageSize
}) })
// this.detailList = res.data
this.total = res.total this.total = res.total
this.detailList = res.data?.map(item => { this.detailList = res.data?.map(item => {
item.refuseOrderRate=this.formatPercentage(item.refuseOrderRate) ; item.refuseOrderRate=this.formatPercentage(item.refuseOrderRate) ;
item.timeoutOrderRate=this.formatPercentage(item.timeoutOrderRate) ; item.timeoutOrderRate=this.formatPercentage(item.timeoutOrderRate) ;
item.cancelRate=this.formatPercentage(item.cancelRate) ; item.cancelRate=this.formatPercentage(item.cancelRate) ;
// item.urgeRate=this.formatPercentage(item.urgeRate) ;
item.complainOrderRate=this.formatPercentage(item.complainOrderRate) ; item.complainOrderRate=this.formatPercentage(item.complainOrderRate) ;
item.customerEvaluateRate=this.formatPercentage(item.customerEvaluateRate) ; item.customerEvaluateRate=this.formatPercentage(item.customerEvaluateRate) ;
item.appRate=this.formatPercentage(item.appRate) ; item.appRate=this.formatPercentage(item.appRate) ;
@ -935,12 +1114,14 @@ export default {
return {...item, date: formatVal}; return {...item, date: formatVal};
}); });
this.loading = false; this.loading = false;
if(this.active===4 && !this.driverName){ if(this.active===5 && !this.driverName){
this.detailList=[] this.detailList=[]
this.total=0 this.total=0
} }
await this.twoTabHanldeData(); await this.twoTabHanldeData();
} else if ([5, 6, 7, 8, 9].includes(this.active)) { }*/
else if ([ 4,5,6, 7, 8].includes(this.active)) {
this.detailList = [] this.detailList = []
this.labelList = [] this.labelList = []
let result = await getKpiDetailsData({ let result = await getKpiDetailsData({
@ -953,11 +1134,11 @@ export default {
}); });
this.total = result.total this.total = result.total
this.detailList = result.data?.map(item => { this.detailList = result.data?.map(item => {
let formatVal = dayjs(item.createTime).format('DD'); let formatVal =item.createTime ? dayjs(item.createTime).format('DD') : '';
return {...item, date: formatVal}; return {...item, date: formatVal};
}); });
this.loading = false this.loading = false
if (this.active === 5) {//拒单明细 if (this.active === 4) {//拒单明细
this.labelList = [ this.labelList = [
{label: '案件编号', prop: 'orderCode'}, {label: '案件编号', prop: 'orderCode'},
{label: '服务内容', prop: 'serviceName'}, {label: '服务内容', prop: 'serviceName'},
@ -968,7 +1149,7 @@ export default {
{label: '中道派单时间', prop: 'dispatchTime'}, {label: '中道派单时间', prop: 'dispatchTime'},
{label: '拒绝原因', prop: 'reason'}, {label: '拒绝原因', prop: 'reason'},
] ]
} else if (this.active === 6) {//超时明细 } else if (this.active === 5) {//超时明细
this.labelList = [ this.labelList = [
{label: '案件编号', prop: 'orderCode'}, {label: '案件编号', prop: 'orderCode'},
{label: '服务内容', prop: 'serviceName'}, {label: '服务内容', prop: 'serviceName'},
@ -978,7 +1159,7 @@ export default {
{label: '上游接单来源', prop: 'workSource'}, {label: '上游接单来源', prop: 'workSource'},
{label: '中道派单时间', prop: 'dispatchTime'}, {label: '中道派单时间', prop: 'dispatchTime'},
] ]
} else if (this.active === 7) {//投诉明细 } else if (this.active === 6) {//投诉明细
this.labelList = [ this.labelList = [
{label: '案件编号', prop: 'orderCode'}, {label: '案件编号', prop: 'orderCode'},
{label: '服务内容', prop: 'serviceName'}, {label: '服务内容', prop: 'serviceName'},
@ -987,8 +1168,7 @@ export default {
{label: '投诉时间', prop: 'complainCreateTime'}, {label: '投诉时间', prop: 'complainCreateTime'},
{label: '投诉类型', prop: 'complainTypeString'}, {label: '投诉类型', prop: 'complainTypeString'},
] ]
} else if (this.active === 8) {//不使用App案件明细 } else if (this.active === 7) {//不使用App案件明细
// console.log("不使用App案件明细")
this.labelList = [ this.labelList = [
{label: '案件编号', prop: 'orderCode'}, {label: '案件编号', prop: 'orderCode'},
{label: '服务内容', prop: 'serviceName'}, {label: '服务内容', prop: 'serviceName'},
@ -996,7 +1176,7 @@ export default {
{label: '工单创建时间', prop: 'orderCreateTime'}, {label: '工单创建时间', prop: 'orderCreateTime'},
{label: '事发地', prop: 'vehiclePointAddress'}, {label: '事发地', prop: 'vehiclePointAddress'},
] ]
} else if (this.active === 9) {//车辆在线情况 } else if (this.active === 8) {//车辆在线情况
this.labelList = [ this.labelList = [
{label: '日期', prop: 'date'}, {label: '日期', prop: 'date'},
{label: '0点在线车辆数量', prop: 'zeroClockVehicleCount'}, {label: '0点在线车辆数量', prop: 'zeroClockVehicleCount'},
@ -1005,7 +1185,6 @@ export default {
{label: '16点在线车辆数量', prop: 'sixteenClockVehicleCount'}, {label: '16点在线车辆数量', prop: 'sixteenClockVehicleCount'},
{label: '20点在线车辆数量', prop: 'twentyClockVehicleCount'}, {label: '20点在线车辆数量', prop: 'twentyClockVehicleCount'},
{label: '22点在线车辆数量', prop: 'twentyTwoClockVehicleCount'}, {label: '22点在线车辆数量', prop: 'twentyTwoClockVehicleCount'},
] ]
} }
} }
@ -1021,16 +1200,28 @@ export default {
return result.toFixed(2) + '%'; return result.toFixed(2) + '%';
} }
}, },
checkMobile() {
const userAgent = navigator.userAgent || navigator.vendor || window.opera;
this.isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
},
// 初始化获取当月日期 // 初始化获取当月日期
initDate() { initDate() {
this.startTime = dayjs(new Date()).format('YYYY-MM') + '-01 00:00:00' let year=''
this.endTime = dayjs(new Date()).format('YYYY-MM') + '-' + this.getDayLen()+' 23:59:59' let month=''
if( this.current ) {
year = new Date(this.current).getFullYear();
month = new Date(this.current).getMonth() + 1;
} else {
/*year = new Date().getFullYear();
month = new Date().getMonth() + 1;*/
year = 2024
month = 12
}
let yearAndMonth = year + '-' + (month > 9 ? month : '0' + month);
this.current = dayjs(new Date(yearAndMonth)).format('YYYY-MM')
console.log("this.current",this.current)
/*this.startTime = dayjs(new Date()).format('YYYY-MM') + '-01 00:00:00'
this.endTime = dayjs(new Date()).format('YYYY-MM') + '-' + this.getDayLen()+' 23:59:59'*/
this.startTime = '2024-12-01 00:00:00'
this.endTime = '2024-12-31 23:59:59'
this.startMonthTime=this.getStartTimeFromEndTime(this.endTime) this.startMonthTime=this.getStartTimeFromEndTime(this.endTime)
console.log(this.startTime,this.endTime,this.startMonthTime) console.log(" this.startMonthTime", this.startMonthTime,this.startTime)
}, },
// 获取当月天数 // 获取当月天数
getDayLen() { getDayLen() {
@ -1091,6 +1282,12 @@ export default {
{ 'month': '拒单量' },{ 'month': '拒单率(%)' },{ 'month': '超时接单量' },{ 'month': '超时率(%)' },{ 'month': '客户取消率(%)' }] { 'month': '拒单量' },{ 'month': '拒单率(%)' },{ 'month': '超时接单量' },{ 'month': '超时率(%)' },{ 'month': '客户取消率(%)' }]
let props = 'prop' //自定义字段名称 let props = 'prop' //自定义字段名称
this.detailList?.map((item,index) => { this.detailList?.map((item,index) => {
item.dispatchOrderCount=this.formatCurrency1( item.dispatchOrderCount);
item.receiveOrderCount=this.formatCurrency1( item.receiveOrderCount);
item.finishOrderCount=this.formatCurrency1( item.finishOrderCount);
item.refuseOrderCount=this.formatCurrency1( item.refuseOrderCount);
item.timeoutOrderCount=this.formatCurrency1( item.timeoutOrderCount);
this.v1.push(item.dispatchOrderCount) this.v1.push(item.dispatchOrderCount)
this.v2.push(item.refuseOrderRate.replace('%', '')) this.v2.push(item.refuseOrderRate.replace('%', ''))
this.v3.push(item.timeoutOrderRate.replace('%', '')) this.v3.push(item.timeoutOrderRate.replace('%', ''))
@ -1202,7 +1399,7 @@ export default {
if (this.swithVal) { if (this.swithVal) {
this.detailList?.map(item => { this.detailList?.map(item => {
this.v3.push(item.trailArriving) this.v3.push(item.trailArriving)
this.v4.push(item.trailPolymerizationSuccessArriving) this.v4.push(item.trailPolymerizationSuccessArsriving)
this.v5.push(item.trailFortyMinutesArrivalRate ? item.trailFortyMinutesArrivalRate.replace('%', '') : item.trailFortyMinutesArrivalRate) this.v5.push(item.trailFortyMinutesArrivalRate ? item.trailFortyMinutesArrivalRate.replace('%', '') : item.trailFortyMinutesArrivalRate)
}) })
} else { } else {
@ -1268,8 +1465,40 @@ export default {
{label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'}, {label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'},
] ]
} }
} else if (this.active === 3) { }
/* else if(this.active === 3){
} */
else if (this.active === 4) {
if (this.activeIndex === 0) { if (this.activeIndex === 0) {
this.labelList = [
{label: '师傅姓名', prop: 'driverName'},
{label: '总分', prop: 'score'},
{label: '案件总量', prop: 'orderCount'},
{label: '累计得分', prop: 'cumulativeScore'},
{label: '两分钟内接单得分', prop: 'twoMinutesAcceptScore'},
{label: '1分钟内联系客户得分', prop: 'oneMinutesContactCustomerScore'},
{label: '联系成功得分', prop: 'contactSuccessScore'},
{label: '准时到达B点得分', prop: 'arriveBScore'},
{label: '准时到达C点得分', prop: 'arriveCScore'},
{label: '服务成功得分', prop: 'serviceSuccessScore'},
{label: '必传照片上传得分', prop: 'uploadPhotoScore'},
{label: '审核一次通过得分', prop: 'auditScore'},
{label: '平安案件无评价扣分', prop: 'pinganNoCommentDeduct'},
{label: '案件差评扣分', prop: 'orderNegativeDeduct'},
{label: '催促扣分', prop: 'urgeDeduct'},
{label: '有责车损扣分', prop: 'responsibleDeduct'},
{label: '有责投诉(非态度类)扣分', prop: 'complaintNoAttitudeDeduct'},
{label: '有责投诉(态度类)扣分', prop: 'complaintAttitudeDeduct'},
{label: '拒单扣分', prop: 'rejectDeduct'},
{label: '超时扣分', prop: 'timeoutDeduct'},
{label: '聚合成功得分', prop: 'polymerizationSuccessScore'},
{label: '聚合失败扣分', prop: 'polymerizationFailDeduct'},
{label: '每月培训得分', prop: 'trainingScore'},
{label: '新手入列得分', prop: 'listedScore'},
{label: '星级评分', prop: 'starRank'},
]
}if (this.activeIndex === 1) {
this.labelList = [ this.labelList = [
{label: '师傅姓名', prop: 'driverName'}, {label: '师傅姓名', prop: 'driverName'},
{label: '承接案件量', prop: 'receiveOrderCount'}, {label: '承接案件量', prop: 'receiveOrderCount'},
@ -1278,7 +1507,7 @@ export default {
{label: '超时接单量', prop: 'timeoutOrderCount'}, {label: '超时接单量', prop: 'timeoutOrderCount'},
{label: '超时率(%)', prop: 'timeoutOrderRate'}, {label: '超时率(%)', prop: 'timeoutOrderRate'},
] ]
} else if (this.activeIndex === 1) { } else if (this.activeIndex === 2) {
this.labelList = [ this.labelList = [
{label: '师傅姓名', prop: 'driverName'}, {label: '师傅姓名', prop: 'driverName'},
{label: '承接案件量', prop: 'receiveOrderCount'}, {label: '承接案件量', prop: 'receiveOrderCount'},
@ -1288,7 +1517,7 @@ export default {
{label: '客户评价率(%)', prop: 'customerEvaluateRate'}, {label: '客户评价率(%)', prop: 'customerEvaluateRate'},
{label: '催促率(%)', prop: 'urgeRate'}, {label: '催促率(%)', prop: 'urgeRate'},
] ]
} else if (this.activeIndex === 2) { } else if (this.activeIndex === 3) {
this.labelList = [ this.labelList = [
{label: '师傅姓名', prop: 'driverName'}, {label: '师傅姓名', prop: 'driverName'},
{label: '承接案件量', prop: 'receiveOrderCount'}, {label: '承接案件量', prop: 'receiveOrderCount'},
@ -1300,7 +1529,7 @@ export default {
{label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'}, {label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'},
{label: '日均在线时长(h)', prop: 'onlineDuration'}, {label: '日均在线时长(h)', prop: 'onlineDuration'},
] ]
} else if (this.activeIndex === 3) { } else if (this.activeIndex === 4) {
this.labelList = [ this.labelList = [
{label: '师傅姓名', prop: 'driverName'}, {label: '师傅姓名', prop: 'driverName'},
{label: '接单时效(分)', prop: 'receiving'}, {label: '接单时效(分)', prop: 'receiving'},
@ -1310,7 +1539,7 @@ export default {
{label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'}, {label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'},
] ]
} }
} else if (this.active === 4) { } else if (this.active === 5) {
if (this.activeIndex === 0) {//接单指标 if (this.activeIndex === 0) {//接单指标
this.labelList = [ this.labelList = [
{label: '日', prop: 'date'}, {label: '日', prop: 'date'},
@ -1359,17 +1588,21 @@ export default {
} }
} }
}, },
checkMobile() {
const userAgent = navigator.userAgent || navigator.vendor || window.opera;
this.isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
},
setType(type) { setType(type) {
switch (type) { switch (type) {
case 5: case 4:
return 1; return 1;
case 6: case 5:
return 2; return 2;
case 7: case 6:
return 3; return 3;
case 8: case 7:
return 4; return 4;
case 9: case 8:
return 5; return 5;
} }
}, },
@ -1436,19 +1669,6 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
position: relative; position: relative;
.month {
display: inline-block;
width: 45px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 20px 0px 0px 20px;
border: 1px solid #4C81F5;
font-size: 14px;
color: #FFFFFF;
}
.el-icon-search { .el-icon-search {
font-size: 15px; font-size: 15px;
color: #4C81F5; color: #4C81F5;
@ -1530,12 +1750,6 @@ export default {
display: flex; display: flex;
justify-content:center; justify-content:center;
} }
/* .defen{
display: inline-block;
//width: 92px;
//text-align: right;
}*/
.left{ .left{
text-align: right; text-align: right;
padding-right: 5px; padding-right: 5px;
@ -1588,7 +1802,24 @@ export default {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
} }
.allDataChartWrap{
/* width: 375px;
height: 220px;*/
@include whBg(375px, 200px, #FFFFFF);
}
.allDataChart{
width: 100%;
height: 100%;
}
.webComAllData{
width: 420px;
height: 200px;
/*width: 375px;
height: 146px;*/
float: left;
margin: 10px;
}
.webCom { .webCom {
@include whBg(420px, 200px, #FFFFFF); @include whBg(420px, 200px, #FFFFFF);
float: left; float: left;
@ -1694,12 +1925,15 @@ export default {
::v-deep .el-input__inner{ ::v-deep .el-input__inner{
height: 30px; height: 30px;
} }
::v-deep .el-input__suffix {
top: 4px; /* 给清除按钮预留空间 */
}
} }
.comTab { .comTab {
width: 100%; width: 100%;
height: 95%; height: 95%;
} }
::v-deep .el-table { ::v-deep .el-table {
height: 100%; height: 100%;
} }
@ -1707,7 +1941,11 @@ export default {
::v-deep .el-table--scrollable-x .el-table__body-wrapper { ::v-deep .el-table--scrollable-x .el-table__body-wrapper {
height: 95% !important; height: 95% !important;
} }
.comTabActive3 ::v-deep .el-table--scrollable-x .el-table__body-wrapper{
width: 100%;
//height: 90%;
//height: 84% !important;
}
.chartWrapWeb, .webTab { .chartWrapWeb, .webTab {
height: calc(100% - 200px); height: calc(100% - 200px);
width: 100%; width: 100%;
@ -1775,4 +2013,47 @@ export default {
::v-deep .el-switch__label * { ::v-deep .el-switch__label * {
font-size: 12px; font-size: 12px;
} }
/* 自定义样式 */
.custom-date-picker ::v-deep .el-input__prefix{
display: none;
}
.month {
display: inline-block;
width: 75px;
//height: 30px;
//line-height: 30px;
text-align: center;
border-radius: 20px 0px 0px 20px;
//border-radius: 0px 20px 20px 0px;
//border: 1px solid #4C81F5;
font-size: 14px;
color: #FFFFFF;
::v-deep .el-input--suffix .el-input__inner{
}
::v-deep .el-input__inner{
padding-left: 0 !important;
padding-right: 0 !important;
border-radius: 20px 0px 0px 20px !important;
text-align: center !important;
font-size: 14px !important;
color: #FFFFFF !important;
border: 1px solid #4C81F5 !important;
background-color: transparent !important;
}
/* 自定义清除按钮样式 */
.custom-date-picker ::v-deep .el-input__suffix {
right: 0 !important;
padding-right: 10px !important;
}
.custom-date-picker ::v-deep .el-input__suffix-inner {
display: flex;
align-items: center;
}
.custom-date-picker ::v-deep .el-input__icon {
line-height: 1 !important;
}
}
</style> </style>

View File

@ -0,0 +1,308 @@
<template>
<div class="wrap" :style="{ 'overflow-y': showPoup ? 'hidden' : 'auto' }">
<div class="navBar">
<van-nav-bar title="师傅培训" :border="false" :fixed="true" :safe-area-inset-top="true">
<template slot="left" v-if="isFinished">
<van-icon name="checked" color="#37ec37" size="20"/>
</template>
</van-nav-bar>
</div>
<div class="contentWrap" v-show="!showEmpty">
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh">
<div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item,'培训文档')">
<div class="info flexBetween common">
<div class="title">{{ item.name }}</div>
<!-- <div class="time">{{ item.pushTime }}</div>-->
</div>
<div class="imgWrap"><img :src="item.themePicture"></div>
<div class="num common">{{ item.synopsis }}</div>
<div class="info flexBetween common">
<div class="time">{{ item.pushTime }}</div>
<template v-if="item.alreadyRead === 1">
<div class="status" style="color: #cccccc">已处理</div>
</template>
<template v-else>
<div class="status" >未处理</div>
</template>
</div>
</div>
</van-pull-refresh>
</div>
<div class="empty" v-show="showEmpty">
<img src="@/assets/empty.png" />
</div>
<div class="poupCommon" v-if="showPoup">
<div class="container showPoupContainer">
<div class="con">
<div class="title">培训提醒</div>
<div class="content">欢迎使用中道司机APP请您先完成培训阅读文章并问答相应问题完成后即可正常使用APP祝您使用愉快!</div>
<div class="line"></div>
<div class="btnWrap">
<div class="nextBtn" @click="showPoup = false">确定</div>
</div>
</div>
</div>
</div>
<div class="poupCommon" v-if="isFinished">
<div class="container finishContainer">
<div class="con">
<div class="title">提示</div>
<div class="content">恭喜您您已经全部完成培训现在您可以正常使用我们的app请前往体验</div>
<div class="line"></div>
<div class="btnWrap">
<div class="nextBtn" @click="goApp">前往</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import {myMixins} from "@/utils/myMixins"
import {driverTrainList} from "@/api/mine"
export default {
name: "driverTrainingList",
computed: {
},
mixins:[myMixins],
data(){
return{
pageList:[],
show:false,
showEmpty:false,
isLoading:false,
showPoup:true,//进入弹框
isFinished:false,
driverId:'',
}
},
mounted() {
const urlParams = new URLSearchParams(window.location.search);
this.driverId = urlParams.get('driverId');
this.getList();
document.addEventListener('visibilitychange', async ( ) => {
let state = document.visibilityState
if (state == 'hidden') { // 用户离开了
}
if (state == 'visible') {
this.getList();
}
});
},
methods:{
onRefresh() {
this.getList()
setTimeout(() => {
this.$toast('刷新成功');
this.isLoading = false;
}, 1000);
},
async getList(){
let res= await driverTrainList({
driverId:this.driverId,//79639
})
this.pageList=res.data?.list;
if(res.data.assessState == 0){
this.isFinished=false
}else {
this.isFinished=true //是否完成
}
if(this.pageList?.length === 0){
this.showEmpty = true
}else {
this.showEmpty = false
}
},
goApp(){
let data = {"action":"goBack","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.sendMessage("goBack");
}
},
}
}
</script>
<style scoped lang="scss">
@import "@/styles/common.scss";
@import "@/styles/mixin.scss";
@import "@/styles/docment.scss";
@import "@/styles/driverDocment.scss";
.contentWrap{
height: calc(100% - 50px) !important;
}
.status{
color: red;
font-size: 14px;
margin-right: 8px;
text-align: right
}
.wrap{
position: relative;
overflow-y: hidden;
}
.poupCommon{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.7);
position: absolute;
top: 0;
left: 0;
.showPoupContainer{
height: 310px;
background-size: 320px 310px;
.content{
margin-bottom: 20px;
}
.btnWrap{
margin-top: 6px;
}
}
.finishContainer{
height: 260px;
background-size: 320px 260px;
.con{
top: 80px !important;
}
}
.container{
width: 320px;
background-image: url("@/assets/trainBg.png");
background-repeat: no-repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
.con{
position: absolute;
top: 100px;
left: 20px;
}
}
.title{
font-weight: bold;
font-size: 19px;
color: #3364B7;
line-height: 26px;
width: 70%;
margin-left: 35px;
text-align: center;
}
.content{
width: 70%;
height: 92px;
font-size: 14px;
color: #4C5361;
line-height: 23px;
text-align: justify;
margin-top: 8px;
margin-left: 35px;
}
.line{
width: 285px;
height: 1px;
border-bottom: 1px solid #F1F2F5;
}
.btnWrap{
width: 92%;
font-weight: bold;
font-size: 13px;
display: flex;
justify-content: space-around;
height: 40px;
line-height: 40px;
.closeBtn{
color: #999B9F;
}
.line{
width: 1px;
height: 48px;
border-right: 1px solid #F1F2F5;
}
.nextBtn{
color: #3364B7;
}
}
}
//.poupWrap{
// width: 100%;
// height: 100%;
// background-color: rgba(0,0,0,.7);
// position: absolute;
// top: 0;
// left: 0;
// .container{
// width: 320px;
// height: 310px;
// background-image: url("@/assets/trainBg.png");
// background-size: 320px 310px;
// background-repeat: no-repeat;
// position: absolute;
// top: 0;
// bottom: 0;
// left: 0;
// right: 0;
// margin: auto;
// .con{
// position: absolute;
// top: 100px;
// left: 20px;
// }
//
// }
// .title{
// font-weight: bold;
// font-size: 19px;
// color: #3364B7;
// line-height: 26px;
// width: 70%;
// margin-left: 35px;
// text-align: center;
// }
// .content{
// width: 70%;
// height: 92px;
// font-size: 14px;
// color: #4C5361;
// line-height: 23px;
// text-align: justify;
// margin-top: 8px;
// margin-bottom: 20px;
// margin-left: 35px;
// }
// .line{
// width: 285px;
// height: 1px;
// border-bottom: 1px solid #F1F2F5;
// }
// .btnWrap{
// width: 92%;
// font-weight: bold;
// font-size: 13px;
// display: flex;
// justify-content: space-around;
// margin-top: 6px;
// height: 40px;
// line-height: 40px;
// .closeBtn{
// color: #999B9F;
// }
// .line{
// width: 1px;
// height: 48px;
// border-right: 1px solid #F1F2F5;
// }
// .nextBtn{
// color: #3364B7;
// }
// }
//}
</style>

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="wrap" :style="{ 'overflow-y': showPoup ? 'hidden' : 'auto' }"> <div class="wrap" :style="{ 'overflow-y': showPoup ? 'hidden' : 'auto' }">
<div class="navBar"> <div class="navBar">
<van-nav-bar title="新人培训" :border="false" :fixed="true" :safe-area-inset-top="true"> <van-nav-bar title="培训" :border="false" :fixed="true" :safe-area-inset-top="true">
<template slot="left" v-if="isFinished"> <template slot="left" v-if="isFinished">
<van-icon name="checked" color="#37ec37" size="20"/> <van-icon name="checked" color="#37ec37" size="20"/>
</template> </template>
@ -9,19 +9,23 @@
</div> </div>
<div class="contentWrap" v-show="!showEmpty"> <div class="contentWrap" v-show="!showEmpty">
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh"> <van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh">
<div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item)"> <div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item,'培训文档')">
<div class="info flexBetween common"> <div class="info flexBetween common">
<div class="title">{{ item.pushUser }}</div> <div class="title">{{ item.name }}</div>
<div class="time">{{ item.pushTime }}</div> <!-- <div class="time">{{ item.updateTime }}</div>-->
</div> </div>
<div class="imgWrap"><img :src="item.themePicture"></div> <div class="imgWrap"><img :src="item.themePicture"></div>
<div class="num common">{{ item.synopsis }}</div> <div class="num common">{{ item.synopsis }}</div>
<template v-if="item.listShowButton == null"> <div class="info flexBetween common" >
<div class="time">{{ item.pushTime }}</div>
<span style="color: red;font-size: 14px;margin-right: 8px" :class="item.alreadyRead===1 ? 'alRead' : ''">{{ item.alreadyRead===1 ? '已处理' : '未处理' }}</span>
</div>
<!-- <template v-if="item.alreadyRead === 1">
<div class="status" style="color: #cccccc">已处理</div> <div class="status" style="color: #cccccc">已处理</div>
</template> </template>
<template v-else> <template v-else>
<div class="status" >未处理</div> <div class="status" >未处理</div>
</template> </template>-->
</div> </div>
</van-pull-refresh> </van-pull-refresh>
</div> </div>
@ -38,7 +42,6 @@
<div class="nextBtn" @click="showPoup = false">确定</div> <div class="nextBtn" @click="showPoup = false">确定</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="poupCommon" v-if="isFinished"> <div class="poupCommon" v-if="isFinished">
@ -51,17 +54,14 @@
<div class="nextBtn" @click="goApp">前往</div> <div class="nextBtn" @click="goApp">前往</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
// import { Dialog } from 'vant';
import {myMixins} from "@/utils/myMixins" import {myMixins} from "@/utils/myMixins"
import {pageList} from "@/api/mine" import {pageList} from "@/api/mine"
export default { export default {
name: "newTrainingList", name: "newTrainingList",
computed: { computed: {
@ -78,16 +78,26 @@ export default {
isLoading:false, isLoading:false,
showPoup:true,//进入弹框 showPoup:true,//进入弹框
isFinished:false, isFinished:false,
// showPoup:false,//进入弹框
// isFinished:true,
} }
}, },
mounted() { mounted() {
// this.onRefresh(); // this.onRefresh();
this.getList(); this.getList();
document.addEventListener('visibilitychange', async ( ) => {
let state = document.visibilityState
if (state == 'hidden') { // 用户离开了
// console.log('用户离开了')
}
if (state == 'visible') {
// console.log('用户回来了')
this.getList();
//调用接口,获取订单状态
}
});
}, },
created() { created() {
console.log("createdcreatedcreated")
// this.getList(); // this.getList();
// 每次回答完问题之后返回需重新加结果 // 每次回答完问题之后返回需重新加结果
@ -111,16 +121,14 @@ export default {
docType:1, docType:1,
trainingType:4, trainingType:4,
}) })
this.pageList=res.data; this.pageList=res.data?.list || [];
let aaa=this.pageList.every(item=>item.listShowButton != 1) if(res.data.assessState == 0){
if(aaa){ this.isFinished=false
this.showPoup=false }else {
this.isFinished=true this.isFinished=true //是否完成
// await this.allProcessed()
} }
if(res.data.length === 0){ if(this.pageList?.length == 0){
this.showEmpty = true this.showEmpty = true
}else { }else {
this.showEmpty = false this.showEmpty = false
} }
@ -139,28 +147,6 @@ export default {
window.android.sendMessage("goBack"); window.android.sendMessage("goBack");
} }
}, },
/*allProcessed(){
Dialog.confirm({
title: '提示',
message: '恭喜您您已经全部完成培训现在您可以正常使用我们的app请前往体验。',
confirmButtonText: '前往',
cancelButtonText: '稍后'
})
.then(() => {
let data = {"action":"goBack","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.sendMessage("goBack");
}
})
.catch(() => {
// on cancel
});
console.log("全部处理")
},*/
} }
} }
</script> </script>
@ -168,6 +154,10 @@ export default {
@import "@/styles/common.scss"; @import "@/styles/common.scss";
@import "@/styles/mixin.scss"; @import "@/styles/mixin.scss";
@import "@/styles/docment.scss"; @import "@/styles/docment.scss";
.contentWrap{
height: calc(100% - 50px) !important;
}
.status{ .status{
color: red; color: red;
font-size: 14px; font-size: 14px;
@ -264,77 +254,8 @@ export default {
} }
} }
} }
//.poupWrap{ .alRead{
// width: 100%; color: #cccccc !important;
// height: 100%; }
// background-color: rgba(0,0,0,.7);
// position: absolute;
// top: 0;
// left: 0;
// .container{
// width: 320px;
// height: 310px;
// background-image: url("@/assets/trainBg.png");
// background-size: 320px 310px;
// background-repeat: no-repeat;
// position: absolute;
// top: 0;
// bottom: 0;
// left: 0;
// right: 0;
// margin: auto;
// .con{
// position: absolute;
// top: 100px;
// left: 20px;
// }
//
// }
// .title{
// font-weight: bold;
// font-size: 19px;
// color: #3364B7;
// line-height: 26px;
// width: 70%;
// margin-left: 35px;
// text-align: center;
// }
// .content{
// width: 70%;
// height: 92px;
// font-size: 14px;
// color: #4C5361;
// line-height: 23px;
// text-align: justify;
// margin-top: 8px;
// margin-bottom: 20px;
// margin-left: 35px;
// }
// .line{
// width: 285px;
// height: 1px;
// border-bottom: 1px solid #F1F2F5;
// }
// .btnWrap{
// width: 92%;
// font-weight: bold;
// font-size: 13px;
// display: flex;
// justify-content: space-around;
// margin-top: 6px;
// height: 40px;
// line-height: 40px;
// .closeBtn{
// color: #999B9F;
// }
// .line{
// width: 1px;
// height: 48px;
// border-right: 1px solid #F1F2F5;
// }
// .nextBtn{
// color: #3364B7;
// }
// }
//}
</style> </style>

File diff suppressed because it is too large Load Diff

View File

@ -11,7 +11,7 @@
@click-left="goback" @click-left="goback"
/> />
</div> </div>
<div class="baseInfo common"> <div class="baseInfo common" style="height: 344px">
<div class="title">基本信息:</div> <div class="title">基本信息:</div>
<div class="line"></div> <div class="line"></div>
<div class="item"> <div class="item">
@ -47,9 +47,16 @@
</div> </div>
<div class="item"> <div class="item">
<span class="titleLeft">扣除责任险费</span> <span class="titleLeft">扣除责任险费</span>
<span class="content">{{orderInfo.policyAmount}} {{orderInfo.cutInsuranceAmount}}</span> <span class="content">{{orderInfo.policyAmount}}</span>
</div>
<div class="item">
<span class="titleLeft">车衣费用</span>
<span class="content">{{orderInfo.carClothingToolAmount}}</span>
</div>
<div class="item">
<span class="titleLeft">换电瓶费用</span>
<span class="content">{{orderInfo.replaceBatteryAmount}}</span>
</div> </div>
</div> </div>
<div class="baseInfo common"> <div class="baseInfo common">
<div class="title">审核数据:</div> <div class="title">审核数据:</div>
@ -75,7 +82,7 @@
<span class="content">{{orderInfo.bridgeAmountBc + ' 元' }}</span> <span class="content">{{orderInfo.bridgeAmountBc + ' 元' }}</span>
</div> </div>
<div class="item" v-show="bridgeCaState"> <div class="item" v-show="bridgeCaState">
<span class="titleLeft">va路桥费</span> <span class="titleLeft">ca路桥费</span>
<span class="content">{{orderInfo.bridgeAmountCa + ' 元' }}</span> <span class="content">{{orderInfo.bridgeAmountCa + ' 元' }}</span>
</div> </div>
<div class="item" v-show="tyreAmountState"> <div class="item" v-show="tyreAmountState">

6403
yarn.lock

File diff suppressed because it is too large Load Diff