Compare commits

..

7 Commits

12 changed files with 71 additions and 350 deletions

View File

@@ -133,15 +133,6 @@ export function getContactQrCodeResult(data){
}) })
} }
// 添加企微
export function updateWechatId(data){
return request({
url:'/supplier/potential/updateWechatId',
method:'POST',
data
})
}
//司机列表 //司机列表
export function driverList(data){ export function driverList(data){
return request({ return request({

View File

@@ -177,23 +177,3 @@ export function getNewVersion(key){
params: key params: key
}) })
} }
export function getLog(data){
// 添加log
return request({
url: '/ureport/pageView/save',
method:'POST',
contentType:'application/json',
data
})
}
//获取最新版本
export function getUserBO(){
return request({
url: '/base/user/getUserBO',
method:'POST',
})
}

View File

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

View File

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

View File

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

View File

@@ -1,6 +1,5 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<div class="error_bar" v-if="errorMsg">{{ errorMsg }}</div>
<div class="top_banner"> <div class="top_banner">
<img src="@/assets/supplier/topBg.png" alt=""> <img src="@/assets/supplier/topBg.png" alt="">
</div> </div>
@@ -85,8 +84,8 @@
</el-tree> </el-tree>
</template> </template>
</van-field> </van-field>
<van-field :border="true" v-model="form.trailCount" type="digit" class="required" name="trailCount" label="拖车数量" placeholder="请输入" :rules="countVerify" /> <van-field :border="true" v-model="form.trailCount" name="trailCount" label="拖车数量" placeholder="请输入" />
<van-field :border="true" v-model="form.minorCount" type="digit" class="required" name="minorCount" label="抢修车数量" placeholder="请输入" :rules="countVerify" /> <van-field :border="true" v-model="form.minorCount" name="minorCount" label="抢修车数量" placeholder="请输入" />
<van-field :border="true" class="required" label="服务区域" placeholder="请选择"> <van-field :border="true" class="required" label="服务区域" placeholder="请选择">
<template #input> <template #input>
<el-cascader <el-cascader
@@ -100,12 +99,12 @@
clearable></el-cascader> clearable></el-cascader>
</template> </template>
</van-field> </van-field>
<!-- <div class="wei_code_wrap" v-if="form.name && !id"> <div class="wei_code_wrap" v-if="form.name && !id">
<div class="wei_title">请先添加企业微信保证申请流程正常进行</div> <div class="wei_title">请先添加企业微信保证申请流程正常进行</div>
<div class="wei_code_bg"> <div class="wei_code_bg">
<img v-if="qrCodeUrl" :src="qrCodeUrl" alt="企业微信二维码" /> <img v-if="qrCodeUrl" :src="qrCodeUrl" alt="企业微信二维码" />
</div> </div>
</div>--> </div>
</div> </div>
</div> </div>
</div> </div>
@@ -135,10 +134,8 @@
data() { data() {
return { return {
clickFlag: true, clickFlag: true,
errorMsg: '',
phoneVerify: [{ required: true, message: '请输入联系电话' }, { validator: value => { return /^1[3456789]\d{9}$/.test(value) }, message: '联系电话格式不正确' }], phoneVerify: [{ required: true, message: '请输入联系电话' }, { validator: value => { return /^1[3456789]\d{9}$/.test(value) }, message: '联系电话格式不正确' }],
emailVerify: [{ required: true, message: '请输入邮箱' }, { validator: value => { return /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/.test(value) }, message: '邮箱格式不正确' }], emailVerify: [{ required: true, message: '请输入邮箱' }, { validator: value => { return /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/.test(value) }, message: '邮箱格式不正确' }],
countVerify: [{ required: true, message: '请输入数量' }, { validator: value => /^\d+$/.test(value) && Number(value) >= 0, message: '请输入大于等于0的整数' }],
id:'', //车辆Id id:'', //车辆Id
idBackPhotoList: [], idBackPhotoList: [],
idBackPhoto: '', idBackPhoto: '',
@@ -203,14 +200,7 @@
}, },
async mounted() { async mounted() {
const urlParams = new URLSearchParams(window.location.search); const urlParams = new URLSearchParams(window.location.search);
const lastRoute = localStorage.getItem('lastRoute');
this.id = this.$route.query.id || urlParams.get('id'); this.id = this.$route.query.id || urlParams.get('id');
if (lastRoute && !this.id) {
const { name, query } = JSON.parse(lastRoute);
this.$router.replace({ name, query });
return;
}
await this.getAreaTree(); await this.getAreaTree();
if(this.id) { if(this.id) {
await this.getInfoHandler(); await this.getInfoHandler();
@@ -229,6 +219,7 @@
}); });
this.configId = res?.configId; this.configId = res?.configId;
this.qrCode = res?.qrCode this.qrCode = res?.qrCode
console.log('idid', res);
}, },
async getInfoHandler() { async getInfoHandler() {
let res = await getSupplierInfo({ let res = await getSupplierInfo({
@@ -240,11 +231,7 @@
this.idBackPhoto = _data?.idCardBackUrl; this.idBackPhoto = _data?.idCardBackUrl;
this.companyPhoto = _data?.businessLicense; this.companyPhoto = _data?.businessLicense;
this.licensePhoto = _data?.accountUrl; this.licensePhoto = _data?.accountUrl;
this.wechatId = _data?.wechatId; this.wechatId = _data?.wechatId
this.form.person = _data.legalName;
if( _data.failReason ) {
this.showError(_data.failReason)
}
if(this.idFrontPhoto) { if(this.idFrontPhoto) {
this.idFrontPhotoList = [{ url : this.idFrontPhoto }]; this.idFrontPhotoList = [{ url : this.idFrontPhoto }];
} }
@@ -262,49 +249,54 @@
} }
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)));
// this.form.serviceAreaCode = _data?.serviceAreaCode.split(',').map(item => Number(item));
} }
}, },
showError(msg) {
this.errorMsg = msg;
},
async applyAdd() { async applyAdd() {
this.errorMsg = '';
if( !this.idFrontPhoto ) { if( !this.idFrontPhoto ) {
this.showError('法人身份证人像页未上传') this.$toast('法人身份证人像页未上传')
return return
} }
if( !this.idBackPhoto ) { if( !this.idBackPhoto ) {
this.showError('法人身份证国徽页未上传') this.$toast('法人身份证国徽页未上传')
return return
} }
if( !this.companyPhoto ) { if( !this.companyPhoto ) {
this.showError('营业执照未上传') this.$toast('营业执照未上传')
return return
} }
if(this.form.person != this.form.legalName){ if(this.form.person != this.form.legalName){
this.showError('身份证法人姓名和营业执照法人不一致') this.$toast('身份证法人姓名和营业执照法人不一致')
return return
} }
if( !this.licensePhoto ) { if( !this.licensePhoto ) {
this.showError('开户许可证未上传') this.$toast('开户许可证未上传')
return
}
if( !(this.$refs.tree.getCheckedKeys().length > 0) ) {
this.showError('服务能力不能为空')
return return
} }
if( !(this.form.serviceAreaCode.length > 0) ) { if( !(this.form.serviceAreaCode.length > 0) ) {
this.showError('服务区域不能为空') this.$toast('服务区域不能为空')
return return
} }
// this.wechatId='wmOTNXBwAABrvKkE_Fh8ZN8Xm2S9v2wQ'
if(!this.wechatId) {
await this.QrCodeResult();
if( !this.wechatId ) {
this.$toast('请先添加企微再申请')
return
}
}
if( this.$refs.tree.getCheckedKeys().length > 0 ) { if( this.$refs.tree.getCheckedKeys().length > 0 ) {
await this.saveHandler() await this.saveHandler()
} else {
this.$toast('服务能力不能为空')
return
} }
}, },
async QrCodeResult() { //获取添加企微结果 async QrCodeResult() { //获取添加企微结果
let res = await getContactQrCodeResult({ let res = await getContactQrCodeResult({
configId: this.configId configId: this.configId
}); });
console.log('resres', res)
this.wechatId = res?.data?.wechatId this.wechatId = res?.data?.wechatId
}, },
async saveHandler() { async saveHandler() {
@@ -327,38 +319,17 @@
accountUrl:this.licensePhoto, accountUrl:this.licensePhoto,
service: this.$refs.tree.getCheckedKeys().join(',') , service: this.$refs.tree.getCheckedKeys().join(',') ,
serviceAreaCode: checkArr.join(','), serviceAreaCode: checkArr.join(','),
wechatId: this.wechatId,
});
Dialog.alert({
title: '提示',
message: "操作成功"
}).then(async () => {
this.goPage('supplierAddResult', { id : res?.data })
setTimeout(() => {
this.clickFlag = true
}, 1000)
}); });
console.log('rererere', res)
if( res?.noToast ) { // 服务商已存在
this.showError('当前服务商已存在')
if( res?.code != 0 ) {
Dialog.alert({
title: '提示',
message: "该服务商已存在,查看信息"
}).then(async () => {
const target = { name: 'supplierAddResult', query: { id: res?.code } };
localStorage.setItem('lastRoute', JSON.stringify(target));
this.goPage('supplierAddResult', { id : res?.code })
setTimeout(() => {
this.clickFlag = true
}, 1000)
});
}
} else {
Dialog.alert({
title: '提示',
message: "操作成功"
}).then(async () => {
const target = { name: 'supplierAddResult', query: { id: res?.data } };
localStorage.setItem('lastRoute', JSON.stringify(target));
this.goPage('supplierAddResult', { id : res?.data })
setTimeout(() => {
this.clickFlag = true
}, 1000)
});
}
} catch (e) {
this.showError(e)
} finally { } finally {
setTimeout(() => { setTimeout(() => {
this.clickFlag = true this.clickFlag = true
@@ -457,7 +428,7 @@
this.form.accountInfoDTO.companyType=res?.data?.type this.form.accountInfoDTO.companyType=res?.data?.type
// 营业执照法人名称 // 营业执照法人名称
this.form.person = res?.data?.person this.form.person = res?.data?.person
// await this.QrCodeHandler(); await this.QrCodeHandler();
}, },
async licensePhotoHandler(file){// 开户许可证 async licensePhotoHandler(file){// 开户许可证
const formData = new FormData(); const formData = new FormData();
@@ -471,8 +442,8 @@
ocrType: 15, ocrType: 15,
imageUrl: this.licensePhoto, imageUrl: this.licensePhoto,
}) })
this.form.accountInfoDTO.accountNumber=res?.data?.accountNumber || '' this.form.accountInfoDTO.accountNumber=res?.data?.accountNumber
this.form.accountInfoDTO.accountName = res?.data?.accountBank || '' this.form.accountInfoDTO.accountName = res?.data?.accountBank
}, },
}, },
computed: { computed: {
@@ -492,17 +463,6 @@
padding-bottom: 100px; padding-bottom: 100px;
overflow-y: auto; overflow-y: auto;
} }
.error_bar {
position: sticky;
top: 0;
z-index: 9999;
background-color: #e53935;
color: #ffffff;
font-size: 14px;
padding: 10px 16px;
text-align: center;
line-height: 1.5;
}
.top_banner { .top_banner {
width: 100%; width: 100%;
img { img {

View File

@@ -5,12 +5,6 @@
<img class="wait_icon" src="@/assets/supplier/successIcon.png" alt=""> <img class="wait_icon" src="@/assets/supplier/successIcon.png" alt="">
<div class="info-tip">信息录入完成请等待审核结果</div> <div class="info-tip">信息录入完成请等待审核结果</div>
</div> </div>
<div class="wei_code_wrap" v-if="name && id">
<div class="wei_title">请先添加企业微信保证申请流程正常进行</div>
<div class="wei_code_bg">
<img v-if="qrCodeUrl" :src="qrCodeUrl" alt="企业微信二维码" />
</div>
</div>
<div class="btn_wrap"> <div class="btn_wrap">
<div class="btn" @click="searchInfo">信息查看</div> <div class="btn" @click="searchInfo">信息查看</div>
</div> </div>
@@ -18,83 +12,22 @@
</template> </template>
<script> <script>
import QRCode from 'qrcode'
import {getOrCodeInfo, getContactQrCodeResult, updateWechatId, getSupplierInfo} from "@/api/mine"
import {myMixins} from "@/utils/myMixins" import {myMixins} from "@/utils/myMixins"
import {Toast} from "vant";
export default { export default {
name: "supplierAddResult", name: "supplierAddResult",
mixins:[myMixins], mixins:[myMixins],
data() { data() {
return { return {
id: '', id: '',
name: '',
qrCodeUrl: '',
qrCode: '',
configId: '',
wechatId: '',
} }
}, },
async mounted() { async mounted() {
const urlParams = new URLSearchParams(window.location.search); const urlParams = new URLSearchParams(window.location.search);
this.id = this.$route.query.id || urlParams.get('id'); this.id = this.$route.query.id || urlParams.get('id');
await this.getInfoHandler();
if (this.name && this.id) {
await this.QrCodeHandler();
}
}, },
methods: { methods: {
async getInfoHandler() { searchInfo() {
let res = await getSupplierInfo({ this.goPage('supplierInfo', { id : this.id })
id: this.id
});
console.log('66666', res)
let _data = res?.data
this.wechatId = _data?.wechatId;
this.name = _data?.name;
},
async QrCodeHandler() {
await this.QrCodeInfo();
await this.getQrCode();
},
async QrCodeInfo() {
let res = await getOrCodeInfo({ name: this.name });
this.configId = res?.configId;
this.qrCode = res?.qrCode;
},
async getQrCode() {
try {
this.qrCodeUrl = await QRCode.toDataURL(this.qrCode, {
width: 150,
margin: 2,
color: { dark: '#000000', light: '#FFFFFF' },
});
} catch (error) {
console.error('生成二维码失败:', error);
}
},
async QrCodeResult() {
let res = await getContactQrCodeResult({ configId: this.configId });
this.wechatId = res?.data?.wechatId;
},
async updateWechat() {
await updateWechatId({
wechatId: this.wechatId,
id: this.id
})
},
async searchInfo() {
if (!this.wechatId ) {
await this.QrCodeResult();
}
if (!this.wechatId) {
Toast('请先添加企微再查看信息');
return;
}
if(this.wechatId) {
await this.updateWechat()
this.goPage('supplierInfo', { id: this.id })
}
} }
} }
} }
@@ -147,23 +80,4 @@
line-height: 46px; line-height: 46px;
} }
} }
.wei_code_wrap {
margin-top: 10px;
.wei_title {
font-size: 15px;
color: #FF553B;
text-align: center;
}
.wei_code_bg {
width: 163px;
height: 173px;
background-image: url("~@/assets/supplier/weiCodeBg.png");
background-size: 100% 100%;
margin: 8px auto;
display: flex;
align-items: center;
justify-content: center;
}
}
</style> </style>

