27 Commits

Author SHA1 Message Date
997f20ee06 查询工单记账图片和修改服务商记账信息 接口添加参数
(cherry picked from commit e768f9c8f8)
2024-09-25 09:48:14 +08:00
d04304ea7d task#14504,换电瓶费用,加号改为减号
(cherry picked from commit 73ec8c267b)
2024-09-25 09:48:14 +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
7b160e12fb task#14504,清除按钮位置调整 2024-07-25 11:17:36 +08:00
4c393f3f1e task#14504,服务商搜索删除放大镜图标 2024-07-25 11:03:11 +08:00
5afbf9df90 task#14504, 分数文字右对齐,分数左对齐,订单相关的页面,全部加上分页,搜索服务商,加清除键 2024-07-23 14:18:15 +08:00
073814bd69 bug#4506, 重新记账模块是否扣除保险费int型转string展示 2024-07-18 11:25:47 +08:00
06fdbc4f84 story#4506, 司机名称搜索框加可清除功能 2024-07-11 21:06:55 +08:00
86ed97f265 story#4506, 页码调整 2024-07-11 09:36:59 +08:00
0aa9f3ec04 story#4506, KPI演示优化-240709 2024-07-10 21:19:53 +08:00
48cd129290 task#14196,二级tab切换bugfix 2024-07-09 16:20:30 +08:00
b8096b39f3 task#14196,高亮背景色改为蓝色 2024-07-09 15:41:56 +08:00
3a45615e4f task#14196,默认首页 2024-07-09 15:39:58 +08:00
d1b04ec51c task#14196,web端时效优化 2024-07-09 15:32:06 +08:00
dc091c6dd5 task#14196,保留两位小数 2024-07-09 15:16:44 +08:00
45914f0577 task#14196,折线图百分号处理 2024-07-09 15:02:02 +08:00
42694d57de task#14196,高亮提示 2024-07-09 10:06:54 +08:00
11 changed files with 1330 additions and 827 deletions

113
package-lock.json generated
View File

