filter
|
Before Width: | Height: | Size: 376 B After Width: | Height: | Size: 778 B |
|
Before Width: | Height: | Size: 712 B After Width: | Height: | Size: 778 B |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 54 KiB |
BIN
src/assets/images/product_item2.png
Normal file
|
After Width: | Height: | Size: 90 KiB |
BIN
src/assets/images/productdetailB.png
Normal file
|
After Width: | Height: | Size: 606 KiB |
BIN
src/assets/images/productdetailyear.png
Normal file
|
After Width: | Height: | Size: 405 KiB |
@@ -31,7 +31,8 @@ service.interceptors.request.use(
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
config.headers['token'] = window.localStorage.getItem('token')
|
// config.headers['token'] = window.localStorage.getItem('token')
|
||||||
|
config.headers['token'] = '507e5ff426364e95b22cd4c1e22f427f'
|
||||||
return config
|
return config
|
||||||
},
|
},
|
||||||
error => {
|
error => {
|
||||||
|
|||||||
@@ -263,7 +263,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.bg-green-dark {
|
.bg-green-dark {
|
||||||
background: #4fc6b3 !important;
|
background: #E9332E !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-blue-dark {
|
.bg-blue-dark {
|
||||||
|
|||||||
@@ -429,7 +429,7 @@ export default {
|
|||||||
Dialog.confirm({
|
Dialog.confirm({
|
||||||
title: '提示',
|
title: '提示',
|
||||||
message: '确认删除该险种?',
|
message: '确认删除该险种?',
|
||||||
cancelButtonColor: '#4FC6B3',
|
cancelButtonColor: '#E9332E',
|
||||||
confirmButtonColor: '#FFFFFF',
|
confirmButtonColor: '#FFFFFF',
|
||||||
className: 'dialog-delete'
|
className: 'dialog-delete'
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="pl45 flex mv10" v-for="(addtion, addIndex) in item.addtion" :key="addIndex">
|
<div class="pl45 flex mv10" v-for="(addtion, addIndex) in item.addtion" :key="addIndex">
|
||||||
<div class="w50">
|
<div class="w50">
|
||||||
<van-tag mark color="#DDF2EF" text-color="#4FC6B3">附加</van-tag>
|
<van-tag mark color="#DDF2EF" text-color="#E9332E">附加</van-tag>
|
||||||
</div>
|
</div>
|
||||||
<div class="fs13">
|
<div class="fs13">
|
||||||
{{ addtion.riskName }}
|
{{ addtion.riskName }}
|
||||||
@@ -141,7 +141,7 @@ export default {
|
|||||||
className: 'dialog-delete',
|
className: 'dialog-delete',
|
||||||
title: '提示',
|
title: '提示',
|
||||||
message: '您确认要删除该产品信息吗?',
|
message: '您确认要删除该产品信息吗?',
|
||||||
cancelButtonColor: '#4FC6B3',
|
cancelButtonColor: '#E9332E',
|
||||||
confirmButtonColor: '#FFFFFF'
|
confirmButtonColor: '#FFFFFF'
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
|
|||||||
@@ -133,7 +133,7 @@ export default {
|
|||||||
className: 'dialog-delete',
|
className: 'dialog-delete',
|
||||||
title: '提示',
|
title: '提示',
|
||||||
message: '确认删除当前客户?',
|
message: '确认删除当前客户?',
|
||||||
cancelButtonColor: '#4FC6B3',
|
cancelButtonColor: '#E9332E',
|
||||||
confirmButtonColor: '#FFFFFF'
|
confirmButtonColor: '#FFFFFF'
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
|
|||||||
@@ -387,7 +387,7 @@ export default {
|
|||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
color: #333;
|
color: #333;
|
||||||
&.active {
|
&.active {
|
||||||
background: #4fc6b3;
|
background: E9332E;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
@@ -410,7 +410,7 @@ export default {
|
|||||||
border: none !important;
|
border: none !important;
|
||||||
}
|
}
|
||||||
button:first-child {
|
button:first-child {
|
||||||
color: #4fc6b3;
|
color: E9332E;
|
||||||
background: #bbe2ef !important;
|
background: #bbe2ef !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -30,10 +30,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="pcenter-list">
|
<div class="pcenter-list">
|
||||||
<div class="pcenter-item text-center">
|
<div class="pcenter-item text-center">
|
||||||
<img :src="$assetsUrl + 'images/pic_chanpin-1.png'" class="w365 h130" alt="" @click="goDetail('DCRSPRO_M0001')" />
|
<img :src="$assetsUrl + 'images/pic_chanpin-1.png'" class="w365" alt="" @click="goDetail('GFRS_M0002')" />
|
||||||
</div>
|
</div>
|
||||||
<div class="pcenter-item text-center">
|
<div class="pcenter-item text-center">
|
||||||
<img class="w365 h130" :src="$assetsUrl + 'images/pic_chanpin-2.png'" alt="" @click="goDetail('DCRSPRO_M0002')" />
|
<img class="w365 " :src="$assetsUrl + 'images/pic_chanpin-2.png'" alt="" @click="goDetail('GFRS_M0001')" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -29,9 +29,9 @@
|
|||||||
<div class="product-list-risk-container mt10 flex justify-content-s">
|
<div class="product-list-risk-container mt10 flex justify-content-s">
|
||||||
<van-tag
|
<van-tag
|
||||||
:active="isActive[idx]"
|
:active="isActive[idx]"
|
||||||
class="ml8 mr8 mb10 pt6 pb6 pl10 pr10 fs13"
|
class="ml2 mr2 mb10 pt6 pb6 pl10 pr10 fs13"
|
||||||
size="large"
|
size="large"
|
||||||
:color="isActive[idx] ? '#4fc6b3' : '#eaeaea'"
|
:color="isActive[idx] ? '#E9332E' : '#eaeaea'"
|
||||||
:text-color="isActive[idx] ? '#fff' : '#333'"
|
:text-color="isActive[idx] ? '#fff' : '#333'"
|
||||||
v-for="(ele, idx) in item.content"
|
v-for="(ele, idx) in item.content"
|
||||||
:key="idx"
|
:key="idx"
|
||||||
@@ -42,7 +42,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="bottom-area bottom-btn">
|
<div class="bottom-area bottom-btn">
|
||||||
<van-button class="m-btn fr" type="danger" @click="submit">确定</van-button>
|
<van-button class="m-btn fr" type="danger" @click="submit">确定</van-button>
|
||||||
<van-button class="m-btn fr green" @click="reset">重置</van-button>
|
<van-button class="m-btn fr green" color="#FEEFD8" @click="reset">重置</van-button>
|
||||||
</div>
|
</div>
|
||||||
</van-popup>
|
</van-popup>
|
||||||
</div>
|
</div>
|
||||||
@@ -120,6 +120,10 @@ export default {
|
|||||||
console.log(res)
|
console.log(res)
|
||||||
if (res.result == 0) {
|
if (res.result == 0) {
|
||||||
this.risks = res.categorys
|
this.risks = res.categorys
|
||||||
|
this.risks[0].content.push({
|
||||||
|
name:"全部",
|
||||||
|
code:''
|
||||||
|
})
|
||||||
// this.label = res.categorys[0].label
|
// this.label = res.categorys[0].label
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -142,7 +146,11 @@ export default {
|
|||||||
|
|
||||||
// 根据选中险别对产品列表进行筛选
|
// 根据选中险别对产品列表进行筛选
|
||||||
this.list = this.proList.filter(item => {
|
this.list = this.proList.filter(item => {
|
||||||
return item.categoryCode.indexOf(this.risk) != -1
|
if(this.risk==''){
|
||||||
|
return item
|
||||||
|
}else{
|
||||||
|
return item.categoryCode.indexOf(this.risk) != -1
|
||||||
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
toggleActive(item, idx) {
|
toggleActive(item, idx) {
|
||||||
@@ -211,7 +219,7 @@ export default {
|
|||||||
}
|
}
|
||||||
/deep/.van-button--default {
|
/deep/.van-button--default {
|
||||||
background-color: #d4f4ec;
|
background-color: #d4f4ec;
|
||||||
color: #4fc6b3;
|
color: #E9332E;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<img class="mt15 w20" src="@/assets/images/icon_logo.png" />
|
<img class="mt15 w20" src="@/assets/images/icon_logo.png" />
|
||||||
<van-divider class="fs15" :style="{ color: '#4FC6B3', borderColor: '#4FC6B3' }">
|
<van-divider class="fs15" :style="{ color: '#E9332E', borderColor: '#E9332E' }">
|
||||||
被保险人信息
|
被保险人信息
|
||||||
</van-divider>
|
</van-divider>
|
||||||
</div>
|
</div>
|
||||||
@@ -47,7 +47,7 @@
|
|||||||
</van-row>
|
</van-row>
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<img class="mt30 w20" src="@/assets/images/icon_logo.png" />
|
<img class="mt30 w20" src="@/assets/images/icon_logo.png" />
|
||||||
<van-divider class="fs15" :style="{ color: '#4FC6B3', borderColor: '#4FC6B3' }">
|
<van-divider class="fs15" :style="{ color: '#E9332E', borderColor: '#E9332E' }">
|
||||||
投保险种信息
|
投保险种信息
|
||||||
</van-divider>
|
</van-divider>
|
||||||
</div>
|
</div>
|
||||||
@@ -79,14 +79,14 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<img class="mt30 w20" src="@/assets/images/icon_logo.png" />
|
<img class="mt30 w20" src="@/assets/images/icon_logo.png" />
|
||||||
<van-divider class="fs15" :style="{ color: '#4FC6B3', borderColor: '#4FC6B3' }">
|
<van-divider class="fs15" :style="{ color: '#E9332E', borderColor: '#E9332E' }">
|
||||||
产品特色
|
产品特色
|
||||||
</van-divider>
|
</van-divider>
|
||||||
<div class="bg-green-base c-gray-darker p15 " v-html="insured.productFeatures"></div>
|
<div class="bg-green-base c-gray-darker p15 " v-html="insured.productFeatures"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<img class="mt30 w20" src="@/assets/images/icon_logo.png" />
|
<img class="mt30 w20" src="@/assets/images/icon_logo.png" />
|
||||||
<van-divider class="fs15" :style="{ color: '#4FC6B3', borderColor: '#4FC6B3' }">
|
<van-divider class="fs15" :style="{ color: '#E9332E', borderColor: '#E9332E' }">
|
||||||
利益演算
|
利益演算
|
||||||
</van-divider>
|
</van-divider>
|
||||||
</div>
|
</div>
|
||||||
@@ -119,7 +119,7 @@
|
|||||||
<img class="w20" @click="reduce(risk)" src="@/assets/images/lessen.png" />
|
<img class="w20" @click="reduce(risk)" src="@/assets/images/lessen.png" />
|
||||||
<van-slider
|
<van-slider
|
||||||
class="w220"
|
class="w220"
|
||||||
active-color="#4fc6b3"
|
active-color="#E9332E"
|
||||||
inactive-color="#fff"
|
inactive-color="#fff"
|
||||||
:min="1"
|
:min="1"
|
||||||
:max="risk.policyYear"
|
:max="risk.policyYear"
|
||||||
|
|||||||
@@ -245,7 +245,7 @@ export default {
|
|||||||
className: 'dialog-delete',
|
className: 'dialog-delete',
|
||||||
title: '提示',
|
title: '提示',
|
||||||
message: '当前信息已经发生改变,有可能影响险种费率,是否确认修改并清除险种信息?',
|
message: '当前信息已经发生改变,有可能影响险种费率,是否确认修改并清除险种信息?',
|
||||||
cancelButtonColor: '#4FC6B3',
|
cancelButtonColor: '#E9332E',
|
||||||
confirmButtonColor: '#FFFFFF'
|
confirmButtonColor: '#FFFFFF'
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="proposal-list-container">
|
<div class="proposal-list-container">
|
||||||
<van-sticky>
|
<van-sticky>
|
||||||
<van-tabs :line-width="45" title-inactive-color="#999999" v-model="active" @change="tabChange" title-active-color="#4fc6b3">
|
<van-tabs :line-width="45" title-inactive-color="#999999" v-model="active" @change="tabChange" title-active-color="#E9332E">
|
||||||
<van-tab title="制作中" name="1"></van-tab>
|
<van-tab title="制作中" name="1"></van-tab>
|
||||||
<van-tab title="已制作" name="2"></van-tab>
|
<van-tab title="已制作" name="2"></van-tab>
|
||||||
<van-tab title="转投保" name="3"></van-tab>
|
<van-tab title="转投保" name="3"></van-tab>
|
||||||
@@ -50,7 +50,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="mv10 pl45 flex" v-for="(addtion, addtionIndex) in mainRisk.addtion" :key="addtionIndex">
|
<div class="mv10 pl45 flex" v-for="(addtion, addtionIndex) in mainRisk.addtion" :key="addtionIndex">
|
||||||
<span class="mr10" style="flex-shrink: 0">
|
<span class="mr10" style="flex-shrink: 0">
|
||||||
<van-tag mark color="#DDF2EF" text-color="#4FC6B3">附加</van-tag>
|
<van-tag mark color="#DDF2EF" text-color="#E9332E">附加</van-tag>
|
||||||
</span>
|
</span>
|
||||||
<span class="fs13">{{ addtion.riskName }}</span>
|
<span class="fs13">{{ addtion.riskName }}</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -186,7 +186,7 @@ export default {
|
|||||||
className: 'dialog-delete',
|
className: 'dialog-delete',
|
||||||
title: '提示',
|
title: '提示',
|
||||||
message: '确认删除建议书?',
|
message: '确认删除建议书?',
|
||||||
cancelButtonColor: '#4FC6B3',
|
cancelButtonColor: '#E9332E',
|
||||||
confirmButtonColor: '#FFFFFF'
|
confirmButtonColor: '#FFFFFF'
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
|
|||||||
@@ -26,10 +26,10 @@
|
|||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
<!-- <van-cell-group class="pl20 fs14 flex align-items-c justify-content-s">
|
<!-- <van-cell-group class="pl20 fs14 flex align-items-c justify-content-s">
|
||||||
<van-field label="是否自动垫付" disabled />
|
<van-field label="是否自动垫付" disabled />
|
||||||
<van-switch v-model="checked" active-color="#4fc6b3" inactive-color="#fff" class="mr30" />
|
<van-switch v-model="checked" active-color="#E9332E" inactive-color="#fff" class="mr30" />
|
||||||
</van-cell-group> -->
|
</van-cell-group> -->
|
||||||
<van-cell-group class="flex align-items-c">
|
<van-cell-group class="flex align-items-c">
|
||||||
<van-switch-cell v-model="checked" title="是否自动垫交" active-color="#4fc6b3" inactive-color="#fff" class="ml15 pr30" />
|
<van-switch-cell v-model="checked" title="是否自动垫交" active-color="#E9332E" inactive-color="#fff" class="ml15 pr30" />
|
||||||
<van-icon
|
<van-icon
|
||||||
name="question-o"
|
name="question-o"
|
||||||
class="vanIcon"
|
class="vanIcon"
|
||||||
@@ -67,7 +67,7 @@
|
|||||||
<van-button type="danger" size="small" class="bankCard mr10 w110 h20" @click="cardScanning('1')" v-no-more-click="1000">银行卡扫描</van-button>
|
<van-button type="danger" size="small" class="bankCard mr10 w110 h20" @click="cardScanning('1')" v-no-more-click="1000">银行卡扫描</van-button>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
<van-cell-group class="flex align-items-c">
|
<van-cell-group class="flex align-items-c">
|
||||||
<van-switch-cell v-model="checked" title="是否自动垫交" active-color="#4fc6b3" inactive-color="#fff" class="ml15 pr30" />
|
<van-switch-cell v-model="checked" title="是否自动垫交" active-color="#E9332E" inactive-color="#fff" class="ml15 pr30" />
|
||||||
<van-icon
|
<van-icon
|
||||||
name="question-o"
|
name="question-o"
|
||||||
class="vanIcon"
|
class="vanIcon"
|
||||||
|
|||||||
@@ -815,7 +815,7 @@ export default {
|
|||||||
className: 'dialog-delete',
|
className: 'dialog-delete',
|
||||||
title: '提示',
|
title: '提示',
|
||||||
message: '当前信息已经发生改变,有可能影响险种费率,是否确认修改并清除险种信息?',
|
message: '当前信息已经发生改变,有可能影响险种费率,是否确认修改并清除险种信息?',
|
||||||
cancelButtonColor: '#4FC6B3',
|
cancelButtonColor: '#E9332E',
|
||||||
confirmButtonColor: '#FFFFFF'
|
confirmButtonColor: '#FFFFFF'
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
|
|||||||
@@ -1125,7 +1125,7 @@ export default {
|
|||||||
className: 'dialog-delete',
|
className: 'dialog-delete',
|
||||||
title: '提示',
|
title: '提示',
|
||||||
message: '当前信息已经发生改变,有可能影响险种费率,是否确认修改并清除险种信息?',
|
message: '当前信息已经发生改变,有可能影响险种费率,是否确认修改并清除险种信息?',
|
||||||
cancelButtonColor: '#4FC6B3',
|
cancelButtonColor: '#E9332E',
|
||||||
confirmButtonColor: '#FFFFFF'
|
confirmButtonColor: '#FFFFFF'
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
|
|||||||
@@ -655,6 +655,6 @@ export default {
|
|||||||
color: #4a90e2;
|
color: #4a90e2;
|
||||||
}
|
}
|
||||||
.start {
|
.start {
|
||||||
color: #4fc6b3;
|
color: #E9332E;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||