View File

@@ -87,11 +87,11 @@
</div> </div>
<div class="info_item"> <div class="info_item">
<div class="label">拖车数量</div> <div class="label">拖车数量</div>
<div class="content">{{supplierInfo.trailCount>=0 ? supplierInfo.trailCount : ''}}</div> <div class="content">{{supplierInfo?.trailCount || ''}}</div>
</div> </div>
<div class="info_item"> <div class="info_item">
<div class="label">抢修车数量</div> <div class="label">抢修车数量</div>
<div class="content">{{supplierInfo.minorCount >= 0 ? supplierInfo.minorCount : ''}}</div> <div class="content">{{supplierInfo?.minorCount || ''}}</div>
</div> </div>
<div class="info_item"> <div class="info_item">
<div class="label">服务区域</div> <div class="label">服务区域</div>

View File

@@ -93,7 +93,7 @@
<span v-if="orderDetailInfo.driverName && orderDetailInfo.proprietary?.code==1" class="driverPoiBtn" @click="noMultipleClicks(createDriverInfo)">生成司机信息</span> <span v-if="orderDetailInfo.driverName && orderDetailInfo.proprietary?.code==1" class="driverPoiBtn" @click="noMultipleClicks(createDriverInfo)">生成司机信息</span>
</span> </span>
</div> </div>
<div class="item" v-if="queryType == 9 || queryType ==11 || queryType ==12 || queryType ==5"> <div class="item" v-if="queryType == 9 || queryType ==11 || queryType ==12">
<span class="leftTitle fontColor">工单照片:</span><span class="rightContent"> <span class="leftTitle fontColor">工单照片:</span><span class="rightContent">
<span class="driverPoiBtn" @click="checkPhoto">查看照片</span> <span class="driverPoiBtn" @click="checkPhoto">查看照片</span>
</span> </span>

