Compare commits
4 Commits
prod-25-08
...
dev-2025
Author | SHA1 | Date | |
---|---|---|---|
ec974ed55c | |||
41820ef796 | |||
2bb1885b37 | |||
fcf088a6f6 |
@ -317,3 +317,19 @@ export function unifiedOCRWithCompress(data){
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 服务商是否培训
|
||||
export function jumpPage(data){
|
||||
return request({
|
||||
url:'/supplierAppV2/dispatchApp/user/jumpPage',
|
||||
method:'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
//
|
||||
export function sendInsuranceEmail(){
|
||||
return request({
|
||||
url:'/supplierAppV2/dispatchApp/user/sendInsuranceEmail',
|
||||
method:'POST',
|
||||
})
|
||||
}
|
@ -103,3 +103,13 @@ export function auditCarInfoAgain(data){
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// 我的发布列表
|
||||
export function getAddressForService(data){
|
||||
return request({
|
||||
url: '/base/gaodeMap/getPlaceByAddress',
|
||||
method:'GET',
|
||||
params: data,
|
||||
})
|
||||
}
|
||||
|
BIN
src/assets/insured-jianbian.png
Normal file
BIN
src/assets/insured-jianbian.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 19 KiB |
BIN
src/assets/insured.png
Normal file
BIN
src/assets/insured.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 28 KiB |
@ -17,5 +17,13 @@ const reportRouter = [
|
||||
title: '道路救援',
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/insuredPage',
|
||||
name: 'insuredPage',
|
||||
component: () => import('@/views/liabilityInsurance/insuredPage'),
|
||||
meta:{
|
||||
title: '参保救援职业责任险',
|
||||
}
|
||||
},
|
||||
]
|
||||
export default reportRouter
|
||||
|
@ -1,3 +1,4 @@
|
||||
import { getAddressForService } from "@/api/secondHandCar"
|
||||
// 获取定位, 返回 经纬度
|
||||
export function getLocal(mapContext) {
|
||||
return new Promise((resolve, reject) => {
|
||||
@ -46,7 +47,19 @@ export function getAddress(mapContext, lnglat) {
|
||||
// 输入提示
|
||||
export function searchFun(mapContext, cityCode, keyword) {
|
||||
return new Promise((resolve) => {
|
||||
mapContext.plugin('AMap.AutoComplete', function(){
|
||||
getAddressForService({
|
||||
city: '',
|
||||
address: keyword
|
||||
}).then((res) => {
|
||||
if(res.code == 200) {
|
||||
resolve(res?.data?.pois || [])
|
||||
} else {
|
||||
resolve([])
|
||||
}
|
||||
}).catch(() => {
|
||||
resolve([])
|
||||
})
|
||||
/*mapContext.plugin('AMap.AutoComplete', function(){
|
||||
var autoOptions = {
|
||||
city: cityCode || '全国',
|
||||
};
|
||||
@ -61,7 +74,7 @@ export function searchFun(mapContext, cityCode, keyword) {
|
||||
resolve([])
|
||||
}
|
||||
})
|
||||
})
|
||||
})*/
|
||||
})
|
||||
}
|
||||
|
||||
|
@ -76,7 +76,7 @@
|
||||
import { Decimal } from 'decimal.js';
|
||||
import { Dialog } from "vant";
|
||||
import { myMixins } from "@/utils/myMixins"
|
||||
import { uploadInvoice, getBillingInfo, deleteInvoice, createBatch } from "@/api/mine"
|
||||
import { uploadInvoice, getBillingInfo, deleteInvoice, createBatch, jumpPage} from "@/api/mine"
|
||||
export default {
|
||||
name: "uploadInvoice",
|
||||
mixins:[ myMixins ],
|
||||
@ -132,6 +132,10 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async getJumpHandler() {
|
||||
let res = await jumpPage();
|
||||
return res
|
||||
},
|
||||
async initData() {
|
||||
this.list = JSON.parse(localStorage.getItem('list'));
|
||||
this.batchIds = [];
|
||||
@ -230,7 +234,12 @@
|
||||
}).catch(() => {
|
||||
});
|
||||
},
|
||||
beforeRead (file) {
|
||||
async beforeRead (file) {
|
||||
let res = await this.getJumpHandler();
|
||||
if(res?.data?.jump) {
|
||||
this.$message.warning("您有没有完成的培训,请在中道调度APP上完成培训,再进行发票上传")
|
||||
return false
|
||||
}
|
||||
const FileExt = file.name.replace(/.+\./, "");
|
||||
if (['jpg', 'png', 'jpeg', 'pdf', 'ofd'].indexOf(FileExt.toLowerCase()) === -1) {
|
||||
this.$toast('请上传后缀名为jpg、jpeg、png、pdf、ofd的文件!')
|
||||
|
@ -84,7 +84,7 @@ export default {
|
||||
color:'rgba(4, 4, 21,0.45)'
|
||||
},
|
||||
detail: {
|
||||
color:this.isStore ? this.bgColor : '#040415',
|
||||
color:this.isStore ? this.bgColor : (this.bgColor || '#040415'),
|
||||
fontSize: this.isStore ? 43 :19,
|
||||
formatter: this.isStore ? '{value}' : '{value}%'
|
||||
}
|
||||
|
@ -39,7 +39,7 @@
|
||||
<van-tabs v-model="active" sticky @click="tabClickHandle">
|
||||
<van-tab v-for="(item,index) in tabArr" :key="index" :title="item.name"></van-tab>
|
||||
<div v-if="isMobile && !([0,1,2,3].includes(active))" class="tipArrow left">{{ leftArr }}</div>
|
||||
<div v-if="isMobile && !([9,10].includes(active))" class="tipArrow right">>>></div>
|
||||
<div v-if="isMobile && !([9,10, 11].includes(active))" class="tipArrow right">>>></div>
|
||||
</van-tabs>
|
||||
<div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0">
|
||||
<div :class="{'reciceOrder':true,'webCom':!isMobile}">
|
||||
@ -51,11 +51,11 @@
|
||||
<div class="itemTitle">承接案件量</div>
|
||||
</div>
|
||||
<div class="center common" @click="clickJumpHandle(5)">
|
||||
<div class="num">{{ indexData && indexData.refuseOrderRate }}%</div>
|
||||
<div class="num" :class="{'numRed': Number(indexData?.refuseOrderRate) >= 5, 'numGreen': Number(indexData?.refuseOrderRate) < 5 }">{{ indexData && indexData.refuseOrderRate }}%</div>
|
||||
<div class="itemTitle" style="cursor: pointer">拒单率 ></div>
|
||||
</div>
|
||||
<div class="right common" @click="clickJumpHandle(6)">
|
||||
<div class="num">{{ indexData && indexData.timeoutOrderRate }}%</div>
|
||||
<div class="num" :class="{'numRed': Number(indexData?.timeoutOrderRate) >= 5, 'numGreen': Number(indexData?.timeoutOrderRate) < 5 }">{{ indexData && indexData.timeoutOrderRate }}%</div>
|
||||
<div class="itemTitle" style="cursor: pointer">超时率 ></div>
|
||||
</div>
|
||||
</div>
|
||||
@ -63,41 +63,39 @@
|
||||
<div :class="{'reciceOrder':true,'webCom':!isMobile,'evaluate':isMobile}">
|
||||
<div class="title">客户评价</div>
|
||||
<div class="reciceOrderIWrap" v-if="indexData">
|
||||
<circle-char ref="Doughnut1" :data="indexData && indexData.complainOrderRate" :title-text="'投诉率'" :bg-color="'#9485ED'"
|
||||
<circle-char ref="Doughnut1" :data="indexData && indexData.complainOrderRate" :title-text="'投诉率'" :bg-color="Number(indexData?.complainOrderRate || 0) <= 0.01 ? 'green' : 'red'"
|
||||
:is-store="false" @clickComplain="clickJumpHandle(7)"></circle-char>
|
||||
<circle-char ref="Doughnut2" :data="indexData && indexData.customerSatisfaction" :title-text="'客户满意度'"
|
||||
:bg-color="'#5DDECF'"></circle-char>
|
||||
<circle-char ref="Doughnut2" :data="indexData && indexData.customerSatisfaction" :title-text="'平安好评率'"
|
||||
:bg-color="Number(indexData?.customerSatisfaction || 0) >= 99.4 ? 'green' : 'red'"></circle-char>
|
||||
<circle-char ref="Doughnut3" :data="indexData && indexData.urgeRate" :title-text="'催促率'"
|
||||
:bg-color="'#FFADAD'"></circle-char>
|
||||
:bg-color="Number(indexData?.urgeRate || 0) >= 3 ? 'red' : 'green'"></circle-char>
|
||||
</div>
|
||||
</div>
|
||||
<div :class="{'reciceOrder':true,'webCom':!isMobile,'appUse':isMobile}">
|
||||
<div class="title">APP使用</div>
|
||||
<div class="reciceOrderIWrap" v-if="indexData">
|
||||
<circle-char ref="Doughnut4" :data="indexData && indexData.appRate" :title-text="'使用率'" :bg-color="'#3AA1FF'"
|
||||
<circle-char ref="Doughnut4" :data="indexData && indexData.appRate" :title-text="'APP使用率'" :bg-color="Number(indexData?.appRate || 0) >= 95 ? 'green' : 'red'"
|
||||
:is-store="false"
|
||||
@clickUse="clickJumpHandle(8)"></circle-char>
|
||||
<circle-char ref="Doughnut5" :data="indexData && indexData.threeMinutesContactRate" :title-text="'3′联系客户率'"
|
||||
:bg-color="'#5D7FD7'"></circle-char>
|
||||
<circle-char ref="Doughnut6" :data="indexData && indexData.polymerizationSuccessRate" :title-text="'总聚合成功率'"
|
||||
:bg-color="'#4ECB73'"></circle-char>
|
||||
<circle-char ref="Doughnut5" :data="indexData && indexData.threeMinutesContactRate" :title-text="'3′联系客户率'" :bg-color="Number(indexData?.threeMinutesContactRate || 0) >= 90 ? 'green' : 'red'"></circle-char>
|
||||
<circle-char ref="Doughnut6" :data="indexData && indexData.polymerizationSuccessRate" :title-text="'总聚合成功率'" :bg-color="Number(indexData?.polymerizationSuccessRate || 0) >= 80 ? 'green' : 'red'"></circle-char>
|
||||
</div>
|
||||
</div>
|
||||
<div :class="{'reciceOrder':true,'webCom':!isMobile}">
|
||||
<div :class="{'title':true,'webTitle':!isMobile}">时效</div>
|
||||
<div class="reciceOrderIWrap">
|
||||
<div class="left common">
|
||||
<div class="num">{{ indexData && indexData.receiving }}</div>
|
||||
<div class="num" :class="{'numRed': Number(indexData?.receiving) > 5, 'numGreen': Number(indexData?.receiving) <= 5 }">{{ indexData && indexData.receiving }}</div>
|
||||
<div class="itemTitle">接单时效(分)</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="center common">
|
||||
<div class="num">{{ indexData && indexData.polymerizationSuccessArriving }}</div>
|
||||
<div class="num" :class="{'numRed': Number(indexData?.polymerizationSuccessArriving) > 22, 'numGreen': Number(indexData?.polymerizationSuccessArriving) <= 22 }">{{ indexData && indexData.polymerizationSuccessArriving }}</div>
|
||||
<div class="itemTitle">集合成功到达时效(分)</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="right common">
|
||||
<div class="num">{{ indexData && indexData.arriving }}</div>
|
||||
<div class="num" :class="{'numRed': Number(indexData?.arriving) > 40, 'numGreen': Number(indexData?.arriving) <= 40 }">{{ indexData && indexData.arriving }}</div>
|
||||
<div class="itemTitle">到达时效(分)</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -111,7 +109,7 @@
|
||||
<i class="el-icon-question" @click.prevent="showScoreChart = !showScoreChart"></i>
|
||||
</div>
|
||||
<div class="storeWrap" v-if="indexData">
|
||||
<circle-char v-show="showScoreChart" ref="Doughnut7" :data="indexData && indexData.score" :bg-color="'#00D273'" :is-store="true"></circle-char>
|
||||
<circle-char v-show="showScoreChart" ref="Doughnut7" :data="indexData && indexData.score" :bg-color="Number(indexData?.score || 0) >= 60 ? 'green' : 'red'" :is-store="true"></circle-char>
|
||||
<div v-show="!showScoreChart" class="detailScore">
|
||||
<div class="left">
|
||||
<div>
|
||||
@ -245,7 +243,7 @@
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[3,6,7,8,9,10].includes(active)">
|
||||
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[3,6,7,8,9,10, 11].includes(active)">
|
||||
<div :class="{'comTab':true,'detailTable':isMobile}">
|
||||
<noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
|
||||
></noFit-table>
|
||||
@ -292,7 +290,7 @@ export default {
|
||||
//
|
||||
tabArr: [
|
||||
{name: '总览'}, {name: '月/总'}, {name: '日/总'},{name: '师傅满意度'},{name: '月/师傅'}, {name: '日/师傅'}, {name: '拒单明细'},
|
||||
{name: '超时明细'}, {name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'}
|
||||
{name: '超时明细'}, {name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'} , {name: '聚合失败案件明细'}
|
||||
],
|
||||
list: [{name: '接单指标'}, {name: '客户评价'}, {name: 'APP使用'}, {name: ' 时效 '}],
|
||||
driverList: [{name: '得分总览'},{name: '接单情况'}, {name: '服务评价'}, {name: 'APP使用情况'}, {name: '时效 '}],
|
||||
@ -312,10 +310,12 @@ export default {
|
||||
v4: [],
|
||||
v5: [],
|
||||
v6: [],
|
||||
v7: [],
|
||||
v8: [],
|
||||
xAxisArr: [],
|
||||
isMobile: false,
|
||||
isZd: '',
|
||||
current:'',
|
||||
current:'2024-10',
|
||||
// current: dayjs(new Date()).format('M'),
|
||||
supplierName:'',
|
||||
value: '1',
|
||||
@ -370,14 +370,19 @@ export default {
|
||||
}
|
||||
},
|
||||
monthChangeHandle(value){
|
||||
console.log('valuevaluevalue', dayjs(new Date(value)).format('YYYY-MM-DD'))
|
||||
if (value) {
|
||||
const year = value.getFullYear();
|
||||
this.current = dayjs(new Date(value)).format('YYYY-MM')
|
||||
const _tempDate = dayjs(new Date(value)).format('YYYY-MM-DD')
|
||||
const lastDay = dayjs(_tempDate).endOf('month');
|
||||
|
||||
/*const year = value.getFullYear();
|
||||
const month = value.getMonth() + 1; // 月份从 0 开始,需要加 1
|
||||
const yearAndMonth = year + '-' + (month > 9 ? month : '0' + month);
|
||||
this.current = dayjs(new Date(yearAndMonth)).format('YYYY-MM')
|
||||
this.startTime = `${year}-${this.padZero(month)}-01 00:00:00`;
|
||||
const lastDay = new Date(year, month, 0).getDate(); // 获取该月的最后一天
|
||||
this.endTime = `${year}-${this.padZero(month)}-${this.padZero(lastDay)} 23:59:59`;
|
||||
this.current = dayjs(new Date(yearAndMonth)).format('YYYY-MM')*/
|
||||
this.startTime = `${this.current}-01 00:00:00`;
|
||||
// const lastDay = new Date(year, month, 0).getDate(); // 获取该月的最后一天
|
||||
this.endTime = `${this.current}-${this.padZero(lastDay.date())} 23:59:59`;
|
||||
this.startMonthTime=this.getStartTimeFromEndTime(this.endTime)
|
||||
console.log(" this.startMonthTime", this.startMonthTime)
|
||||
this.selectSupplierNameHandle();
|
||||
@ -455,6 +460,8 @@ export default {
|
||||
this.v4 = []
|
||||
this.v5 = []
|
||||
this.v6 = []
|
||||
this.v7 = []
|
||||
this.v8 = []
|
||||
this.xAxisArr = []
|
||||
this.etlDetailList=[]
|
||||
this.etlLabelList=[]
|
||||
@ -545,7 +552,7 @@ export default {
|
||||
formatter: '{c}%'
|
||||
},
|
||||
},
|
||||
{
|
||||
/* {
|
||||
name: '客户取消率',
|
||||
type: "line",
|
||||
data: this.v4,
|
||||
@ -556,24 +563,13 @@ export default {
|
||||
position: 'top',
|
||||
formatter: '{c}%'
|
||||
},
|
||||
},
|
||||
},*/
|
||||
]
|
||||
let series2 = [{
|
||||
name: '客户评价率',
|
||||
type: 'line',
|
||||
data: this.v1,
|
||||
smooth: true,
|
||||
yAxisIndex: 0,
|
||||
label: {
|
||||
show: true, // 显示标签
|
||||
position: 'top', // 标签位置在柱形顶部
|
||||
formatter: '{c}%'
|
||||
}
|
||||
},
|
||||
let series2 = [
|
||||
{
|
||||
name: '投诉率',
|
||||
type: "line",
|
||||
data: this.v3,
|
||||
data: this.v2,
|
||||
smooth: true,
|
||||
yAxisIndex: 0,
|
||||
label: {
|
||||
@ -583,10 +579,10 @@ export default {
|
||||
},
|
||||
},
|
||||
{
|
||||
name: '客户满意度',
|
||||
name: '好评率',
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
data: this.v2,
|
||||
data: this.v4,
|
||||
yAxisIndex: 0,
|
||||
label: {
|
||||
show: true,
|
||||
@ -595,7 +591,7 @@ export default {
|
||||
},
|
||||
},
|
||||
]
|
||||
let series3 = [
|
||||
/*let series3 = [
|
||||
{
|
||||
name: 'APP使用率',
|
||||
type: 'line',
|
||||
@ -668,8 +664,8 @@ export default {
|
||||
formatter: '{c}%'
|
||||
},
|
||||
},
|
||||
]
|
||||
let series4 = [{
|
||||
]*/
|
||||
/*let series4 = [{
|
||||
name: '接单时效(分)',
|
||||
type: 'bar',
|
||||
data: this.v1,
|
||||
@ -693,6 +689,19 @@ export default {
|
||||
formatter: '{c}%'
|
||||
},
|
||||
},
|
||||
]*/
|
||||
let series4 = [
|
||||
{
|
||||
name: '接单时效(分)',
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
data: this.v1,
|
||||
yAxisIndex: 0,
|
||||
label: {
|
||||
show: true,
|
||||
position: 'top',
|
||||
},
|
||||
},
|
||||
]
|
||||
let series5 = [{
|
||||
name: '到达时效(分)',
|
||||
@ -747,21 +756,15 @@ export default {
|
||||
formatter: '{value}%'
|
||||
}
|
||||
} ]
|
||||
let yAxis3 = [
|
||||
/*let yAxis3 = [
|
||||
{
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
formatter: '{value}%'
|
||||
}
|
||||
},
|
||||
]
|
||||
]*/
|
||||
let yAxis4 = [
|
||||
{
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
formatter: '{value}%'
|
||||
}
|
||||
},
|
||||
{type: 'value'},
|
||||
]
|
||||
let yAxis5 = [
|
||||
@ -783,8 +786,8 @@ export default {
|
||||
series = series2
|
||||
yAxis = yAxis2
|
||||
} else if (this.activeIndex === 2) {
|
||||
series = series3
|
||||
yAxis = yAxis3
|
||||
series = []
|
||||
yAxis = []
|
||||
} else if (this.activeIndex === 3) {
|
||||
if (this.value == 1) {
|
||||
series = series4
|
||||
@ -797,7 +800,7 @@ export default {
|
||||
}
|
||||
option = {
|
||||
title: {
|
||||
text: this.isMobile ? this.getTitle(this.activeIndex) : '师傅接单时效',
|
||||
text: this.isMobile ? this.getTitle(this.activeIndex) : (this.active === 1 && this.activeIndex === 2) ? '' : '师傅接单时效',
|
||||
textStyle: {
|
||||
fontSize: 12
|
||||
},
|
||||
@ -852,41 +855,32 @@ export default {
|
||||
containLabel: true
|
||||
},
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
formatter: '{value}%'
|
||||
}
|
||||
},
|
||||
{type: 'value'},
|
||||
],
|
||||
series: [{
|
||||
name: '到达时效(分)',
|
||||
type: 'bar',
|
||||
name: '到达时效',
|
||||
type: 'line',
|
||||
data: this.v3,
|
||||
yAxisIndex: 1,
|
||||
yAxisIndex: 0,
|
||||
smooth: true,
|
||||
barWidth: 45,
|
||||
barGap: '0%', // 设置柱子之间的间隔
|
||||
label: {
|
||||
show: true, // 显示标签
|
||||
position: 'top', // 标签位置在柱形顶部
|
||||
}
|
||||
},
|
||||
{
|
||||
name: '聚合成功到达时效',
|
||||
type: 'bar',
|
||||
name: '平安聚合成功到达时效',
|
||||
type: 'line',
|
||||
data: this.v4,
|
||||
yAxisIndex: 1,
|
||||
smooth: true,
|
||||
yAxisIndex: 0,
|
||||
barWidth: 45,
|
||||
barGap: '0%', // 设置柱子之间的间隔
|
||||
label: {
|
||||
show: true, // 显示标签
|
||||
position: 'top', // 标签位置在柱形顶部
|
||||
}
|
||||
},
|
||||
{
|
||||
/*{
|
||||
name: '40分钟到达率',
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
@ -897,7 +891,7 @@ export default {
|
||||
position: 'top',
|
||||
formatter: '{c}%'
|
||||
},
|
||||
},
|
||||
},*/
|
||||
]
|
||||
};
|
||||
option && myChart.setOption(option, true);
|
||||
@ -1032,12 +1026,16 @@ export default {
|
||||
item.timeoutOrderRate=this.formatPercentage(item.timeoutOrderRate) ;
|
||||
item.cancelRate=this.formatPercentage(item.cancelRate) ;
|
||||
item.urgeRate=this.formatPercentage(item.urgeRate) ;
|
||||
item.favorableRate=this.formatPercentage(item.favorableRate) ;
|
||||
item.pinganEvaluateRate = this.formatPercentage(item.pinganEvaluateRate) ;
|
||||
item.complainOrderRate=this.formatPercentage(item.complainOrderRate) ;
|
||||
item.pinganFavorableRate=this.formatPercentage(item.pinganFavorableRate) ;
|
||||
item.customerEvaluateRate=this.formatPercentage(item.customerEvaluateRate) ;
|
||||
item.appRate=this.formatPercentage(item.appRate) ;
|
||||
item.threeMinutesContactRate=this.formatPercentage(item.threeMinutesContactRate) ;
|
||||
item.pinganPolymerizationSuccessRate=this.formatPercentage(item.pinganPolymerizationSuccessRate) ;
|
||||
item.zhonghuaPolymerizationSuccessRate=this.formatPercentage(item.zhonghuaPolymerizationSuccessRate) ;
|
||||
item.wholeJuheSuccessRate = this.formatPercentage(item.wholeJuheSuccessRate) ;
|
||||
item.zdPolymerizationSuccessRate=this.formatPercentage(item.zdPolymerizationSuccessRate) ;
|
||||
item.polymerizationSuccessRate=this.formatPercentage(item.polymerizationSuccessRate) ;
|
||||
item.threeMinutesReceivingRate=this.formatPercentage(item.threeMinutesReceivingRate) ;
|
||||
@ -1119,7 +1117,7 @@ export default {
|
||||
}
|
||||
await this.twoTabHanldeData();
|
||||
}
|
||||
else if ([ 6, 7, 8,9,10].includes(this.active)) {
|
||||
else if ([ 6, 7, 8,9,10, 11].includes(this.active)) {
|
||||
this.detailList = []
|
||||
this.labelList = []
|
||||
let result = await getKpiDetailsData({
|
||||
@ -1140,38 +1138,38 @@ export default {
|
||||
this.labelList = [
|
||||
{label: '案件编号', prop: 'orderCode'},
|
||||
{label: '服务内容', prop: 'serviceName'},
|
||||
{label: '拒单师傅车号', prop: 'plateNumber'},
|
||||
{label: '拒单师傅名称', prop: 'driverName'},
|
||||
{label: '手机号', prop: 'driverPhone'},
|
||||
{label: '上游接单来源', prop: 'workSource'},
|
||||
{label: '中道派单时间', prop: 'dispatchTime'},
|
||||
{label: '拒绝原因', prop: 'reason'},
|
||||
{label: '拒单供应商', prop: 'supplierName'},
|
||||
{label: '拒单车辆名称', prop: 'vehicleName'},
|
||||
{label: '拒单师傅', prop: 'driverName'},
|
||||
{label: '拒绝时间', prop: 'time'},
|
||||
{label: '拒单原因', prop: 'reason'},
|
||||
]
|
||||
} else if (this.active === 7) {//超时明细
|
||||
this.labelList = [
|
||||
{label: '案件编号', prop: 'orderCode'},
|
||||
{label: '服务内容', prop: 'serviceName'},
|
||||
{label: '超时师傅车号', prop: 'plateNumber'},
|
||||
{label: '超时师傅名称', prop: 'driverName'},
|
||||
{label: '手机号', prop: 'driverPhone'},
|
||||
{label: '上游接单来源', prop: 'workSource'},
|
||||
{label: '中道派单时间', prop: 'dispatchTime'},
|
||||
{label: '超时供应商', prop: 'supplierName'},
|
||||
{label: '超时车辆名称', prop: 'vehicleName'},
|
||||
{label: '超时师傅', prop: 'driverName'},
|
||||
{label: '超时时间', prop: 'time'},
|
||||
{label: '超时原因', prop: 'reason'},
|
||||
]
|
||||
} else if (this.active === 8) {//投诉明细
|
||||
this.labelList = [
|
||||
{label: '案件编号', prop: 'orderCode'},
|
||||
{label: '服务内容', prop: 'serviceName'},
|
||||
{label: '接单车号', prop: 'plateNumber'},
|
||||
{label: '接单师傅', prop: 'driverName'},
|
||||
{label: '责任供应商', prop: 'supplierName'},
|
||||
{label: '投诉时间', prop: 'complainCreateTime'},
|
||||
{label: '投诉类型', prop: 'complainTypeString'},
|
||||
{label: '责任供应商扣罚金额', prop: 'compensateFee'},
|
||||
]
|
||||
} else if (this.active === 9) {//不使用App案件明细
|
||||
this.labelList = [
|
||||
{label: '案件编号', prop: 'orderCode'},
|
||||
{label: '服务内容', prop: 'serviceName'},
|
||||
{label: '接单师傅手机号', prop: 'driverPhone'},
|
||||
{label: '工单创建时间', prop: 'orderCreateTime'},
|
||||
{label: '供应商', prop: 'supplierName'},
|
||||
{label: '车辆', prop: 'driverName'},
|
||||
{label: '案件创建时间', prop: 'orderCreateTime'},
|
||||
{label: '事发地', prop: 'vehiclePointAddress'},
|
||||
]
|
||||
} else if (this.active === 10) {//车辆在线情况
|
||||
@ -1184,6 +1182,17 @@ export default {
|
||||
{label: '20点在线车辆数量', prop: 'twentyClockVehicleCount'},
|
||||
{label: '22点在线车辆数量', prop: 'twentyTwoClockVehicleCount'},
|
||||
]
|
||||
} else if (this.active === 11) {//车辆在线情况
|
||||
this.labelList = [
|
||||
{label: '日期', prop: 'date'},
|
||||
{label: '案件编号', prop: 'orderCode'},
|
||||
{label: '服务内容', prop: 'serviceName'},
|
||||
{label: '聚合分类', prop: 'workOrderTypeString'},
|
||||
{label: '聚合供应商', prop: 'supplierName'},
|
||||
{label: '聚合车辆', prop: 'driverName'},
|
||||
{label: '聚合师傅手机号', prop: 'driverPhone'},
|
||||
{label: '创建时间', prop: 'orderCreateTime'},
|
||||
]
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
@ -1200,7 +1209,7 @@ export default {
|
||||
},
|
||||
// 初始化获取当月日期
|
||||
initDate() {
|
||||
let year=''
|
||||
/*let year=''
|
||||
let month=''
|
||||
if( this.current ) {
|
||||
year = new Date(this.current).getFullYear();
|
||||
@ -1212,7 +1221,25 @@ export default {
|
||||
let yearAndMonth = year + '-' + (month > 9 ? month : '0' + month);
|
||||
this.current = dayjs(new Date(yearAndMonth)).format('YYYY-MM')
|
||||
this.startTime = dayjs(new Date()).format('YYYY-MM') + '-01 00:00:00'
|
||||
this.endTime = dayjs(new Date()).format('YYYY-MM') + '-' + this.getDayLen()+' 23:59:59'
|
||||
this.endTime = dayjs(new Date()).format('YYYY-MM') + '-' + this.getDayLen()+' 23:59:59'*/
|
||||
// test
|
||||
let _testDate = new Date('2024-11-01 00:00:01')
|
||||
|
||||
const today = dayjs(_testDate); // 获取当前日期
|
||||
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)
|
||||
console.log(" this.startMonthTime", this.startMonthTime,this.startTime)
|
||||
},
|
||||
@ -1230,13 +1257,15 @@ export default {
|
||||
},
|
||||
//获取近五个月的开始时间
|
||||
getStartTimeFromEndTime(endTimeStr) {
|
||||
const endTime = new Date(endTimeStr);
|
||||
/* const endTime = new Date(endTimeStr);
|
||||
endTime.setMonth(endTime.getMonth() - 5); // 减去5个月
|
||||
const year = endTime.getFullYear();
|
||||
let month = String(endTime.getMonth() + 1).padStart(2, '0'); // 月份+1,并确保为两位数
|
||||
let day = '01'; // 因为我们要的是那个月的第一天
|
||||
const startTimeStr = `${year}-${month}-${day} `+'00:00:00';
|
||||
return startTimeStr;
|
||||
return startTimeStr;*/
|
||||
const startTime = dayjs(endTimeStr).subtract(4, 'month').startOf('month');
|
||||
return startTime.format('YYYY-MM-DD HH:mm:ss');
|
||||
},
|
||||
async changeTab(index) {
|
||||
try {
|
||||
@ -1249,6 +1278,8 @@ export default {
|
||||
this.v4 = []
|
||||
this.v5 = []
|
||||
this.v6 = []
|
||||
this.v7 = []
|
||||
this.v8 = []
|
||||
await this.twoTabHanldeData()
|
||||
this.loadingData = false
|
||||
if (this.active === 1) {
|
||||
@ -1307,39 +1338,43 @@ export default {
|
||||
{label: '取消率(%)', prop: 'cancelRate'},
|
||||
]
|
||||
} else if (this.activeIndex === 1) {
|
||||
this.etlDetailList=[{ 'month': '投诉量' },{ 'month': '投诉率(%)' },{ 'month': '客户满意度(%)' }, { 'month': '客户评价率(%)' }]
|
||||
this.etlDetailList=[{ 'month': '投诉量' },{ 'month': '投诉率(%)' },{ 'month': '平安好评量' }, { 'month': '平安好评率' }]
|
||||
console.log('detailList', this.detailList)
|
||||
let props = 'prop' //自定义字段名称
|
||||
this.detailList?.map((item,index) => {
|
||||
this.v1.push(item.customerEvaluateRate.replace('%', ''))
|
||||
this.v2.push(item.customerSatisfaction.replace('%', ''))
|
||||
this.v3.push(item.complainOrderRate.replace('%', ''))
|
||||
this.v1.push(item.complainOrderCount)
|
||||
this.v2.push(item.complainOrderRate?.replace('%', ''))
|
||||
this.v3.push(item?.pinganFavorableCount)
|
||||
this.v4.push(item.pinganFavorableRate?.replace('%', ''))
|
||||
const columnObj = {}
|
||||
columnObj.label = item.month // 每一列的标题的名称
|
||||
columnObj.prop = props + index //自定义每一列标题字段名称
|
||||
this.etlLabelList.push(columnObj)
|
||||
let mappings = [ 'complainOrderCount', 'complainOrderRate', 'customerSatisfaction','customerEvaluateRate' ];
|
||||
let mappings = [ 'complainOrderCount', 'complainOrderRate', 'pinganFavorableCount','pinganFavorableRate' ];
|
||||
for (let i = 0; i < mappings.length; i++) {
|
||||
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
|
||||
}
|
||||
})
|
||||
this.labelList = [
|
||||
{label: '月', prop: 'month'},
|
||||
{label: '月份', prop: 'month'},
|
||||
{label: '投诉量', prop: 'complainOrderCount'},
|
||||
{label: '投诉率(%)', prop: 'complainOrderRate'},
|
||||
{label: '客户满意度(%)', prop: 'customerSatisfaction'},
|
||||
{label: '客户评价率(%)', prop: 'customerEvaluateRate'},
|
||||
{label: '投诉率', prop: 'complainOrderRate'},
|
||||
{label: '平安好评量', prop: 'pinganFavorableCount'},
|
||||
{label: '平安好评率', prop: 'pinganFavorableRate'},
|
||||
]
|
||||
} else if (this.activeIndex === 2) {
|
||||
this.etlDetailList=[{ 'month': '使用率(%)' },{ 'month': '3′联系客户率(%)' },{ 'month': '平安聚合成功率(%)' }, { 'month': '中华聚合成功率(%)' }
|
||||
,{ 'month': '中道聚合成功率(%' }, { 'month': '总聚合成功率(%)' }]
|
||||
this.etlDetailList=[{ 'month': 'APP使用量' }, { 'month': 'APP使用率' }, { 'month': '平安聚合成功量' },{ 'month': '平安聚合成功率' },
|
||||
{ 'month': '中华联合聚合成功量' }, { 'month': '中华联合聚合成功率' }, { 'month': '整体聚合成功量' }, { 'month': '整体聚合成功率' }]
|
||||
let props = 'prop' //自定义字段名称
|
||||
this.detailList?.map((item,index) => {
|
||||
this.v1.push(item.appRate.replace('%', ''))
|
||||
this.v2.push(item.threeMinutesContactRate.replace('%', ''))
|
||||
this.v3.push(item.pinganPolymerizationSuccessRate.replace('%', ''))
|
||||
this.v4.push(item.zhonghuaPolymerizationSuccessRate.replace('%', ''))
|
||||
this.v5.push(item.zdPolymerizationSuccessRate.replace('%', ''))
|
||||
this.v6.push(item.polymerizationSuccessRate.replace('%', ''))
|
||||
this.v1.push(item.appUseCount)
|
||||
this.v2.push(item.appRate.replace('%', ''))
|
||||
this.v3.push(item.pinganJuheSuccessCount)
|
||||
this.v4.push(item.pinganPolymerizationSuccessRate.replace('%', ''))
|
||||
this.v5.push(item.zhonghuaPolymerizationSuccessCount)
|
||||
this.v6.push(item.zhonghuaPolymerizationSuccessRate.replace('%', ''))
|
||||
this.v7.push(item.wholeJuheSuccessCount)
|
||||
this.v7.push(item.wholeJuheSuccessRate.replace('%', ''))
|
||||
const columnObj = {}
|
||||
columnObj.label = item.month // 每一列的标题的名称
|
||||
columnObj.prop = props + index //自定义每一列标题字段名称
|
||||
@ -1350,16 +1385,18 @@ export default {
|
||||
}
|
||||
})
|
||||
this.labelList = [
|
||||
{label: '月', prop: 'month'},
|
||||
{label: '使用率(%)', prop: 'appRate'},
|
||||
{label: '3′联系客户率(%)', prop: 'threeMinutesContactRate'},
|
||||
{label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'},
|
||||
{label: '中华聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'},
|
||||
{label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'},
|
||||
{label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'},
|
||||
{label: '月份', prop: 'month'},
|
||||
{label: 'APP使用量', prop: 'appUseCount'},
|
||||
{label: 'APP使用率', prop: 'appRate'},
|
||||
{label: '平安聚合成功量', prop: 'pinganJuheSuccessCount'},
|
||||
{label: '平安聚合成功率', prop: 'pinganPolymerizationSuccessRate'},
|
||||
{label: '中华联合聚合成功量', prop: 'zhonghuaPolymerizationSuccessCount'},
|
||||
{label: '中华联合聚合成功率', prop: 'zhonghuaPolymerizationSuccessRate'},
|
||||
{label: '整体聚合成功量', prop: 'wholeJuheSuccessCount'},
|
||||
{label: '整体聚合成功率', prop: 'wholeJuheSuccessRate'},
|
||||
]
|
||||
} else if (this.activeIndex === 3) {
|
||||
this.etlDetailList=[{ 'month': '接单时效(分)' },{ 'month': '3′接单率(%)' },{ 'month': '到达时效(分)' }, { 'month': '40′到达率(%)' },{'month':'聚合成功到达时效(分)'}]
|
||||
this.etlDetailList=[{ 'month': '接单时效' },{ 'month': '3分钟联系客户率' },{ 'month': '到达时效' },{'month':'平安聚合成功到达时效'}]
|
||||
let props = 'prop' //自定义字段名称
|
||||
if (this.isMobile) {
|
||||
if (this.value == 1) {
|
||||
@ -1392,70 +1429,67 @@ export default {
|
||||
if (this.swithVal) {
|
||||
this.detailList?.map(item => {
|
||||
this.v3.push(item.trailArriving)
|
||||
this.v4.push(item.trailPolymerizationSuccessArsriving)
|
||||
this.v5.push(item.trailFortyMinutesArrivalRate ? item.trailFortyMinutesArrivalRate.replace('%', '') : item.trailFortyMinutesArrivalRate)
|
||||
this.v4.push(item.pinganJuheSuccessArriving)
|
||||
// this.v5.push(item.trailFortyMinutesArrivalRate ? item.trailFortyMinutesArrivalRate.replace('%', '') : item.trailFortyMinutesArrivalRate)
|
||||
})
|
||||
} else {
|
||||
this.detailList?.map(item => {
|
||||
this.v3.push(item.minorArriving)
|
||||
this.v4.push(item.minorPolymerizationSuccessArriving)
|
||||
this.v5.push(item.minorFortyMinutesArrivalRate ? item.minorFortyMinutesArrivalRate.replace('%', '') : item.minorFortyMinutesArrivalRate)
|
||||
this.v4.push(item.pinganJuheSuccessArriving)
|
||||
// this.v5.push(item.minorFortyMinutesArrivalRate ? item.minorFortyMinutesArrivalRate.replace('%', '') : item.minorFortyMinutesArrivalRate)
|
||||
})
|
||||
}
|
||||
}
|
||||
this.labelList = [
|
||||
{label: '月', prop: 'month'},
|
||||
{label: '接单时效(分)', prop: 'receiving'},
|
||||
{label: '3′接单率(%)', prop: 'threeMinutesReceivingRate'},
|
||||
{label: '到达时效(分)', prop: 'arriving'},
|
||||
{label: '40′到达率(%)', prop: 'fortyMinutesArrivalRate'},
|
||||
{label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'},
|
||||
{label: '月份', prop: 'month'},
|
||||
{label: '接单时效', prop: 'receiving'},
|
||||
{label: '3分钟联系客户率', prop: 'threeMinutesReceivingRate'},
|
||||
{label: '到达时效', prop: 'arriving'},
|
||||
{label: '平安聚合成功到达时效', prop: 'pinganJuheSuccessArriving'},
|
||||
]
|
||||
}
|
||||
} else if (this.active === 2) {
|
||||
if (this.activeIndex === 0) {//接单指标
|
||||
this.labelList = [
|
||||
{label: '日', prop: 'date'},
|
||||
{label: '派遣案件量', prop: 'dispatchOrderCount'},
|
||||
{label: '承接案件量', prop: 'receiveOrderCount'},
|
||||
{label: '完成量', prop: 'finishOrderCount'},
|
||||
{label: '派单量', prop: 'dispatchOrderCount'},
|
||||
{label: '接单量', prop: 'receiveOrderCount'},
|
||||
// {label: '完成量', prop: 'finishOrderCount'},
|
||||
{label: '拒单量', prop: 'refuseOrderCount'},
|
||||
{label: '拒单率(%)', prop: 'refuseOrderRate'},
|
||||
{label: '超时接单量', prop: 'timeoutOrderCount'},
|
||||
{label: '超时率(%)', prop: 'timeoutOrderRate'},
|
||||
{label: '客户取消率(%)', prop: 'cancelRate'},
|
||||
{label: '拒单率', prop: 'refuseOrderRate'},
|
||||
{label: '超时量', prop: 'timeoutOrderCount'},
|
||||
{label: '超时率', prop: 'timeoutOrderRate'},
|
||||
// {label: '客户取消率(%)', prop: 'cancelRate'},
|
||||
]
|
||||
} else if (this.activeIndex === 1) {
|
||||
this.labelList = [
|
||||
{label: '日', prop: 'date'},
|
||||
{label: '投诉量', prop: 'complainOrderCount'},
|
||||
{label: '投诉率(%)', prop: 'complainOrderRate'},
|
||||
{label: '客户评价率(%)', prop: 'customerEvaluateRate'},
|
||||
{label: '催促率(%)', prop: 'urgeRate'},
|
||||
{label: '投诉率', prop: 'complainOrderRate'},
|
||||
{label: '好评量', prop: 'favorableCount'},
|
||||
{label: '好评率', prop: 'favorableRate'},
|
||||
{label: '平安评价率', prop: 'pinganEvaluateRate'},
|
||||
{label: '平安好评率', prop: 'pinganFavorableRate'},
|
||||
]
|
||||
} else if (this.activeIndex === 2) {
|
||||
this.labelList = [
|
||||
{label: '日', prop: 'date'},
|
||||
{label: '使用率(%)', prop: 'appRate'},
|
||||
{label: '3′联系客户率(%)', prop: 'threeMinutesContactRate'},
|
||||
{label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'},
|
||||
{label: '中华聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'},
|
||||
{label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'},
|
||||
{label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'},
|
||||
{label: 'APP使用量', prop: 'appUseCount'},
|
||||
{label: 'APP使用率', prop: 'appRate'},
|
||||
{label: '平安聚合成功量', prop: 'pinganJuheSuccessCount'},
|
||||
{label: '平安聚合成功率', prop: 'pinganPolymerizationSuccessRate'},
|
||||
{label: '中华联合聚合成功量', prop: 'zhonghuaPolymerizationSuccessCount'},
|
||||
{label: '中华联合聚合成功率', prop: 'zhonghuaPolymerizationSuccessRate'},
|
||||
{label: '整体聚合成功量', prop: 'wholeJuheSuccessCount'},
|
||||
{label: '整体聚合成功率', prop: 'wholeJuheSuccessRate'},
|
||||
]
|
||||
} else if (this.activeIndex === 3) {
|
||||
this.labelList = [
|
||||
{label: '日', prop: 'date'},
|
||||
{label: '接单时效(分)', prop: 'receiving'},
|
||||
{label: '3′接单率(%)', prop: 'threeMinutesReceivingRate'},
|
||||
{label: '小修到达时效(分)', prop: 'minorArriving'},
|
||||
{label: '拖车到达时效(分)', prop: 'trailArriving'},
|
||||
{label: '困境到达时效(分)', prop: 'dilemmaArriving'},
|
||||
{label: '3分钟联系客户率', prop: 'threeMinutesReceivingRate'},
|
||||
{label: '到达时效(分)', prop: 'arriving'},
|
||||
{label: '40′到达率(%)', prop: 'fortyMinutesArrivalRate'},
|
||||
{label: '小修聚合成功到达时效(分)', prop: 'minorPolymerizationSuccessArriving'},
|
||||
{label: '拖车聚合成功到达时效(分)', prop: 'trailPolymerizationSuccessArriving'},
|
||||
{label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'},
|
||||
{label: '平安聚合成功到达时效(分)', prop: 'pinganJuheSuccessArriving'},
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -1584,6 +1618,7 @@ export default {
|
||||
checkMobile() {
|
||||
const userAgent = navigator.userAgent || navigator.vendor || window.opera;
|
||||
this.isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
|
||||
// this.isMobile = true
|
||||
},
|
||||
setType(type) {
|
||||
switch (type) {
|
||||
@ -1597,6 +1632,8 @@ export default {
|
||||
return 4;
|
||||
case 10:
|
||||
return 5;
|
||||
case 11:
|
||||
return 6;
|
||||
}
|
||||
},
|
||||
getTitle(type) {
|
||||
@ -2049,4 +2086,10 @@ export default {
|
||||
line-height: 1 !important;
|
||||
}
|
||||
}
|
||||
.numRed {
|
||||
color: red !important;
|
||||
}
|
||||
.numGreen {
|
||||
color: green !important;
|
||||
}
|
||||
</style>
|
||||
|
199
src/views/liabilityInsurance/insuredPage.vue
Normal file
199
src/views/liabilityInsurance/insuredPage.vue
Normal file
@ -0,0 +1,199 @@
|
||||
<template>
|
||||
<div class="wrap">
|
||||
<div class="navBar">
|
||||
<van-nav-bar
|
||||
title="参保救援职业责任险"
|
||||
left-arrow
|
||||
left-arrow-color="#FFFFFF"
|
||||
:border="false"
|
||||
:fixed="true"
|
||||
:safe-area-inset-top="true"
|
||||
@click-left="goBack"
|
||||
/>
|
||||
</div>
|
||||
<div class="contentWrap">
|
||||
<div>
|
||||
为降低日常救援工作中的不可预期的车损赔付带来的运营风险和资金压力,减少由此衍生而来的可能投诉,顺应行业服务标准不断增长的局势,中道救援自有车辆已全部投保了救援职业责任险。
|
||||
</div>
|
||||
<div>
|
||||
通过日常的交流了解,此险种对于服务商而言,投保相对较难,很多服务商在无投保渠道的情况下选择了对于我们救援场景保障能力稍弱、不太匹配的货物险,从而从形成了现在很多救援车无保障、或者特殊场景货物险理赔难的局面。
|
||||
</div>
|
||||
<div>
|
||||
为此中道救援经过与保司沟通协调,特为与中道救援合作紧密的服务商,提供救援职业责任险参保渠道,提升服务商服务能力,降低运营风险,实现共同进步。
|
||||
</div>
|
||||
<div>一、救援职业责任险简介:</div>
|
||||
<div>1、综合保额50万元,可全方位覆盖我们日常的经营活动。</div>
|
||||
<div> 2、保费支付可采用救援服务费抵扣的方式,降低资金压力。</div>
|
||||
<div> 3、详细保险条款、保费和其他问题,如需了解,请与辖区区域经理联系。</div>
|
||||
<div> 二、其他意见建议如需交流,请与18621558505曲仁杰联系。</div>
|
||||
<div> 三、如确认参保,请点击下方“参保”按钮,会有专人与贵司联系。</div>
|
||||
</div>
|
||||
<div class="upload_btn_wrap">
|
||||
<div class="btn_save" @click="showPoup = true">参保</div>
|
||||
</div>
|
||||
<div class="poupCommon" v-if="showPoup">
|
||||
<div class="showPoupContainer">
|
||||
<img class="insured" src="@/assets/insured-jianbian.png">
|
||||
<img class="insure" src="@/assets/insured.png">
|
||||
<div class="con">
|
||||
<div class="title">请确认</div>
|
||||
<div class="title">是否参保救援职业责任险</div>
|
||||
<div class="btnWrap">
|
||||
<div class="btn confirmBtn" @click="saveHandle">确认</div>
|
||||
<div class="btn closeBtn" @click="showPoup = false">取消</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {myMixins} from "@/utils/myMixins"
|
||||
import {sendInsuranceEmail} from "@/api/mine"
|
||||
export default {
|
||||
name: "insuredPage",
|
||||
mixins: [myMixins],
|
||||
data() {
|
||||
return {
|
||||
showPoup: false,
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
async saveHandle() {
|
||||
await sendInsuranceEmail();
|
||||
this.$toast('操作成功');
|
||||
this.showPoup=false
|
||||
setTimeout(()=>{
|
||||
this.goBack()
|
||||
},1500)
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import "@/styles/mixin.scss";
|
||||
@import "@/styles/common.scss";
|
||||
|
||||
.wrap {
|
||||
@include wh(100%, 100%);
|
||||
background-color: #F4F5F7;
|
||||
overflow-y: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.navBar {
|
||||
height: 46px;
|
||||
}
|
||||
|
||||
.contentWrap {
|
||||
padding-top: 15px;
|
||||
|
||||
div {
|
||||
padding: 0 18px;
|
||||
line-height: 22px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.upload_btn_wrap {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
padding: 15px 30px;
|
||||
display: flex;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
line-height: 40px;
|
||||
div {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
flex: 1;
|
||||
}
|
||||
.btn_save {
|
||||
background: #354D93;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.poupCommon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, .7);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
.showPoupContainer {
|
||||
width: 290px;
|
||||
height: 242px;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 12px;
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
.con {
|
||||
top: 80px !important;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-top: 60px;
|
||||
}
|
||||
.title {
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
color: #040404;
|
||||
line-height: 28px;
|
||||
}
|
||||
.insure {
|
||||
width: 78px;
|
||||
height: 78px;
|
||||
position: absolute;
|
||||
z-index: 11;
|
||||
top: -34px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.insured {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
.btnWrap {
|
||||
margin-top: 36px;
|
||||
text-align: center;
|
||||
.btn{
|
||||
width: 174px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
border-radius: 23px;
|
||||
}
|
||||
.closeBtn {
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #2C4155;
|
||||
opacity: .6;
|
||||
}
|
||||
.confirmBtn {
|
||||
font-weight: 500;
|
||||
font-size: 15px;
|
||||
background: #F1BA63;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
@ -90,7 +90,7 @@
|
||||
}
|
||||
let activeObj = this.addressList[this.activeIndex];
|
||||
let _tempObj = {
|
||||
startPoiAddress: activeObj?.district + activeObj?.address + activeObj?.name,
|
||||
startPoiAddress: activeObj?.address + activeObj?.name,
|
||||
startLat: activeObj?.location?.lat,
|
||||
startLng: activeObj?.location?.lng,
|
||||
adCode: activeObj?.adcode,
|
||||
|
Reference in New Issue
Block a user