mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-09 11:06:43 +08:00
数据看板页面以及产品列表页面和编辑客户信息页面基础代码编写
This commit is contained in:
liu.xiaofeng@ebiz-digits.com
@@ -1,213 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="product-detail-container">
|
|
||||||
<!-- tab 栏 -->
|
|
||||||
<van-sticky>
|
|
||||||
<van-tabs v-model="active" color="#E9332EFF" title-active-color="#E9332EFF" class="">
|
|
||||||
<van-tab title="产品特色" class="mt10"> </van-tab>
|
|
||||||
<van-tab title="产品资料" class="mt10"> </van-tab>
|
|
||||||
</van-tabs>
|
|
||||||
</van-sticky>
|
|
||||||
<div v-show="active == '0'" class="pt10 pb45 clearfix">
|
|
||||||
<img class="product-detail-introduct-image fl" :src="item" alt="" v-for="(item, index) in introductImages" :key="index" />
|
|
||||||
</div>
|
|
||||||
<van-list v-show="active == '1'">
|
|
||||||
<van-cell
|
|
||||||
class="product-detail-list-item p10 fs12 fw400 bg-white"
|
|
||||||
:title="item.name"
|
|
||||||
is-link
|
|
||||||
v-for="(item, index) in docuList"
|
|
||||||
:key="index"
|
|
||||||
@click="goDocu(item.url, item.type, item.name)"
|
|
||||||
/>
|
|
||||||
</van-list>
|
|
||||||
<!-- 底部按钮 -->
|
|
||||||
<div class="bottom-area bottom-btn" v-if="branchType != 3">
|
|
||||||
<van-button class="m-btn fl green" color="#FEEFD8" @click="goProposal">制作建议书</van-button>
|
|
||||||
<van-button class="m-btn fr" type="danger" @click="goInsure">立即投保</van-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { Tab, Tabs, List, Row, Col, Icon, Cell, Sticky } from 'vant'
|
|
||||||
import { getProductInfo } from '@/api/ebiz/product/product.js'
|
|
||||||
import { funcPermCheck } from '@/api/ebiz/common/common'
|
|
||||||
import riskRules from '@/views/common/risk-rules.js'
|
|
||||||
import { getAgentInfo } from '@/api/ebiz/my/my.js'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
[Tab.name]: Tab,
|
|
||||||
[Tabs.name]: Tabs,
|
|
||||||
[List.name]: List,
|
|
||||||
[Row.name]: Row,
|
|
||||||
[Col.name]: Col,
|
|
||||||
[Icon.name]: Icon,
|
|
||||||
[Cell.name]: Cell,
|
|
||||||
[Sticky.name]: Sticky
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
isCheck: 0, //查看是否有权限
|
|
||||||
active: 2,
|
|
||||||
docuList: [], // 产品资料文件
|
|
||||||
introductImages: [], // 产品特色图片
|
|
||||||
itemProductDTOS: [], // 产品信息
|
|
||||||
branchType:'3',
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
//获取展示的产品的 code
|
|
||||||
// let code = localStorage.productDetailCode
|
|
||||||
let code = this.$route.params.productDetailCode
|
|
||||||
console.log(code)
|
|
||||||
this.getProductDetail(code)
|
|
||||||
funcPermCheck({}).then(res => {
|
|
||||||
this.isCheck = res.result
|
|
||||||
})
|
|
||||||
},
|
|
||||||
mounted(){
|
|
||||||
this.getAgentInfo()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
getAgentInfo(){
|
|
||||||
getAgentInfo({}).then(res=>{
|
|
||||||
if(res.result == 0){
|
|
||||||
console.log('getAgentInfo',res)
|
|
||||||
this.branchType = res.branchType
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
goDocu(url, type, name) {
|
|
||||||
let pdfUrl = encodeURIComponent(url)
|
|
||||||
this.$jump({
|
|
||||||
flag: 'h5',
|
|
||||||
extra: {
|
|
||||||
title: name,
|
|
||||||
// url: 'http://47.96.143.111/pdfjs/web/viewer.html?file=' + url //测试代码
|
|
||||||
url: this.$mainUrl + '/pdfjs/web/viewer.html?file=' + pdfUrl
|
|
||||||
}
|
|
||||||
})
|
|
||||||
// 跳转到产品资料详情
|
|
||||||
// 保存url
|
|
||||||
// window.localStorage.setItem('documentInfo', JSON.stringify({ documentUrl: url, documentType: type }))
|
|
||||||
// // 保存文件类型
|
|
||||||
// // 0-图片, 1-pdf, 2-word, 3-excel
|
|
||||||
// window.localStorage.setItem('documentType', type)
|
|
||||||
// this.$jump({
|
|
||||||
// flag: 'h5',
|
|
||||||
// extra: {
|
|
||||||
// url: location.origin + '/#/product/productDocument'
|
|
||||||
// },
|
|
||||||
// routerInfo: {
|
|
||||||
// path: `/product/productDocument`
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
},
|
|
||||||
goProposal() {
|
|
||||||
this.$CacheUtils.removeLocItem('orderNo')
|
|
||||||
// 跳转到制作建议书( 投保人信息 )
|
|
||||||
this.$jump({
|
|
||||||
flag: 'h5',
|
|
||||||
extra: {
|
|
||||||
url: location.origin + '/#/proposal/appnt'
|
|
||||||
},
|
|
||||||
routerInfo: {
|
|
||||||
path: `/proposal/appnt`
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
async goInsure() {
|
|
||||||
if (this.isCheck == '1') {
|
|
||||||
//校验该代理人是否有该产品的售卖权限
|
|
||||||
return this.$toast('您暂无使用权限！如有问题咨询，请联系个险业务部。')
|
|
||||||
}
|
|
||||||
localStorage.orderNo = ''
|
|
||||||
localStorage.chooseProductCodes = '' //置空所选险种
|
|
||||||
let path = `/sale/insuredInfo`
|
|
||||||
let flagPermission = {
|
|
||||||
flag:true
|
|
||||||
}
|
|
||||||
if (this.$route.params.productDetailCode == 'GFRSPRO_M0024' || this.$route.params.productDetailCode == 'GFRSPRO_M0040') {
|
|
||||||
flagPermission = await riskRules.getProductSellPermissionList('GFRS_M0040', this)
|
|
||||||
let specilFlag = '1'
|
|
||||||
path = `${path}?specilFlag=${specilFlag}`
|
|
||||||
} else if (this.$route.params.productDetailCode == 'GFRSPRO_M0044') {
|
|
||||||
flagPermission = await riskRules.getProductSellPermissionList('GFRS_M0044', this)
|
|
||||||
let specilFlag = '1'
|
|
||||||
path = `${path}?specilFlag=${specilFlag}`
|
|
||||||
}else if (this.$route.params.productDetailCode == 'GFRSPRO_M0051') {
|
|
||||||
flagPermission = await riskRules.getProductSellPermissionList('GFRS_M0051', this)
|
|
||||||
let specilFlag = '1'
|
|
||||||
path = `${path}?specilFlag=${specilFlag}`
|
|
||||||
} else {
|
|
||||||
flagPermission.flag = false
|
|
||||||
}
|
|
||||||
if (flagPermission.flag) {
|
|
||||||
//校验该代理人是否有该产品的售卖权限
|
|
||||||
return this.$toast(flagPermission.resultMessage)
|
|
||||||
}
|
|
||||||
// 从产品列表进入时，存储所选产品的code--如果是选择产品, 进入电子投保, 在主险列表能默认选中我在产品列表选择的产品
|
|
||||||
localStorage.productCodeChooseFromList = this.itemProductDTOS[0].productCode // 跳转到投保建议
|
|
||||||
this.$jump({
|
|
||||||
flag: 'h5',
|
|
||||||
extra: {
|
|
||||||
url: location.origin + '/#' + path
|
|
||||||
},
|
|
||||||
routerInfo: {
|
|
||||||
path: path
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
async getProductDetail(code) {
|
|
||||||
// 获取产品详情数据
|
|
||||||
console.log(code)
|
|
||||||
const res = await getProductInfo({
|
|
||||||
itemCode: code,
|
|
||||||
platform: 'app'
|
|
||||||
})
|
|
||||||
console.log(res)
|
|
||||||
if (res.result == 0) {
|
|
||||||
// 获取产品特色图片
|
|
||||||
this.introductImages = res.productShowInfo.introductImages
|
|
||||||
// 获取产品资料文件
|
|
||||||
this.docuList = res.productShowInfo.documents
|
|
||||||
this.itemProductDTOS = res.productShowInfo.itemProductDTOS
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
beforeRouteLeave(to, from, next) {
|
|
||||||
document.body.style.backgroundColor = ''
|
|
||||||
next()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.product-detail-container {
|
|
||||||
/deep/.van-sticky {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
.product-detail-introduct-image {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
// /deep/.van-tabs__content {
|
|
||||||
// margin-bottom: 45px;
|
|
||||||
// }
|
|
||||||
// /deep/.van-tabs__content::after {
|
|
||||||
// content: '';
|
|
||||||
// display: table;
|
|
||||||
// clear: both;
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
.bottom-area {
|
|
||||||
/deep/.m-btn {
|
|
||||||
width: 50%;
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
/deep/.van-button--default {
|
|
||||||
background-color: #feefd8;
|
|
||||||
color: #e9332e;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Reference in New Issue
Block a user