|
@@ -20,7 +20,7 @@
|
|
|
detailData?.order?.orderStatus
|
|
detailData?.order?.orderStatus
|
|
|
=== '5' ? '已承保' : detailData?.order?.orderStatus === '6' ? '计算保费失败,请按要求修改订单' :
|
|
=== '5' ? '已承保' : detailData?.order?.orderStatus === '6' ? '计算保费失败,请按要求修改订单' :
|
|
|
detailData?.order?.orderStatus ===
|
|
detailData?.order?.orderStatus ===
|
|
|
- '7' ? '核保不通过,请按意见修改订单' : detailData?.order?.orderStatus === '8'?'订单已关闭,有投保需求请重新报价':'--' }}</span>
|
|
|
|
|
|
|
+ '7' ? '核保不通过,请按意见修改订单' : detailData?.order?.orderStatus === '8' ? '订单已关闭,有投保需求请重新报价' : '--' }}</span>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
@@ -33,10 +33,10 @@
|
|
|
<div class="infoBox">
|
|
<div class="infoBox">
|
|
|
<!-- 批单状态 = 待审核 -->
|
|
<!-- 批单状态 = 待审核 -->
|
|
|
<div class="name" v-if="detailData?.insOrderAdjustVo.status === 1">{{
|
|
<div class="name" v-if="detailData?.insOrderAdjustVo.status === 1">{{
|
|
|
- `订单申请${detailData?.insOrderAdjustVo.type === 0 ? '整单退保' : '险种批改' },等待审核处理` }}</div>
|
|
|
|
|
|
|
+ `订单申请${detailData?.insOrderAdjustVo.type === 0 ? '整单退保' : '险种批改'},等待审核处理` }}</div>
|
|
|
<!-- 批单状态 = 退回修改 -->
|
|
<!-- 批单状态 = 退回修改 -->
|
|
|
<div class="name" v-if="detailData?.insOrderAdjustVo.status === 3">{{
|
|
<div class="name" v-if="detailData?.insOrderAdjustVo.status === 3">{{
|
|
|
- `订单申请${detailData?.insOrderAdjustVo.type === 0 ? '整单退保' : '险种批改' }被退回,等修改后重新提交审核` }}</div>
|
|
|
|
|
|
|
+ `订单申请${detailData?.insOrderAdjustVo.type === 0 ? '整单退保' : '险种批改'}被退回,等修改后重新提交审核` }}</div>
|
|
|
<div class="desc" style="color: var(--el-text-color-regular)">
|
|
<div class="desc" style="color: var(--el-text-color-regular)">
|
|
|
{{ `申请批改${handleCompute(detailData?.insOrderAdjustVo.afterPremium, detailData?.insOrderAdjustVo.premium)
|
|
{{ `申请批改${handleCompute(detailData?.insOrderAdjustVo.afterPremium, detailData?.insOrderAdjustVo.premium)
|
|
|
> 0 ? '补缴保费金额' : '退款金额'}:¥${Math.abs(handleCompute(detailData?.insOrderAdjustVo.afterPremium,
|
|
> 0 ? '补缴保费金额' : '退款金额'}:¥${Math.abs(handleCompute(detailData?.insOrderAdjustVo.afterPremium,
|
|
@@ -68,8 +68,8 @@
|
|
|
<span class="words">{{ detailData?.salesmanInfo?.typeAttr == '5' ? '团队' : detailData?.salesmanInfo?.typeAttr
|
|
<span class="words">{{ detailData?.salesmanInfo?.typeAttr == '5' ? '团队' : detailData?.salesmanInfo?.typeAttr
|
|
|
==
|
|
==
|
|
|
'6' ? '个代' : detailData?.salesmanInfo?.typeAttr == '7' ? '渠道' : detailData?.salesmanInfo?.typeAttr == '8'
|
|
'6' ? '个代' : detailData?.salesmanInfo?.typeAttr == '7' ? '渠道' : detailData?.salesmanInfo?.typeAttr == '8'
|
|
|
- ?'电销组':'--'
|
|
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ ? '电销组' : '--'
|
|
|
|
|
+ }}</span>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
<el-col :span="6">
|
|
|
<span class="label">归属</span>
|
|
<span class="label">归属</span>
|
|
@@ -79,14 +79,14 @@
|
|
|
<span class="label">出单协议</span>
|
|
<span class="label">出单协议</span>
|
|
|
<span class="words" style="color: #00a0f4" @click="toAgreementDetail">{{ detailData?.order?.agreementName ||
|
|
<span class="words" style="color: #00a0f4" @click="toAgreementDetail">{{ detailData?.order?.agreementName ||
|
|
|
'--'
|
|
'--'
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ }}</span>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
<el-col :span="6">
|
|
|
<span class="label">协议类型</span>
|
|
<span class="label">协议类型</span>
|
|
|
<span class="words">{{ detailData?.order?.agreementType === '1' ? '平台协议-平台结算' :
|
|
<span class="words">{{ detailData?.order?.agreementType === '1' ? '平台协议-平台结算' :
|
|
|
detailData?.order?.agreementType
|
|
detailData?.order?.agreementType
|
|
|
===
|
|
===
|
|
|
- '2' ? '私有协议-自行结算' : detailData?.order?.agreementType === '3' ?'网销协议-自行结算':'--' }}</span>
|
|
|
|
|
|
|
+ '2' ? '私有协议-自行结算' : detailData?.order?.agreementType === '3' ? '网销协议-自行结算' : '--' }}</span>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
<el-col :span="6">
|
|
|
<span class="label">录单人</span>
|
|
<span class="label">录单人</span>
|
|
@@ -109,11 +109,13 @@
|
|
|
<span class="words">{{ detailData?.order?.payTime || '--' }}</span>
|
|
<span class="words">{{ detailData?.order?.payTime || '--' }}</span>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
- <div class="tipsList">
|
|
|
|
|
- <div class="tipsItem" :class="{ 'active': tipsIndex === index }" v-for="(item, index) in tipsList" :key="index"
|
|
|
|
|
- @click="handleTipsIndexChange(item, index)">
|
|
|
|
|
- <img :src="item.url" />
|
|
|
|
|
- <span class="tipsName">{{ item.name }}</span>
|
|
|
|
|
|
|
+ <div class="p-[0_24px]">
|
|
|
|
|
+ <div class="tipsList">
|
|
|
|
|
+ <div class="tipsItem" :class="{ 'active': tipsIndex === index }" v-for="(item, index) in tipsList"
|
|
|
|
|
+ :key="index" @click="handleTipsIndexChange(item, index)">
|
|
|
|
|
+ <img :src="item.url" />
|
|
|
|
|
+ <span class="tipsName">{{ item.name }}</span>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -205,7 +207,7 @@
|
|
|
<div class="taxList">
|
|
<div class="taxList">
|
|
|
<span class="taxItem" :class="{ 'active': item.bool }" v-for="(item, index) in taxList" :key="index">{{
|
|
<span class="taxItem" :class="{ 'active': item.bool }" v-for="(item, index) in taxList" :key="index">{{
|
|
|
item.name
|
|
item.name
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
@@ -338,7 +340,7 @@
|
|
|
<span class="value">{{ detailData?.carInfoVo?.isRegistered == '0' ? '已上牌' :
|
|
<span class="value">{{ detailData?.carInfoVo?.isRegistered == '0' ? '已上牌' :
|
|
|
detailData?.carInfoVo?.isRegistered
|
|
detailData?.carInfoVo?.isRegistered
|
|
|
==
|
|
==
|
|
|
- '1' ?'未上牌':'--' }}</span>
|
|
|
|
|
|
|
+ '1' ? '未上牌' : '--' }}</span>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="6" class="carMsgItem">
|
|
<el-col :span="6" class="carMsgItem">
|
|
|
<span class="label">车牌</span>
|
|
<span class="label">车牌</span>
|
|
@@ -360,12 +362,12 @@
|
|
|
<el-col :span="6" class="carMsgItem">
|
|
<el-col :span="6" class="carMsgItem">
|
|
|
<span class="label">使用性质</span>
|
|
<span class="label">使用性质</span>
|
|
|
<span class="value">{{ dictChange(optionObj['car_nature_code'], detailData?.carInfoVo?.carNatureCode)
|
|
<span class="value">{{ dictChange(optionObj['car_nature_code'], detailData?.carInfoVo?.carNatureCode)
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ }}</span>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="6" class="carMsgItem">
|
|
<el-col :span="6" class="carMsgItem">
|
|
|
<span class="label">车辆用途</span>
|
|
<span class="label">车辆用途</span>
|
|
|
<span class="value">{{ dictChange(optionObj['vehicle_use_code'], detailData?.carInfoVo?.vehicleUseCode)
|
|
<span class="value">{{ dictChange(optionObj['vehicle_use_code'], detailData?.carInfoVo?.vehicleUseCode)
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ }}</span>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="6" class="carMsgItem">
|
|
<el-col :span="6" class="carMsgItem">
|
|
|
<span class="label">车辆种类</span>
|
|
<span class="label">车辆种类</span>
|
|
@@ -374,12 +376,12 @@
|
|
|
<el-col :span="6" class="carMsgItem">
|
|
<el-col :span="6" class="carMsgItem">
|
|
|
<span class="label">车辆类型</span>
|
|
<span class="label">车辆类型</span>
|
|
|
<span class="value">{{ dictChange(optionObj['car_type_code'], detailData?.carInfoVo?.carTypeCode)
|
|
<span class="value">{{ dictChange(optionObj['car_type_code'], detailData?.carInfoVo?.carTypeCode)
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ }}</span>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="6" class="carMsgItem">
|
|
<el-col :span="6" class="carMsgItem">
|
|
|
<span class="label">能源种类</span>
|
|
<span class="label">能源种类</span>
|
|
|
<span class="value">{{ dictChange(optionObj['energy_type_code'], detailData?.carInfoVo?.energyTypeCode)
|
|
<span class="value">{{ dictChange(optionObj['energy_type_code'], detailData?.carInfoVo?.energyTypeCode)
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ }}</span>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="6" class="carMsgItem">
|
|
<el-col :span="6" class="carMsgItem">
|
|
|
<span class="label">注册日期</span>
|
|
<span class="label">注册日期</span>
|
|
@@ -485,7 +487,7 @@
|
|
|
<div class="taxList">
|
|
<div class="taxList">
|
|
|
<span class="taxItem" :class="{ 'active': item.bool }" v-for="(item, index) in tbList" :key="index">{{
|
|
<span class="taxItem" :class="{ 'active': item.bool }" v-for="(item, index) in tbList" :key="index">{{
|
|
|
item.name
|
|
item.name
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<el-row :gutter="20" v-if="!tbList[0].bool">
|
|
<el-row :gutter="20" v-if="!tbList[0].bool">
|
|
@@ -549,7 +551,7 @@
|
|
|
<div class="taxList">
|
|
<div class="taxList">
|
|
|
<span class="taxItem" :class="{ 'active': item.bool }" v-for="(item, index) in bbList" :key="index">{{
|
|
<span class="taxItem" :class="{ 'active': item.bool }" v-for="(item, index) in bbList" :key="index">{{
|
|
|
item.name
|
|
item.name
|
|
|
- }}</span>
|
|
|
|
|
|
|
+ }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<el-row :gutter="20" v-if="!bbList[0].bool && !bbList[1].bool">
|
|
<el-row :gutter="20" v-if="!bbList[0].bool && !bbList[1].bool">
|
|
@@ -1684,12 +1686,12 @@ const getQuoteNumber = (licenseNo, vinNo, engineNo) => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/** 根据路由参数 jumpType 跳转至对应的提示项,并触发提示切换处理 */
|
|
/** 根据路由参数 jumpType 跳转至对应的提示项,并触发提示切换处理 */
|
|
|
-const jumpFn=()=>{
|
|
|
|
|
- const jumpType= myRoute.query.jumpType
|
|
|
|
|
- if(!jumpType) return
|
|
|
|
|
- const obj=tipsList.value.find(v=>v.id===jumpType)
|
|
|
|
|
- const index=tipsList.value.findIndex(v=>v.id===jumpType)
|
|
|
|
|
- handleTipsIndexChange(obj,index)
|
|
|
|
|
|
|
+const jumpFn = () => {
|
|
|
|
|
+ const jumpType = myRoute.query.jumpType
|
|
|
|
|
+ if (!jumpType) return
|
|
|
|
|
+ const obj = tipsList.value.find(v => v.id === jumpType)
|
|
|
|
|
+ const index = tipsList.value.findIndex(v => v.id === jumpType)
|
|
|
|
|
+ handleTipsIndexChange(obj, index)
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// 获取详情
|
|
// 获取详情
|
|
@@ -1754,7 +1756,7 @@ const initDetail = () => {
|
|
|
}
|
|
}
|
|
|
imageEcho(res.data.order.quoteNo)
|
|
imageEcho(res.data.order.quoteNo)
|
|
|
|
|
|
|
|
- nextTick(()=>jumpFn())
|
|
|
|
|
|
|
+ nextTick(() => jumpFn())
|
|
|
// if (res.data.imageVoList && res.data.imageVoList.length > 0) {
|
|
// if (res.data.imageVoList && res.data.imageVoList.length > 0) {
|
|
|
// images.value = res.data.imageVoList.map(a => {
|
|
// images.value = res.data.imageVoList.map(a => {
|
|
|
// return {
|
|
// return {
|
|
@@ -2137,7 +2139,7 @@ onMounted(() => {
|
|
|
|
|
|
|
|
.tipsList {
|
|
.tipsList {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- padding: 12px 24px;
|
|
|
|
|
|
|
+ padding: 12px 0;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
@@ -2152,6 +2154,12 @@ onMounted(() => {
|
|
|
padding: 4px 18px;
|
|
padding: 4px 18px;
|
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
|
border: 1px solid #EEEEEE;
|
|
border: 1px solid #EEEEEE;
|
|
|
|
|
+ margin-right: 20px;
|
|
|
|
|
+
|
|
|
|
|
+ &:last-of-type {
|
|
|
|
|
+ margin-right: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
img {
|
|
img {
|