@ -1713,9 +1713,9 @@
}
},
"@vant/icons": {
"version": "1.8.0",
"resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.8.0.tgz",
"integrity": "sha512-sKfEUo2/CkQFuERxvkuF6mGQZDKu3IQdj5rV9Fm0weJXtchDSSQ+zt8qPCNUEhh9Y8shy5PzxbvAfOOkCwlCXg=="
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/@vant/icons/-/icons-3.0.2.tgz",
"integrity": "sha512-4OlRVMd0uiDtD9hgSISZW8hB95vU0fFtc41tQchRIyiXkR0tS+DydZOLb8/bQkithrNWhW7Uud38MbKjlJ9lJw=="
},
"@vant/popperjs": {
"version": "1.3.0",
@ -2030,6 +2030,49 @@
"webpack-merge": "^5.7.3",
"webpack-virtual-modules": "^0.4.2",
"whatwg-fetch": "^3.6.2"
},
"dependencies": {
"@vue/vue-loader-v15": {
"version": "npm:vue-loader@15.11.1",
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.11.1.tgz",
"integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
"dev": true,
"requires": {
"@vue/component-compiler-utils": "^3.1.0",
"hash-sum": "^1.0.2",
"loader-utils": "^1.1.0",
"vue-hot-reload-api": "^2.3.0",
"vue-style-loader": "^4.1.0"
},
"dependencies": {
"hash-sum": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
"integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
"dev": true
}
}
},
"json5": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
"integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
"dev": true,
"requires": {
"minimist": "^1.2.0"
}
},
"loader-utils": {
"version": "1.4.2",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
"integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
"dev": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^1.0.1"
}
}
}
},
"@vue/cli-shared-utils": {
@ -2194,47 +2237,6 @@
}
}
},
"@vue/vue-loader-v15": {
"version": "npm:vue-loader@15.11.1",
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.11.1.tgz",
"integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
"dev": true,
"requires": {
"@vue/component-compiler-utils": "^3.1.0",
"hash-sum": "^1.0.2",
"loader-utils": "^1.1.0",
"vue-hot-reload-api": "^2.3.0",
"vue-style-loader": "^4.1.0"
},
"dependencies": {
"hash-sum": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
"integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
"dev": true
},
"json5": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
"integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
"dev": true,
"requires": {
"minimist": "^1.2.0"
}
},
"loader-utils": {
"version": "1.4.2",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
"integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
"dev": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^1.0.1"
}
}
}
},
"@vue/web-component-wrapper": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
@ -3542,10 +3544,16 @@
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
"integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
},
"dayjs": {
"version": "1.11.13",
"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
"integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
},
"de-indent": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
"integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg=="
"integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
"dev": true
},
"debug": {
"version": "4.3.4",
@ -4880,7 +4888,8 @@
"he": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
"integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw=="
"integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
"dev": true
},
"highlight.js": {
"version": "10.7.3",
@ -5508,7 +5517,8 @@
"lodash": {
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
},
"lodash.debounce": {
"version": "4.0.8",
@ -8025,12 +8035,12 @@
}
},
"vant": {
"version": "2.12.54",
"resolved": "https://registry.npmjs.org/vant/-/vant-2.12.54.tgz",
"integrity": "sha512-t7DCiLxNosDrg0Jm5EY9p0A5cAMo5OadmizbYtPEc0ru+OJKEa3kcfxtKIK5on7ZPqoOkyYJt8e6BQ1VDMPsrg==",
"version": "2.13.2",
"resolved": "https://registry.npmjs.org/vant/-/vant-2.13.2.tgz",
"integrity": "sha512-anZbbLqXCq+rUJk10D67mn+V/1/i9tfOTdoR+64B0e+0BzV3KFgpHBF76noLa+yX9i/L+8DeL560WMk0GEN38g==",
"requires": {
"@babel/runtime": "7.x",
"@vant/icons": "^1.7.1",
"@vant/icons": "^3.0.2",
"@vant/popperjs": "^1.1.0",
"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
"vue-lazyload": "1.2.3"
@ -8245,6 +8255,7 @@
"version": "2.7.14",
"resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz",
"integrity": "sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==",
"dev": true,
"requires": {
"de-indent": "^1.0.2",
"he": "^1.2.0"

View File

@ -18,7 +18,7 @@
"qs": "^6.11.2",
"sass": "^1.65.1",
"sass-loader": "^13.3.2",
"vant": "^2.12.54",
"vant": "^2.13.2",
"vue": "^2.6.14",
"vue-router": "^3.0.7",
"vuex": "^3.6.2",

View File

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8">
<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="format-detection" content="telephone=yes"/>
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
@ -34,11 +35,11 @@
// VConsole 默认会挂载到 `window.VConsole` 上
// let vConsole = new window.VConsole();
(function (doc, win) {
console.log("==window.location.pathname===",window.location.pathname)
let docEl = doc.documentElement
let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
recalc = function () {
var clientWidth = docEl.clientWidth;
// console.log("clientWidth",clientWidth)
if (!clientWidth) return;
if (clientWidth < 400) {
clientWidth = 400;
@ -48,13 +49,20 @@
if (!doc.addEventListener) return;
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
if (isMobile) {// 是移动端不变
// console.log("是移动端不变")
}else{
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
if(window.location.pathname=='/h5/supplier/dispatch/kpiIndex'){
// console.log("执行了执行了")
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
}
/*else{
console.log("走着了这种饿 ")
}*/
}
// console.log("isMobile",isMobile)
})(document, window);
</script>
</body>
</html>

View File

@ -36,14 +36,7 @@ export function getKpiDetailsData(data){
data
})
}
/*export function getSupplierId(data){
return request({
url: '/supplier/select/supplier',
method:'GET',
// contentType: 'application/json',
data
})
}*/
// 关键词搜索服务商名称
export function getSupplierId(key) {
return request({
url: '/supplier/select/supplier',
@ -53,3 +46,13 @@ export function getSupplierId(key) {
}
});
}
// supplier/select/driver 关键词搜索司机名称
export function getDriverName(key) {
return request({
url: '/supplier/select/driver',
method: 'GET',
params: {
key: key ,
}
});
}

View File

@ -132,7 +132,7 @@ export function deleteImage(data){
})
}
//新增记账图片 form-data
export function insertRecordPicture(data){
/*export function insertRecordPicture(data){
return request({
url:'/supplierAppV2/dispatchApp/accountRecord/insertRecordPicture',
method:'POST',
@ -142,7 +142,7 @@ export function insertRecordPicture(data){
// 'Content-Type': 'multipart/form-data',
// },
})
}
}*/
//开票通知列表
export function notifyInvoiceList(data){

View File

@ -42,7 +42,7 @@
<div class="metersWrap">
<div class="item" >
<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 class="item">
<div class="leftKiloMeters">等候费</div>
@ -82,7 +82,7 @@ export default {
bridgeAmountAb:'',
bridgeAmountBc:'',
bridgeAmountCa:'',
tyreNumber:'',
tyreNumber:0,
waitAmount:'',
dilemmaFee:'',
customerAmount:'',
@ -98,6 +98,15 @@ export default {
await this.getDetail()
},
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() {
this.updatSettlement()
},

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

@ -6,10 +6,18 @@
style="width: 100%"
height="100%"
v-loading="loading"
:cell-style="setTableCellStyle"
class="custom-table">
<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'">
</el-table-column>
<template v-if="active===1">
<el-table-column v-for="item in labelList" :key="item.prop" :label="item.label" :prop="item.prop" align="center">
<template slot-scope="scope">{{scope.row[item.prop]}} </template>
</el-table-column>
</template>
<template v-else>
<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'">
</el-table-column>
</template>
</el-table>
</div>
</template>
@ -17,14 +25,132 @@
<script>
export default {
name: "noFit-table",
props: ['tableData','labelList','loading','isMobile'],
props: ['tableData', 'labelList', 'loading', 'isMobile','active'],
data() {
return {}
},
mounted() {
// console.log("tableData",this.tableData)
},
methods: {}
methods: {
setTableCellStyle({ row, column,columnIndex }) {
// 月总表格被转置,原始方法失效,重新定义对比
if(this.active===1){
if(row.month == '3接单率(%)'){
if(columnIndex){
let res=row[column.property]
const rate = parseFloat(res && res.replace('%', ''));
if(rate < 95){
return {backgroundColor: '#F1B289'}
}
}
}
if(row.month == '接单时效(分)'){
if(columnIndex){
let res=row[column.property]
if(res > 5){
return {backgroundColor: '#F1B289'}
}
}
}
if(row.month == '到达时效(分)'){
if(columnIndex){
let res=row[column.property]
if(res > 40){
return {backgroundColor: '#F1B289'}
}
}
}
if(row.month == '总聚合成功率(%)'){
if(columnIndex){
let res=row[column.property]
const rate = parseFloat(res && res.replace('%', ''));
if(rate < 80){
return {backgroundColor: '#F1B289'}
}
}
}
if(row.month == '使用率(%)'){
if(columnIndex){
let res=row[column.property]
const rate = parseFloat(res && res.replace('%', ''));
if(rate < 95){
return {backgroundColor: '#F1B289'}
}
}
}
if(row.month == '投诉率(%)'){
if(columnIndex){
let res=row[column.property]
const rate = parseFloat(res && res.replace('%', ''));
if(rate > 0.1){
return {backgroundColor: '#F1B289'}
}
}
}
}
// 接单率
if(column.property=='threeMinutesReceivingRate'){
if(columnIndex){
const rate = parseFloat(row.threeMinutesReceivingRate && row.threeMinutesReceivingRate.replace('%', ''));
if(rate < 95){
return {backgroundColor: '#F1B289'}
}
}
}
//师傅接单时效》5
if(column.property=='receiving'){
if(columnIndex){
if(row.receiving > 5){
return {backgroundColor: '#F1B289'}
}
}
}
//到达时效》40
if(column.property=='arriving'){
if(columnIndex){
if(row.arriving > 40){
return {backgroundColor: '#F1B289'}
}
}
}
//聚合成功率《80
if(column.property=='polymerizationSuccessRate'){
if(columnIndex){
const rate = parseFloat(row.polymerizationSuccessRate && row.polymerizationSuccessRate.replace('%', ''));
if(rate < 80){
return {backgroundColor: '#F1B289'}
}
}
}
//app使用率《95
if(column.property=='appRate'){
if(columnIndex){
const rate = parseFloat(row.appRate && row.appRate.replace('%', ''));
if(rate < 95){
return {backgroundColor: '#F1B289'}
}
}
}
//催促率》3
if(column.property=='urgeRate'){
if(columnIndex){
const rate = parseFloat(row.urgeRate && row.urgeRate.replace('%', ''));
if(rate > 3){
return {backgroundColor: '#F1B289'}
}
}
}
//投诉率》0.1
if(column.property=='complainOrderRate'){
if(columnIndex){
const rate = parseFloat(row.complainOrderRate.replace('%', ''));
if(rate > 0.1){
return {backgroundColor: '#F1B289'}
}
}
}
}
}
}
</script>

View File

@ -6,7 +6,7 @@
</div>
<div v-else class="webHeadWrap" :style="'justify-content:'+(isZd==1 ? 'space-between':'center')">
<div class="empty" v-if="isZd==1"></div>
<div class="title">KPI.数据看板<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">
<span class="month">{{ current }}</span>
@ -15,6 +15,7 @@
filterable
remote
reserve-keyword
clearable
placeholder="请输入后选择"
:remote-method="remoteMethod"
@change="selectSupplierNameHanldle"
@ -26,11 +27,13 @@
:value="item.id">
</el-option>
</el-select>
<i class="el-icon-search" @click="searchHandle"></i>
<!-- <i class="el-icon-search" @click="searchHandle"></i>-->
</div>
</div>
<van-tabs v-model="active" sticky @click="onClick">
<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 && !([8,9].includes(active))" class="tipArrow right">>>></div>
</van-tabs>
<div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0">
<div :class="{'reciceOrder':true,'webCom':!isMobile}">
@ -42,11 +45,11 @@
</div>
<div class="center common" @click="clickJumpHandle(5)">
<div class="num">{{ indexData && indexData.refuseOrderRate }}%</div>
<div class="itemTitle">拒单率 ></div>
<div class="itemTitle" style="cursor: pointer">拒单率 ></div>
</div>
<div class="right common" @click="clickJumpHandle(6)">
<div class="num">{{ indexData && indexData.timeoutOrderRate }}%</div>
<div class="itemTitle">超时率 ></div>
<div class="itemTitle" style="cursor: pointer">超时率 ></div>
</div>
</div>
</div>
@ -83,20 +86,62 @@
<div class="line"></div>
<div class="center common">
<div class="num">{{ indexData && indexData.polymerizationSuccessArriving }}</div>
<div class="itemTitle">集合成功到达时效</div>
<div class="itemTitle">集合成功到达时效()</div>
</div>
<div class="line"></div>
<div class="right common">
<div class="num">{{ indexData && indexData.arriving }}</div>
<div class="itemTitle">到达时效</div>
<div class="itemTitle">到达时效()</div>
</div>
</div>
</div>
<div :class="{'reciceOrder':true,'webCom':!isMobile,'store':isMobile}">
<div class="title">综合打分</div>
<div class="storeWrap" v-if="indexData">
<circle-char ref="Doughnut7" :data="indexData && indexData.score" :bg-color="'#00D273'" :is-store="true"></circle-char>
<div class="scoreTitle">
<span class="title">综合打分</span>
<i class="el-icon-question" @click.prevent="showScoreChart = !showScoreChart"></i>
</div>
<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>
<div v-else class="detailScore">
<div class="left">
<div>
<span class="defen">接单得分:</span>
</div>
<div>
<span class="defen">接单时效得分:</span>
</div>
<div>
<span class="defen">到达时效得分:</span>
</div>
<div><span class="defen">聚合成功率得分:</span>
</div>
<div><span class="defen">APP使用率得分:</span>
</div>
<div><span class="defen">催促率得分:</span>
</div>
<div><span class="defen">投诉率得分:</span>
</div>
</div>
<div class="right">
<div>
<span>{{ indexData.orderScore }}</span>
</div>
<div>
<span>{{ indexData.orderAgeingScore }}</span>
</div>
<div>
<span>{{ indexData.arriveAgeingScore }}</span>
</div>
<div> <span>{{ indexData.polymerizationSuccessScore }}</span></div>
<div> <span>{{ indexData.appUseScore }}</span></div>
<div> <span>{{ indexData.urgeScore }}</span></div>
<div><span>{{ indexData.complainScore }}</span></div>
</div>
</div>
</div>
</div>
<div>
</div>
<div v-if="isMobile" style="padding: 20px"></div>
</div>
@ -111,7 +156,7 @@
<div v-if="active==1" style="width: 100%">
<div id="chartWrap" style="width: 100%;height:300px"></div>
</div>
<div v-if="isMobile && activeIndex==3" class="selectWrap">
<div v-if="activeIndex==3" class="selectWrap">
<el-select v-model="value" @change="changeHandle">
<el-option
v-for="item in options"
@ -143,12 +188,31 @@
</template>
</div>
<div :class="{'webTab':!isMobile,}">
<noFit-table :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
</div>
<noFit-table v-if="isMobile" :active='active' :is-mobile='isMobile' :table-data="etlDetailList" :label-list="etlLabelList"></noFit-table>
<noFit-table v-else :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
</div>
</div>
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[2,3,4].includes(active)">
<div class="searchDriverName" v-if="[3,4].includes(active)">
<el-input placeholder="请输入师傅名称" v-model.trim="driverName" @change="getData" />
<el-select
v-model="driverName"
filterable
remote
clearable
reserve-keyword
placeholder="请输入后选择"
:remote-method="driverremoteMethod"
@change="getData"
:loading="driverselectLoading"
:style="isMobile ? 'width:100%' : 'width:50%'"
>
<el-option
v-for="item in driverselectOption"
:key="item.id"
:label="item.name"
:value="item.name">
</el-option>
</el-select>
</div>
<div :class="{'tabWrap':true,'webTabWrap':!isMobile,'mobileTab':isMobile}">
<div v-for="(item,index) in (active===3 ? driverList : list)" :class="activeIndex===index ? 'active' : ''"
@ -157,10 +221,26 @@
</div>
</div>
<div :class="{'comTab':true}">
<noFit-table :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>
<el-pagination
small
v-if="active !== 2"
:page-sizes="[20, 50, 100]"
:current-page.sync="pageNum"
:page-size.sync="pageSize"
@current-change="getKpiData"
@size-change="getKpiData"
layout="prev, pager, next,sizes"
:total="total">
</el-pagination>
</div>
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[5,6,7,8,9].includes(active)">
<div :class="{'comTab':true,'detailTable':isMobile}">
<noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
></noFit-table>
</div>
<!-- <el-pagination
small
:current-page.sync="pageNum"
:page-size.sync="pageSize"
@ -168,21 +248,16 @@
@size-change="getKpiData"
layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[5,6,7,8,9].includes(active)">
<div :class="{'comTab':true,'detailTable':isMobile}">
<noFit-table :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
:loading="loading"></noFit-table>
</div>
</el-pagination>-->
<el-pagination
v-if="active !== 9"
small
:page-sizes="[20, 50, 100]"
:current-page.sync="pageNum"
:page-size.sync="pageSize"
@current-change="getKpiData"
@size-change="getKpiData"
layout="prev, pager, next"
layout="prev, pager, next,sizes"
:total="total">
</el-pagination>
</div>
@ -197,7 +272,8 @@ import {
getStatisticsKpiByMonth,
getStatisticsKpi,
getDriverStatisticsKpi,
getSupplierId
getSupplierId,
getDriverName
} from "@/api/kpi.js"
import {myMixins} from "@/utils/myMixins"
import CircleChar from "@/views/kpi/components/circleChar.vue";
@ -224,6 +300,8 @@ export default {
indexData: {},
detailList: [],
labelList: [],
etlDetailList: [],
etlLabelList: [],
loading: false,
loadingData: false,
v1: [],
@ -243,14 +321,18 @@ export default {
{value: '2', label: '到达时效'},
],
pageNum: 1,
pageSize: 10,
pageSize: 20,
total: 0,
swithVal: true,
supplierId:'',//1128
supplierId:'',
selectLoading: false,
selectOption: [],
driverId:'',//68517
driverName:'',
driverselectLoading: false,
driverselectOption: [],
leftArr:'<<<',
showScoreChart:true
}
},
async mounted() {
@ -262,6 +344,9 @@ export default {
this.checkMobile();
const urlParams = new URLSearchParams(window.location.search);
this.isZd = urlParams?.get('isZd') || ''
/* if(!this.isMobile && this.isZd && this.isZd==1){
this.supplierId='1127'
}*/
},
async activated() {
},
@ -276,7 +361,7 @@ export default {
this.$refs.Doughnut5.initCircle()
this.$refs.Doughnut6.initCircle()
this.$refs.Doughnut7.initCircle()
},500)
},1500)
},
async remoteMethod(query) {
if (query !== '') {
@ -294,11 +379,28 @@ export default {
this.selectOption = [];
}
},
async driverremoteMethod(query){
if (query !== '') {
this.driverselectLoading = true;
try {
const result = await getDriverName(query);
this.driverselectOption = result.data || []
} catch (error) {
this.driverselectOption = [];
} finally {
this.driverselectLoading = false;
}
} else {
this.driverselectOption = [];
}
},
async searchHandle() {//web端服务商搜索操作
console.log("搜索按钮")
},
async changeHandle() {
await this.getData();
this.v1=[]
this.v2=[]
await this.twoTabHanldeData();
await this.drawLine();
},
async switchHandle() {
@ -318,6 +420,8 @@ export default {
this.v5 = []
this.v6 = []
this.xAxisArr = []
this.etlDetailList=[]
this.etlLabelList=[]
await this.getKpiData()
this.loadingData = false
} finally {
@ -333,6 +437,7 @@ export default {
this.activeIndex = 0;
this.detailList = [];
this.labelList = [];
this.driverName=''
this.getData();
if (this.active === 1) {
setTimeout(() => {
@ -401,9 +506,11 @@ export default {
type: 'line',
data: this.v1,
smooth: true,
yAxisIndex: 0,
label: {
show: true, // 显示标签
position: 'top', // 标签位置在柱形顶部
formatter: '{c}%'
}
},
{
@ -411,6 +518,7 @@ export default {
type: "line",
data: this.v3,
smooth: true,
yAxisIndex: 0,
label: {
show: true,
position: 'top',
@ -422,6 +530,7 @@ export default {
type: 'line',
smooth: true,
data: this.v2,
yAxisIndex: 0,
label: {
show: true,
position: 'top',
@ -748,14 +857,38 @@ export default {
});
this.indexData = res.data;
this.supplierName=res.data?.supplierName
this.indexData.refuseOrderRate=this.indexData.refuseOrderRate*100?.toFixed(2)
this.indexData.timeoutOrderRate=this.indexData.timeoutOrderRate*100?.toFixed(2)
this.indexData.complainOrderRate=this.indexData.complainOrderRate*100?.toFixed(2)
this.indexData.customerSatisfaction=this.indexData.customerSatisfaction*100?.toFixed(2)
this.indexData.threeMinutesContactRate=this.indexData.threeMinutesContactRate*100?.toFixed(2)
this.indexData.urgeRate=this.indexData.urgeRate*100?.toFixed(2)
this.indexData.appRate=this.indexData.appRate*100?.toFixed(2)
this.indexData.polymerizationSuccessRate=this.indexData.polymerizationSuccessRate*100?.toFixed(2)
this.indexData.refuseOrderRate=this.indexData.refuseOrderRate*100
if (this.indexData.refuseOrderRate % 1 !== 0) {
this.indexData.refuseOrderRate = this.indexData.refuseOrderRate.toFixed(2);
}
this.indexData.timeoutOrderRate=this.indexData.timeoutOrderRate*100
if (this.indexData.timeoutOrderRate % 1 !== 0) {
this.indexData.timeoutOrderRate = this.indexData.timeoutOrderRate.toFixed(2);
}
this.indexData.complainOrderRate=this.indexData.complainOrderRate*100
if (this.indexData.complainOrderRate % 1 !== 0) {
this.indexData.complainOrderRate = this.indexData.complainOrderRate.toFixed(2);
}
this.indexData.customerSatisfaction=this.indexData.customerSatisfaction*100
if (this.indexData.customerSatisfaction % 1 !== 0) {
this.indexData.customerSatisfaction = this.indexData.customerSatisfaction.toFixed(2);
}
this.indexData.threeMinutesContactRate=this.indexData.threeMinutesContactRate*100
if (this.indexData.threeMinutesContactRate % 1 !== 0) {
this.indexData.threeMinutesContactRate = this.indexData.threeMinutesContactRate.toFixed(2);
}
this.indexData.urgeRate=this.indexData.urgeRate*100
if (this.indexData.urgeRate % 1 !== 0) {
this.indexData.urgeRate = this.indexData.urgeRate.toFixed(2);
}
this.indexData.appRate=this.indexData.appRate*100
if (this.indexData.appRate % 1 !== 0) {
this.indexData.appRate = this.indexData.appRate.toFixed(2);
}
this.indexData.polymerizationSuccessRate=this.indexData.polymerizationSuccessRate*100
if (this.indexData.polymerizationSuccessRate % 1 !== 0) {
this.indexData.polymerizationSuccessRate = this.indexData.polymerizationSuccessRate.toFixed(2);
}
} else if ([1, 2].includes(this.active)) {
let res = await getStatisticsKpi({
startTime: this.active === 1 ? this.startMonthTime : this.startTime,
@ -764,21 +897,23 @@ export default {
supplierId: this.supplierId,
})
this.detailList = res.data?.map(item => {
item.refuseOrderRate=item.refuseOrderRate*100?.toFixed(2)+'%'
item.timeoutOrderRate=item.timeoutOrderRate*100?.toFixed(2)+'%'
item.cancelRate=item.cancelRate*100?.toFixed(2)+'%'
item.urgeRate=item.urgeRate*100?.toFixed(2)+'%'
item.complainOrderRate=item.complainOrderRate*100?.toFixed(2)+'%'
item.customerEvaluateRate=item.customerEvaluateRate*100?.toFixed(2)+'%'
item.appRate=item.appRate*100?.toFixed(2)+'%'
item.threeMinutesContactRate=item.threeMinutesContactRate*100?.toFixed(2)+'%'
item.pinganPolymerizationSuccessRate=item.pinganPolymerizationSuccessRate*100?.toFixed(2)+'%'
item.zhonghuaPolymerizationSuccessRate=item.zhonghuaPolymerizationSuccessRate*100?.toFixed(2)+'%'
item.zdPolymerizationSuccessRate=item.zdPolymerizationSuccessRate*100?.toFixed(2)+'%'
item.polymerizationSuccessRate=item.polymerizationSuccessRate*100?.toFixed(2)+'%'
item.threeMinutesReceivingRate=item.threeMinutesReceivingRate*100?.toFixed(2)+'%'
item.fortyMinutesArrivalRate=item.fortyMinutesArrivalRate*100?.toFixed(2)+'%'
item.customerSatisfaction=item.customerSatisfaction*100?.toFixed(2)+'%'
item.refuseOrderRate=this.formatPercentage(item.refuseOrderRate) ;
item.timeoutOrderRate=this.formatPercentage(item.timeoutOrderRate) ;
item.cancelRate=this.formatPercentage(item.cancelRate) ;
item.urgeRate=this.formatPercentage(item.urgeRate) ;
item.complainOrderRate=this.formatPercentage(item.complainOrderRate) ;
item.customerEvaluateRate=this.formatPercentage(item.customerEvaluateRate) ;
item.appRate=this.formatPercentage(item.appRate) ;
item.threeMinutesContactRate=this.formatPercentage(item.threeMinutesContactRate) ;
item.pinganPolymerizationSuccessRate=this.formatPercentage(item.pinganPolymerizationSuccessRate) ;
item.zhonghuaPolymerizationSuccessRate=this.formatPercentage(item.zhonghuaPolymerizationSuccessRate) ;
item.zdPolymerizationSuccessRate=this.formatPercentage(item.zdPolymerizationSuccessRate) ;
item.polymerizationSuccessRate=this.formatPercentage(item.polymerizationSuccessRate) ;
item.threeMinutesReceivingRate=this.formatPercentage(item.threeMinutesReceivingRate) ;
item.fortyMinutesArrivalRate=this.formatPercentage(item.fortyMinutesArrivalRate) ;
item.customerSatisfaction=this.formatPercentage(item.customerSatisfaction) ;
item.trailFortyMinutesArrivalRate=this.formatPercentage(item.trailFortyMinutesArrivalRate) ;
item.minorFortyMinutesArrivalRate=this.formatPercentage(item.minorFortyMinutesArrivalRate) ;
let formatVal = dayjs(item.statisticsDate).format('DD');
let formatVal1 = dayjs(item.statisticsDate).format('M');
return {...item, date: formatVal, month: (formatVal1 == this.current) ? '本月' : (formatVal1 + '月')};
@ -794,6 +929,7 @@ export default {
startTime: this.startTime ,
endTime: this.endTime,
statisticsType: this.active === 3 ? 1 : 2,
supplierId: this.supplierId,
driverId: this.driverId,
driverName:this.driverName,
pageNum: this.pageNum,
@ -802,26 +938,29 @@ export default {
// this.detailList = res.data
this.total = res.total
this.detailList = res.data?.map(item => {
item.refuseOrderRate=item.refuseOrderRate*100?.toFixed(2)+'%'
item.timeoutOrderRate=item.timeoutOrderRate*100?.toFixed(2)+'%'
item.cancelRate=item.cancelRate*100?.toFixed(2)+'%'
item.complainOrderRate=item.complainOrderRate*100?.toFixed(2)+'%'
item.customerEvaluateRate=item.customerEvaluateRate*100?.toFixed(2)+'%'
item.appRate=item.appRate*100?.toFixed(2)+'%'
item.threeMinutesContactRate=item.threeMinutesContactRate*100?.toFixed(2)+'%'
item.pinganPolymerizationSuccessRate=item.pinganPolymerizationSuccessRate*100?.toFixed(2)+'%'
item.zhonghuaPolymerizationSuccessRate=item.zhonghuaPolymerizationSuccessRate*100?.toFixed(2)+'%'
item.zdPolymerizationSuccessRate=item.zdPolymerizationSuccessRate*100?.toFixed(2)+'%'
item.polymerizationSuccessRate=item.polymerizationSuccessRate*100?.toFixed(2)+'%'
item.threeMinutesReceivingRate=item.threeMinutesReceivingRate*100?.toFixed(2)+'%'
item.fortyMinutesArrivalRate=item.fortyMinutesArrivalRate*100?.toFixed(2)+'%'
item.trailFortyMinutesArrivalRate=item.trailFortyMinutesArrivalRate*100?.toFixed(2)+'%'
item.minorFortyMinutesArrivalRate=item.minorFortyMinutesArrivalRate*100?.toFixed(2)+'%'
item.customerSatisfaction=item.customerSatisfaction*100?.toFixed(2)+'%'
item.refuseOrderRate=this.formatPercentage(item.refuseOrderRate) ;
item.timeoutOrderRate=this.formatPercentage(item.timeoutOrderRate) ;
item.cancelRate=this.formatPercentage(item.cancelRate) ;
// item.urgeRate=this.formatPercentage(item.urgeRate) ;
item.complainOrderRate=this.formatPercentage(item.complainOrderRate) ;
item.customerEvaluateRate=this.formatPercentage(item.customerEvaluateRate) ;
item.appRate=this.formatPercentage(item.appRate) ;
item.threeMinutesContactRate=this.formatPercentage(item.threeMinutesContactRate) ;
item.pinganPolymerizationSuccessRate=this.formatPercentage(item.pinganPolymerizationSuccessRate) ;
item.zhonghuaPolymerizationSuccessRate=this.formatPercentage(item.zhonghuaPolymerizationSuccessRate) ;
item.zdPolymerizationSuccessRate=this.formatPercentage(item.zdPolymerizationSuccessRate) ;
item.polymerizationSuccessRate=this.formatPercentage(item.polymerizationSuccessRate) ;
item.threeMinutesReceivingRate=this.formatPercentage(item.threeMinutesReceivingRate) ;
item.fortyMinutesArrivalRate=this.formatPercentage(item.fortyMinutesArrivalRate) ;
item.customerSatisfaction=this.formatPercentage(item.customerSatisfaction) ;
let formatVal = dayjs(item.statisticsDate).format('DD');
return {...item, date: formatVal};
});
this.loading = false;
if(this.active===4 && !this.driverName){
this.detailList=[]
this.total=0
}
await this.twoTabHanldeData();
} else if ([5, 6, 7, 8, 9].includes(this.active)) {
this.detailList = []
@ -831,11 +970,12 @@ export default {
endTime: this.endTime,
searchType: this.setType(this.active),
pageNum: this.pageNum,
pageSize: this.pageSize
pageSize: this.pageSize,
supplierId:this.supplierId
});
this.total = result.total
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};
});
this.loading = false
@ -866,8 +1006,8 @@ export default {
{label: '服务内容', prop: 'serviceName'},
{label: '接单车号', prop: 'plateNumber'},
{label: '接单师傅', prop: 'driverName'},
{label: '手机号', prop: 'driverPhone'},
{label: '客户投诉内容', prop: 'reason'},
{label: '投诉时间', prop: 'complainCreateTime'},
{label: '投诉类型', prop: 'complainTypeString'},
]
} else if (this.active === 8) {//不使用App案件明细
// console.log("不使用App案件明细")
@ -875,11 +1015,19 @@ export default {
{label: '案件编号', prop: 'orderCode'},
{label: '服务内容', prop: 'serviceName'},
{label: '接单师傅手机号', prop: 'driverPhone'},
{label: '工单创建时间', prop: 'orderCreateTime'},
{label: '事发地', prop: 'vehiclePointAddress'},
]
} else if (this.active === 9) {//车辆在线情况
this.labelList = [
{label: '日期', prop: 'date'},
{label: '在线车辆数量', prop: 'vehicleCount'},
{label: '0点在线车辆数量', prop: 'zeroClockVehicleCount'},
{label: '8点在线车辆数量', prop: 'eightClockVehicleCount'},
{label: '12点在线车辆数量', prop: 'twelveClockVehicleCount'},
{label: '16点在线车辆数量', prop: 'sixteenClockVehicleCount'},
{label: '20点在线车辆数量', prop: 'twentyClockVehicleCount'},
{label: '22点在线车辆数量', prop: 'twentyTwoClockVehicleCount'},
]
}
}
@ -887,6 +1035,14 @@ export default {
this.loading = false
}
},
formatPercentage(value) {
let result = value * 100;
if (Number.isInteger(result)) {
return result.toString() + '%';
} else {
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);
@ -945,13 +1101,31 @@ export default {
},
// 二级tab切可不调接口需再次处理数据,1,2,3,4
twoTabHanldeData() {
this.etlDetailList=[]
this.etlLabelList=[]
if (this.active === 1) {
const columnObj = {} //创建标题数组中第一个对象
columnObj.label = 'KPI' //第一个标题名称
columnObj.prop = 'month' //第一个标题名称对应的字段
this.etlLabelList.push(columnObj)
if (this.activeIndex === 0) {//接单指标
this.detailList?.map(item => {
this.etlDetailList=[{ 'month': '派遣量' },{ 'month': '承接量' },{ 'month': '完成量' },
{ 'month': '拒单量' },{ 'month': '拒单率(%)' },{ 'month': '超时接单量' },{ 'month': '超时率(%)' },{ 'month': '客户取消率(%)' }]
let props = 'prop' //自定义字段名称
this.detailList?.map((item,index) => {
this.v1.push(item.dispatchOrderCount)
this.v2.push(item.refuseOrderRate)
this.v3.push(item.timeoutOrderRate)
this.v4.push(item.cancelrate)
this.v2.push(item.refuseOrderRate.replace('%', ''))
this.v3.push(item.timeoutOrderRate.replace('%', ''))
this.v4.push(item.cancelRate.replace('%', ''))
const columnObj = {}
columnObj.label = item.month // 每一列的标题的名称
columnObj.prop = props + index //自定义每一列标题字段名称
this.etlLabelList.push(columnObj)
let mappings = [ 'dispatchOrderCount', 'receiveOrderCount', 'finishOrderCount','refuseOrderCount',
'refuseOrderRate', 'timeoutOrderCount', 'timeoutOrderRate','cancelRate' ];
for (let i = 0; i < mappings.length; i++) {
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
}
})
this.labelList = [
{label: '月', prop: 'month'},
@ -959,82 +1133,117 @@ export default {
{label: '承接量', prop: 'receiveOrderCount'},
{label: '完成量', prop: 'finishOrderCount'},
{label: '拒单量', prop: 'refuseOrderCount'},
{label: '拒单率%', prop: 'refuseOrderRate'},
{label: '拒单率(%)', prop: 'refuseOrderRate'},
{label: '超时接单量', prop: 'timeoutOrderCount'},
{label: '超时率%', prop: 'timeoutOrderRate'},
{label: '取消率%', prop: 'cancelrate'},
{label: '超时率(%)', prop: 'timeoutOrderRate'},
{label: '取消率(%)', prop: 'cancelRate'},
]
} else if (this.activeIndex === 1) {
this.detailList?.map(item => {
this.v1.push(item.customerEvaluateRate)
this.v2.push(item.customerSatisfaction)
this.v3.push(item.complainOrderRate)
this.etlDetailList=[{ 'month': '投诉量' },{ 'month': '投诉率(%)' },{ 'month': '客户满意度(%)' }, { 'month': '客户评价率(%)' }]
let props = 'prop' //自定义字段名称
this.detailList?.map((item,index) => {
this.v1.push(item.customerEvaluateRate.replace('%', ''))
this.v2.push(item.customerSatisfaction.replace('%', ''))
this.v3.push(item.complainOrderRate.replace('%', ''))
const columnObj = {}
columnObj.label = item.month // 每一列的标题的名称
columnObj.prop = props + index //自定义每一列标题字段名称
this.etlLabelList.push(columnObj)
let mappings = [ 'complainOrderCount', 'complainOrderRate', 'customerSatisfaction','customerEvaluateRate' ];
for (let i = 0; i < mappings.length; i++) {
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
}
})
this.labelList = [
{label: '月', prop: 'month'},
{label: '投诉量', prop: 'complainOrderCount'},
{label: '投诉率%', prop: 'complainOrderRate'},
{label: '客户满意度%', prop: 'customerSatisfaction'},
{label: '客户评价率%', prop: 'customerEvaluateRate'},
{label: '投诉率(%)', prop: 'complainOrderRate'},
{label: '客户满意度(%)', prop: 'customerSatisfaction'},
{label: '客户评价率(%)', prop: 'customerEvaluateRate'},
]
} else if (this.activeIndex === 2) {
this.detailList?.map(item => {
this.v1.push(item.appRate)
this.v2.push(item.threeMinutesContactRate)
this.v3.push(item.pinganPolymerizationSuccessRate)
this.v4.push(item.zhonghuaPolymerizationSuccessRate)
this.v5.push(item.zdPolymerizationSuccessRate)
this.v6.push(item.polymerizationSuccessRate)
this.etlDetailList=[{ 'month': '使用率(%)' },{ 'month': '3联系客户率(%)' },{ 'month': '平安聚合成功率(%)' }, { 'month': '中华聚合成功率(%)' }
,{ 'month': '中道聚合成功率(%' }, { 'month': '总聚合成功率(%)' }]
let props = 'prop' //自定义字段名称
this.detailList?.map((item,index) => {
this.v1.push(item.appRate.replace('%', ''))
this.v2.push(item.threeMinutesContactRate.replace('%', ''))
this.v3.push(item.pinganPolymerizationSuccessRate.replace('%', ''))
this.v4.push(item.zhonghuaPolymerizationSuccessRate.replace('%', ''))
this.v5.push(item.zdPolymerizationSuccessRate.replace('%', ''))
this.v6.push(item.polymerizationSuccessRate.replace('%', ''))
const columnObj = {}
columnObj.label = item.month // 每一列的标题的名称
columnObj.prop = props + index //自定义每一列标题字段名称
this.etlLabelList.push(columnObj)
let mappings = [ 'appRate', 'threeMinutesContactRate', 'pinganPolymerizationSuccessRate','zhonghuaPolymerizationSuccessRate','zdPolymerizationSuccessRate','polymerizationSuccessRate' ];
for (let i = 0; i < mappings.length; i++) {
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
}
})
this.labelList = [
{label: '月', prop: 'month'},
{label: '使用率%', prop: 'appRate'},
{label: '3联系客户率%', prop: 'threeMinutesContactRate'},
{label: '平安聚合成功率%', prop: 'pinganPolymerizationSuccessRate'},
{label: '中华聚合成功率%', prop: 'zhonghuaPolymerizationSuccessRate'},
{label: '中道聚合成功率%', prop: 'zdPolymerizationSuccessRate'},
{label: '总聚合成功率%', prop: 'polymerizationSuccessRate'},
{label: '使用率(%)', prop: 'appRate'},
{label: '3联系客户率(%)', prop: 'threeMinutesContactRate'},
{label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'},
{label: '中华聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'},
{label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'},
{label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'},
]
} else if (this.activeIndex === 3) {
this.etlDetailList=[{ 'month': '接单时效(分)' },{ 'month': '3接单率(%)' },{ 'month': '到达时效(分)' }, { 'month': '40到达率(%)' },{'month':'聚合成功到达时效(分)'}]
let props = 'prop' //自定义字段名称
if (this.isMobile) {
if (this.value == 1) {
this.detailList?.map(item => {
this.v1.push(item.receiving)
this.v2.push(item.threeMinutesReceivingRate)
this.v2.push(item.threeMinutesReceivingRate.replace('%', ''))
})
} else {
console.log(" this.detailList师傅接单时效", this.detailList)
this.detailList?.map(item => {
this.v1.push(item.arriving)
this.v2.push(item.polymerizationSuccessArriving)
this.v3.push(item.fortyMinutesArrivalRate)
this.v3.push(item.fortyMinutesArrivalRate.replace('%', ''))
})
console.log("this.v1",this.v1,this.v2,this.v3)
}
this.detailList?.map((item,index) => {
const columnObj = {}
columnObj.label = item.month // 每一列的标题的名称
columnObj.prop = props + index //自定义每一列标题字段名称
this.etlLabelList.push(columnObj)
let mappings = [ 'receiving', 'threeMinutesReceivingRate', 'arriving','fortyMinutesArrivalRate','polymerizationSuccessArriving'];
for (let i = 0; i < mappings.length; i++) {
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
}
})
} else {
this.detailList?.map(item => {
this.v1.push(item.receiving)
this.v2.push(item.threeMinutesReceivingRate)
this.v2.push(item.threeMinutesReceivingRate.replace('%', ''))
})
if (this.swithVal) {
this.detailList?.map(item => {
this.v3.push(item.trailArriving)
this.v4.push(item.trailPolymerizationSuccessArriving)
this.v5.push(item.trailFortyMinutesArrivalRate)
this.v4.push(item.trailPolymerizationSuccessArsriving)
this.v5.push(item.trailFortyMinutesArrivalRate ? item.trailFortyMinutesArrivalRate.replace('%', '') : item.trailFortyMinutesArrivalRate)
})
} else {
this.detailList?.map(item => {
this.v3.push(item.minorArriving)
this.v4.push(item.minorPolymerizationSuccessArriving)
this.v5.push(item.minorFortyMinutesArrivalRate)
this.v5.push(item.minorFortyMinutesArrivalRate ? item.minorFortyMinutesArrivalRate.replace('%', '') : item.minorFortyMinutesArrivalRate)
})
}
}
this.labelList = [
{label: '月', prop: 'month'},
{label: '接单时效(分)', prop: 'receiving'},
{label: '3接单率%', prop: 'threeMinutesReceivingRate'},
{label: '3接单率(%)', prop: 'threeMinutesReceivingRate'},
{label: '到达时效(分)', prop: 'arriving'},
{label: '40到达率%', prop: 'fortyMinutesArrivalRate'},
{label: '聚合成功到达时效', prop: 'polymerizationSuccessArriving'},
{label: '40到达率(%)', prop: 'fortyMinutesArrivalRate'},
{label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'},
]
}
} else if (this.active === 2) {
@ -1045,42 +1254,42 @@ export default {
{label: '承接案件量', prop: 'receiveOrderCount'},
{label: '完成量', prop: 'finishOrderCount'},
{label: '拒单量', prop: 'refuseOrderCount'},
{label: '拒单率%', prop: 'refuseOrderRate'},
{label: '拒单率(%)', prop: 'refuseOrderRate'},
{label: '超时接单量', prop: 'timeoutOrderCount'},
{label: '超时率%', prop: 'timeoutOrderRate'},
{label: '客户取消率%', prop: 'cancelrate'},
{label: '超时率(%)', prop: 'timeoutOrderRate'},
{label: '客户取消率(%)', prop: 'cancelRate'},
]
} else if (this.activeIndex === 1) {
this.labelList = [
{label: '日', prop: 'date'},
{label: '投诉量', prop: 'complainOrderCount'},
{label: '投诉率%', prop: 'complainOrderRate'},
{label: '客户评价率%', prop: 'customerEvaluateRate'},
{label: '催促率%', prop: 'urgeRate'},
{label: '投诉率(%)', prop: 'complainOrderRate'},
{label: '客户评价率(%)', prop: 'customerEvaluateRate'},
{label: '催促率(%)', prop: 'urgeRate'},
]
} else if (this.activeIndex === 2) {
this.labelList = [
{label: '日', prop: 'date'},
{label: '使用率%', prop: 'appRate'},
{label: '3联系客户率%', prop: 'threeMinutesContactRate'},
{label: '平安聚合成功率%', prop: 'pinganPolymerizationSuccessRate'},
{label: '中华聚合成功率%', prop: 'zhonghuaPolymerizationSuccessRate'},
{label: '中道聚合成功率%', prop: 'zdPolymerizationSuccessRate'},
{label: '总聚合成功率%', prop: 'polymerizationSuccessRate'},
{label: '使用率(%)', prop: 'appRate'},
{label: '3联系客户率(%)', prop: 'threeMinutesContactRate'},
{label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'},
{label: '中华聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'},
{label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'},
{label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'},
]
} else if (this.activeIndex === 3) {
this.labelList = [
{label: '日', prop: 'date'},
{label: '接单时效(分)', prop: 'receiving'},
{label: '3接单率%', prop: 'threeMinutesReceivingRate'},
{label: '3接单率(%)', prop: 'threeMinutesReceivingRate'},
{label: '小修到达时效(分)', prop: 'minorArriving'},
{label: '拖车到达时效(分)', prop: 'trailArriving'},
{label: '困境到达时效(分)', prop: 'dilemmaArriving'},
{label: '到达时效(分)', prop: 'arriving'},
{label: '40到达率%', prop: 'fortyMinutesArrivalRate'},
{label: '40到达率(%)', prop: 'fortyMinutesArrivalRate'},
{label: '小修聚合成功到达时效(分)', prop: 'minorPolymerizationSuccessArriving'},
{label: '拖车聚合成功到达时效(分)', prop: 'trailPolymerizationSuccessArriving'},
{label: '聚合成功到达时效', prop: 'polymerizationSuccessArriving'},
{label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'},
]
}
} else if (this.active === 3) {
@ -1089,83 +1298,87 @@ export default {
{label: '师傅姓名', prop: 'driverName'},
{label: '承接案件量', prop: 'receiveOrderCount'},
{label: '拒单量', prop: 'refuseOrderCount'},
{label: '拒单率%', prop: 'refuseOrderRate'},
{label: '拒单率(%)', prop: 'refuseOrderRate'},
{label: '超时接单量', prop: 'timeoutOrderCount'},
{label: '超时率%', prop: 'timeoutOrderRate'},
{label: '超时率(%)', prop: 'timeoutOrderRate'},
]
} else if (this.activeIndex === 1) {
this.labelList = [
{label: '师傅姓名', prop: 'driverName'},
{label: '承接案件量', prop: 'receiveOrderCount'},
{label: '投诉量', prop: 'complainOrderCount'},
{label: '投诉率%', prop: 'complainOrderRate'},
{label: '客户满意度%', prop: 'customerSatisfaction'},
{label: '客户评价率%', prop: 'customerEvaluateRate'},
{label: '催促率%', prop: 'urgeRate'},
{label: '投诉率(%)', prop: 'complainOrderRate'},
{label: '客户满意度(%)', prop: 'customerSatisfaction'},
{label: '客户评价率(%)', prop: 'customerEvaluateRate'},
{label: '催促率(%)', prop: 'urgeRate'},
]
} else if (this.activeIndex === 2) {
this.labelList = [
{label: '师傅姓名', prop: 'driverName'},
{label: '承接案件量', prop: 'receiveOrderCount'},
{label: 'App使用率%', prop: 'appRate'},
{label: '3联系客户率%', prop: 'threeMinutesContactRate'},
{label: '平安聚合成功率%', prop: 'pinganPolymerizationSuccessRate'},
{label: '中华聚合成功率%', prop: 'zhonghuaPolymerizationSuccessRate'},
{label: '中道聚合成功率%', prop: 'zdPolymerizationSuccessRate'},
{label: '总聚合成功率%', prop: 'polymerizationSuccessRate'},
{label: '日均在线时长', prop: 'onlineDuration'},
{label: 'App使用率(%)', prop: 'appRate'},
{label: '3联系客户率(%)', prop: 'threeMinutesContactRate'},
{label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'},
{label: '中华聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'},
{label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'},
{label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'},
{label: '日均在线时长(h)', prop: 'onlineDuration'},
]
} else if (this.activeIndex === 3) {
this.labelList = [
{label: '师傅姓名', prop: 'driverName'},
{label: '接单时效(分)', prop: 'receiving'},
{label: '3接单率%', prop: 'threeMinutesReceivingRate'},
{label: '3接单率(%)', prop: 'threeMinutesReceivingRate'},
{label: '到达时效(分)', prop: 'arriving'},
{label: '40到达率%', prop: 'fortyMinutesArrivalRate'},
{label: '聚合成功到达时效', prop: 'polymerizationSuccessArriving'},
{label: '40到达率(%)', prop: 'fortyMinutesArrivalRate'},
{label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'},
]
}
} else if (this.active === 4) {
if (this.activeIndex === 0) {//接单指标
this.labelList = [
{label: '日', prop: 'date'},
{label: '师傅姓名', prop: 'driverName'},
{label: '派遣案件量', prop: 'dispatchOrderCount'},
{label: '承接案件量', prop: 'receiveOrderCount'},
{label: '完成量', prop: 'finishOrderCount'},
{label: '拒单量', prop: 'refuseOrderCount'},
{label: '拒单率%', prop: 'refuseOrderRate'},
{label: '拒单率(%)', prop: 'refuseOrderRate'},
{label: '超时接单量', prop: 'timeoutOrderCount'},
{label: '超时率%', prop: 'timeoutOrderRate'},
{label: '客户取消率%', prop: 'cancelrate'},
{label: '超时率(%)', prop: 'timeoutOrderRate'},
{label: '客户取消率(%)', prop: 'cancelRate'},
]
} else if (this.activeIndex === 1) {
this.labelList = [
{label: '日', prop: 'date'},
{label: '师傅姓名', prop: 'driverName'},
{label: '投诉量', prop: 'complainOrderCount'},
{label: '投诉率%', prop: 'complainOrderRate'},
{label: '客户满意度%', prop: 'customerSatisfaction'},
{label: '客户评价率%', prop: 'customerEvaluateRate'},
{label: '催促率%', prop: 'urgeRate'},
{label: '投诉率(%)', prop: 'complainOrderRate'},
{label: '客户满意度(%)', prop: 'customerSatisfaction'},
{label: '客户评价率(%)', prop: 'customerEvaluateRate'},
{label: '催促率(%)', prop: 'urgeRate'},
]
} else if (this.activeIndex === 2) {
this.labelList = [
{label: '日', prop: 'date'},
{label: '使用率(%', prop: 'appRate'},
{label: '3联系客户率%', prop: 'threeMinutesContactRate'},
{label: '平安聚合成功率(%', prop: 'pinganPolymerizationSuccessRate'},
{label: '中华聚合成功率%', prop: 'zhonghuaPolymerizationSuccessRate'},
{label: '中聚合成功率%', prop: 'zdPolymerizationSuccessRate'},
{label: '聚合成功率%', prop: 'polymerizationSuccessRate'},
{label: '日均在线时长', prop: 'onlineDuration'},
{label: '师傅姓名', prop: 'driverName'},
{label: '使用率(%)', prop: 'appRate'},
{label: '3联系客户率(%)', prop: 'threeMinutesContactRate'},
{label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'},
{label: '中聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'},
{label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'},
{label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'},
{label: '日均在线时长(h)', prop: 'onlineDuration'},
]
} else if (this.activeIndex === 3) {
this.labelList = [
{label: '日', prop: 'date'},
{label: '师傅姓名', prop: 'driverName'},
{label: '接单时效(分)', prop: 'receiving'},
{label: '3接单率%', prop: 'threeMinutesReceivingRate'},
{label: '3接单率(%)', prop: 'threeMinutesReceivingRate'},
{label: '到达时效(分)', prop: 'arriving'},
{label: '40到达率%', prop: 'fortyMinutesArrivalRate'},
{label: '聚合成功到达时效', prop: 'polymerizationSuccessArriving'},
{label: '40到达率(%)', prop: 'fortyMinutesArrivalRate'},
{label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'},
]
}
}
@ -1276,6 +1489,9 @@ export default {
::v-deep .el-input__inner {
border-radius: 0px 20px 20px 0px;
}
::v-deep .el-input__suffix {
top: 4px; /* 给清除按钮预留空间 */
}
}
}
@ -1311,7 +1527,10 @@ export default {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;;
}
::v-deep .el-pagination .el-select .el-input{
width: 80px;
margin:0
}
.contentWrap {
@include wh(100%, calc(100% - 120px));
overflow-y: auto;
@ -1321,10 +1540,36 @@ export default {
@include whBg(375px, 146px, #FFFFFF);
@include sizing4Padding(19px, 25px, 38px, 19px);
margin-bottom: 10px;
.scoreTitle{
@include flexBetCen;
i{
cursor: pointer;
font-size: 14px;
}
}
.storeWrap {
width: 100%;
text-align: center;
.detailScore{
display: flex;
justify-content:center;
}
/* .defen{
display: inline-block;
//width: 92px;
//text-align: right;
}*/
.left{
text-align: right;
padding-right: 5px;
}
.right{
display: flex;
justify-content: space-between;
flex-direction: column;
text-align: left;
}
}
.title {
@ -1382,13 +1627,25 @@ export default {
.webcontentWrap {
@include wh(100%, calc(100% - 86px));
}
.tipArrow{
position: absolute;
top: 10px;
color: #FFFFFF;
font-size: 12px;
}
.left{
left: 0;
}
.right{
right: 0px;
}
.tabWrap {
@include wh(100%, 22px);
@include flexColAround;
margin: 10px 0;
div {
cursor: pointer;
padding: 2px 8px;
border-radius: 7px;
font-size: 12px;
@ -1417,12 +1674,10 @@ export default {
border-color: #F1B289 transparent transparent transparent;
}
}
.webTabWrap {
width: 40% !important;
.active:after {
margin-top: 5px;
margin-top: 4px;
}
}
@ -1463,6 +1718,10 @@ export default {
::v-deep .el-input__inner{
height: 30px;
}
::v-deep .el-input__suffix {
top: 4px; /* 给清除按钮预留空间 */
}
}
.comTab {
width: 100%;

File diff suppressed because it is too large Load Diff

View File

@ -11,7 +11,7 @@
@click-left="goback"
/>
</div>
<div class="baseInfo common">
<div class="baseInfo common" style="height: 344px">
<div class="title">基本信息:</div>
<div class="line"></div>
<div class="item">
@ -47,9 +47,16 @@
</div>
<div class="item">
<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 class="baseInfo common">
<div class="title">审核数据:</div>