Compare commits
2 Commits
91b3c069ad
...
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",
|
"dayjs": "^1.8.14",
|
||||||
"decimal.js": "^10.4.3",
|
"decimal.js": "^10.4.3",
|
||||||
"echarts": "^5.2.2",
|
"echarts": "^5.2.2",
|
||||||
"element-ui": "^2.15.13",
|
"element-ui": "^2.15.9",
|
||||||
"less": "^4.1.3",
|
"less": "^4.1.3",
|
||||||
"less-loader": "^11.1.3",
|
"less-loader": "^11.1.3",
|
||||||
"qrcode": "^1.5.4",
|
"qrcode": "^1.5.4",
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
"dayjs": "^1.8.14",
|
"dayjs": "^1.8.14",
|
||||||
"decimal.js": "^10.4.3",
|
"decimal.js": "^10.4.3",
|
||||||
"echarts": "^5.2.2",
|
"echarts": "^5.2.2",
|
||||||
"element-ui": "^2.15.13",
|
"element-ui": "^2.15.9",
|
||||||
"less": "^4.1.3",
|
"less": "^4.1.3",
|
||||||
"less-loader": "^11.1.3",
|
"less-loader": "^11.1.3",
|
||||||
"qrcode": "^1.5.4",
|
"qrcode": "^1.5.4",
|
||||||
|
|||||||
@@ -56,7 +56,7 @@
|
|||||||
if (isMobile) {// 是移动端不变
|
if (isMobile) {// 是移动端不变
|
||||||
// console.log("是移动端不变")
|
// console.log("是移动端不变")
|
||||||
}else{
|
}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("执行了执行了")
|
// console.log("执行了执行了")
|
||||||
win.addEventListener(resizeEvt, recalc, false);
|
win.addEventListener(resizeEvt, recalc, false);
|
||||||
doc.addEventListener('DOMContentLoaded', recalc, false);
|
doc.addEventListener('DOMContentLoaded', recalc, false);
|
||||||
|
|||||||
@@ -69,52 +69,4 @@ export function driverRealName( data) {
|
|||||||
method:'POST',
|
method:'POST',
|
||||||
contentType: 'application/json'
|
contentType: 'application/json'
|
||||||
})
|
})
|
||||||
}
|
|
||||||
//获取需要确认的人员信息列表
|
|
||||||
export function getConfirmPerson(key){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/wechat/getNeedConfirmPersonInfo',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//微信相关 获取联系我 二维码
|
|
||||||
export function getQrCode(key){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/wechat/getQrCode',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//获取服务商的确认状态
|
|
||||||
export function getConfirmStatus(key){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/wechat/getSupplier',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//确认已添加微信按钮
|
|
||||||
export function confirmAddWechat(key){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/wechat/confirmAddWechat',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//确认无误
|
|
||||||
export function confirm(key){
|
|
||||||
return request({
|
|
||||||
url: '/supplierAppV2/dispatchApp/wechat/confirm',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//提交审批
|
|
||||||
export function submitConfirm( data) {
|
|
||||||
return request('/supplierAppV2/dispatchApp/wechat/submitConfirm', {
|
|
||||||
data: data,
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json'
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
@@ -81,41 +81,4 @@ export function getDriverName(key) {
|
|||||||
key: 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
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -18,15 +18,6 @@ export function saveVehicle(data){
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
//提交审批车辆信息
|
|
||||||
export function saveSupplierApproval(data){
|
|
||||||
return request({
|
|
||||||
url:'/supplier/approval/saveSupplierDriverVehicleApproval',
|
|
||||||
method:'POST',
|
|
||||||
contentType:'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
/*车辆更改状态 /supplierAppV2/dispatchApp/user/enableVehicle*/
|
/*车辆更改状态 /supplierAppV2/dispatchApp/user/enableVehicle*/
|
||||||
export function enableVehicle(data){
|
export function enableVehicle(data){
|
||||||
return request({
|
return request({
|
||||||
@@ -120,6 +111,7 @@ export function getOrCodeInfo(data){
|
|||||||
return request({
|
return request({
|
||||||
url:'/agg-api/wxcp/createContactQrCode',
|
url:'/agg-api/wxcp/createContactQrCode',
|
||||||
method:'POST',
|
method:'POST',
|
||||||
|
contentType:'application/json',
|
||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -159,12 +159,3 @@ export function getConfigByCode(data){
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
//获取最新版本
|
|
||||||
export function getNewVersion(key){
|
|
||||||
return request({
|
|
||||||
url: '/driverApp/app/updateVersion',
|
|
||||||
method:'GET',
|
|
||||||
params: key
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 868 B |
Binary file not shown.
|
Before Width: | Height: | Size: 643 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 870 B |
@@ -39,13 +39,5 @@ const authenticationRouter = [
|
|||||||
title: '银行卡信息认证',
|
title: '银行卡信息认证',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/personList',
|
|
||||||
name: 'personList',
|
|
||||||
component: () => import('@/views/mine/personList.vue'),
|
|
||||||
meta:{
|
|
||||||
title: '人员信息',
|
|
||||||
}
|
|
||||||
},
|
|
||||||
]
|
]
|
||||||
export default authenticationRouter
|
export default authenticationRouter
|
||||||
|
|||||||
@@ -324,14 +324,6 @@ const routes = [
|
|||||||
title:'电瓶详情'
|
title:'电瓶详情'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/goToApp',
|
|
||||||
name: 'goToApp',
|
|
||||||
component:()=>import('@/views/goToApp/goToApp.vue'),
|
|
||||||
meta: {
|
|
||||||
title:'电瓶详情'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
...kpiRouter,
|
...kpiRouter,
|
||||||
...invoiceRouter,
|
...invoiceRouter,
|
||||||
...secondHandRouter,
|
...secondHandRouter,
|
||||||
|
|||||||
@@ -7,13 +7,5 @@ const kpiRouter = [
|
|||||||
title: 'kpi首页',
|
title: 'kpi首页',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/kpiCaseNew',
|
|
||||||
name: 'kpiCaseNew',
|
|
||||||
component: () => import('@/views/kpi/kpiCaseNew'),
|
|
||||||
meta:{
|
|
||||||
title: 'kpi服务商案件&车辆情况',
|
|
||||||
}
|
|
||||||
},
|
|
||||||
]
|
]
|
||||||
export default kpiRouter
|
export default kpiRouter
|
||||||
|
|||||||
@@ -23,17 +23,6 @@
|
|||||||
div {
|
div {
|
||||||
padding-top: 8px;
|
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 {
|
.active {
|
||||||
color: #3678FF;
|
color: #3678FF;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
@import "@/styles/mixin.scss";
|
@import "@/styles/mixin.scss";
|
||||||
::v-deep .van-nav-bar__content{
|
::v-deep .van-nav-bar__content{
|
||||||
//background-color: #3A3A3A !important;
|
background-color: #3A3A3A !important;
|
||||||
}
|
}
|
||||||
.wrap{
|
.wrap{
|
||||||
@include wh(100%,100%);
|
@include wh(100%,100%);
|
||||||
|
|||||||
@@ -19,7 +19,7 @@ if( token ) {
|
|||||||
service.interceptors.request.use(
|
service.interceptors.request.use(
|
||||||
config => {
|
config => {
|
||||||
let reqUrl=config.url
|
let reqUrl=config.url
|
||||||
// console.log('config',config)
|
console.log('config',config)
|
||||||
config.data = config.contentType ? config.data : qs.stringify(config.data)
|
config.data = config.contentType ? config.data : qs.stringify(config.data)
|
||||||
if (config.testFlag) {
|
if (config.testFlag) {
|
||||||
config.data = qs.stringify(config.data, {arrayFormat: 'indices', allowDots: true})
|
config.data = qs.stringify(config.data, {arrayFormat: 'indices', allowDots: true})
|
||||||
@@ -48,7 +48,6 @@ service.interceptors.request.use(
|
|||||||
|
|
||||||
service.interceptors.response.use(
|
service.interceptors.response.use(
|
||||||
response => {
|
response => {
|
||||||
console.log('response', response.data)
|
|
||||||
const res = response.data
|
const res = response.data
|
||||||
if ( res.code === 401 || res.code === 400 || res.code == 500) {
|
if ( res.code === 401 || res.code === 400 || res.code == 500) {
|
||||||
Toast(res.msg || 'Error')
|
Toast(res.msg || 'Error')
|
||||||
|
|||||||
@@ -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, ',');
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -94,7 +94,6 @@ export const myMixins = {
|
|||||||
isWebFunc(){
|
isWebFunc(){
|
||||||
let res=false
|
let res=false
|
||||||
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
||||||
console.log('isMobile',isMobile)
|
|
||||||
if (!isMobile) {// 是移动端不变
|
if (!isMobile) {// 是移动端不变
|
||||||
res=true
|
res=true
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,28 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="wrap">
|
<div class="wrap">
|
||||||
<div class="navBar">
|
<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
|
<van-nav-bar
|
||||||
:border="false"
|
:border="false"
|
||||||
:fixed="true"
|
:fixed="true"
|
||||||
@@ -46,8 +24,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</van-nav-bar>
|
</van-nav-bar>
|
||||||
</div>
|
</div>
|
||||||
-->
|
<div class="statisticContainer">
|
||||||
<!-- <div class="statisticContainer">
|
|
||||||
<div class="statisticWrap">
|
<div class="statisticWrap">
|
||||||
<div class="line1">
|
<div class="line1">
|
||||||
<span>培训统计</span>
|
<span>培训统计</span>
|
||||||
@@ -66,12 +43,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>-->
|
</div>
|
||||||
<div class="tab_wrap">
|
<div class="driver_tab_wrap">
|
||||||
<div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
|
<div v-for="(item, index) in tabArr" :key="index" :class="{'active' : activeIndex == index}"
|
||||||
@click="changeTab(index)">
|
@click="changeTab(index)">
|
||||||
{{ item.name }}<span v-if="item.count" :class="{'commonNum':true,'notFinish':index==2}">{{item.count}}</span>
|
{{ item.name }}
|
||||||
<!-- {{ item.name }}-->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentWrap" v-show="!showEmpty">
|
<div class="contentWrap" v-show="!showEmpty">
|
||||||
@@ -108,8 +84,7 @@ export default {
|
|||||||
mixins:[myMixins],
|
mixins:[myMixins],
|
||||||
data(){
|
data(){
|
||||||
return{
|
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,
|
activeIndex: 0,
|
||||||
pageList:[],
|
pageList:[],
|
||||||
totalList:[],
|
totalList:[],
|
||||||
@@ -140,10 +115,6 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
initShow(){
|
|
||||||
this.keyword= ''
|
|
||||||
this.getTrainingList()
|
|
||||||
},
|
|
||||||
onRefresh() {
|
onRefresh() {
|
||||||
this.getTrainingList()
|
this.getTrainingList()
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
@@ -164,38 +135,18 @@ export default {
|
|||||||
})
|
})
|
||||||
this.totalList=[]
|
this.totalList=[]
|
||||||
this.pageList=[]
|
this.pageList=[]
|
||||||
this.tabArr[0].count=0
|
|
||||||
this.tabArr[1].count=0
|
|
||||||
this.tabArr[2].count=0
|
|
||||||
this.numInfo=res.data
|
this.numInfo=res.data
|
||||||
if(res.data.totalNum){
|
this.totalList=res.data.list
|
||||||
this.tabArr[0].count=res.data.totalNum
|
let result=[]
|
||||||
}
|
|
||||||
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
|
|
||||||
if(this.activeIndex === 0){
|
if(this.activeIndex === 0){
|
||||||
result=this.totalList?.filter(q => q.title === '车型技术参数');
|
result=this.totalList?.filter(q => q.title === '车型技术参数');
|
||||||
}else if(this.activeIndex === 1){
|
}else if(this.activeIndex === 1){
|
||||||
result=this.totalList?.filter(q => q.title === '中道服务规范');
|
result=this.totalList?.filter(q => q.title === '中道服务规范');
|
||||||
}else if(this.activeIndex === 2){
|
}else if(this.activeIndex === 2){
|
||||||
result=this.totalList?.filter(q => q.title === '中道小课堂');
|
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){
|
if(result){
|
||||||
this.pageList=result
|
this.pageList=result[0].materials
|
||||||
this.time=timeFormat(Date.now())
|
this.time=timeFormat(Date.now())
|
||||||
}
|
}
|
||||||
if(this.pageList?.length === 0){
|
if(this.pageList?.length === 0){
|
||||||
@@ -212,19 +163,6 @@ export default {
|
|||||||
@import "@/styles/mixin.scss";
|
@import "@/styles/mixin.scss";
|
||||||
@import "@/styles/docment.scss";
|
@import "@/styles/docment.scss";
|
||||||
@import "@/styles/driverDocment.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{
|
.read{
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|||||||
@@ -22,9 +22,9 @@
|
|||||||
</van-nav-bar>
|
</van-nav-bar>
|
||||||
</div>
|
</div>
|
||||||
<div class="tab_wrap">
|
<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)">
|
@click="changeTab(index)">
|
||||||
{{ item.name }}<span v-if="item.count" :class="{'commonNum':true,'notFinish':index==2}">{{item.count}}</span>
|
{{ item.name }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contentWrap" v-show="!showEmpty">
|
<div class="contentWrap" v-show="!showEmpty">
|
||||||
@@ -61,7 +61,7 @@ export default {
|
|||||||
mixins:[myMixins],
|
mixins:[myMixins],
|
||||||
data(){
|
data(){
|
||||||
return{
|
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,
|
activeIndex: 0,
|
||||||
pageNum:1,
|
pageNum:1,
|
||||||
pageSize:10,
|
pageSize:10,
|
||||||
@@ -73,14 +73,9 @@ export default {
|
|||||||
showEmpty:false,
|
showEmpty:false,
|
||||||
isLoading:false,
|
isLoading:false,
|
||||||
supplierId:'',
|
supplierId:'',
|
||||||
numInfo:'',
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
activated() {
|
|
||||||
console.log('activated')
|
|
||||||
},
|
|
||||||
mounted() {
|
mounted() {
|
||||||
console.log('mounted')
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
const urlParams = new URLSearchParams(window.location.search);
|
||||||
this.supplierId = urlParams.get('supplierId');
|
this.supplierId = urlParams.get('supplierId');
|
||||||
this.keyword=urlParams.get('keyword') || ''
|
this.keyword=urlParams.get('keyword') || ''
|
||||||
@@ -116,35 +111,17 @@ export default {
|
|||||||
})
|
})
|
||||||
this.totalList=[]
|
this.totalList=[]
|
||||||
this.pageList=[]
|
this.pageList=[]
|
||||||
this.tabArr[0].count=0
|
this.totalList=res.data.list
|
||||||
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)
|
|
||||||
let result=[]
|
let result=[]
|
||||||
if(this.activeIndex === 0){
|
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){
|
}else if(this.activeIndex === 1){
|
||||||
// result=this.totalList?.filter(q => q.title === '中道服务规范');
|
result=this.totalList?.filter(q => q.title === '中道服务规范');
|
||||||
result=this.totalList?.filter(item => item.alreadyRead==1) || []
|
|
||||||
}else if(this.activeIndex === 2){
|
}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){
|
if(result){
|
||||||
this.pageList=result
|
this.pageList=result[0].materials
|
||||||
}
|
}
|
||||||
if(this.pageList?.length === 0){
|
if(this.pageList?.length === 0){
|
||||||
this.showEmpty = true
|
this.showEmpty = true
|
||||||
@@ -153,7 +130,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
initShow(){
|
initShow(){
|
||||||
this.keyword= ''
|
this.keyword= '',
|
||||||
this.getTrainingList()
|
this.getTrainingList()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -163,16 +140,6 @@ export default {
|
|||||||
@import "@/styles/common.scss";
|
@import "@/styles/common.scss";
|
||||||
@import "@/styles/mixin.scss";
|
@import "@/styles/mixin.scss";
|
||||||
@import "@/styles/docment.scss";
|
@import "@/styles/docment.scss";
|
||||||
.tab_wrap {
|
|
||||||
.active:after {
|
|
||||||
width: 37px;
|
|
||||||
left: 0%;
|
|
||||||
transform: translateX(0%);
|
|
||||||
}
|
|
||||||
.active1:after {
|
|
||||||
width:48px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.read{
|
.read{
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|||||||
@@ -1,73 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="wrap">
|
|
||||||
<div class="content">
|
|
||||||
<div class="goToBtn" @click="goAppHandler">立即打开</div>
|
|
||||||
<div class="content_tip">
|
|
||||||
<div class="font_cls">如未安装请点击下载</div>
|
|
||||||
<div class="font_cls">如已安装未自动跳转,请 <span @click="downLoadHandler">立即下载</span></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { getNewVersion } from "@/api/order"
|
|
||||||
export default {
|
|
||||||
name: "goToApp",
|
|
||||||
methods: {
|
|
||||||
goAppHandler() {
|
|
||||||
window.location.href = "rvdriver://page/pagesLogin/phoneLogin?source=h5Link";
|
|
||||||
},
|
|
||||||
async downLoadHandler() {
|
|
||||||
getNewVersion({
|
|
||||||
appType: 5
|
|
||||||
}).then((res) => {
|
|
||||||
window.location.href = res?.result?.path
|
|
||||||
}).catch(() => {
|
|
||||||
this.$message.error('请求版本失败,请重试');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.wrap {
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
background-image: url('@/assets/toAppBg.png');
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
.content {
|
|
||||||
width: 100%;
|
|
||||||
position: fixed;
|
|
||||||
top: 74vh;
|
|
||||||
}
|
|
||||||
.goToBtn {
|
|
||||||
width: 70%;
|
|
||||||
height: 45px;
|
|
||||||
margin-left: 15%;
|
|
||||||
background: linear-gradient( 270deg, #2347C0 0%, #72A3FF 100%);
|
|
||||||
border-radius: 23px;
|
|
||||||
//font-weight: bold;
|
|
||||||
font-size: 17px;
|
|
||||||
color: #FFFFFF;
|
|
||||||
letter-spacing: 2px;
|
|
||||||
line-height: 45px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.content_tip {
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 15px;
|
|
||||||
.font_cls {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #808080;
|
|
||||||
line-height: 20px;
|
|
||||||
text-align: center;
|
|
||||||
span {
|
|
||||||
color: #007BE9;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -111,7 +111,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import {leftCopy} from "@/utils/common"
|
import {leftCopy} from "@/utils/common"
|
||||||
import QRCode from 'qrcode'
|
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 {myMixins} from "@/utils/myMixins"
|
||||||
import {Dialog} from "vant";
|
import {Dialog} from "vant";
|
||||||
export default {
|
export default {
|
||||||
@@ -144,23 +144,14 @@
|
|||||||
areaShow: false,
|
areaShow: false,
|
||||||
areaList: [],
|
areaList: [],
|
||||||
supplierServiceList: [],
|
supplierServiceList: [],
|
||||||
bigServiceList: [{
|
bigServiceList: [],
|
||||||
id: 1002,
|
|
||||||
title: '拖车服务'
|
|
||||||
}, {
|
|
||||||
id: 1003,
|
|
||||||
title: '抢修服务'
|
|
||||||
}, {
|
|
||||||
id: 1004,
|
|
||||||
title: '困境救援'
|
|
||||||
}],
|
|
||||||
defaultProps: {
|
defaultProps: {
|
||||||
children: 'children',
|
children: 'children',
|
||||||
label: 'title',
|
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: '',
|
configId: '',
|
||||||
wechatId: '',
|
wechatId: 'test',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
@@ -171,7 +162,7 @@
|
|||||||
await this.getInfoHandler();
|
await this.getInfoHandler();
|
||||||
}
|
}
|
||||||
|
|
||||||
// await this.getSupplierServiceTree();
|
await this.getSupplierServiceTree();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async QrCodeHandler() {
|
async QrCodeHandler() {
|
||||||
@@ -205,8 +196,8 @@
|
|||||||
if(this.companyPhoto) {
|
if(this.companyPhoto) {
|
||||||
this.companyPhotoList = [{ url : this.companyPhoto }];
|
this.companyPhotoList = [{ url : this.companyPhoto }];
|
||||||
}
|
}
|
||||||
if( _data.service ) {
|
if( _data.serviceType ) {
|
||||||
this.$refs.tree.setCheckedKeys(_data.service.split(','))
|
this.$refs.tree.setCheckedKeys(_data.serviceType.split(','))
|
||||||
}
|
}
|
||||||
if(_data?.serviceAreaCode) {
|
if(_data?.serviceAreaCode) {
|
||||||
this.$set(this.form, 'serviceAreaCode', _data?.serviceAreaCode.split(',').map(item => Number(item)));
|
this.$set(this.form, 'serviceAreaCode', _data?.serviceAreaCode.split(',').map(item => Number(item)));
|
||||||
@@ -262,7 +253,7 @@
|
|||||||
checkArr.push(item.data.id)
|
checkArr.push(item.data.id)
|
||||||
})
|
})
|
||||||
|
|
||||||
/* let treeArr = this.$refs.tree.getCheckedKeys();
|
let treeArr = this.$refs.tree.getCheckedKeys();
|
||||||
let childrenTreeArr = [];
|
let childrenTreeArr = [];
|
||||||
treeArr.map(item => {
|
treeArr.map(item => {
|
||||||
let _arr = this.supplierServiceList.filter(_item => _item.id == item) || [] // 获取对应的大类
|
let _arr = this.supplierServiceList.filter(_item => _item.id == item) || [] // 获取对应的大类
|
||||||
@@ -270,14 +261,14 @@
|
|||||||
childrenTreeArr?.push(childItem?.id)
|
childrenTreeArr?.push(childItem?.id)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
let allArr = [...treeArr, ...childrenTreeArr]*/
|
let allArr = [...treeArr, ...childrenTreeArr]
|
||||||
let res = await saveSupplier({
|
let res = await saveSupplier({
|
||||||
id: this.id,
|
id: this.id,
|
||||||
...this.form,
|
...this.form,
|
||||||
idCardFrontUrl: this.idFrontPhoto,
|
idCardFrontUrl: this.idFrontPhoto,
|
||||||
idCardBackUrl: this.idBackPhoto,
|
idCardBackUrl: this.idBackPhoto,
|
||||||
businessLicense: this.companyPhoto,
|
businessLicense: this.companyPhoto,
|
||||||
service: this.$refs.tree.getCheckedKeys().join(',') ,
|
serviceType: allArr.join(',') ,
|
||||||
serviceAreaCode: checkArr.join(','),
|
serviceAreaCode: checkArr.join(','),
|
||||||
wechatId: this.wechatId,
|
wechatId: this.wechatId,
|
||||||
});
|
});
|
||||||
@@ -286,32 +277,20 @@
|
|||||||
message: "操作成功"
|
message: "操作成功"
|
||||||
}).then(async () => {
|
}).then(async () => {
|
||||||
this.goPage('supplierAddResult', { id : res?.data })
|
this.goPage('supplierAddResult', { id : res?.data })
|
||||||
setTimeout(() => {
|
this.clickFlag = true
|
||||||
this.clickFlag = true
|
|
||||||
}, 1000)
|
|
||||||
});
|
});
|
||||||
} finally {
|
} finally {
|
||||||
setTimeout(() => {
|
this.clickFlag = true
|
||||||
this.clickFlag = true
|
|
||||||
}, 1000)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async getAreaTree() {
|
async getAreaTree() {
|
||||||
let res = await getArea();
|
let res = await getArea();
|
||||||
let result = res?.data
|
this.areaList = res?.data;
|
||||||
result?.map(item=>{
|
|
||||||
if( item.parentId == 0 ) {
|
|
||||||
this.$set(item , 'disabled' ,true)
|
|
||||||
} else {
|
|
||||||
this.$set(item , 'disabled' ,false)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
this.areaList = result;
|
|
||||||
},
|
},
|
||||||
/*async getSupplierServiceTree(){
|
async getSupplierServiceTree(){
|
||||||
let res = await supplierServicePartTree({
|
let res = await supplierServicePartTree({
|
||||||
serviceTypes: '1002,1003,1004',
|
serviceTypes: '1002,1003',
|
||||||
treeType: 2
|
treeType: 2
|
||||||
});
|
});
|
||||||
this.supplierServiceList=res.data
|
this.supplierServiceList=res.data
|
||||||
@@ -320,7 +299,7 @@
|
|||||||
let obj = {...item, children: null}
|
let obj = {...item, children: null}
|
||||||
this.bigServiceList.push(obj)
|
this.bigServiceList.push(obj)
|
||||||
})
|
})
|
||||||
},*/
|
},
|
||||||
confirmHandle(val){
|
confirmHandle(val){
|
||||||
this.region=[]
|
this.region=[]
|
||||||
val?.forEach(item => this.region.push(item.name))
|
val?.forEach(item => this.region.push(item.name))
|
||||||
|
|||||||
@@ -74,7 +74,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="info_item">
|
<div class="info_item">
|
||||||
<div class="label">服务能力:</div>
|
<div class="label">服务能力:</div>
|
||||||
<div class="content service_color">{{supplierInfo?.serviceCategoryName}}</div>
|
<div class="content service_color">{{supplierInfo?.serviceName}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info_item">
|
<div class="info_item">
|
||||||
<div class="label">拖车数量:</div>
|
<div class="label">拖车数量:</div>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
@click-left="h5GoBack"
|
@click-left="h5GoBack"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="addContentWrap">
|
<div class="addContentWrap">
|
||||||
<div class="itemContent">
|
<div class="itemContent">
|
||||||
<div class="titleType">
|
<div class="titleType">
|
||||||
<img class="startImg" src="@/assets/start.png" />
|
<img class="startImg" src="@/assets/start.png" />
|
||||||
@@ -20,7 +20,6 @@
|
|||||||
<van-uploader
|
<van-uploader
|
||||||
v-model="vehicleLicenseFrontList"
|
v-model="vehicleLicenseFrontList"
|
||||||
:after-read="vehicleLicenseFrontHandler"
|
:after-read="vehicleLicenseFrontHandler"
|
||||||
@oversize="onOversize"
|
|
||||||
:max-size="5 * 1024 * 1024"
|
:max-size="5 * 1024 * 1024"
|
||||||
max-count="1"
|
max-count="1"
|
||||||
:preview-size="54"
|
:preview-size="54"
|
||||||
@@ -35,7 +34,6 @@
|
|||||||
<van-uploader
|
<van-uploader
|
||||||
v-model="vehicleLicenseBackList"
|
v-model="vehicleLicenseBackList"
|
||||||
:after-read="vehicleLicenseBackHandler"
|
:after-read="vehicleLicenseBackHandler"
|
||||||
@oversize="onOversize"
|
|
||||||
:max-size="5 * 1024 * 1024"
|
:max-size="5 * 1024 * 1024"
|
||||||
max-count="1"
|
max-count="1"
|
||||||
:preview-size="54"
|
:preview-size="54"
|
||||||
@@ -50,7 +48,6 @@
|
|||||||
<van-uploader
|
<van-uploader
|
||||||
v-model="vehicleLicenseCarPhotoList"
|
v-model="vehicleLicenseCarPhotoList"
|
||||||
:after-read="vehicleLicenseCarHandler"
|
:after-read="vehicleLicenseCarHandler"
|
||||||
@oversize="onOversize"
|
|
||||||
:max-size="5 * 1024 * 1024"
|
:max-size="5 * 1024 * 1024"
|
||||||
max-count="1"
|
max-count="1"
|
||||||
:preview-size="54"
|
:preview-size="54"
|
||||||
@@ -65,8 +62,6 @@
|
|||||||
<van-uploader
|
<van-uploader
|
||||||
v-model="vehicleFrontPhotoList"
|
v-model="vehicleFrontPhotoList"
|
||||||
:after-read="vehicleFrontPhotoHandler"
|
:after-read="vehicleFrontPhotoHandler"
|
||||||
@oversize="onOversize"
|
|
||||||
:max-size="5 * 1024 * 1024"
|
|
||||||
max-count="1"
|
max-count="1"
|
||||||
:preview-size="54"
|
:preview-size="54"
|
||||||
accept="image "
|
accept="image "
|
||||||
@@ -198,7 +193,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="isJoin">
|
<div class="isJoin">
|
||||||
<van-radio-group v-model="vehicleStatus" :class="{ 'disabled-tree': vehicleInfoDisabled }" :disabled="vehicleInfoDisabled" @change="isVehicleChange" class="joinWrap">
|
<van-radio-group v-model="vehicleStatus" :class="{ 'disabled-tree': vehicleInfoDisabled }" :disabled="vehicleInfoDisabled" @change="isVehicleChange" class="joinWrap">
|
||||||
<van-radio :name="1" style="margin-right: 14px">
|
<van-radio :name="1" style="margin-right: 26px">
|
||||||
启用
|
启用
|
||||||
<img
|
<img
|
||||||
slot="icon"
|
slot="icon"
|
||||||
@@ -206,7 +201,7 @@
|
|||||||
:src="props.checked ? activeIcon : inactiveIcon"
|
:src="props.checked ? activeIcon : inactiveIcon"
|
||||||
>
|
>
|
||||||
</van-radio>
|
</van-radio>
|
||||||
<van-radio :name="2" style="margin-right: 14px">
|
<van-radio :name="2">
|
||||||
停用
|
停用
|
||||||
<img
|
<img
|
||||||
slot="icon"
|
slot="icon"
|
||||||
@@ -214,14 +209,6 @@
|
|||||||
:src="props.checked ? activeIcon : inactiveIcon"
|
:src="props.checked ? activeIcon : inactiveIcon"
|
||||||
>
|
>
|
||||||
</van-radio>
|
</van-radio>
|
||||||
<van-radio :name="12" disabled>
|
|
||||||
否-服务商停用
|
|
||||||
<img
|
|
||||||
slot="icon"
|
|
||||||
slot-scope="props"
|
|
||||||
:src="props.checked ? activeIcon : inactiveIcon"
|
|
||||||
>
|
|
||||||
</van-radio>
|
|
||||||
</van-radio-group>
|
</van-radio-group>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -251,7 +238,7 @@
|
|||||||
</van-radio-group>
|
</van-radio-group>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item_content_btn" v-if="[2,3].includes(this.liabilityInsuranceAudit)">
|
<div class="item_content_btn">
|
||||||
<span @click="goContinueInsurance">续保更新</span>
|
<span @click="goContinueInsurance">续保更新</span>
|
||||||
</div>
|
</div>
|
||||||
<span style="color: red">如有投保,选“有”,未投保选“无”,不必上传交强险或者商业险等其他保单</span>
|
<span style="color: red">如有投保,选“有”,未投保选“无”,不必上传交强险或者商业险等其他保单</span>
|
||||||
@@ -269,7 +256,6 @@
|
|||||||
:deletable="!disabledShow"
|
:deletable="!disabledShow"
|
||||||
max-count="1"
|
max-count="1"
|
||||||
:preview-size="54"
|
:preview-size="54"
|
||||||
@click-preview="clickPreview"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="lineBot"></div>
|
<div class="lineBot"></div>
|
||||||
@@ -347,30 +333,7 @@
|
|||||||
<two-common-btn class="btn" @cancelClick="h5GoBack" @submitClick="submitBtn" />
|
<two-common-btn class="btn" @cancelClick="h5GoBack" @submitClick="submitBtn" />
|
||||||
<van-calendar v-model="showDatePicker" :min-date="minDate"
|
<van-calendar v-model="showDatePicker" :min-date="minDate"
|
||||||
:max-date="maxDate" type="range" @confirm="onConfirm" />
|
:max-date="maxDate" type="range" @confirm="onConfirm" />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<van-popup ref="success" v-model="approvalDialogShow">
|
|
||||||
<div class="pop_wrap">
|
|
||||||
<div class="pop_title">车辆提交审批</div>
|
|
||||||
<div class="pop_content">
|
|
||||||
<div class="iptWrap" v-if="vehicleInfoChange">
|
|
||||||
<div>车辆和服务备注</div>
|
|
||||||
<el-input placeholder="请输入车辆和服务备注" type="textarea" show-word-limit maxlength="200"
|
|
||||||
v-model="approvalForm.serviceRemark"></el-input>
|
|
||||||
</div>
|
|
||||||
<div class="iptWrap" v-if="insuranceChange">
|
|
||||||
<div>保单备注</div>
|
|
||||||
<el-input placeholder="请输入保单备注" type="textarea" show-word-limit maxlength="200"
|
|
||||||
v-model="approvalForm.insuranceRemark"></el-input>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="tip_button_wrap">
|
|
||||||
<div class="continue close" @click="closeApproval">取消</div>
|
|
||||||
<div class="continue" :class="{'loading': loading}" @click="submitApprovalHandle">提交审批</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</van-popup>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -379,8 +342,7 @@
|
|||||||
import {Dialog} from "vant";
|
import {Dialog} from "vant";
|
||||||
import {formatDate1} from "@/utils/common"
|
import {formatDate1} from "@/utils/common"
|
||||||
import {myMixins} from "@/utils/myMixins"
|
import {myMixins} from "@/utils/myMixins"
|
||||||
import {vehicleTypeList,saveVehicle,getInfoById,supplierServiceTree, uploadImage, ocrHandler,
|
import {vehicleTypeList,saveVehicle,getInfoById,supplierServiceTree, uploadImage, ocrHandler, userOperationPermissions} from "@/api/mine"
|
||||||
userOperationPermissions,saveSupplierApproval} from "@/api/mine"
|
|
||||||
import TwoCommonBtn from "@/components/twoBtnCommon.vue"
|
import TwoCommonBtn from "@/components/twoBtnCommon.vue"
|
||||||
import CellGroup from "@/components/cellGroup.vue";
|
import CellGroup from "@/components/cellGroup.vue";
|
||||||
export default {
|
export default {
|
||||||
@@ -411,7 +373,6 @@ export default {
|
|||||||
typeList:[],//车辆类型列表
|
typeList:[],//车辆类型列表
|
||||||
selectedOption:[],//车辆类型
|
selectedOption:[],//车辆类型
|
||||||
id:'',//车辆Id
|
id:'',//车辆Id
|
||||||
supplierId:'',//服务商Id
|
|
||||||
serviceIds:[],//车辆服务种类,
|
serviceIds:[],//车辆服务种类,
|
||||||
supplierServiceList:[],
|
supplierServiceList:[],
|
||||||
oldSupplierServiceList:[],
|
oldSupplierServiceList:[],
|
||||||
@@ -539,25 +500,7 @@ export default {
|
|||||||
}, {
|
}, {
|
||||||
name: '其他',
|
name: '其他',
|
||||||
value: 14
|
value: 14
|
||||||
}],
|
}]
|
||||||
approvalForm:{
|
|
||||||
type:2,
|
|
||||||
supplierId:'',
|
|
||||||
vehicleId:'',
|
|
||||||
serviceChange:null,
|
|
||||||
serviceRemark:'',
|
|
||||||
insuranceChange:null,
|
|
||||||
insuranceRemark:'',
|
|
||||||
vehicleOtherChange:null,
|
|
||||||
vehicleOtherRemark:'',
|
|
||||||
},
|
|
||||||
originData:{},//记录更改之前的数据
|
|
||||||
changedFields: [], // 用于存储变更过的字段
|
|
||||||
approvalDialogShow:false,
|
|
||||||
vehicleInfoChange:false,
|
|
||||||
insuranceChange:false,
|
|
||||||
loading: false,
|
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -605,25 +548,13 @@ export default {
|
|||||||
this.setDefault();
|
this.setDefault();
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
async mounted() {
|
async mounted() {
|
||||||
this.id=this.$route.params?.id
|
this.id=this.$route.params?.id
|
||||||
this.approvalForm.supplierId=this.$route.params?.supplierId
|
|
||||||
await this.getSupplierServiceTree();
|
await this.getSupplierServiceTree();
|
||||||
await this.getTypeList();
|
await this.getTypeList();
|
||||||
if( this.id){
|
if( this.id){
|
||||||
await this.vehicleInfo()
|
await this.vehicleInfo()
|
||||||
}else{
|
|
||||||
this.originData={
|
|
||||||
vehicleType:'',
|
|
||||||
vehicleStatus:'',
|
|
||||||
virtualVehicle:'',
|
|
||||||
serviceIds:[],
|
|
||||||
hasLiabilityInsurance:'',
|
|
||||||
insuranceCorp:'',
|
|
||||||
liabilityInsuranceStartTime:'',
|
|
||||||
liabilityInsuranceEndTime:'',
|
|
||||||
insurancePicturePhoto:''
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
@@ -656,10 +587,6 @@ export default {
|
|||||||
const [start, end] = date;
|
const [start, end] = date;
|
||||||
this.showDatePicker = false;
|
this.showDatePicker = false;
|
||||||
this.dateVal = `${this.formatDate(start)} - ${this.formatDate(end)}`;
|
this.dateVal = `${this.formatDate(start)} - ${this.formatDate(end)}`;
|
||||||
console.log('this.dateVal',this.dateVal)
|
|
||||||
let timeObj = this.formatDateTimeRange(this.dateVal)
|
|
||||||
console.log('timeObj',timeObj)
|
|
||||||
|
|
||||||
},
|
},
|
||||||
formatDateTimeRange(str) {
|
formatDateTimeRange(str) {
|
||||||
const [startStr, endStr] = str.split(' - ').map(s => s.trim());
|
const [startStr, endStr] = str.split(' - ').map(s => s.trim());
|
||||||
@@ -710,9 +637,6 @@ export default {
|
|||||||
this.vehicleLicense = 5
|
this.vehicleLicense = 5
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onOversize() {
|
|
||||||
this.$toast(`文件大小不能超过5M`)
|
|
||||||
},
|
|
||||||
async vehicleLicenseFrontHandler(file) { // 上传 行驶证首页
|
async vehicleLicenseFrontHandler(file) { // 上传 行驶证首页
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
formData.append("file" , file.file);
|
formData.append("file" , file.file);
|
||||||
@@ -741,19 +665,11 @@ export default {
|
|||||||
this.vehicleFrontPhoto = res.data;
|
this.vehicleFrontPhoto = res.data;
|
||||||
await this.ocrCarFrontHandler()
|
await this.ocrCarFrontHandler()
|
||||||
},
|
},
|
||||||
clickPreview(){
|
|
||||||
console.log(' this.insurancePicturePhoto', this.insurancePicturePhoto)
|
|
||||||
if(this.insurancePicturePhoto && this.insurancePicturePhoto.indexOf('.pdf') !== -1){
|
|
||||||
let url=this.insurancePicturePhoto?.split(',')[0]
|
|
||||||
window.open(url.replace("http://", "https://"))
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async insurancePictureFilesHandler(file) {
|
async insurancePictureFilesHandler(file) {
|
||||||
const formData = new FormData();
|
const formData = new FormData();
|
||||||
formData.append("file" , file.file);
|
formData.append("file" , file.file);
|
||||||
let res = await uploadImage(formData);
|
let res = await uploadImage(formData);
|
||||||
this.insurancePicturePhoto = res.data;
|
this.insurancePicturePhoto = res.data;
|
||||||
console.log('insurancePictureFilesHandler',this.insurancePictureFiles)
|
|
||||||
},
|
},
|
||||||
async ocrCarFrontHandler() { // 车辆正面 orc 识别
|
async ocrCarFrontHandler() { // 车辆正面 orc 识别
|
||||||
let res = await ocrHandler({
|
let res = await ocrHandler({
|
||||||
@@ -820,8 +736,6 @@ export default {
|
|||||||
this.vehicleLicenseInfo.overallDimension = '';
|
this.vehicleLicenseInfo.overallDimension = '';
|
||||||
this.vehicleLicenseInfo.tractionWeight = '';
|
this.vehicleLicenseInfo.tractionWeight = '';
|
||||||
this.vehicleLicenseInfo.backPlateNo = ''; // 行驶证副页 车牌号,仅用来判断 ocr 识别是否成功
|
this.vehicleLicenseInfo.backPlateNo = ''; // 行驶证副页 车牌号,仅用来判断 ocr 识别是否成功
|
||||||
this.vehicleLicenseInfo.energySign = '';
|
|
||||||
this.vehicleLicenseInfo.marks = ''
|
|
||||||
let res = await ocrHandler({
|
let res = await ocrHandler({
|
||||||
ocrType: 3,
|
ocrType: 3,
|
||||||
imageUrl: this.vehicleLicenseBack,
|
imageUrl: this.vehicleLicenseBack,
|
||||||
@@ -837,8 +751,6 @@ export default {
|
|||||||
this.vehicleLicenseInfo.overallDimension = backInfo?.externalSize;
|
this.vehicleLicenseInfo.overallDimension = backInfo?.externalSize;
|
||||||
this.vehicleLicenseInfo.tractionWeight = backInfo?.TotalQuasiMass;
|
this.vehicleLicenseInfo.tractionWeight = backInfo?.TotalQuasiMass;
|
||||||
this.vehicleLicenseInfo.backPlateNo = backInfo?.plateNo;
|
this.vehicleLicenseInfo.backPlateNo = backInfo?.plateNo;
|
||||||
this.vehicleLicenseInfo.energySign = backInfo?.fuelType;
|
|
||||||
this.vehicleLicenseInfo.marks = backInfo?.marks
|
|
||||||
}
|
}
|
||||||
console.log('this.vehicle', this.vehicleLicenseInfo)
|
console.log('this.vehicle', this.vehicleLicenseInfo)
|
||||||
},
|
},
|
||||||
@@ -881,7 +793,6 @@ export default {
|
|||||||
let result=res.data;
|
let result=res.data;
|
||||||
console.log("result",result)
|
console.log("result",result)
|
||||||
this.id=result.vehicleId
|
this.id=result.vehicleId
|
||||||
this.approvalForm.vehicleId=this.id
|
|
||||||
this.carNum=result.plateNumber
|
this.carNum=result.plateNumber
|
||||||
this.isJoin=result.hasPolymerization.code
|
this.isJoin=result.hasPolymerization.code
|
||||||
this.selectedOption=result.vehicleType?.split(',').map((item)=>{
|
this.selectedOption=result.vehicleType?.split(',').map((item)=>{
|
||||||
@@ -903,9 +814,8 @@ export default {
|
|||||||
this.insuranceCorp = result.insuranceCorp;
|
this.insuranceCorp = result.insuranceCorp;
|
||||||
this.liabilityInsuranceAudit = result.liabilityInsuranceAudit
|
this.liabilityInsuranceAudit = result.liabilityInsuranceAudit
|
||||||
if(this.insurancePicturePhoto) {
|
if(this.insurancePicturePhoto) {
|
||||||
this.insurancePictureFiles = [{url: this.insurancePicturePhoto?.split(',')[0]}]
|
this.insurancePictureFiles = [{url: this.insurancePicturePhoto}]
|
||||||
}
|
}
|
||||||
console.log('this.insurancePictureFiles',this.insurancePictureFiles)
|
|
||||||
if( this.vehicleLicenseFront ) {
|
if( this.vehicleLicenseFront ) {
|
||||||
this.vehicleLicenseFrontList = [{ url : this.vehicleLicenseFront }];
|
this.vehicleLicenseFrontList = [{ url : this.vehicleLicenseFront }];
|
||||||
}
|
}
|
||||||
@@ -924,17 +834,6 @@ export default {
|
|||||||
if( result.liabilityInsuranceEndTime && result.liabilityInsuranceStartTime ) {
|
if( result.liabilityInsuranceEndTime && result.liabilityInsuranceStartTime ) {
|
||||||
this.dateVal = formatDate1(result.liabilityInsuranceStartTime) + ' - ' + formatDate1(result.liabilityInsuranceEndTime)
|
this.dateVal = formatDate1(result.liabilityInsuranceStartTime) + ' - ' + formatDate1(result.liabilityInsuranceEndTime)
|
||||||
}
|
}
|
||||||
this.originData={
|
|
||||||
vehicleType:result.vehicleType,
|
|
||||||
vehicleStatus:result.vehicleStatus,
|
|
||||||
virtualVehicle:result.virtualVehicle,
|
|
||||||
serviceIds:result.serviceIds,
|
|
||||||
hasLiabilityInsurance:result.hasLiabilityInsurance,
|
|
||||||
insuranceCorp:result.insuranceCorp,
|
|
||||||
liabilityInsuranceStartTime:result.liabilityInsuranceStartTime,
|
|
||||||
liabilityInsuranceEndTime:result.liabilityInsuranceEndTime,
|
|
||||||
insurancePicturePhoto:result.insurancePicturePhoto
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
isChange(e){
|
isChange(e){
|
||||||
this.hasLiabilityInsurance=e
|
this.hasLiabilityInsurance=e
|
||||||
@@ -952,192 +851,11 @@ export default {
|
|||||||
isVehicleChange(e) {
|
isVehicleChange(e) {
|
||||||
this.vehicleStatus=e
|
this.vehicleStatus=e
|
||||||
},
|
},
|
||||||
async submitAuditHandle(){//提交审核
|
|
||||||
let urls=[]
|
|
||||||
this.insurancePictureFiles?.forEach(item => urls.push(item.url))
|
|
||||||
let time =this.dateVal ? this.formatDateTimeRange(this.dateVal) : ''
|
|
||||||
// let time1=time.endTime?.split(' ')
|
|
||||||
let newFormValue={
|
|
||||||
vehicleStatus:this.vehicleStatus,
|
|
||||||
virtualVehicle:this.virtualVehicle,
|
|
||||||
serviceIds:this.$refs.tree.getCheckedKeys(true) || [],
|
|
||||||
vehicleType:this.selectedOption?.join(',') || '',
|
|
||||||
hasLiabilityInsurance:this.hasLiabilityInsurance,
|
|
||||||
insuranceCorp:this.insuranceCorp,
|
|
||||||
insurancePicturePhoto:urls?.join(','),
|
|
||||||
// liabilityInsuranceStartTime:time.startTime ? time.startTime : '',
|
|
||||||
liabilityInsuranceEndTime:time.endTime ? time.endTime : '',
|
|
||||||
}
|
|
||||||
console.log('newFormValue',newFormValue)
|
|
||||||
let oldFormValue={...this.originData,}
|
|
||||||
console.log('oldFormValue',oldFormValue)
|
|
||||||
|
|
||||||
this.compareObjects(newFormValue,oldFormValue);
|
|
||||||
if( this.changedFields && this.changedFields.length>0){
|
|
||||||
const arr1Set = new Set(this.changedFields);
|
|
||||||
const change1=['vehicleStatus','virtualVehicle','vehicleType','serviceIds']
|
|
||||||
const change2=['hasLiabilityInsurance','insurancePicturePhoto','insuranceCorp','liabilityInsuranceStartTime','liabilityInsuranceEndTime']
|
|
||||||
const serviceChangeItems = change1.filter(item => arr1Set.has(item));
|
|
||||||
console.log('serviceChangeItems',serviceChangeItems)
|
|
||||||
if(serviceChangeItems?.length>0){
|
|
||||||
this.vehicleInfoChange=true
|
|
||||||
this.approvalForm.serviceChange={}
|
|
||||||
change1.forEach(key => {
|
|
||||||
this.approvalForm.serviceChange[key] = this[key];
|
|
||||||
if(key=='serviceIds'){
|
|
||||||
this.approvalForm.serviceChange[key]=this.$refs.tree.getCheckedKeys(true)
|
|
||||||
}
|
|
||||||
if(key=='vehicleType'){
|
|
||||||
this.approvalForm.serviceChange[key]=this.selectedOption?.join(',') || ''
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}else {
|
|
||||||
this.vehicleInfoChange=false
|
|
||||||
this.approvalForm.serviceChange=null
|
|
||||||
}
|
|
||||||
const insuranceChangeItems = change2.filter(item => arr1Set.has(item));
|
|
||||||
console.log('insuranceChangeItems',insuranceChangeItems)
|
|
||||||
if(insuranceChangeItems?.length>0){
|
|
||||||
this.insuranceChange=true
|
|
||||||
this.approvalForm.insuranceChange={}
|
|
||||||
change2.forEach(key => {
|
|
||||||
this.approvalForm.insuranceChange[key] =this[key];
|
|
||||||
let time =this.dateVal ? this.formatDateTimeRange(this.dateVal) : ''
|
|
||||||
if(key=='liabilityInsuranceStartTime' && time && time.startTime){
|
|
||||||
this.approvalForm.insuranceChange[key]=time.startTime
|
|
||||||
}
|
|
||||||
if(key=='liabilityInsuranceEndTime' && time && time.endTime){
|
|
||||||
// let time1=time.endTime?.split(' ')
|
|
||||||
this.approvalForm.insuranceChange[key]= time.endTime
|
|
||||||
}
|
|
||||||
if(key=='insurancePicturePhoto' && this.insurancePictureFiles?.length>0){
|
|
||||||
let urls=[]
|
|
||||||
this.insurancePictureFiles?.forEach(item => urls.push(item.url))
|
|
||||||
this.approvalForm.insuranceChange[key]=urls?.join(',')
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}else {
|
|
||||||
this.insuranceChange=false
|
|
||||||
this.approvalForm.insuranceChange=null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if((this.vehicleInfoChange || this.insuranceChange) && this.id){
|
|
||||||
// this.approvalDialogShow=true
|
|
||||||
this.submitApprovalHandle()
|
|
||||||
console.log('11111',this.approvalForm.serviceChange)
|
|
||||||
console.log('2222',this.approvalForm.insuranceChange)
|
|
||||||
}else {
|
|
||||||
this.approvalDialogShow=false
|
|
||||||
await this.submitBtn();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async submitApprovalHandle(){//提交审批-走接口
|
|
||||||
if(this.vehicleInfoChange){
|
|
||||||
if(!(this.selectedOption.length > 0)){
|
|
||||||
this.$toast('车辆类别不能为空')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
let res = this.checkDisabledItems();
|
|
||||||
if(!res) {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
if( !this.virtualVehicle ) {
|
|
||||||
this.$toast('车辆属性不能为空')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if( !this.vehicleStatus ) {
|
|
||||||
this.$toast('车辆状态不能为空')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
/* if(!this.approvalForm.serviceRemark){
|
|
||||||
this.$toast('车辆和服务备注不能为空')
|
|
||||||
return
|
|
||||||
}*/
|
|
||||||
}
|
|
||||||
if(this.insuranceChange){
|
|
||||||
if(this.hasLiabilityInsurance === null || this.hasLiabilityInsurance === undefined || this.hasLiabilityInsurance === '') { // 有职业责任险,就需要有保单照片
|
|
||||||
this.$toast('救援职业责任险不能为空')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if(!this.insurancePicturePhoto && this.hasLiabilityInsurance == 1) { // 有职业责任险,就需要有保单照片
|
|
||||||
this.$toast('保单照片不能为空')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if(this.selectedOption?.length==1 && this.selectedOption.includes(1)){//选择小修车时需清除原本的拖车服务类型
|
|
||||||
let data=this.oldSupplierServiceList.filter(item => item.name ==='拖车服务')
|
|
||||||
this.serviceIds = this.serviceIds.filter(item => !data[0].children.some(obj => obj.id === item));
|
|
||||||
}
|
|
||||||
if(!this.insuranceCorp && this.hasLiabilityInsurance == 1) { // 有职业责任险,就需要有保单照片
|
|
||||||
this.$toast('承保保司不能为空')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if(!this.dateVal && this.hasLiabilityInsurance == 1) { // 有职业责任险,就需要有保单照片
|
|
||||||
this.$toast('保单有效期不能为空')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
/* if(!this.approvalForm.insuranceRemark){
|
|
||||||
this.$toast('保单备注不能为空')
|
|
||||||
return
|
|
||||||
}*/
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
this.loading = true;
|
|
||||||
await saveSupplierApproval({...this.approvalForm})
|
|
||||||
} finally {
|
|
||||||
this.loading = false;
|
|
||||||
}
|
|
||||||
this.$toast('提交审批成功')
|
|
||||||
this.closeApproval()
|
|
||||||
setTimeout(()=>{
|
|
||||||
this.$router.back();
|
|
||||||
},2000)
|
|
||||||
},
|
|
||||||
compareObjects(newObj, oldObj) {
|
|
||||||
this.changedFields=[]
|
|
||||||
for (let key in newObj) {
|
|
||||||
if( Array.isArray(newObj[key])){
|
|
||||||
if(newObj[key]?.length != oldObj[key]?.length){
|
|
||||||
this.changedFields.push(key);
|
|
||||||
}else {
|
|
||||||
// console.log('newObj[key]',newObj[key])
|
|
||||||
if(newObj[key][0]?.id){
|
|
||||||
let flag=newObj[key].every((item, index) => item.id == oldObj[key][index]?.id);
|
|
||||||
// console.log('flag',flag)
|
|
||||||
if(!flag){
|
|
||||||
this.changedFields.push(key);
|
|
||||||
}
|
|
||||||
}else{
|
|
||||||
let flag=newObj[key].every((value, index) => value == oldObj[key][index]);
|
|
||||||
if(!flag){
|
|
||||||
this.changedFields.push(key);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}else{
|
|
||||||
let isEqual = (
|
|
||||||
(newObj[key] == null && oldObj[key] == 0) ||
|
|
||||||
(newObj[key] == 0 && oldObj[key] == null) ||
|
|
||||||
(newObj[key] == oldObj[key])
|
|
||||||
);
|
|
||||||
if (!isEqual) {
|
|
||||||
this.changedFields.push(key);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
closeApproval(){
|
|
||||||
this.approvalForm.serviceRemark=''
|
|
||||||
this.approvalForm.insuranceRemark=''
|
|
||||||
this.approvalForm.vehicleOtherRemark=''
|
|
||||||
this.approvalDialogShow=false
|
|
||||||
this.vehicleInfoChange=false
|
|
||||||
this.insuranceChange=false
|
|
||||||
},
|
|
||||||
async submitBtn(){
|
async submitBtn(){
|
||||||
if( !this.vehicleLicenseFront ) {
|
if( !this.vehicleLicenseFront ) {
|
||||||
this.$toast('行驶证主页照片不能为空')
|
this.$toast('行驶证主页照片不能为空')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if( !this.vehicleLicenseBack ) {
|
if( !this.vehicleLicenseBack ) {
|
||||||
this.$toast('行驶证副页照片不能为空')
|
this.$toast('行驶证副页照片不能为空')
|
||||||
return
|
return
|
||||||
@@ -1199,8 +917,6 @@ export default {
|
|||||||
timeObj = this.formatDateTimeRange(this.dateVal)
|
timeObj = this.formatDateTimeRange(this.dateVal)
|
||||||
}
|
}
|
||||||
this.serviceIds = this.$refs.tree.getCheckedKeys(true)
|
this.serviceIds = this.$refs.tree.getCheckedKeys(true)
|
||||||
console.log('1122',this.vehicleStatus)
|
|
||||||
// return
|
|
||||||
await saveVehicle({
|
await saveVehicle({
|
||||||
vehicleId:this.id ? this.id : '',
|
vehicleId:this.id ? this.id : '',
|
||||||
plateNumber:this.carNum ? this.carNum :'',
|
plateNumber:this.carNum ? this.carNum :'',
|
||||||
@@ -1220,8 +936,6 @@ export default {
|
|||||||
liabilityInsuranceStartTime: this.hasLiabilityInsurance == 1 ? (timeObj?.startTime || '' ) : '',
|
liabilityInsuranceStartTime: this.hasLiabilityInsurance == 1 ? (timeObj?.startTime || '' ) : '',
|
||||||
liabilityInsuranceEndTime: this.hasLiabilityInsurance == 1 ? (timeObj?.endTime || '') : '',
|
liabilityInsuranceEndTime: this.hasLiabilityInsurance == 1 ? (timeObj?.endTime || '') : '',
|
||||||
virtualVehicle: this.virtualVehicle,
|
virtualVehicle: this.virtualVehicle,
|
||||||
canSubmitApproval:true,
|
|
||||||
vehicleStatus:this.vehicleStatus
|
|
||||||
})
|
})
|
||||||
if(this.id){
|
if(this.id){
|
||||||
this.$toast('修改成功')
|
this.$toast('修改成功')
|
||||||
@@ -1362,69 +1076,4 @@ export default {
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
.pop_wrap {
|
|
||||||
width: 340px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 10px 15px;
|
|
||||||
position: relative;
|
|
||||||
.pop_title {
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
.pop_content {
|
|
||||||
width: 304px;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #4C5361;
|
|
||||||
margin-left: 6px;
|
|
||||||
line-height: 25px;
|
|
||||||
.iptWrap{
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.tip_button_wrap {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
.close {
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
color: black;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
}
|
|
||||||
.continue {
|
|
||||||
padding: 6px 10px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
div:last-child{
|
|
||||||
background-color: #3266be;
|
|
||||||
color: #FFFFFF;
|
|
||||||
margin-left: 8px;
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.loading {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loading::after{
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
border: 2px solid #000;
|
|
||||||
border-top-color: transparent;
|
|
||||||
border-radius: 50%;
|
|
||||||
animation: spin 1s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes spin {
|
|
||||||
0% {
|
|
||||||
transform: translate(-50%, -50%) rotate(0deg);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: translate(-50%, -50%) rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -79,7 +79,7 @@
|
|||||||
<div class="carItem" v-for="(item,index) in vehicleList" :key="index" @click.stop="updateVehicle(item)">
|
<div class="carItem" v-for="(item,index) in vehicleList" :key="index" @click.stop="updateVehicle(item)">
|
||||||
<div class="carCode">
|
<div class="carCode">
|
||||||
<div class="codeLeft">{{item.plateNumber}} / {{item.vehicleTypeString}}
|
<div class="codeLeft">{{item.plateNumber}} / {{item.vehicleTypeString}}
|
||||||
<span class="ml10" @click.stop="updateStatus(item)" :class="{'insuranceSuccess': item.vehicleStatus == 1, 'insuranceDanger': item.vehicleStatus == 2 ,'insuranceGray': !item.vehicleStatus }">{{ item.vehicleStatus == 1 ? '启用' :( item.vehicleStatus == 2 ? '停用' : ( item.vehicleStatus == 12 ? '否-服务商停用' : '无状态')) }} </span>
|
<span class="ml10" @click.stop="updateStatus(item)" :class="{'insuranceSuccess': item.vehicleStatus == 1, 'insuranceDanger': item.vehicleStatus == 2 ,'insuranceGray': !item.vehicleStatus }">{{ item.vehicleStatus == 1 ? '启用' :( item.vehicleStatus == 2 ? '停用' : '无状态') }} </span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@@ -95,12 +95,6 @@
|
|||||||
<span class="common_cls" @click.stop="showTip(item.liabilityInsuranceAuditMsg)" :class="getClass(item.rescueInsurance)?.className">{{item.rescueInsurance}}</span>
|
<span class="common_cls" @click.stop="showTip(item.liabilityInsuranceAuditMsg)" :class="getClass(item.rescueInsurance)?.className">{{item.rescueInsurance}}</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="juhe flex-between">
|
|
||||||
<span class="zdJuhe">车辆信息</span>
|
|
||||||
<span class="flex-right" v-if="item.auditStatusStr">
|
|
||||||
<span class="common_cls" @click.stop="showTip(item.auditMsg)" :class="getClass(item.auditStatusStr)?.className">{{item.auditStatusStr}}</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class="juhe flex-between">
|
<div class="juhe flex-between">
|
||||||
<span class="zdJuhe">最近登录时间</span>
|
<span class="zdJuhe">最近登录时间</span>
|
||||||
<span class="flex-right">{{item.lastLoginTime}}</span>
|
<span class="flex-right">{{item.lastLoginTime}}</span>
|
||||||
@@ -332,8 +326,7 @@ export default {
|
|||||||
this.$router.push({
|
this.$router.push({
|
||||||
name:'vehicleAdd',
|
name:'vehicleAdd',
|
||||||
params:{
|
params:{
|
||||||
id:item.vehicleId,
|
id:item.vehicleId
|
||||||
supplierId:item.supplierId
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -27,7 +27,7 @@
|
|||||||
<template v-if="orderDetailInfo.contractParentId == 110">
|
<template v-if="orderDetailInfo.contractParentId == 110">
|
||||||
<div class="rightItem">{{ orderDetailInfo.organizeName }}</div>
|
<div class="rightItem">{{ orderDetailInfo.organizeName }}</div>
|
||||||
<div class="rightItem">{{ orderDetailInfo.saleName }}</div>
|
<div class="rightItem">{{ orderDetailInfo.saleName }}</div>
|
||||||
<div class="rightItem">{{ orderDetailInfo.driverPhone ? orderDetailInfo.driverPhone : ' '}}</div>
|
<div class="rightItem">{{ orderDetailInfo.driverPhone }}</div>
|
||||||
</template>
|
</template>
|
||||||
<div class="rightItem">{{ orderDetailInfo.contractSettleType?.label }}</div>
|
<div class="rightItem">{{ orderDetailInfo.contractSettleType?.label }}</div>
|
||||||
<div class="rightItem">{{ orderDetailInfo.userName }}</div>
|
<div class="rightItem">{{ orderDetailInfo.userName }}</div>
|
||||||
@@ -46,7 +46,7 @@
|
|||||||
<div class="item">
|
<div class="item">
|
||||||
<span class="leftTitle fontColor">服务类型:</span><span class="rightContent">{{ orderDetailInfo.taskServiceName }}</span>
|
<span class="leftTitle fontColor">服务类型:</span><span class="rightContent">{{ orderDetailInfo.taskServiceName }}</span>
|
||||||
</div>
|
</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>
|
<span class="leftTitle fontColor">车辆类型:</span><span class="rightContent">{{ orderDetailInfo.userVehicleTypeString }}<van-icon class="icon" name="question" @click="showCarTypeShow = true" /></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
@@ -307,9 +307,6 @@ export default {
|
|||||||
.rightContent{
|
.rightContent{
|
||||||
height: 189px;
|
height: 189px;
|
||||||
width: calc(100% - 60px);
|
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-tabs v-model="active" sticky @click="tabClickHandle">
|
||||||
<van-tab v-for="(item,index) in tabArr" :key="index" :title="item.name"></van-tab>
|
<van-tab v-for="(item,index) in tabArr" :key="index" :title="item.name"></van-tab>
|
||||||
<div v-if="isMobile && !([0,1,2,3].includes(active))" class="tipArrow left">{{ leftArr }}</div>
|
<div v-if="isMobile && !([0,1,2,3].includes(active))" class="tipArrow left">{{ leftArr }}</div>
|
||||||
<div v-if="isMobile && !([7,8, 9].includes(active))" class="tipArrow right">>>></div>
|
<div v-if="isMobile && !([9,10, 11].includes(active))" class="tipArrow right">>>></div>
|
||||||
</van-tabs>
|
</van-tabs>
|
||||||
<div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0">
|
<div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0">
|
||||||
<!--<div :class="{'reciceOrder':true,'webCom':!isMobile}">
|
<!--<div :class="{'reciceOrder':true,'webCom':!isMobile}">
|
||||||
@@ -232,13 +232,13 @@
|
|||||||
:total="total">
|
:total="total">
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</div>
|
</div>
|
||||||
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[5,6,7,8,9].includes(active)">
|
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[5,6,7,8,9,10, 11].includes(active)">
|
||||||
<div :class="{'comTab':true,'detailTable':isMobile}">
|
<div :class="{'comTab':true,'detailTable':isMobile}">
|
||||||
<noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
|
<noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
|
||||||
></noFit-table>
|
></noFit-table>
|
||||||
</div>
|
</div>
|
||||||
<el-pagination
|
<el-pagination
|
||||||
v-if="active !== 8"
|
v-if="active !== 10"
|
||||||
small
|
small
|
||||||
:page-sizes="[20, 50, 100]"
|
:page-sizes="[20, 50, 100]"
|
||||||
:current-page.sync="pageNum"
|
:current-page.sync="pageNum"
|
||||||
@@ -279,8 +279,8 @@ export default {
|
|||||||
activeIndex: 0,
|
activeIndex: 0,
|
||||||
//
|
//
|
||||||
tabArr: [
|
tabArr: [
|
||||||
{name: '总览',value:0}, {name: '月/总'}, {name: '日/总'},{name: '月/师傅'}, {name: '日/师傅'}, /*{name: '拒单明细'},*/
|
{name: '总览',value:0}, {name: '月/总'}, {name: '日/总'},{name: '月/师傅'}, {name: '日/师傅'}, {name: '拒单明细'},
|
||||||
/*{name: '超时明细'},*/ {name: '催促明细'},{name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'} , {name: '聚合失败案件明细'}
|
{name: '超时明细'}, {name: '催促明细'},{name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'} , {name: '聚合失败案件明细'}
|
||||||
],
|
],
|
||||||
list: [ {name: '服务评价'}, {name: 'APP使用情况'}, {name: ' 时效 '}],
|
list: [ {name: '服务评价'}, {name: 'APP使用情况'}, {name: ' 时效 '}],
|
||||||
// driverList: [{name: '得分总览'},{name: '接单情况'}, {name: '服务评价'}, {name: 'APP使用情况'}, {name: '时效 '}],
|
// driverList: [{name: '得分总览'},{name: '接单情况'}, {name: '服务评价'}, {name: 'APP使用情况'}, {name: '时效 '}],
|
||||||
@@ -1096,7 +1096,7 @@ export default {
|
|||||||
|
|
||||||
this.loading = false;
|
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.detailList = []
|
||||||
this.labelList = []
|
this.labelList = []
|
||||||
let result = await getKpiDetailsData({
|
let result = await getKpiDetailsData({
|
||||||
@@ -1113,7 +1113,7 @@ export default {
|
|||||||
return {...item, date: formatVal};
|
return {...item, date: formatVal};
|
||||||
});
|
});
|
||||||
this.loading = false
|
this.loading = false
|
||||||
/*if (this.active === 5) {//拒单明细
|
if (this.active === 5) {//拒单明细
|
||||||
this.labelList = [
|
this.labelList = [
|
||||||
{label: '案件编号', prop: 'orderCode'},
|
{label: '案件编号', prop: 'orderCode'},
|
||||||
{label: '服务内容', prop: 'serviceName'},
|
{label: '服务内容', prop: 'serviceName'},
|
||||||
@@ -1133,8 +1133,7 @@ export default {
|
|||||||
{label: '超时时间', prop: 'time'},
|
{label: '超时时间', prop: 'time'},
|
||||||
{label: '超时原因', prop: 'reason'},
|
{label: '超时原因', prop: 'reason'},
|
||||||
]
|
]
|
||||||
} else */
|
} else if (this.active === 7) {//催促明细
|
||||||
if (this.active === 5) {//催促明细
|
|
||||||
this.labelList = [
|
this.labelList = [
|
||||||
{label: '案件编号', prop: 'orderCode'},
|
{label: '案件编号', prop: 'orderCode'},
|
||||||
{label: '二级合同名称', prop: 'contractName'},
|
{label: '二级合同名称', prop: 'contractName'},
|
||||||
@@ -1151,7 +1150,7 @@ export default {
|
|||||||
{label: '市(B)', prop: 'bCity'},
|
{label: '市(B)', prop: 'bCity'},
|
||||||
{label: '区(B)', prop: 'area'},
|
{label: '区(B)', prop: 'area'},
|
||||||
]
|
]
|
||||||
} else if (this.active === 6) {//投诉明细
|
} else if (this.active === 8) {//投诉明细
|
||||||
this.labelList = [
|
this.labelList = [
|
||||||
{label: '案件编号', prop: 'orderCode'},
|
{label: '案件编号', prop: 'orderCode'},
|
||||||
{label: '服务内容', prop: 'serviceName'},
|
{label: '服务内容', prop: 'serviceName'},
|
||||||
@@ -1160,7 +1159,7 @@ export default {
|
|||||||
{label: '投诉类型', prop: 'complainTypeString'},
|
{label: '投诉类型', prop: 'complainTypeString'},
|
||||||
{label: '责任供应商扣罚金额', prop: 'compensateFee'},
|
{label: '责任供应商扣罚金额', prop: 'compensateFee'},
|
||||||
]
|
]
|
||||||
} else if (this.active === 7) {//不使用App案件明细
|
} else if (this.active === 9) {//不使用App案件明细
|
||||||
this.labelList = [
|
this.labelList = [
|
||||||
{label: '案件编号', prop: 'orderCode'},
|
{label: '案件编号', prop: 'orderCode'},
|
||||||
{label: '服务内容', prop: 'serviceName'},
|
{label: '服务内容', prop: 'serviceName'},
|
||||||
@@ -1169,7 +1168,7 @@ export default {
|
|||||||
{label: '案件创建时间', prop: 'orderCreateTime'},
|
{label: '案件创建时间', prop: 'orderCreateTime'},
|
||||||
{label: '事发地', prop: 'vehiclePointAddress'},
|
{label: '事发地', prop: 'vehiclePointAddress'},
|
||||||
]
|
]
|
||||||
} else if (this.active === 8) {//车辆在线情况
|
} else if (this.active === 10) {//车辆在线情况
|
||||||
this.labelList = [
|
this.labelList = [
|
||||||
// {label: '总车辆数', prop: 'totalCount'},
|
// {label: '总车辆数', prop: 'totalCount'},
|
||||||
{label: '在线车辆数(取每日的12点)', prop: 'twelveClockVehicleCount'},
|
{label: '在线车辆数(取每日的12点)', prop: 'twelveClockVehicleCount'},
|
||||||
@@ -1178,7 +1177,7 @@ export default {
|
|||||||
{label: '在线率(在线车辆数/总车辆数)', prop: 'onlineRate'},
|
{label: '在线率(在线车辆数/总车辆数)', prop: 'onlineRate'},
|
||||||
// {label: '车辆平均在线时长', prop: ''},
|
// {label: '车辆平均在线时长', prop: ''},
|
||||||
]
|
]
|
||||||
} else if (this.active === 9) {//聚合失败案件明细
|
} else if (this.active === 11) {//聚合失败案件明细
|
||||||
this.labelList = [
|
this.labelList = [
|
||||||
{label: '案件编号', prop: 'orderCode'},
|
{label: '案件编号', prop: 'orderCode'},
|
||||||
{label: '服务内容', prop: 'serviceName'},
|
{label: '服务内容', prop: 'serviceName'},
|
||||||
@@ -1327,8 +1326,7 @@ export default {
|
|||||||
columnObj.label = item.month // 每一列的标题的名称
|
columnObj.label = item.month // 每一列的标题的名称
|
||||||
columnObj.prop = props + index //自定义每一列标题字段名称
|
columnObj.prop = props + index //自定义每一列标题字段名称
|
||||||
this.etlLabelList.push(columnObj)
|
this.etlLabelList.push(columnObj)
|
||||||
// 'pinganFavorableCount','pinganFavorableRate'
|
let mappings = [ 'complainOrderCount', 'complainOrderRate', 'pinganFavorableCount','pinganFavorableRate' ];
|
||||||
let mappings = [ 'complainOrderCount', 'complainOrderRate' ];
|
|
||||||
for (let i = 0; i < mappings.length; i++) {
|
for (let i = 0; i < mappings.length; i++) {
|
||||||
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
|
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
|
||||||
}
|
}
|
||||||
@@ -1607,32 +1605,32 @@ export default {
|
|||||||
},
|
},
|
||||||
setType(type) {
|
setType(type) {
|
||||||
switch (type) {
|
switch (type) {
|
||||||
/*case 5:
|
case 5:
|
||||||
return 1;
|
return 1;
|
||||||
case 6:
|
case 6:
|
||||||
return 2;*/
|
return 2;
|
||||||
case 5:
|
|
||||||
return 7;
|
|
||||||
case 6:
|
|
||||||
return 3;
|
|
||||||
case 7:
|
case 7:
|
||||||
return 4;
|
return 7;
|
||||||
case 8:
|
case 8:
|
||||||
return 5;
|
return 3;
|
||||||
case 9:
|
case 9:
|
||||||
|
return 4;
|
||||||
|
case 10:
|
||||||
|
return 5;
|
||||||
|
case 11:
|
||||||
return 6;
|
return 6;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
getTitle(type) {
|
getTitle(type) {
|
||||||
switch (type) {
|
switch (type) {
|
||||||
case 0:
|
case 0:
|
||||||
return '客户评价';
|
return '接单时效';
|
||||||
case 1:
|
case 1:
|
||||||
return 'APP使用';
|
return '客户评价';
|
||||||
case 2:
|
case 2:
|
||||||
|
return 'APP使用';
|
||||||
|
case 3:
|
||||||
return '时效';
|
return '时效';
|
||||||
/* case 3:
|
|
||||||
return '时效';*/
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -65,7 +65,6 @@ export default {
|
|||||||
return {
|
return {
|
||||||
showPoup: false,
|
showPoup: false,
|
||||||
used:false,
|
used:false,
|
||||||
saveLoading: true,
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
@@ -74,19 +73,12 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async saveHandle() {
|
async saveHandle() {
|
||||||
if( this.saveLoading ) {
|
await sendInsuranceEmail();
|
||||||
try {
|
this.$toast('操作成功');
|
||||||
this.saveLoading = false;
|
this.showPoup=false
|
||||||
await sendInsuranceEmail();
|
setTimeout(()=>{
|
||||||
this.$toast('操作成功');
|
this.goBack()
|
||||||
this.showPoup = false
|
},1500)
|
||||||
setTimeout(() => {
|
|
||||||
this.goBack()
|
|
||||||
}, 1500)
|
|
||||||
} finally {
|
|
||||||
this.saveLoading = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,436 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="wrap">
|
|
||||||
<div class="navBar">
|
|
||||||
<van-nav-bar
|
|
||||||
title="人员信息"
|
|
||||||
:left-arrow="Boolean(!isWebFunc())"
|
|
||||||
left-arrow-color="#FFFFFF"
|
|
||||||
:border="false"
|
|
||||||
:fixed="true"
|
|
||||||
:safe-area-inset-top="true"
|
|
||||||
@click-left="goBack"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div :class="{'tipWrap':true,'yelBg':type==3,'greBg':type==4}">
|
|
||||||
<img v-show="[1,2].includes(type)" src="@/assets/unpass.png" />
|
|
||||||
<img v-show="[3].includes(type)" src="@/assets/yelTip.png" />
|
|
||||||
<img v-show="[4].includes(type)" src="@/assets/greTip.png" />
|
|
||||||
<span v-if="type==1">请立即核对或修改以下信息:姓名/身份/电话/微信号/邮箱</span>
|
|
||||||
<span v-else-if="type==2">“角色”无法修改,如需修改“角色”请联系区域经理。提交审批后请到【管理人员】模块进行查看。</span>
|
|
||||||
<span v-else-if="type==3">当前信息正在确认中,如需调整请联系区域经理。</span>
|
|
||||||
<span v-else-if="type==4">当前信息已确认,如需调整请联系区域经理。</span>
|
|
||||||
</div>
|
|
||||||
<van-loading v-show="personList.length<=0" class="loadingWrap" type="spinner" color="#1989fa" />
|
|
||||||
<div class="contentWrap" v-show="personList.length>0"
|
|
||||||
:style="{'height':([1,2].includes(type) && isMaster) ? 'calc(100% - 160px)' : 'calc(100% - 90px)'}">
|
|
||||||
<div class="itemWrap" v-for="(item,index) in personList" :key="index">
|
|
||||||
<div class="opaCol">人员{{(index+1)}}:</div>
|
|
||||||
<div class="line"></div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="left" :class="{'opaCol':type!=2}"><span class="star">*</span><span>姓名:</span></div>
|
|
||||||
<div class="right">
|
|
||||||
<van-field :input-align="type==2 ? 'right' : 'left'" :readonly="type!=2" v-model="item.name" placeholder="请输入" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="left opaCol"><span class="star" style="opacity: 0">*</span><span>角色:</span></div>
|
|
||||||
<div class="right" :class="{'opaCol':type==2}">
|
|
||||||
<van-field :input-align="type==2 ? 'right' : 'left'" readonly v-model="item.roleName" placeholder="请输入" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="left" :class="{'opaCol':type!=2}"><span class="star">*</span><span>电话1:</span></div>
|
|
||||||
<div class="right">
|
|
||||||
<van-field :input-align="type==2 ? 'right' : 'left'" :readonly="type!=2" v-model.number="item.phone1" placeholder="请输入" @blur="blurHandle" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="left" :class="{'opaCol':type!=2}"><span class="star" style="opacity: 0">*</span><span>电话2:</span></div>
|
|
||||||
<div class="right">
|
|
||||||
<van-field :input-align="type==2 ? 'right' : 'left'" :readonly="type!=2" v-model.number="item.phone2" @blur="blurHandle" placeholder="请输入" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="left" :class="{'opaCol':type!=2}"><span class="star">*</span><span>微信号:</span></div>
|
|
||||||
<div class="right wechatRight">
|
|
||||||
<span class="reviseBtn" v-show="type==2" @click="wechatRevise(item,index)">修改</span>
|
|
||||||
<van-field :input-align="type==2 ? 'right' : 'left'" readonly v-model="item.wechatName" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<div class="left" :class="{'opaCol':type!=2}"><span class="star" style="opacity: 0">*</span><span>邮箱:</span></div>
|
|
||||||
<div class="right">
|
|
||||||
<van-field :input-align="type==2 ? 'right' : 'left'" :readonly="type!=2" v-model="item.email" placeholder="请输入" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="btnWrap" v-if="isMaster && [1,2].includes(type)">
|
|
||||||
<div v-show="type==2" class="audit common" @click="auditHandle">提交审批</div>
|
|
||||||
<div v-show="type==1" class="revise common" @click="reviseHandle">立即修改</div>
|
|
||||||
<div v-show="type==1" class="confirm common" @click="confirmHandle">确认信息无误</div>
|
|
||||||
</div>
|
|
||||||
<van-dialog v-model="dialogShow" title="请将此二维码发送至相应人员进行添加,成功添加后将更新微信号。" show-cancel-button
|
|
||||||
confirmButtonText="确认已添加" confirmButtonColor="#354E93" className="customDialog"
|
|
||||||
@confirm="wechatConfirm" @cancel="cancelHandle">
|
|
||||||
<img v-if="wechatInfo?.qrCode" :src="wechatInfo.qrCode" style="width: 83%"/>
|
|
||||||
</van-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
import {myMixins} from "@/utils/myMixins"
|
|
||||||
import {getConfirmPerson,getConfirmStatus,getQrCode,confirmAddWechat,confirm,submitConfirm} from "@/api/authentication";
|
|
||||||
import { Dialog } from 'vant';
|
|
||||||
export default {
|
|
||||||
name: "personList",
|
|
||||||
mixins:[myMixins],
|
|
||||||
data(){
|
|
||||||
return{
|
|
||||||
noClick:true,
|
|
||||||
id:'',
|
|
||||||
type:'',//1确认信息 2修改 3审批中 4已确认
|
|
||||||
personList:[],
|
|
||||||
dialogShow:false,
|
|
||||||
reviseIndex:-1,
|
|
||||||
supplierId:'',
|
|
||||||
wechatInfo:'',
|
|
||||||
personInfoId:'',
|
|
||||||
personInfo:'',
|
|
||||||
isMaster:false,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async mounted() {
|
|
||||||
window.addEventListener('message', (event) => {
|
|
||||||
if (event.data === 'dialogClosed') {
|
|
||||||
// console.log('Dialog 已关闭 // 执行关闭后的逻辑');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
// console.log('isWebFunc()',this.isWebFunc())
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
this.id=this.$route.query.id || urlParams.get('id');
|
|
||||||
this.supplierId=this.$route.query.supplierId || urlParams.get('supplierId');
|
|
||||||
// this.supplierId=1128
|
|
||||||
console.log('1111',this.supplierId)
|
|
||||||
await this.getPersonList()
|
|
||||||
},
|
|
||||||
methods:{
|
|
||||||
blurHandle(e){
|
|
||||||
let val= e.target.value || ''
|
|
||||||
let flag=this.validatePhone(val)
|
|
||||||
// console.log('flag',flag)
|
|
||||||
if(!flag){
|
|
||||||
this.$toast('手机号格式不正确')
|
|
||||||
}
|
|
||||||
},
|
|
||||||
validatePhone(val) {
|
|
||||||
console.log('val',val)
|
|
||||||
if(!val){
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
const purePhone = val
|
|
||||||
// 情况1:11位且1开头 → 合法
|
|
||||||
if (/^1[0-9]{10}$/.test(purePhone)) {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
// 情况2:12位且首位是0、第二位是1 → 去0后合法
|
|
||||||
if (/^01[0-9]{10}$/.test(purePhone)) {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
// 其他情况 → 不合法
|
|
||||||
return false
|
|
||||||
},
|
|
||||||
async getPersonList(){
|
|
||||||
let result=await getConfirmStatus({supplierId:this.supplierId})
|
|
||||||
if(result.data?.wechatConfirmStatus==2){
|
|
||||||
this.type=3
|
|
||||||
}else if(result.data?.wechatConfirmStatus==3){
|
|
||||||
this.type=4
|
|
||||||
}else if(!result.data?.wechatConfirmStatus || result.data?.wechatConfirmStatus==1){
|
|
||||||
this.type=1
|
|
||||||
}
|
|
||||||
this.isMaster=result.data.isMaster
|
|
||||||
// this.type=2
|
|
||||||
let res=await getConfirmPerson({supplierId:this.supplierId})
|
|
||||||
if(res.data && res.data.length>0){
|
|
||||||
this.personList=res.data
|
|
||||||
}else{
|
|
||||||
this.personList=[]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async wechatConfirm(){//确认已添加微信按钮
|
|
||||||
Dialog.confirm({
|
|
||||||
message:'请确认相关人员是否已添加该二维码。',
|
|
||||||
confirmButtonText:'确认',
|
|
||||||
cancelButtonText:'取消',
|
|
||||||
confirmButtonColor:'#354E93',
|
|
||||||
}).then(async() => {
|
|
||||||
let res=await confirmAddWechat({supplierId:this.supplierId,supplierPersonInfoId:this.personInfoId})
|
|
||||||
console.log('res',this.personInfo,res.data?.name,this.personInfo.wechatName)
|
|
||||||
if(res.data?.name == this.personInfo.wechatName){
|
|
||||||
this.$set(this.personList[this.reviseIndex],'isChange',false)
|
|
||||||
}else {
|
|
||||||
this.$set(this.personList[this.reviseIndex],'isChange',true)
|
|
||||||
}
|
|
||||||
this.personList[this.reviseIndex].wechatId=res.data?.externalUserId
|
|
||||||
this.personList[this.reviseIndex].wechatName=res.data?.name
|
|
||||||
await this.cancelHandle()
|
|
||||||
}).catch(async () => {
|
|
||||||
await this.cancelHandle()
|
|
||||||
|
|
||||||
});
|
|
||||||
},
|
|
||||||
cancelHandle(){
|
|
||||||
this.dialogShow=false
|
|
||||||
this.wechatInfo=''
|
|
||||||
this.reviseIndex=-1
|
|
||||||
this.personInfoId=''
|
|
||||||
},
|
|
||||||
async wechatRevise(item,index){
|
|
||||||
console.log('item,index',item,index)
|
|
||||||
// console.log('item',item)
|
|
||||||
this.personInfoId=item.id
|
|
||||||
this.reviseIndex=index
|
|
||||||
this.personInfo=item
|
|
||||||
await this.getCode()
|
|
||||||
this.dialogShow=true
|
|
||||||
},
|
|
||||||
async getCode(){//获取二维码
|
|
||||||
let res = await getQrCode({supplierId:this.supplierId,supplierPersonInfoId:this.personInfoId})
|
|
||||||
// console.log('res--getCode',res)
|
|
||||||
this.wechatInfo=res.data || ''
|
|
||||||
},
|
|
||||||
async auditHandle(){//提交审批
|
|
||||||
let flag=this.personList.every(item => item.name && item.phone1 && item.wechatId && item.wechatName)
|
|
||||||
if(!flag){
|
|
||||||
this.$toast('必填项不可为空')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
console.log('----',this.personList)
|
|
||||||
let flagRevise=this.personList.some(item => 'isChange' in item && !item.isChange)
|
|
||||||
console.log('存在未修改',flagRevise)
|
|
||||||
if(flagRevise){
|
|
||||||
this.$toast('您仍未修改微信号,请先修改再提交审批。')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
let phone1Flag= this.personList.every(item => this.validatePhone(item.phone1))
|
|
||||||
let phone2Flag= this.personList.every(item => (item.phone2 && this.validatePhone(item.phone2) || !item.phone2))
|
|
||||||
console.log('phone1Flag',phone1Flag)
|
|
||||||
console.log('phone2Flag',phone2Flag)
|
|
||||||
if(!phone1Flag || !phone2Flag){
|
|
||||||
return
|
|
||||||
}
|
|
||||||
await submitConfirm({supplierId:this.supplierId,infos:this.personList})
|
|
||||||
this.$toast('操作成功')
|
|
||||||
if(this.isWebFunc()){
|
|
||||||
setTimeout(()=>{
|
|
||||||
this.closeParentDialog()
|
|
||||||
},1500)
|
|
||||||
}else{
|
|
||||||
setTimeout(()=>{
|
|
||||||
this.goBack()
|
|
||||||
},1500)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async reviseHandle(){//修改
|
|
||||||
this.type=2
|
|
||||||
},
|
|
||||||
async confirmHandle(){//确认信息无误
|
|
||||||
let flag=this.personList.every(item => item.name && item.phone1 && item.wechatId && item.wechatName)
|
|
||||||
if(!flag){
|
|
||||||
this.$toast('必填项不可为空,请点击“立即修改”将信息补充完整')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
Dialog.confirm({
|
|
||||||
message:'请务必仔细确认信息是否无误。',
|
|
||||||
confirmButtonText:'确认无误',
|
|
||||||
cancelButtonText:'返回',
|
|
||||||
confirmButtonColor:'#354E93',
|
|
||||||
}).then(async() => {
|
|
||||||
// console.log('确认无误')
|
|
||||||
await confirm({supplierId:this.supplierId})
|
|
||||||
this.$toast('操作成功')
|
|
||||||
if(this.isWebFunc()){
|
|
||||||
setTimeout(()=>{
|
|
||||||
this.closeParentDialog()
|
|
||||||
},1500)
|
|
||||||
}else{
|
|
||||||
setTimeout(()=>{
|
|
||||||
this.goBack()
|
|
||||||
},1500)
|
|
||||||
}
|
|
||||||
}).catch(() => {
|
|
||||||
});
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss">
|
|
||||||
.customDialog {
|
|
||||||
.van-dialog__content{
|
|
||||||
text-align: center !important;
|
|
||||||
}
|
|
||||||
.van-dialog__header {
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<style scoped lang="scss">
|
|
||||||
@import "@/styles/common.scss";
|
|
||||||
@import '@/styles/mixin.scss';
|
|
||||||
.wrap {
|
|
||||||
@include wh(100%, 100%);
|
|
||||||
position: relative;
|
|
||||||
background-color: #F6F6F6;
|
|
||||||
}
|
|
||||||
.navBar{
|
|
||||||
margin-bottom: 46px;
|
|
||||||
}
|
|
||||||
.tipWrap{
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 8px 8px 8px 18px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
display: flex;
|
|
||||||
background-color: #FFF6F2;
|
|
||||||
img{
|
|
||||||
width: 14px;
|
|
||||||
height: 14px;
|
|
||||||
//vertical-align: middle;
|
|
||||||
margin-right: 5px;
|
|
||||||
margin-top: 2px;
|
|
||||||
}
|
|
||||||
span{
|
|
||||||
color: #FC3C06;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.yelBg{
|
|
||||||
background-color: #FFFFED ;
|
|
||||||
span{
|
|
||||||
color: #F36708;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.greBg{
|
|
||||||
background-color: #E8FFF3;
|
|
||||||
span{
|
|
||||||
color: #19AC43;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/*.headerWrap{
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 15px 16px;
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
.back{
|
|
||||||
@include wh(15px,15px);
|
|
||||||
}
|
|
||||||
span{
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 16px;
|
|
||||||
color: #203152;
|
|
||||||
}
|
|
||||||
}*/
|
|
||||||
.loadingWrap{
|
|
||||||
width: 100%;
|
|
||||||
height: calc(100% - 90px);
|
|
||||||
text-align: center;
|
|
||||||
line-height: 200px;
|
|
||||||
}
|
|
||||||
.contentWrap{
|
|
||||||
//height: calc(100% - 160px);
|
|
||||||
//height: calc(100% - 90px);//没有按钮时
|
|
||||||
overflow-y: auto;
|
|
||||||
.itemWrap{
|
|
||||||
font-size: 14px;
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding:10px 15px 10px 20px;
|
|
||||||
.line{
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
border-bottom: 2px solid;
|
|
||||||
opacity: 0.16;
|
|
||||||
margin-top: 10px;
|
|
||||||
border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;
|
|
||||||
}
|
|
||||||
.item{
|
|
||||||
//line-height: 36px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
.left{
|
|
||||||
width: 66px;
|
|
||||||
}
|
|
||||||
.right{
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
.wechatRight{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
.reviseBtn{
|
|
||||||
display: inline-block;
|
|
||||||
width: 60px;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 4px;
|
|
||||||
background-color: #354D93;
|
|
||||||
color: #FFFFFF;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 2px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.opaCol{
|
|
||||||
color: #323643;
|
|
||||||
opacity: .65;
|
|
||||||
}
|
|
||||||
.star{
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 13px;
|
|
||||||
color: #FF0808;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btnWrap{
|
|
||||||
width: 100%;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 10px 19px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
background-color: #F6F6F6;
|
|
||||||
.common{
|
|
||||||
background: #354D93;
|
|
||||||
height: 48px;
|
|
||||||
line-height: 48px;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 5px;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #FFFFFF;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.audit{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.revise{
|
|
||||||
width: 30%;
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
color: #354D93;
|
|
||||||
box-sizing: border-box;
|
|
||||||
border: 1px solid #354D93;
|
|
||||||
}
|
|
||||||
.confirm{
|
|
||||||
width: 67%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -2,7 +2,7 @@
|
|||||||
<div class="bottom_wrap">
|
<div class="bottom_wrap">
|
||||||
<div class="report_item" v-for="(item, index) in reportList" @click="goReportHandler(item)" :key="index">
|
<div class="report_item" v-for="(item, index) in reportList" @click="goReportHandler(item)" :key="index">
|
||||||
<img class="report_icon" :src="item?.iconUrl" alt="">
|
<img class="report_icon" :src="item?.iconUrl" alt="">
|
||||||
<!-- <div class="report_title">{{item.name}}</div>-->
|
<div class="report_title">{{item.name}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -43,8 +43,8 @@ export default {
|
|||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
.report_icon {
|
.report_icon {
|
||||||
width: 60px;
|
width: 45px;
|
||||||
height: 60px;
|
height: 45px;
|
||||||
}
|
}
|
||||||
.report_title {
|
.report_title {
|
||||||
color: rgba(53, 53, 53, 0.67);
|
color: rgba(53, 53, 53, 0.67);
|
||||||
|
|||||||
@@ -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>
|
||||||
</div>
|
</div>
|
||||||
<report-list-item :report-list.sync="reportList" @getReport="getReportHandler" />
|
<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">
|
<div class="dialog_wrap">
|
||||||
<img class="add_report_bg" src="@/assets/report/add_report_bg.png" alt="">
|
<img class="add_report_bg" src="@/assets/report/add_report_bg.png" alt="">
|
||||||
<div class="report_content">
|
<div class="report_content">
|
||||||
<div class="report_title" style="margin-bottom: 10px;"><span>{{currentInfo.name}}</span></div>
|
|
||||||
<template v-if="currentInfo.component == 'time'">
|
<template v-if="currentInfo.component == 'time'">
|
||||||
<!--预约时间报备 s -->
|
<!--预约时间报备 s -->
|
||||||
<div class="report_title">
|
<div class="report_title">
|
||||||
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
||||||
<span>预约时间</span>
|
<span>预约时间</span>
|
||||||
</div>
|
</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_content" @click="showDatetime = true">
|
||||||
<div class="report_time_left">
|
<div class="report_time_left">
|
||||||
<img class="add_report_time" src="@/assets/report/add_report_time.png" alt="">
|
<img class="add_report_time" src="@/assets/report/add_report_time.png" alt="">
|
||||||
@@ -105,15 +91,17 @@
|
|||||||
</div>
|
</div>
|
||||||
<!--修改地址报备 e -->
|
<!--修改地址报备 e -->
|
||||||
</template>
|
</template>
|
||||||
<template v-if="currentInfo.component != 'time'">
|
<div class="report_title">
|
||||||
<div class="report_title">
|
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
||||||
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
<span>补充报备内容</span>
|
||||||
<span>补充反馈内容</span>
|
</div>
|
||||||
</div>
|
<div class="report_common_content">
|
||||||
<div class="report_common_content">
|
<textarea class="report_textarea" id="text-input" rows="4" placeholder="点击这里输入补充报备内容" v-model.trim="remark"></textarea>
|
||||||
<textarea class="report_textarea" id="text-input" rows="4" placeholder="点击这里输入补充反馈内容" v-model.trim="remark"></textarea>
|
<!-- <van-field-->
|
||||||
</div>
|
<!-- v-model="remark"-->
|
||||||
</template>
|
<!-- class="report_textarea"-->
|
||||||
|
<!-- placeholder="点击这里输入补充报备内容" />-->
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="report_btn" @click="saveHandler">
|
<div class="report_btn" @click="saveHandler">
|
||||||
提交报备
|
提交报备
|
||||||
@@ -121,16 +109,15 @@
|
|||||||
</div>
|
</div>
|
||||||
</van-popup>
|
</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
|
<van-datetime-picker
|
||||||
class="dataTime"
|
class="dataTime"
|
||||||
v-if="showDatetime"
|
v-if="showDatetime"
|
||||||
v-model="appointTime"
|
v-model="appointTime"
|
||||||
type="datetime"
|
type="datetime"
|
||||||
:min-date="minDate"
|
:min-date="minDate"
|
||||||
:filter="filter"
|
|
||||||
@confirm="onConfirm"
|
@confirm="onConfirm"
|
||||||
@cancel="cancelHandler"
|
@cancel="showDatetime = false"
|
||||||
/>
|
/>
|
||||||
</van-popup>
|
</van-popup>
|
||||||
</div>
|
</div>
|
||||||
@@ -168,12 +155,6 @@
|
|||||||
driverId: '',
|
driverId: '',
|
||||||
clickFlag: true,
|
clickFlag: true,
|
||||||
isLoading: false,
|
isLoading: false,
|
||||||
pickerOptions: {
|
|
||||||
// 可选:限制预约时间不能小于当前时间(复用你原有逻辑)
|
|
||||||
disabledDate: (time) => {
|
|
||||||
return time.getTime() <= new Date().getTime();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
@@ -198,12 +179,6 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
filter(type, options) {
|
|
||||||
if (type === 'minute') {
|
|
||||||
return options.filter((option) => option % 5 === 0);
|
|
||||||
}
|
|
||||||
return options;
|
|
||||||
},
|
|
||||||
onRefreshHandler() {
|
onRefreshHandler() {
|
||||||
setTimeout(async () => {
|
setTimeout(async () => {
|
||||||
try {
|
try {
|
||||||
@@ -263,10 +238,10 @@
|
|||||||
data.lat = this.lat;
|
data.lat = this.lat;
|
||||||
data.lng = this.lng;
|
data.lng = this.lng;
|
||||||
}
|
}
|
||||||
/*if( !this.remark ) {
|
if( !this.remark ) {
|
||||||
Toast('备注内容不能为空')
|
Toast('备注内容不能为空')
|
||||||
return
|
return
|
||||||
}*/
|
}
|
||||||
this.clickFlag = false;
|
this.clickFlag = false;
|
||||||
try {
|
try {
|
||||||
await newOrderReporting(data)
|
await newOrderReporting(data)
|
||||||
@@ -293,21 +268,15 @@
|
|||||||
this.remark = '';
|
this.remark = '';
|
||||||
},
|
},
|
||||||
addReportHandler(data) { // 点击添加报备弹框
|
addReportHandler(data) { // 点击添加报备弹框
|
||||||
console.log('currentInfocurrentInfo', data)
|
|
||||||
this.currentInfo = data;
|
this.currentInfo = data;
|
||||||
this.remark = '';
|
|
||||||
this.addReportShow = true
|
this.addReportShow = true
|
||||||
},
|
},
|
||||||
getReportHandler(data) { // 点击获取当前报备信息
|
getReportHandler(data) { // 点击获取当前报备信息
|
||||||
console.log('dadadada', data.child)
|
|
||||||
this.recordList.push({
|
this.recordList.push({
|
||||||
messageType: 4,
|
messageType: 4,
|
||||||
content: data.child
|
content: data.child
|
||||||
})
|
})
|
||||||
this.scrollToBottom();
|
this.scrollToBottom();
|
||||||
if( data.child?.length == 1 ) {
|
|
||||||
this.addReportHandler(data.child[0])
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
async getDetail(){ // 订单详情
|
async getDetail(){ // 订单详情
|
||||||
if(this.userOrderId) {
|
if(this.userOrderId) {
|
||||||
@@ -330,10 +299,6 @@
|
|||||||
onConfirm(data) {
|
onConfirm(data) {
|
||||||
this.appointTime = timeFormat(new Date(data))
|
this.appointTime = timeFormat(new Date(data))
|
||||||
this.showDatetime = false;
|
this.showDatetime = false;
|
||||||
},
|
|
||||||
cancelHandler() {
|
|
||||||
this.appointTime = ''
|
|
||||||
this.showDatetime = false
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -570,9 +535,6 @@
|
|||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.owner_time {
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
.report_common_content {
|
.report_common_content {
|
||||||
margin-bottom: 27px;
|
margin-bottom: 27px;
|
||||||
.report_textarea {
|
.report_textarea {
|
||||||
@@ -603,22 +565,4 @@
|
|||||||
::v-deep .van-popup__close-icon {
|
::v-deep .van-popup__close-icon {
|
||||||
color: #0F458E;
|
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>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user