Compare commits
2 Commits
0a281ea877
...
prod-25-11
| Author | SHA1 | Date | |
|---|---|---|---|
| 4e55ba01c8 | |||
| 7f6d1823c4 |
2
package-lock.json
generated
2
package-lock.json
generated
@@ -15,7 +15,7 @@
|
||||
"dayjs": "^1.8.14",
|
||||
"decimal.js": "^10.4.3",
|
||||
"echarts": "^5.2.2",
|
||||
"element-ui": "^2.15.13",
|
||||
"element-ui": "^2.15.9",
|
||||
"less": "^4.1.3",
|
||||
"less-loader": "^11.1.3",
|
||||
"qrcode": "^1.5.4",
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
"dayjs": "^1.8.14",
|
||||
"decimal.js": "^10.4.3",
|
||||
"echarts": "^5.2.2",
|
||||
"element-ui": "^2.15.13",
|
||||
"element-ui": "^2.15.9",
|
||||
"less": "^4.1.3",
|
||||
"less-loader": "^11.1.3",
|
||||
"qrcode": "^1.5.4",
|
||||
|
||||
@@ -56,7 +56,7 @@
|
||||
if (isMobile) {// 是移动端不变
|
||||
// console.log("是移动端不变")
|
||||
}else{
|
||||
if(window.location.pathname=='/h5/supplier/dispatch/kpiIndex' || window.location.pathname=='/h5/supplier/dispatch/kpiCaseNew'){
|
||||
if(window.location.pathname=='/h5/supplier/dispatch/kpiIndex'){
|
||||
// console.log("执行了执行了")
|
||||
win.addEventListener(resizeEvt, recalc, false);
|
||||
doc.addEventListener('DOMContentLoaded', recalc, false);
|
||||
|
||||
@@ -81,41 +81,4 @@ export function getDriverName(key) {
|
||||
key: key ,
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
export function getVehicleName(key) {
|
||||
return request({
|
||||
url: '/supplier/select/vehicle',
|
||||
method: 'GET',
|
||||
params: {
|
||||
key: key ,
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 车辆 总览
|
||||
export function vehicleTotalInfo(data) {
|
||||
return request({
|
||||
url: '/supplier/supplierKPI/querySupplierVehicleStatisticsKpi',
|
||||
method: 'POST',
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
// 服务商维度查询车辆
|
||||
export function vehicleInfoBySupplier(data) {
|
||||
return request({
|
||||
url: '/supplier/supplierKPI/querySupplierStatisticsKpiBySupplier',
|
||||
method: 'POST',
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
// 车辆维度查询车辆
|
||||
export function vehicleInfoByVehicle(data) {
|
||||
return request({
|
||||
url: '/supplier/supplierKPI/querySupplierVehicleKpi',
|
||||
method: 'POST',
|
||||
data
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -111,6 +111,7 @@ export function getOrCodeInfo(data){
|
||||
return request({
|
||||
url:'/agg-api/wxcp/createContactQrCode',
|
||||
method:'POST',
|
||||
contentType:'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
@@ -7,13 +7,5 @@ const kpiRouter = [
|
||||
title: 'kpi首页',
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/kpiCaseNew',
|
||||
name: 'kpiCaseNew',
|
||||
component: () => import('@/views/kpi/kpiCaseNew'),
|
||||
meta:{
|
||||
title: 'kpi服务商案件&车辆情况',
|
||||
}
|
||||
},
|
||||
]
|
||||
export default kpiRouter
|
||||
|
||||
@@ -23,17 +23,6 @@
|
||||
div {
|
||||
padding-top: 8px;
|
||||
}
|
||||
.commonNum{
|
||||
padding: 2px 5px;
|
||||
background-color: #9C9C9C;
|
||||
color: white;
|
||||
border-radius: 3px;
|
||||
font-size: 13px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.notFinish{
|
||||
background-color: red;
|
||||
}
|
||||
.active {
|
||||
color: #3678FF;
|
||||
position: relative;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
@import "@/styles/mixin.scss";
|
||||
::v-deep .van-nav-bar__content{
|
||||
//background-color: #3A3A3A !important;
|
||||
background-color: #3A3A3A !important;
|
||||
}
|
||||
.wrap{
|
||||
@include wh(100%,100%);
|
||||
|
||||
@@ -19,7 +19,7 @@ if( token ) {
|
||||
service.interceptors.request.use(
|
||||
config => {
|
||||
let reqUrl=config.url
|
||||
// console.log('config',config)
|
||||
console.log('config',config)
|
||||
config.data = config.contentType ? config.data : qs.stringify(config.data)
|
||||
if (config.testFlag) {
|
||||
config.data = qs.stringify(config.data, {arrayFormat: 'indices', allowDots: true})
|
||||
|
||||
@@ -1,102 +0,0 @@
|
||||
import dayjs from "dayjs";
|
||||
|
||||
export const kpiMixins = {
|
||||
data() {
|
||||
return {
|
||||
isMobile: false,
|
||||
isZd: '',
|
||||
current:'2024-10',
|
||||
supplierId:'',
|
||||
supplierName:'',
|
||||
startMonthTime: '',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
applicateHandle() {
|
||||
if (window.parent) {
|
||||
const hasListener = window.parent.dispatchEvent(new Event('checkCloseDialog'));
|
||||
if (hasListener) {
|
||||
const data = {
|
||||
action: 'closeDialog',
|
||||
message: this.supplierId,
|
||||
// 其他需要传递的参数
|
||||
};
|
||||
window.parent.postMessage(data, '*');
|
||||
} else {
|
||||
window.history.back();
|
||||
}
|
||||
}
|
||||
},
|
||||
toOnlineHours(minutes) {
|
||||
let _hours = parseInt(minutes / 60);
|
||||
let _minutes = parseInt(minutes % 60);
|
||||
return _hours + '时' + _minutes + '分'
|
||||
},
|
||||
// 初始化获取当月日期
|
||||
initDate() {
|
||||
const today = dayjs(); // 获取当前日期
|
||||
const currentDay = today.date(); // 获取今天是几号(1-31)
|
||||
let targetMonth = today; // 默认目标月份是当前月
|
||||
if (currentDay === 1) {
|
||||
targetMonth = today.subtract(1, 'month'); // 上个月
|
||||
}
|
||||
this.current = targetMonth.format('YYYY-MM');
|
||||
this.startTime = targetMonth.startOf('month').format('YYYY-MM-DD HH:mm:ss');
|
||||
let endTime;
|
||||
if (targetMonth.isSame(today, 'month')) {
|
||||
endTime = today.subtract(1, 'day').endOf('day');
|
||||
} else {
|
||||
endTime = targetMonth.endOf('month');
|
||||
}
|
||||
this.endTime = endTime.format('YYYY-MM-DD HH:mm:ss');
|
||||
this.startMonthTime=this.getStartTimeFromEndTime(this.endTime)
|
||||
},
|
||||
//获取近四个月的开始时间
|
||||
getStartTimeFromEndTime(endTimeStr) {
|
||||
const startTime = dayjs(endTimeStr).subtract(3, 'month').startOf('month');
|
||||
return startTime.format('YYYY-MM-DD HH:mm:ss');
|
||||
},
|
||||
padZero(num) {
|
||||
return num < 10 ? `0${num}` : num;
|
||||
},
|
||||
checkMobile() {
|
||||
const userAgent = navigator.userAgent || navigator.vendor || window.opera;
|
||||
this.isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
|
||||
},
|
||||
// 通用函数,用于处理百分比数据
|
||||
processPercentage(value) {
|
||||
value *= 100;
|
||||
if (value % 1 !== 0) {
|
||||
value = value.toFixed(2);
|
||||
}
|
||||
return value;
|
||||
},
|
||||
formatPercentage(value) {
|
||||
let result = value * 100;
|
||||
if (Number.isInteger(result)) {
|
||||
return result.toString() + '%';
|
||||
} else {
|
||||
return result.toFixed(2) + '%';
|
||||
}
|
||||
},
|
||||
// 格式化承接案件量数据
|
||||
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, ',');
|
||||
},
|
||||
}
|
||||
}
|
||||
@@ -1,28 +1,6 @@
|
||||
<template>
|
||||
<div class="wrap">
|
||||
<div class="navBar">
|
||||
<van-nav-bar
|
||||
left-arrow
|
||||
left-arrow-color="#FFFFFF"
|
||||
:border="false"
|
||||
:fixed="true"
|
||||
:safe-area-inset-top="true"
|
||||
@click-left="goBack"
|
||||
>
|
||||
<template slot="title">
|
||||
<div v-show="!show">培训文档</div>
|
||||
<van-field v-model="keyword" placeholder="请输入关键词" v-show="show" @input="getTrainingList"/>
|
||||
</template>
|
||||
<template slot="right">
|
||||
<div class="rightWrap" @click="show = !show">
|
||||
<img src="@/assets/serach.png" class="img2" v-show="!show"/>
|
||||
<img src="@/assets/delKey.png" class="img2" v-show="show" @click="initShow"/>
|
||||
</div>
|
||||
</template>
|
||||
</van-nav-bar>
|
||||
</div>
|
||||
|
||||
<!-- <div class="navBar">
|
||||
<van-nav-bar
|
||||
:border="false"
|
||||
:fixed="true"
|
||||
@@ -46,8 +24,7 @@
|
||||
</template>
|
||||
</van-nav-bar>
|
||||
</div>
|
||||
-->
|
||||
<!-- <div class="statisticContainer">
|
||||
<div class="statisticContainer">
|
||||
<div class="statisticWrap">
|
||||
<div class="line1">
|
||||
<span>培训统计</span>
|
||||
@@ -66,12 +43,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<div class="tab_wrap">
|
||||
</div>
|
||||
<div class="driver_tab_wrap">
|
||||
<div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
|
||||
@click="changeTab(index)">
|
||||
{{ item.name }}<span v-if="item.count" :class="{'commonNum':true,'notFinish':index==2}">{{item.count}}</span>
|
||||
<!-- {{ item.name }}-->
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="contentWrap" v-show="!showEmpty">
|
||||
@@ -108,8 +84,7 @@ export default {
|
||||
mixins:[myMixins],
|
||||
data(){
|
||||
return{
|
||||
tabArr: [{name: '全部文档', status: 1,count:0}, {name: '已培训', status:2,count:0},{name: '未培训', status: 3,count:0}],
|
||||
// tabArr: [{name: '车型技术参数', status: 1}, {name: '中道服务规范', status:2},{name: '中道小课堂', status: 3}],
|
||||
tabArr: [{name: '车型技术参数', status: 1}, {name: '中道服务规范', status:2},{name: '中道小课堂', status: 3}],
|
||||
activeIndex: 0,
|
||||
pageList:[],
|
||||
totalList:[],
|
||||
@@ -140,10 +115,6 @@ export default {
|
||||
});
|
||||
},
|
||||
methods:{
|
||||
initShow(){
|
||||
this.keyword= ''
|
||||
this.getTrainingList()
|
||||
},
|
||||
onRefresh() {
|
||||
this.getTrainingList()
|
||||
setTimeout(() => {
|
||||
@@ -164,38 +135,18 @@ export default {
|
||||
})
|
||||
this.totalList=[]
|
||||
this.pageList=[]
|
||||
this.tabArr[0].count=0
|
||||
this.tabArr[1].count=0
|
||||
this.tabArr[2].count=0
|
||||
this.numInfo=res.data
|
||||
if(res.data.totalNum){
|
||||
this.tabArr[0].count=res.data.totalNum
|
||||
}
|
||||
if(res.data.readNum){
|
||||
this.tabArr[1].count=res.data.readNum
|
||||
}
|
||||
if(res.data.notReadNum){
|
||||
this.tabArr[2].count=res.data.notReadNum
|
||||
}
|
||||
/* this.totalList=res.data.list
|
||||
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 === '中道小课堂');
|
||||
}*/
|
||||
let result=[]
|
||||
this.totalList=res?.data?.list ? res?.data?.list[0]?.materials : []
|
||||
if(this.activeIndex === 0){
|
||||
result=this.totalList || []
|
||||
}else if(this.activeIndex === 1){
|
||||
result=this.totalList?.filter(item => item.alreadyRead==1) || []
|
||||
}else if(this.activeIndex === 2){
|
||||
result=this.totalList?.filter(item => item.alreadyRead!=1) || []
|
||||
}
|
||||
if(result){
|
||||
this.pageList=result
|
||||
this.pageList=result[0].materials
|
||||
this.time=timeFormat(Date.now())
|
||||
}
|
||||
if(this.pageList?.length === 0){
|
||||
@@ -212,19 +163,6 @@ export default {
|
||||
@import "@/styles/mixin.scss";
|
||||
@import "@/styles/docment.scss";
|
||||
@import "@/styles/driverDocment.scss";
|
||||
/*::v-deep .van-nav-bar__content{
|
||||
background-color: #3A3A3A !important;
|
||||
}*/
|
||||
.tab_wrap {
|
||||
.active:after {
|
||||
width: 37px;
|
||||
left: 0%;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
.active1:after {
|
||||
width:48px !important;
|
||||
}
|
||||
}
|
||||
.read{
|
||||
padding: 2px 8px;
|
||||
border-radius: 5px;
|
||||
|
||||
@@ -22,9 +22,9 @@
|
||||
</van-nav-bar>
|
||||
</div>
|
||||
<div class="tab_wrap">
|
||||
<div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index,'active1':activeIndex==0}"
|
||||
<div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
|
||||
@click="changeTab(index)">
|
||||
{{ item.name }}<span v-if="item.count" :class="{'commonNum':true,'notFinish':index==2}">{{item.count}}</span>
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="contentWrap" v-show="!showEmpty">
|
||||
@@ -61,7 +61,7 @@ export default {
|
||||
mixins:[myMixins],
|
||||
data(){
|
||||
return{
|
||||
tabArr: [{name: '全部文档', status: 1,count:0}, {name: '已培训', status:2,count:0},{name: '未培训', status: 3,count:0}],
|
||||
tabArr: [{name: '车型技术参数', status: 1}, {name: '中道服务规范', status:2},{name: '中道小课堂', status: 3}],
|
||||
activeIndex: 0,
|
||||
pageNum:1,
|
||||
pageSize:10,
|
||||
@@ -73,14 +73,9 @@ export default {
|
||||
showEmpty:false,
|
||||
isLoading:false,
|
||||
supplierId:'',
|
||||
numInfo:'',
|
||||
}
|
||||
},
|
||||
activated() {
|
||||
console.log('activated')
|
||||
},
|
||||
mounted() {
|
||||
console.log('mounted')
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
this.supplierId = urlParams.get('supplierId');
|
||||
this.keyword=urlParams.get('keyword') || ''
|
||||
@@ -116,35 +111,17 @@ export default {
|
||||
})
|
||||
this.totalList=[]
|
||||
this.pageList=[]
|
||||
this.tabArr[0].count=0
|
||||
this.tabArr[1].count=0
|
||||
this.tabArr[2].count=0
|
||||
this.totalList=res?.data?.list ? res?.data?.list[0]?.materials : []
|
||||
this.numInfo=res.data
|
||||
if(res.data.totalNum){
|
||||
this.tabArr[0].count=res.data.totalNum
|
||||
}
|
||||
if(res.data.readNum){
|
||||
this.tabArr[1].count=res.data.readNum
|
||||
}
|
||||
if(res.data.notReadNum){
|
||||
this.tabArr[2].count=res.data.notReadNum
|
||||
}
|
||||
// console.log(' this.totalList',this.totalList)
|
||||
console.log(' this.tabArr',this.tabArr)
|
||||
this.totalList=res.data.list
|
||||
let result=[]
|
||||
if(this.activeIndex === 0){
|
||||
result=this.totalList || []
|
||||
// result=this.totalList?.filter(q => q.title === '车型技术参数');
|
||||
result=this.totalList?.filter(q => q.title === '车型技术参数');
|
||||
}else if(this.activeIndex === 1){
|
||||
// result=this.totalList?.filter(q => q.title === '中道服务规范');
|
||||
result=this.totalList?.filter(item => item.alreadyRead==1) || []
|
||||
result=this.totalList?.filter(q => q.title === '中道服务规范');
|
||||
}else if(this.activeIndex === 2){
|
||||
result=this.totalList?.filter(item => item.alreadyRead!=1) || []
|
||||
// result=this.totalList?.filter(q => q.title === '中道小课堂');
|
||||
result=this.totalList?.filter(q => q.title === '中道小课堂');
|
||||
}
|
||||
if(result){
|
||||
this.pageList=result
|
||||
this.pageList=result[0].materials
|
||||
}
|
||||
if(this.pageList?.length === 0){
|
||||
this.showEmpty = true
|
||||
@@ -153,7 +130,7 @@ export default {
|
||||
}
|
||||
},
|
||||
initShow(){
|
||||
this.keyword= ''
|
||||
this.keyword= '',
|
||||
this.getTrainingList()
|
||||
}
|
||||
}
|
||||
@@ -163,16 +140,6 @@ export default {
|
||||
@import "@/styles/common.scss";
|
||||
@import "@/styles/mixin.scss";
|
||||
@import "@/styles/docment.scss";
|
||||
.tab_wrap {
|
||||
.active:after {
|
||||
width: 37px;
|
||||
left: 0%;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
.active1:after {
|
||||
width:48px !important;
|
||||
}
|
||||
}
|
||||
.read{
|
||||
padding: 2px 8px;
|
||||
border-radius: 5px;
|
||||
|
||||
@@ -111,7 +111,7 @@
|
||||
<script>
|
||||
import {leftCopy} from "@/utils/common"
|
||||
import QRCode from 'qrcode'
|
||||
import { uploadImage, ocrHandler, unifiedOCRWithCompress, getArea, saveSupplier, getSupplierInfo, getOrCodeInfo, getContactQrCodeResult } from "@/api/mine"
|
||||
import { uploadImage, supplierServicePartTree, ocrHandler, unifiedOCRWithCompress, getArea, saveSupplier, getSupplierInfo, getOrCodeInfo, getContactQrCodeResult } from "@/api/mine"
|
||||
import {myMixins} from "@/utils/myMixins"
|
||||
import {Dialog} from "vant";
|
||||
export default {
|
||||
@@ -144,23 +144,14 @@
|
||||
areaShow: false,
|
||||
areaList: [],
|
||||
supplierServiceList: [],
|
||||
bigServiceList: [{
|
||||
id: 1002,
|
||||
title: '拖车服务'
|
||||
}, {
|
||||
id: 1003,
|
||||
title: '抢修服务'
|
||||
}, {
|
||||
id: 1004,
|
||||
title: '困境救援'
|
||||
}],
|
||||
bigServiceList: [],
|
||||
defaultProps: {
|
||||
children: 'children',
|
||||
label: 'title',
|
||||
},
|
||||
areaProps: { multiple: true, checkStrictly: true, value: 'id',label: 'title', emitPath: false},
|
||||
areaProps: { multiple: true, checkStrictly: true, value: 'id',label: 'title', emitPath: false, },
|
||||
configId: '',
|
||||
wechatId: '',
|
||||
wechatId: 'test',
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
@@ -171,7 +162,7 @@
|
||||
await this.getInfoHandler();
|
||||
}
|
||||
|
||||
// await this.getSupplierServiceTree();
|
||||
await this.getSupplierServiceTree();
|
||||
},
|
||||
methods: {
|
||||
async QrCodeHandler() {
|
||||
@@ -205,8 +196,8 @@
|
||||
if(this.companyPhoto) {
|
||||
this.companyPhotoList = [{ url : this.companyPhoto }];
|
||||
}
|
||||
if( _data.service ) {
|
||||
this.$refs.tree.setCheckedKeys(_data.service.split(','))
|
||||
if( _data.serviceType ) {
|
||||
this.$refs.tree.setCheckedKeys(_data.serviceType.split(','))
|
||||
}
|
||||
if(_data?.serviceAreaCode) {
|
||||
this.$set(this.form, 'serviceAreaCode', _data?.serviceAreaCode.split(',').map(item => Number(item)));
|
||||
@@ -262,7 +253,7 @@
|
||||
checkArr.push(item.data.id)
|
||||
})
|
||||
|
||||
/* let treeArr = this.$refs.tree.getCheckedKeys();
|
||||
let treeArr = this.$refs.tree.getCheckedKeys();
|
||||
let childrenTreeArr = [];
|
||||
treeArr.map(item => {
|
||||
let _arr = this.supplierServiceList.filter(_item => _item.id == item) || [] // 获取对应的大类
|
||||
@@ -270,14 +261,14 @@
|
||||
childrenTreeArr?.push(childItem?.id)
|
||||
})
|
||||
})
|
||||
let allArr = [...treeArr, ...childrenTreeArr]*/
|
||||
let allArr = [...treeArr, ...childrenTreeArr]
|
||||
let res = await saveSupplier({
|
||||
id: this.id,
|
||||
...this.form,
|
||||
idCardFrontUrl: this.idFrontPhoto,
|
||||
idCardBackUrl: this.idBackPhoto,
|
||||
businessLicense: this.companyPhoto,
|
||||
service: this.$refs.tree.getCheckedKeys().join(',') ,
|
||||
serviceType: allArr.join(',') ,
|
||||
serviceAreaCode: checkArr.join(','),
|
||||
wechatId: this.wechatId,
|
||||
});
|
||||
@@ -286,32 +277,20 @@
|
||||
message: "操作成功"
|
||||
}).then(async () => {
|
||||
this.goPage('supplierAddResult', { id : res?.data })
|
||||
setTimeout(() => {
|
||||
this.clickFlag = true
|
||||
}, 1000)
|
||||
this.clickFlag = true
|
||||
});
|
||||
} finally {
|
||||
setTimeout(() => {
|
||||
this.clickFlag = true
|
||||
}, 1000)
|
||||
this.clickFlag = true
|
||||
}
|
||||
}
|
||||
},
|
||||
async getAreaTree() {
|
||||
let res = await getArea();
|
||||
let result = res?.data
|
||||
result?.map(item=>{
|
||||
if( item.parentId == 0 ) {
|
||||
this.$set(item , 'disabled' ,true)
|
||||
} else {
|
||||
this.$set(item , 'disabled' ,false)
|
||||
}
|
||||
})
|
||||
this.areaList = result;
|
||||
this.areaList = res?.data;
|
||||
},
|
||||
/*async getSupplierServiceTree(){
|
||||
async getSupplierServiceTree(){
|
||||
let res = await supplierServicePartTree({
|
||||
serviceTypes: '1002,1003,1004',
|
||||
serviceTypes: '1002,1003',
|
||||
treeType: 2
|
||||
});
|
||||
this.supplierServiceList=res.data
|
||||
@@ -320,7 +299,7 @@
|
||||
let obj = {...item, children: null}
|
||||
this.bigServiceList.push(obj)
|
||||
})
|
||||
},*/
|
||||
},
|
||||
confirmHandle(val){
|
||||
this.region=[]
|
||||
val?.forEach(item => this.region.push(item.name))
|
||||
|
||||
@@ -74,7 +74,7 @@
|
||||
</div>
|
||||
<div class="info_item">
|
||||
<div class="label">服务能力:</div>
|
||||
<div class="content service_color">{{supplierInfo?.serviceCategoryName}}</div>
|
||||
<div class="content service_color">{{supplierInfo?.serviceName}}</div>
|
||||
</div>
|
||||
<div class="info_item">
|
||||
<div class="label">拖车数量:</div>
|
||||
|
||||
@@ -20,7 +20,6 @@
|
||||
<van-uploader
|
||||
v-model="vehicleLicenseFrontList"
|
||||
:after-read="vehicleLicenseFrontHandler"
|
||||
@oversize="onOversize"
|
||||
:max-size="5 * 1024 * 1024"
|
||||
max-count="1"
|
||||
:preview-size="54"
|
||||
@@ -35,7 +34,6 @@
|
||||
<van-uploader
|
||||
v-model="vehicleLicenseBackList"
|
||||
:after-read="vehicleLicenseBackHandler"
|
||||
@oversize="onOversize"
|
||||
:max-size="5 * 1024 * 1024"
|
||||
max-count="1"
|
||||
:preview-size="54"
|
||||
@@ -50,7 +48,6 @@
|
||||
<van-uploader
|
||||
v-model="vehicleLicenseCarPhotoList"
|
||||
:after-read="vehicleLicenseCarHandler"
|
||||
@oversize="onOversize"
|
||||
:max-size="5 * 1024 * 1024"
|
||||
max-count="1"
|
||||
:preview-size="54"
|
||||
@@ -65,8 +62,6 @@
|
||||
<van-uploader
|
||||
v-model="vehicleFrontPhotoList"
|
||||
:after-read="vehicleFrontPhotoHandler"
|
||||
@oversize="onOversize"
|
||||
:max-size="5 * 1024 * 1024"
|
||||
max-count="1"
|
||||
:preview-size="54"
|
||||
accept="image "
|
||||
@@ -642,9 +637,6 @@ export default {
|
||||
this.vehicleLicense = 5
|
||||
}
|
||||
},
|
||||
onOversize() {
|
||||
this.$toast(`文件大小不能超过5M`)
|
||||
},
|
||||
async vehicleLicenseFrontHandler(file) { // 上传 行驶证首页
|
||||
const formData = new FormData();
|
||||
formData.append("file" , file.file);
|
||||
@@ -744,8 +736,6 @@ export default {
|
||||
this.vehicleLicenseInfo.overallDimension = '';
|
||||
this.vehicleLicenseInfo.tractionWeight = '';
|
||||
this.vehicleLicenseInfo.backPlateNo = ''; // 行驶证副页 车牌号,仅用来判断 ocr 识别是否成功
|
||||
this.vehicleLicenseInfo.energySign = '';
|
||||
this.vehicleLicenseInfo.marks = ''
|
||||
let res = await ocrHandler({
|
||||
ocrType: 3,
|
||||
imageUrl: this.vehicleLicenseBack,
|
||||
@@ -761,8 +751,6 @@ export default {
|
||||
this.vehicleLicenseInfo.overallDimension = backInfo?.externalSize;
|
||||
this.vehicleLicenseInfo.tractionWeight = backInfo?.TotalQuasiMass;
|
||||
this.vehicleLicenseInfo.backPlateNo = backInfo?.plateNo;
|
||||
this.vehicleLicenseInfo.energySign = backInfo?.fuelType;
|
||||
this.vehicleLicenseInfo.marks = backInfo?.marks
|
||||
}
|
||||
console.log('this.vehicle', this.vehicleLicenseInfo)
|
||||
},
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
<template v-if="orderDetailInfo.contractParentId == 110">
|
||||
<div class="rightItem">{{ orderDetailInfo.organizeName }}</div>
|
||||
<div class="rightItem">{{ orderDetailInfo.saleName }}</div>
|
||||
<div class="rightItem">{{ orderDetailInfo.driverPhone ? orderDetailInfo.driverPhone : ' '}}</div>
|
||||
<div class="rightItem">{{ orderDetailInfo.driverPhone }}</div>
|
||||
</template>
|
||||
<div class="rightItem">{{ orderDetailInfo.contractSettleType?.label }}</div>
|
||||
<div class="rightItem">{{ orderDetailInfo.userName }}</div>
|
||||
@@ -46,7 +46,7 @@
|
||||
<div class="item">
|
||||
<span class="leftTitle fontColor">服务类型:</span><span class="rightContent">{{ orderDetailInfo.taskServiceName }}</span>
|
||||
</div>
|
||||
<div class="item" v-if="orderDetailInfo?.userVehicleTypeString">
|
||||
<div class="item">
|
||||
<span class="leftTitle fontColor">车辆类型:</span><span class="rightContent">{{ orderDetailInfo.userVehicleTypeString }}<van-icon class="icon" name="question" @click="showCarTypeShow = true" /></span>
|
||||
</div>
|
||||
<div class="item">
|
||||
@@ -307,9 +307,6 @@ export default {
|
||||
.rightContent{
|
||||
height: 189px;
|
||||
width: calc(100% - 60px);
|
||||
.rightItem{
|
||||
height: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,46 +0,0 @@
|
||||
<template>
|
||||
<div class="wrap">
|
||||
<el-table :data="tableData"
|
||||
stripe
|
||||
border
|
||||
style="width: 100%"
|
||||
height="100%"
|
||||
v-loading="loading"
|
||||
class="custom-table">
|
||||
<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>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "fit-table",
|
||||
props: ['tableData', 'labelList', 'loading', 'isMobile','active'],
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "@/styles/mixin.scss";
|
||||
::v-deep .el-table{
|
||||
font-size: 11px;
|
||||
}
|
||||
::v-deep .el-table thead{
|
||||
color: #1D2129;
|
||||
font-weight: bold;
|
||||
}
|
||||
::v-deep .el-table th.el-table__cell.is-leaf {
|
||||
background-color: #E5E6EB;
|
||||
}
|
||||
::v-deep .el-table .el-table__cell{
|
||||
padding: 4px 0 !important;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -39,7 +39,7 @@
|
||||
<van-tabs v-model="active" sticky @click="tabClickHandle">
|
||||
<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 && !([7,8, 9].includes(active))" class="tipArrow right">>>></div>
|
||||
<div v-if="isMobile && !([9,10, 11].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}">
|
||||
@@ -232,13 +232,13 @@
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</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="[5,6,7,8,9,10, 11].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
|
||||
v-if="active !== 8"
|
||||
v-if="active !== 10"
|
||||
small
|
||||
:page-sizes="[20, 50, 100]"
|
||||
:current-page.sync="pageNum"
|
||||
@@ -279,8 +279,8 @@ export default {
|
||||
activeIndex: 0,
|
||||
//
|
||||
tabArr: [
|
||||
{name: '总览',value:0}, {name: '月/总'}, {name: '日/总'},{name: '月/师傅'}, {name: '日/师傅'}, /*{name: '拒单明细'},*/
|
||||
/*{name: '超时明细'},*/ {name: '催促明细'},{name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'} , {name: '聚合失败案件明细'}
|
||||
{name: '总览',value:0}, {name: '月/总'}, {name: '日/总'},{name: '月/师傅'}, {name: '日/师傅'}, {name: '拒单明细'},
|
||||
{name: '超时明细'}, {name: '催促明细'},{name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'} , {name: '聚合失败案件明细'}
|
||||
],
|
||||
list: [ {name: '服务评价'}, {name: 'APP使用情况'}, {name: ' 时效 '}],
|
||||
// driverList: [{name: '得分总览'},{name: '接单情况'}, {name: '服务评价'}, {name: 'APP使用情况'}, {name: '时效 '}],
|
||||
@@ -1096,7 +1096,7 @@ export default {
|
||||
|
||||
this.loading = false;
|
||||
} */
|
||||
else if ([ 5,6,7, 8,9].includes(this.active)) {
|
||||
else if ([ 5,6,7, 8,9,10,11].includes(this.active)) {
|
||||
this.detailList = []
|
||||
this.labelList = []
|
||||
let result = await getKpiDetailsData({
|
||||
@@ -1113,7 +1113,7 @@ export default {
|
||||
return {...item, date: formatVal};
|
||||
});
|
||||
this.loading = false
|
||||
/*if (this.active === 5) {//拒单明细
|
||||
if (this.active === 5) {//拒单明细
|
||||
this.labelList = [
|
||||
{label: '案件编号', prop: 'orderCode'},
|
||||
{label: '服务内容', prop: 'serviceName'},
|
||||
@@ -1133,8 +1133,7 @@ export default {
|
||||
{label: '超时时间', prop: 'time'},
|
||||
{label: '超时原因', prop: 'reason'},
|
||||
]
|
||||
} else */
|
||||
if (this.active === 5) {//催促明细
|
||||
} else if (this.active === 7) {//催促明细
|
||||
this.labelList = [
|
||||
{label: '案件编号', prop: 'orderCode'},
|
||||
{label: '二级合同名称', prop: 'contractName'},
|
||||
@@ -1151,7 +1150,7 @@ export default {
|
||||
{label: '市(B)', prop: 'bCity'},
|
||||
{label: '区(B)', prop: 'area'},
|
||||
]
|
||||
} else if (this.active === 6) {//投诉明细
|
||||
} else if (this.active === 8) {//投诉明细
|
||||
this.labelList = [
|
||||
{label: '案件编号', prop: 'orderCode'},
|
||||
{label: '服务内容', prop: 'serviceName'},
|
||||
@@ -1160,7 +1159,7 @@ export default {
|
||||
{label: '投诉类型', prop: 'complainTypeString'},
|
||||
{label: '责任供应商扣罚金额', prop: 'compensateFee'},
|
||||
]
|
||||
} else if (this.active === 7) {//不使用App案件明细
|
||||
} else if (this.active === 9) {//不使用App案件明细
|
||||
this.labelList = [
|
||||
{label: '案件编号', prop: 'orderCode'},
|
||||
{label: '服务内容', prop: 'serviceName'},
|
||||
@@ -1169,7 +1168,7 @@ export default {
|
||||
{label: '案件创建时间', prop: 'orderCreateTime'},
|
||||
{label: '事发地', prop: 'vehiclePointAddress'},
|
||||
]
|
||||
} else if (this.active === 8) {//车辆在线情况
|
||||
} else if (this.active === 10) {//车辆在线情况
|
||||
this.labelList = [
|
||||
// {label: '总车辆数', prop: 'totalCount'},
|
||||
{label: '在线车辆数(取每日的12点)', prop: 'twelveClockVehicleCount'},
|
||||
@@ -1178,7 +1177,7 @@ export default {
|
||||
{label: '在线率(在线车辆数/总车辆数)', prop: 'onlineRate'},
|
||||
// {label: '车辆平均在线时长', prop: ''},
|
||||
]
|
||||
} else if (this.active === 9) {//聚合失败案件明细
|
||||
} else if (this.active === 11) {//聚合失败案件明细
|
||||
this.labelList = [
|
||||
{label: '案件编号', prop: 'orderCode'},
|
||||
{label: '服务内容', prop: 'serviceName'},
|
||||
@@ -1606,19 +1605,19 @@ export default {
|
||||
},
|
||||
setType(type) {
|
||||
switch (type) {
|
||||
/*case 5:
|
||||
case 5:
|
||||
return 1;
|
||||
case 6:
|
||||
return 2;*/
|
||||
case 5:
|
||||
return 7;
|
||||
case 6:
|
||||
return 3;
|
||||
return 2;
|
||||
case 7:
|
||||
return 4;
|
||||
return 7;
|
||||
case 8:
|
||||
return 5;
|
||||
return 3;
|
||||
case 9:
|
||||
return 4;
|
||||
case 10:
|
||||
return 5;
|
||||
case 11:
|
||||
return 6;
|
||||
}
|
||||
},
|
||||
|
||||
@@ -65,7 +65,6 @@ export default {
|
||||
return {
|
||||
showPoup: false,
|
||||
used:false,
|
||||
saveLoading: true,
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
@@ -74,19 +73,12 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
async saveHandle() {
|
||||
if( this.saveLoading ) {
|
||||
try {
|
||||
this.saveLoading = false;
|
||||
await sendInsuranceEmail();
|
||||
this.$toast('操作成功');
|
||||
this.showPoup = false
|
||||
setTimeout(() => {
|
||||
this.goBack()
|
||||
}, 1500)
|
||||
} finally {
|
||||
this.saveLoading = true;
|
||||
}
|
||||
}
|
||||
await sendInsuranceEmail();
|
||||
this.$toast('操作成功');
|
||||
this.showPoup=false
|
||||
setTimeout(()=>{
|
||||
this.goBack()
|
||||
},1500)
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="bottom_wrap">
|
||||
<div class="report_item" v-for="(item, index) in reportList" @click="goReportHandler(item)" :key="index">
|
||||
<img class="report_icon" :src="item?.iconUrl" alt="">
|
||||
<!-- <div class="report_title">{{item.name}}</div>-->
|
||||
<div class="report_title">{{item.name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -1,581 +0,0 @@
|
||||
<template>
|
||||
<!-- <van-pull-refresh v-model="isLoading" class="custom-pull-refresh safe-pull-refresh" @refresh="onRefresh">-->
|
||||
<div class="main_wrap">
|
||||
<div class="top_bg" :class="{'dispatch' : type == 1 , 'driver' : type != 1}">
|
||||
<!-- <div class="title">报备中心</div>-->
|
||||
</div>
|
||||
<div class="service_wrap">
|
||||
<service-item :order-info="orderInfo" @refresh="onRefreshHandler"></service-item>
|
||||
</div>
|
||||
<div class="chat_list" ref="chatList" >
|
||||
<!--ai对话框 s -->
|
||||
<div v-for="(item, index) in recordList" :key="index">
|
||||
<template v-if="item.messageType == 4">
|
||||
<div class="top_tip_wrap">为了快速解决问题,请选择下方咨询类型</div>
|
||||
<div class="ai_chat" >
|
||||
<div class="ai_left">
|
||||
<img class="report_ai" src="@/assets/report/report_ai.png" alt="">
|
||||
</div>
|
||||
<div class="ai_right">
|
||||
<div class="ai_title">{{ orderInfo?.driverName }}你好,请选择报备内容</div>
|
||||
<ul>
|
||||
<li v-for="_item in item.content" :key="_item.id" @click="addReportHandler(_item)">“{{_item.name}}”</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="[2, 3].includes(Number(item.messageType))">
|
||||
<!--ai对话框 e -->
|
||||
<div class="tip_wrap">{{item.createTime}}</div>
|
||||
<!--客服对话框 s -->
|
||||
<div class="customer_item mb20">
|
||||
<div class="customer_left">
|
||||
<img class="profile_photo mr" src="@/assets/report/report_customer.png" alt="">
|
||||
</div>
|
||||
<div class="common_right customer_cls">
|
||||
<div class="customer_status">{{item.reportConfigName}}</div>
|
||||
<div class="response_con">{{item.remark}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="item.messageType == 1">
|
||||
<!--服务人员对话框 e -->
|
||||
<div class="tip_wrap">{{item.createTime}}</div>
|
||||
<!--服务人员对话框 s -->
|
||||
<div class="server_item mb20">
|
||||
<div class="common_right service_cls">
|
||||
<div class="service_status">{{item.reportConfigName}}</div>
|
||||
<div class="response_con">{{item.remark}}</div>
|
||||
</div>
|
||||
<div class="customer_left">
|
||||
<img class="profile_photo ml" v-if="type == 1" src="@/assets/report/report_dispatch.png" alt="">
|
||||
<img class="profile_photo ml" v-else src="@/assets/report/report_driver.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!--服务人员对话框 e -->
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<report-list-item :report-list.sync="reportList" @getReport="getReportHandler" />
|
||||
<van-popup ref="addReportModal" v-model="addReportShow" :close-on-click-overlay="false" closeable duration="0" round position="bottom">
|
||||
<div class="dialog_wrap">
|
||||
<img class="add_report_bg" src="@/assets/report/add_report_bg.png" alt="">
|
||||
<div class="report_content">
|
||||
<template v-if="currentInfo.component == 'time'">
|
||||
<!--预约时间报备 s -->
|
||||
<div class="report_title">
|
||||
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
||||
<span>预约时间</span>
|
||||
</div>
|
||||
<div class="report_time_content" @click="showDatetime = true">
|
||||
<div class="report_time_left">
|
||||
<img class="add_report_time" src="@/assets/report/add_report_time.png" alt="">
|
||||
<span>{{appointTime || '请选择时间'}}</span>
|
||||
</div>
|
||||
<img class="report_arrow" src="@/assets/report/add_report_arrow.png" alt="">
|
||||
</div>
|
||||
<!--预约时间报备 e -->
|
||||
</template>
|
||||
<template v-if="currentInfo.component == 'address'">
|
||||
<!--修改地址报备 s -->
|
||||
<div class="report_title">
|
||||
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
||||
<span>修改地址</span>
|
||||
</div>
|
||||
<div class="report_time_content" @click="goPage('addressMap')">
|
||||
<div class="report_time_left">
|
||||
<img class="add_report_time" src="@/assets/report/add_report_address.png" alt="">
|
||||
<span>{{address || '请选择地址'}}</span>
|
||||
</div>
|
||||
<img class="report_arrow" src="@/assets/report/add_report_arrow.png" alt="">
|
||||
</div>
|
||||
<!--修改地址报备 e -->
|
||||
</template>
|
||||
<div class="report_title">
|
||||
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
||||
<span>补充报备内容</span>
|
||||
</div>
|
||||
<div class="report_common_content">
|
||||
<textarea class="report_textarea" id="text-input" rows="4" placeholder="点击这里输入补充报备内容" v-model.trim="remark"></textarea>
|
||||
<!-- <van-field-->
|
||||
<!-- v-model="remark"-->
|
||||
<!-- class="report_textarea"-->
|
||||
<!-- placeholder="点击这里输入补充报备内容" />-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="report_btn" @click="saveHandler">
|
||||
提交报备
|
||||
</div>
|
||||
</div>
|
||||
</van-popup>
|
||||
|
||||
<van-popup v-model="showDatetime" round position="bottom">
|
||||
<van-datetime-picker
|
||||
class="dataTime"
|
||||
v-if="showDatetime"
|
||||
v-model="appointTime"
|
||||
type="datetime"
|
||||
:min-date="minDate"
|
||||
:filter="filter"
|
||||
@confirm="onConfirm"
|
||||
@cancel="showDatetime = false"
|
||||
/>
|
||||
</van-popup>
|
||||
</div>
|
||||
<!-- </van-pull-refresh>-->
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getReportListByOrder, reportHistory, newOrderReporting, getOrderInfo } from "@/api/report"
|
||||
import { myMixins} from "@/utils/myMixins";
|
||||
import {timeFormat} from "@/utils/common";
|
||||
import reportListItem from '@/views/report/components/report-list-item'
|
||||
import serviceItem from "@/views/report/components/service-item"
|
||||
import {Dialog, Toast} from "vant";
|
||||
export default {
|
||||
name: "reportIndex",
|
||||
components: { serviceItem, reportListItem },
|
||||
mixins: [myMixins],
|
||||
data() {
|
||||
return {
|
||||
addReportShow: false,
|
||||
remark: '',
|
||||
showDatetime: false,
|
||||
appointTime: '',
|
||||
minDate: new Date(),
|
||||
address: '',
|
||||
lat: '',
|
||||
lng: '',
|
||||
reportList: [],
|
||||
recordList: [],
|
||||
orderInfo: {},
|
||||
type: '', // 1 调度 2 司机
|
||||
currentInfo: '',
|
||||
userOrderId: '',
|
||||
userOrderCode: '',
|
||||
driverId: '',
|
||||
clickFlag: true,
|
||||
isLoading: false,
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
this.userOrderId = this.$route.query.userOrderId || urlParams.get('userOrderId');
|
||||
this.userOrderCode = this.$route.query.userOrderCode || urlParams.get('userOrderCode');
|
||||
this.type = this.$route.query.type || urlParams.get('type');
|
||||
this.driverId = this.$route.query.driverId || urlParams.get('driverId');
|
||||
await this.getReportList();
|
||||
await this.getDetail();
|
||||
await this.getRecordList();
|
||||
await this.scrollToBottom();
|
||||
},
|
||||
activated() {
|
||||
let addressSession = sessionStorage.getItem('reportAddress');
|
||||
if(addressSession) {
|
||||
let _obj = JSON.parse(addressSession)
|
||||
this.address = _obj.startPoiAddress;
|
||||
this.lat = _obj.startLat;
|
||||
this.lng = _obj.startLng;
|
||||
this.adCode = _obj.adCode;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
filter(type, options) {
|
||||
if (type === 'minute') {
|
||||
return options.filter((option) => option % 5 === 0);
|
||||
}
|
||||
return options;
|
||||
},
|
||||
onRefreshHandler() {
|
||||
setTimeout(async () => {
|
||||
try {
|
||||
this.recordList = [];
|
||||
await this.getReportList();
|
||||
await this.getDetail();
|
||||
await this.getRecordList();
|
||||
await this.scrollToBottom();
|
||||
} finally {
|
||||
this.isLoading = false; // 结束加载状态
|
||||
}
|
||||
}, 100)
|
||||
},
|
||||
// 添加滚动方法
|
||||
scrollToBottom() {
|
||||
this.$nextTick(() => {
|
||||
const container = this.$refs.chatList
|
||||
container.scrollTop = container.scrollHeight
|
||||
})
|
||||
},
|
||||
async getRecordList() {
|
||||
let recordList = await reportHistory({
|
||||
userOrderId: this.userOrderId,
|
||||
userOrderCode: this.userOrderCode,
|
||||
driverId: this.driverId,
|
||||
source: Number(this.type),
|
||||
})
|
||||
this.recordList = recordList.data;
|
||||
},
|
||||
async saveHandler() {
|
||||
if( this.clickFlag ) {
|
||||
let data = {
|
||||
source: Number(this.type),
|
||||
reportContent: this.remark,
|
||||
userOrderId: Number(this.userOrderId),
|
||||
reportConfigId: this.currentInfo.id,
|
||||
userOrderCode: this.userOrderCode,
|
||||
driverId: this.driverId,
|
||||
}
|
||||
if(this.currentInfo.component == 'time') {
|
||||
if( !this.appointTime ) {
|
||||
Toast('预约时间不能为空')
|
||||
return
|
||||
}
|
||||
if( new Date(this.appointTime).getTime() <= new Date().getTime() ) {
|
||||
Toast('预约时间不能小于当前时间')
|
||||
return
|
||||
}
|
||||
data.time = this.appointTime
|
||||
}
|
||||
if(this.currentInfo.component == 'address') {
|
||||
if( !this.address ) {
|
||||
Toast('地址不能为空')
|
||||
return
|
||||
}
|
||||
data.address = this.address
|
||||
data.lat = this.lat;
|
||||
data.lng = this.lng;
|
||||
}
|
||||
if( !this.remark ) {
|
||||
Toast('备注内容不能为空')
|
||||
return
|
||||
}
|
||||
this.clickFlag = false;
|
||||
try {
|
||||
await newOrderReporting(data)
|
||||
Dialog.alert({
|
||||
title: '提示',
|
||||
message: "报备添加成功"
|
||||
}).then(async () => {
|
||||
await this.getRecordList()
|
||||
this.addReportShow = false
|
||||
this.scrollToBottom();
|
||||
this.initDialogData();
|
||||
this.clickFlag = true
|
||||
});
|
||||
} finally {
|
||||
this.clickFlag = true
|
||||
}
|
||||
}
|
||||
},
|
||||
initDialogData() {
|
||||
this.appointTime = '';
|
||||
this.address = '';
|
||||
this.lat = '';
|
||||
this.lng = '';
|
||||
this.remark = '';
|
||||
},
|
||||
addReportHandler(data) { // 点击添加报备弹框
|
||||
console.log('currentInfocurrentInfo', data)
|
||||
this.currentInfo = data;
|
||||
this.remark = '';
|
||||
this.addReportShow = true
|
||||
},
|
||||
getReportHandler(data) { // 点击获取当前报备信息
|
||||
console.log('dadadada', data.child)
|
||||
this.recordList.push({
|
||||
messageType: 4,
|
||||
content: data.child
|
||||
})
|
||||
this.scrollToBottom();
|
||||
if( data.child?.length == 1 ) {
|
||||
this.addReportHandler(data.child[0])
|
||||
}
|
||||
},
|
||||
async getDetail(){ // 订单详情
|
||||
if(this.userOrderId) {
|
||||
let result = await getOrderInfo({
|
||||
userOrderId: this.userOrderId,
|
||||
userOrderCode: this.userOrderCode
|
||||
})
|
||||
this.orderInfo = result.data
|
||||
} else {
|
||||
this.orderInfo = {}
|
||||
}
|
||||
|
||||
},
|
||||
async getReportList() { // 报备大类
|
||||
let res = await getReportListByOrder({
|
||||
orderId: this.userOrderId
|
||||
});
|
||||
this.reportList = res.data
|
||||
},
|
||||
onConfirm(data) {
|
||||
this.appointTime = timeFormat(new Date(data))
|
||||
this.showDatetime = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.custom-pull-refresh {
|
||||
height: 100% !important;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
#app {
|
||||
background: #F9FCFF !important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.main_wrap {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #F9FCFF !important;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
// 添加以下样式确保正确的高度计算
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.top_bg {
|
||||
width: 100%;
|
||||
height: 87px;
|
||||
/*.title {
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding-top: 52px;
|
||||
font-size: 17px;
|
||||
line-height: 24px;
|
||||
}*/
|
||||
}
|
||||
.dispatch { // 调度app头部背景色
|
||||
background: #354683;
|
||||
}
|
||||
.driver { // 司机app头部背景色
|
||||
background: #334885;
|
||||
}
|
||||
.service_wrap {
|
||||
margin-top: -75px;
|
||||
/*margin-bottom: 20px;*/
|
||||
}
|
||||
.chat_list {
|
||||
flex: 1;
|
||||
/*overflow: auto;*/
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
-webkit-overflow-scrolling: touch; // 为了iOS平滑滚动
|
||||
padding-top: 10px;
|
||||
/* 修复 iOS 滚动问题 */
|
||||
transform: translateZ(0);
|
||||
.top_tip_wrap {
|
||||
color: #7C8698;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
}
|
||||
.tip_wrap {
|
||||
color: #7C8698;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.ai_chat {
|
||||
padding: 25px 10px 20px;
|
||||
display: flex;
|
||||
.ai_left {
|
||||
.report_ai {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
.ai_right {
|
||||
.ai_title {
|
||||
color: #203152;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
li {
|
||||
font-size: 13px;
|
||||
color: #267EF0;
|
||||
line-height: 18px;
|
||||
margin-bottom: 15px;
|
||||
font-weight: bold;
|
||||
}
|
||||
li::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: #5680FA;
|
||||
border-radius: 50%; /* 圆形 */
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*客服人员,服务人员对话弹框样式 s*/
|
||||
.profile_photo {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
}
|
||||
.mr {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ml {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.mb20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.customer_item {
|
||||
display: flex;
|
||||
padding-left: 10px;
|
||||
padding-right: 64px;
|
||||
.customer_left {
|
||||
}
|
||||
}
|
||||
.common_right {
|
||||
padding: 11px 13px;
|
||||
flex: 1;
|
||||
.customer_status::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: #5680FA;
|
||||
border-radius: 50%; /* 圆形 */
|
||||
margin-right: 10px;
|
||||
}
|
||||
.customer_status {
|
||||
font-size: 14px;
|
||||
color: #267EF0;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.service_status {
|
||||
font-size: 14px;
|
||||
color: #F07926;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.service_status::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: #F07926;
|
||||
border-radius: 50%; /* 圆形 */
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.customer_cls {
|
||||
border-radius: 0px 6px 6px 6px;
|
||||
background: #E3F0FF;
|
||||
}
|
||||
.service_cls {
|
||||
background: #FAEBD8;
|
||||
border-radius: 0px 6px 6px 6px;
|
||||
}
|
||||
.server_item {
|
||||
display: flex;
|
||||
padding-right: 10px;
|
||||
padding-left: 64px;
|
||||
}
|
||||
.response_con {
|
||||
font-size: 13px;
|
||||
color: #242A37;
|
||||
line-height: 18px;
|
||||
font-weight: bold;
|
||||
margin-top: 5px;
|
||||
}
|
||||
/*客服人员,服务人员对话弹框样式 e*/
|
||||
.dialog_wrap {
|
||||
.add_report_bg {
|
||||
width: 100%;
|
||||
height: 76px;
|
||||
}
|
||||
.report_content {
|
||||
width: calc(100% - 12px);
|
||||
margin: -30px auto 0;
|
||||
padding-right: 14px;
|
||||
padding-left: 20px;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
padding-top: 25px;
|
||||
border-radius: 10px;
|
||||
.report_title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #267EF0;
|
||||
line-height: 22px;
|
||||
margin-bottom: 10px;
|
||||
.dot {
|
||||
width: 7px;
|
||||
height: 6px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
.report_time_content {
|
||||
padding: 13px;
|
||||
background: #F2F7FF;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #E2EAF6;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 30px;
|
||||
.report_time_left {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: rgba(0, 0, 0, 0.9);
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.add_report_time {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.report_arrow {
|
||||
width: 8px;
|
||||
height: 12px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.report_common_content {
|
||||
margin-bottom: 27px;
|
||||
.report_textarea {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background: #F8FAFC;
|
||||
border-radius: 6px;
|
||||
min-height: 95px;
|
||||
border: 1px solid #E2EAF6;
|
||||
padding: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.report_btn {
|
||||
width: calc(100% - 80px);
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
background: #005DD5;
|
||||
border-radius: 23px;
|
||||
color: #FFFFFF;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin: 0 auto 40px;
|
||||
}
|
||||
}
|
||||
::v-deep .van-popup__close-icon {
|
||||
color: #0F458E;
|
||||
}
|
||||
</style>
|
||||
@@ -57,30 +57,16 @@
|
||||
</div>
|
||||
</div>
|
||||
<report-list-item :report-list.sync="reportList" @getReport="getReportHandler" />
|
||||
<van-popup ref="addReportModal" v-model="addReportShow" :close-on-click-overlay="false" z-index="500" closeable duration="0" round position="bottom">
|
||||
<van-popup ref="addReportModal" v-model="addReportShow" :close-on-click-overlay="false" closeable duration="0" round position="bottom">
|
||||
<div class="dialog_wrap">
|
||||
<img class="add_report_bg" src="@/assets/report/add_report_bg.png" alt="">
|
||||
<div class="report_content">
|
||||
<div class="report_title" style="margin-bottom: 10px;"><span>{{currentInfo.name}}</span></div>
|
||||
<template v-if="currentInfo.component == 'time'">
|
||||
<!--预约时间报备 s -->
|
||||
<div class="report_title">
|
||||
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
||||
<span>预约时间</span>
|
||||
</div>
|
||||
<!--<el-date-picker class="report_time_content owner_time high-zindex-picker"
|
||||
v-model="appointTime"
|
||||
type="datetime"
|
||||
:picker-options="pickerOptions"
|
||||
:minutes-step="5"
|
||||
format="yyyy-MM-dd HH:mm:00"
|
||||
placeholder="选择日期时间">
|
||||
</el-date-picker>-->
|
||||
<!--<el-date-picker
|
||||
v-model="appointTime"
|
||||
type="datetime"
|
||||
placeholder="选择日期时间">
|
||||
</el-date-picker>-->
|
||||
<div class="report_time_content" @click="showDatetime = true">
|
||||
<div class="report_time_left">
|
||||
<img class="add_report_time" src="@/assets/report/add_report_time.png" alt="">
|
||||
@@ -105,15 +91,17 @@
|
||||
</div>
|
||||
<!--修改地址报备 e -->
|
||||
</template>
|
||||
<template v-if="currentInfo.component != 'time'">
|
||||
<div class="report_title">
|
||||
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
||||
<span>补充反馈内容</span>
|
||||
</div>
|
||||
<div class="report_common_content">
|
||||
<textarea class="report_textarea" id="text-input" rows="4" placeholder="点击这里输入补充反馈内容" v-model.trim="remark"></textarea>
|
||||
</div>
|
||||
</template>
|
||||
<div class="report_title">
|
||||
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
||||
<span>补充报备内容</span>
|
||||
</div>
|
||||
<div class="report_common_content">
|
||||
<textarea class="report_textarea" id="text-input" rows="4" placeholder="点击这里输入补充报备内容" v-model.trim="remark"></textarea>
|
||||
<!-- <van-field-->
|
||||
<!-- v-model="remark"-->
|
||||
<!-- class="report_textarea"-->
|
||||
<!-- placeholder="点击这里输入补充报备内容" />-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="report_btn" @click="saveHandler">
|
||||
提交报备
|
||||
@@ -121,16 +109,15 @@
|
||||
</div>
|
||||
</van-popup>
|
||||
|
||||
<van-popup v-model="showDatetime" round position="bottom" :close-on-click-overlay="false">
|
||||
<van-popup v-model="showDatetime" round position="bottom">
|
||||
<van-datetime-picker
|
||||
class="dataTime"
|
||||
v-if="showDatetime"
|
||||
v-model="appointTime"
|
||||
type="datetime"
|
||||
:min-date="minDate"
|
||||
:filter="filter"
|
||||
@confirm="onConfirm"
|
||||
@cancel="cancelHandler"
|
||||
@cancel="showDatetime = false"
|
||||
/>
|
||||
</van-popup>
|
||||
</div>
|
||||
@@ -168,12 +155,6 @@
|
||||
driverId: '',
|
||||
clickFlag: true,
|
||||
isLoading: false,
|
||||
pickerOptions: {
|
||||
// 可选:限制预约时间不能小于当前时间(复用你原有逻辑)
|
||||
disabledDate: (time) => {
|
||||
return time.getTime() <= new Date().getTime();
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
@@ -198,12 +179,6 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
filter(type, options) {
|
||||
if (type === 'minute') {
|
||||
return options.filter((option) => option % 5 === 0);
|
||||
}
|
||||
return options;
|
||||
},
|
||||
onRefreshHandler() {
|
||||
setTimeout(async () => {
|
||||
try {
|
||||
@@ -293,21 +268,15 @@
|
||||
this.remark = '';
|
||||
},
|
||||
addReportHandler(data) { // 点击添加报备弹框
|
||||
console.log('currentInfocurrentInfo', data)
|
||||
this.currentInfo = data;
|
||||
this.remark = '';
|
||||
this.addReportShow = true
|
||||
},
|
||||
getReportHandler(data) { // 点击获取当前报备信息
|
||||
console.log('dadadada', data.child)
|
||||
this.recordList.push({
|
||||
messageType: 4,
|
||||
content: data.child
|
||||
})
|
||||
this.scrollToBottom();
|
||||
if( data.child?.length == 1 ) {
|
||||
this.addReportHandler(data.child[0])
|
||||
}
|
||||
},
|
||||
async getDetail(){ // 订单详情
|
||||
if(this.userOrderId) {
|
||||
@@ -330,10 +299,6 @@
|
||||
onConfirm(data) {
|
||||
this.appointTime = timeFormat(new Date(data))
|
||||
this.showDatetime = false;
|
||||
},
|
||||
cancelHandler() {
|
||||
this.appointTime = ''
|
||||
this.showDatetime = false
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -570,9 +535,6 @@
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.owner_time {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.report_common_content {
|
||||
margin-bottom: 27px;
|
||||
.report_textarea {
|
||||
@@ -603,22 +565,4 @@
|
||||
::v-deep .van-popup__close-icon {
|
||||
color: #0F458E;
|
||||
}
|
||||
::v-deep .el-date-editor.el-input,::v-deep .el-date-editor.el-input__inner {
|
||||
width: 100%;
|
||||
}
|
||||
::v-deep .el-input__inner {
|
||||
background: none !important;
|
||||
}
|
||||
::v-deep .el-picker-panel {
|
||||
z-index: 100000000 !important;
|
||||
}
|
||||
.el-picker-panel{
|
||||
z-index: 100000000 !important;
|
||||
}
|
||||
::v-deep .high-zindex-picker {
|
||||
z-index: 9999 !important; // 高于 van-popup 默认层级(通常 1000-2000)
|
||||
}
|
||||
::v-deep .el-date-editor {
|
||||
overflow: visible !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user