View File

@@ -263,7 +263,6 @@ import {
getDriverName,getDriverStatisticsKpi, getDriverName,getDriverStatisticsKpi,
getRecentSupplierKpi, getRecentSupplierKpi,
} from "@/api/kpi.js" } from "@/api/kpi.js"
import { getUserBO } from "@/api/order"
// querySupplierDriverStatisticsScore // querySupplierDriverStatisticsScore
import {myMixins} from "@/utils/myMixins" import {myMixins} from "@/utils/myMixins"
import CircleChar from "@/views/kpi/components/circleChar.vue"; import CircleChar from "@/views/kpi/components/circleChar.vue";
@@ -331,10 +330,6 @@ export default {
showScoreChart:true, showScoreChart:true,
continueMonthKpi:[], continueMonthKpi:[],
isBtn:false,//是否有信息变更申请按钮权限 isBtn:false,//是否有信息变更申请按钮权限
source: 'App',
currentSupplierId: '',
userId: '',
enterTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
} }
}, },
created() { created() {
@@ -343,41 +338,13 @@ export default {
this.isZd = urlParams?.get('isZd') || '' this.isZd = urlParams?.get('isZd') || ''
this.supplierId = urlParams?.get('supplierId') || '' this.supplierId = urlParams?.get('supplierId') || ''
this.isBtn= Number(urlParams?.get('isBtn')) this.isBtn= Number(urlParams?.get('isBtn'))
this.source = urlParams?.get('source') || 'App'
}, },
async mounted() { async mounted() {
await this.checkMobile(); await this.checkMobile();
await this.initDate(); await this.initDate();
await this.selectSupplierNameHandle(); await this.selectSupplierNameHandle();
await this.getUserInfo();
document.addEventListener('visibilitychange', async ( ) => {
let state = document.visibilityState
if (state == 'hidden') { // 用户离开了
if( this.source == 'App' ) {
this.setLogHandler({
supplierId: this.currentSupplierId, // 服务商 id
userId: this.userId, // userId
source: '服务商KPI',
event: this.source, // 区分 App 还是 system
openTime: this.enterTime, // log 时间,其中 阅读时长是由 enter 和 leave 的时间计算而来
leaveTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
});
}
}
if (state == 'visible') {
this.enterTime = dayjs().format('YYYY-MM-DD HH:mm:ss');
}
});
}, },
methods: { methods: {
async getUserInfo() {
let res = await getUserBO();
this.userId = res.data.id;
this.currentSupplierId = res.data.supplierId
console.log('getUserBO', res)
},
applicateHandle() { applicateHandle() {
if (window.parent) { if (window.parent) {
const hasListener = window.parent.dispatchEvent(new Event('checkCloseDialog')); const hasListener = window.parent.dispatchEvent(new Event('checkCloseDialog'));

View File

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

View File

@@ -54,11 +54,6 @@
<span <span
class="content">{{ orderInfo.carClothingToolAmount }}</span> class="content">{{ orderInfo.carClothingToolAmount }}</span>
</div> </div>
<div class="item">
<span class="titleLeft">免拖</span>
<span
class="content">{{ orderInfo.customerDistanceLimit }} {{orderInfo.hedgingMileage && orderInfo.hedgingMileage > 0 ? '(超限对冲,只结免拖)' : ''}}</span>
</div>
<div class="item"> <div class="item">
<span class="titleLeft">换电瓶费用</span> <span class="titleLeft">换电瓶费用</span>
<span <span
@@ -77,35 +72,35 @@
<div class="inpInfo"> <div class="inpInfo">
<div class="titleContent"> <div class="titleContent">
<div class="flex-between" v-show="abState"> <div class="flex-between" v-show="abState">
<div><span style="color: red;">*</span> 到事发地距离:</div> <div> 到事发地距离:</div>
<div class="halfOpcity"><input @input="validateIntegerInput" class="ipt" type="number" v-model="form.supplierSettleMileageAb"/>公里</div> <div class="halfOpcity"><input @input="validateIntegerInput" class="ipt" type="number" v-model="form.supplierSettleMileageAb"/>公里</div>
</div> </div>
<div class="flex-between" v-show="bcState"> <div class="flex-between" v-show="bcState">
<div><span style="color: red;">*</span> 拖车里程:</div> <div> 拖车里程:</div>
<div class="halfOpcity"><input class="ipt" type="number" v-model="form.supplierSettleMileageBc"/>公里</div> <div class="halfOpcity"><input class="ipt" type="number" v-model="form.supplierSettleMileageBc"/>公里</div>
</div> </div>
<div class="flex-between" v-show="caState"> <div class="flex-between" v-show="caState">
<div><span style="color: red;">*</span>返程里程:</div> <div>返程里程:</div>
<div class="halfOpcity"><input class="ipt" type="number" v-model="form.supplierSettleMileageCa"/>公里</div> <div class="halfOpcity"><input class="ipt" type="number" v-model="form.supplierSettleMileageCa"/>公里</div>
</div> </div>
<div class="flex-between" v-show="bridgeAbState"> <div class="flex-between" v-show="bridgeAbState">
<div><span v-show="!isUnsuccessfulSettle" style="color: red;">*</span>ab路桥费:</div> <div>ab路桥费:</div>
<div class="halfOpcity"><input class="ipt" @input="validateIntegerInput" :disabled="isUnsuccessfulSettle" type="number" v-model="form.supplierBridgeAmountAb"/></div> <div class="halfOpcity"><input class="ipt" @input="validateIntegerInput" :disabled="isUnsuccessfulSettle" type="number" v-model="form.supplierBridgeAmountAb"/></div>
</div> </div>
<div class="flex-between" v-show="bridgeBcState"> <div class="flex-between" v-show="bridgeBcState">
<div><span v-show="!isUnsuccessfulSettle" style="color: red;">*</span>bc路桥费:</div> <div>bc路桥费:</div>
<div class="halfOpcity"><input class="ipt" @input="validateIntegerInput" :disabled="isUnsuccessfulSettle" type="number" v-model="form.supplierBridgeAmountBc"/></div> <div class="halfOpcity"><input class="ipt" @input="validateIntegerInput" :disabled="isUnsuccessfulSettle" type="number" v-model="form.supplierBridgeAmountBc"/></div>
</div> </div>
<div class="flex-between" v-show="bridgeCaState"> <div class="flex-between" v-show="bridgeCaState">
<div><span v-show="!isUnsuccessfulSettle" style="color: red;">*</span>ca路桥费:</div> <div>ca路桥费:</div>
<div class="halfOpcity"><input class="ipt" @input="validateIntegerInput" :disabled="isUnsuccessfulSettle" type="number" v-model="form.supplierBridgeAmountCa"/></div> <div class="halfOpcity"><input class="ipt" @input="validateIntegerInput" :disabled="isUnsuccessfulSettle" type="number" v-model="form.supplierBridgeAmountCa"/></div>
</div> </div>
<div class="flex-between" v-show="waitAmountState"> <div class="flex-between" v-show="waitAmountState">
<div><span style="color: red;">*</span>等候费:</div> <div>等候费:</div>
<div class="halfOpcity inputContent"><input class="ipt" @input="validateIntegerInput" type="number" v-model="form.supplierWaitAmount"/></div> <div class="halfOpcity inputContent"><input class="ipt" @input="validateIntegerInput" type="number" v-model="form.supplierWaitAmount"/></div>
</div> </div>
<div class="flex-between" v-show="tyreAmountState"> <div class="flex-between" v-show="tyreAmountState">
<div><span v-show="!isUnsuccessfulSettle" style="color: red;">*</span>小轮个数:</div> <div>小轮个数:</div>
<div class="halfOpcity inputContent"><input class="ipt" @input="validateIntegerInput" :disabled="isUnsuccessfulSettle" type="number" v-model="form.tyreNumber"/></div> <div class="halfOpcity inputContent"><input class="ipt" @input="validateIntegerInput" :disabled="isUnsuccessfulSettle" type="number" v-model="form.tyreNumber"/></div>
</div> </div>
<div class="flex-between" v-show="tyreAmountState"> <div class="flex-between" v-show="tyreAmountState">
@@ -113,11 +108,11 @@
<div class="halfOpcity inputContent"><input @input="validateIntegerInput" disabled type="number" v-model="form.supplierTyreAmount"/></div> <div class="halfOpcity inputContent"><input @input="validateIntegerInput" disabled type="number" v-model="form.supplierTyreAmount"/></div>
</div> </div>
<div class="flex-between" v-show="dilemmaAmountState && basePriceDisabled"> <div class="flex-between" v-show="dilemmaAmountState && basePriceDisabled">
<div><span style="color: red;">*</span>困境费:</div> <div>困境费:</div>
<div class="halfOpcity inputContent"><input class="ipt" @input="validateIntegerInput" type="number" v-model="form.supplierDilemmaAmount"/></div> <div class="halfOpcity inputContent"><input class="ipt" @input="validateIntegerInput" type="number" v-model="form.supplierDilemmaAmount"/></div>
</div> </div>
<div class="flex-between" v-show="basementFeeState"> <div class="flex-between" v-show="basementFeeState">
<div><span v-show="isBasementSettle && !isUnsuccessfulSettle" style="color: red;">*</span>地库费:</div> <div>地库费:</div>
<div class="halfOpcity inputContent"><input @input="validateIntegerInput" class="ipt" type="number" v-model="form.supplierBasementFee" :disabled="!isBasementSettle || isUnsuccessfulSettle" /></div> <div class="halfOpcity inputContent"><input @input="validateIntegerInput" class="ipt" type="number" v-model="form.supplierBasementFee" :disabled="!isBasementSettle || isUnsuccessfulSettle" /></div>
</div> </div>
<div class="flex-between"> <div class="flex-between">
@@ -125,7 +120,7 @@
<div class="halfOpcity inputContent"><input type="number" class="ipt" v-model="form.supplierCustomerAmount"/></div> <div class="halfOpcity inputContent"><input type="number" class="ipt" v-model="form.supplierCustomerAmount"/></div>
</div> </div>
<div class="flex-between bgDisable" :class=" { 'flex-between': true, 'bgDisable' : basePriceDisabled } "> <div class="flex-between bgDisable" :class=" { 'flex-between': true, 'bgDisable' : basePriceDisabled } ">
<div><span v-show="!basePriceDisabled && !isBasementSettle" style="color: red;">*</span>基本费用:</div> <div>基本费用:</div>
<div class="halfOpcity inputContent "><input class="disable" type="number" :readonly="basePriceDisabled || isBasementSettle" <div class="halfOpcity inputContent "><input class="disable" type="number" :readonly="basePriceDisabled || isBasementSettle"
v-model="form.supplierBasePrice"/><span></span></div> v-model="form.supplierBasePrice"/><span></span></div>
</div> </div>
@@ -662,49 +657,6 @@ export default {
this.goback() this.goback()
}, },
async save() { async save() {
const isBlank = (v) => v === '' || v === null || v === undefined || parseFloat(v) < 0
if (this.abState && isBlank(this.form.supplierSettleMileageAb)) {
this.$toast('请填写到事发地距离'); return;
}
if (this.bcState && isBlank(this.form.supplierSettleMileageBc)) {
this.$toast('请填写拖车里程'); return;
}
if (this.caState && isBlank(this.form.supplierSettleMileageCa)) {
this.$toast('请填写返程里程'); return;
}
if (this.bridgeAbState && !this.isUnsuccessfulSettle && isBlank(this.form.supplierBridgeAmountAb)) {
this.$toast('请填写ab路桥费'); return;
}
if (this.bridgeBcState && !this.isUnsuccessfulSettle && isBlank(this.form.supplierBridgeAmountBc)) {
this.$toast('请填写bc路桥费'); return;
}
if (this.bridgeCaState && !this.isUnsuccessfulSettle && isBlank(this.form.supplierBridgeAmountCa)) {
this.$toast('请填写ca路桥费'); return;
}
if (this.waitAmountState && isBlank(this.form.supplierWaitAmount)) {
this.$toast('请填写等候费'); return;
}
if (!this.auditFormShow && this.tyreAmountState && !this.isUnsuccessfulSettle && isBlank(this.form.tyreNumber)) {
this.$toast('请填写小轮个数'); return;
}
if (this.dilemmaAmountState && this.basePriceDisabled && isBlank(this.form.supplierDilemmaAmount)) {
this.$toast('请填写困境费'); return;
}
if (this.basementFeeState && this.isBasementSettle && !this.isUnsuccessfulSettle && isBlank(this.form.supplierBasementFee)) {
this.$toast('请填写地库费'); return;
}
if (!this.basePriceDisabled && !this.isBasementSettle && isBlank(this.form.supplierBasePrice)) {
this.$toast('请填写基本费用'); return;
}
if (
this.orderInfo.customerDistanceLimit &&
parseFloat(this.form.supplierSettleMileageBc) > parseFloat(this.orderInfo.customerDistanceLimit)
) {
if (!this.form.supplierCustomerAmount || parseFloat(this.form.supplierCustomerAmount) == 0) {
this.$toast('拖车里程超出免拖范围,请填写收取客户金额');
return;
}
}
if (this.form.supplierOtherAmount > 0) { if (this.form.supplierOtherAmount > 0) {
if (this.form.supplierOtherAmountRemark == '') { if (this.form.supplierOtherAmountRemark == '') {
this.$toast('请填写其他费用说明'); this.$toast('请填写其他费用说明');
@@ -742,7 +694,6 @@ export default {
await this.compute(); await this.compute();
const formData = new FormData(); const formData = new FormData();
let obj = this.form; let obj = this.form;
console.log('obj',obj)
Object.keys(obj).forEach((key) => { Object.keys(obj).forEach((key) => {
formData.append(key, obj[key]); formData.append(key, obj[key]);
}); });
@@ -774,45 +725,6 @@ export default {
this.$toast('已进入后续流程,不允许操作'); this.$toast('已进入后续流程,不允许操作');
return; return;
} }
const isBlank = (v) => v === '' || v === null || v === undefined || parseFloat(v) < 0
if (this.abState && isBlank(this.form.supplierSettleMileageAb)) {
this.$toast('请填写到事发地距离'); return;
}
if (this.bcState && isBlank(this.form.supplierSettleMileageBc)) {
this.$toast('请填写拖车里程'); return;
}
if (this.caState && isBlank(this.form.supplierSettleMileageCa)) {
this.$toast('请填写返程里程'); return;
}
if (this.bridgeAbState && !this.isUnsuccessfulSettle && isBlank(this.form.supplierBridgeAmountAb)) {
this.$toast('请填写ab路桥费'); return;
}
if (this.bridgeBcState && !this.isUnsuccessfulSettle && isBlank(this.form.supplierBridgeAmountBc)) {
this.$toast('请填写bc路桥费'); return;
}
if (this.bridgeCaState && !this.isUnsuccessfulSettle && isBlank(this.form.supplierBridgeAmountCa)) {
this.$toast('请填写ca路桥费'); return;
}
if (this.waitAmountState && isBlank(this.form.supplierWaitAmount)) {
this.$toast('请填写等候费'); return;
}
if (this.dilemmaAmountState && this.basePriceDisabled && isBlank(this.form.supplierDilemmaAmount)) {
this.$toast('请填写困境费'); return;
}
if (this.basementFeeState && this.isBasementSettle && !this.isUnsuccessfulSettle && isBlank(this.form.supplierBasementFee)) {
this.$toast('请填写地库费'); return;
}
if (!this.basePriceDisabled && !this.isBasementSettle && isBlank(this.form.supplierBasePrice)) {
this.$toast('请填写基本费用'); return;
}
if (
this.orderInfo.customerDistanceLimit &&
parseFloat(this.form.supplierSettleMileageBc) > parseFloat(this.orderInfo.customerDistanceLimit)
) {
if (!this.form.supplierCustomerAmount || parseFloat(this.form.supplierCustomerAmount) == 0) {
this.$toast('拖车里程超出免拖范围,请填写收取客户金额'); return;
}
}
this.loading1 = true; this.loading1 = true;
this.form.supplierExtraPrice = this.form.extraPrice || 0 this.form.supplierExtraPrice = this.form.extraPrice || 0
this.form.supplierBasePrice = this.form.basePrice || 0 this.form.supplierBasePrice = this.form.basePrice || 0
@@ -1030,7 +942,7 @@ img {
} }
.baseInfo { .baseInfo {
width: 100%; @include wh(100%, 344px);
} }