<template>
|
<slide-view
|
v-empty="!canShowDetail"
|
:listener-ids="listenerIDs"
|
:no-listener-ids="noListenerIDs"
|
:no-listener-class="noListenerClass"
|
:body-style="{padding: 0, height: '100%'}"
|
xs-empty-icon="nopermission"
|
xs-empty-text="暂无权限"
|
@side-close="hideView">
|
<flexbox
|
v-loading="loading"
|
v-if="canShowDetail"
|
direction="column"
|
align="stretch"
|
class="d-container">
|
<c-r-m-detail-head
|
:detail="detailData"
|
:head-details="headDetails"
|
:id="id"
|
crm-type="leads"
|
@handle="detailHeadHandle"
|
@close="hideView"/>
|
<div class="tabs">
|
<el-tabs
|
v-model="tabCurrentName"
|
@tab-click="handleClick">
|
<el-tab-pane
|
v-for="(item, index) in tabnames"
|
:key="index"
|
:label="item.label"
|
:name="item.name"/>
|
</el-tabs>
|
</div>
|
<div
|
id="follow-log-content"
|
class="t-loading-content">
|
<keep-alive>
|
<component
|
:is="tabName"
|
:detail="detailData"
|
:id="id"
|
crm-type="leads"/>
|
</keep-alive>
|
</div>
|
</flexbox>
|
<c-r-m-create-view
|
v-if="isCreate"
|
:action="{type: 'update', id: id, batchId: detailData.batchId}"
|
crm-type="leads"
|
@save-success="editSaveSuccess"
|
@hiden-view="isCreate=false"/>
|
</slide-view>
|
</template>
|
|
<script>
|
// import { crmLeadsRead } from '@/api/customermanagement/clue'
|
|
import SlideView from '@/components/SlideView'
|
import CRMDetailHead from '../components/CRMDetailHead'
|
import ClueFollow from './components/ClueFollow' // 跟进记录
|
import CRMBaseInfo from '../components/CRMBaseInfo' // 线索基本信息
|
import RelativeFiles from '../components/RelativeFiles' // 相关附件
|
import RelativeHandle from '../components/RelativeHandle' // 相关操作
|
|
import CRMCreateView from '../components/CRMCreateView' // 新建页面
|
|
import detail from '../mixins/detail'
|
|
export default {
|
/** 线索管理 的 线索详情 */
|
name: 'ClueDetail',
|
components: {
|
SlideView,
|
CRMDetailHead,
|
ClueFollow,
|
CRMBaseInfo,
|
RelativeFiles,
|
RelativeHandle,
|
CRMCreateView
|
},
|
mixins: [detail],
|
props: {
|
// 详情信息id
|
id: [String, Number],
|
// 监听的dom 进行隐藏详情
|
listenerIDs: {
|
type: Array,
|
default: () => {
|
return ['crm-main-container']
|
}
|
},
|
// 不监听
|
noListenerIDs: {
|
type: Array,
|
default: () => {
|
return []
|
}
|
},
|
noListenerClass: {
|
type: Array,
|
default: () => {
|
return ['el-table__body']
|
}
|
}
|
},
|
data () {
|
return {
|
loading: false, // 展示加载loading
|
crmType: 'leads',
|
detailData: {}, // read 详情
|
headDetails: [
|
{ title: '姓名', value: '' },
|
{ title: '线索来源', value: '' },
|
{ title: '手机', value: '' },
|
{ title: '负责人', value: '' },
|
{ title: '创建时间', value: '' }
|
],
|
tabnames: [
|
{ label: '跟进记录', name: 'followlog' },
|
{ label: '基本信息', name: 'basicinfo' },
|
{ label: '附件', name: 'file' },
|
{ label: '操作记录', name: 'operationlog' }
|
],
|
tabCurrentName: 'basicinfo',
|
isCreate: false // 编辑操作
|
}
|
},
|
computed: {
|
tabName () {
|
if (this.tabCurrentName === 'followlog') {
|
return 'clue-follow'
|
} else if (this.tabCurrentName === 'basicinfo') {
|
return 'c-r-m-base-info'
|
} else if (this.tabCurrentName === 'file') {
|
return 'relative-files'
|
} else if (this.tabCurrentName === 'operationlog') {
|
return 'relative-handle'
|
}
|
return ''
|
}
|
},
|
mounted () {},
|
methods: {
|
getDetial () {
|
this.loading = true
|
// crmLeadsRead({
|
// leadsId: this.id
|
// })
|
// .then(res => {
|
// this.detailData = res.data
|
|
// this.headDetails[0].value = res.data.name
|
// this.headDetails[1].value = res.data.线索来源
|
// this.headDetails[2].value = res.data.mobile
|
// // 负责人
|
// this.headDetails[3].value = res.data.ownerUserName
|
// this.headDetails[4].value = res.data.createTime
|
// this.loading = false
|
// })
|
// .catch(() => {
|
// this.loading = false
|
// })
|
},
|
//* * 点击关闭按钮隐藏视图 */
|
hideView () {
|
this.$emit('hide-view')
|
},
|
//* * tab标签点击 */
|
handleClick (tab, event) {},
|
editSaveSuccess () {
|
this.$emit('handle', { type: 'save-success' })
|
this.getDetial()
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import '../styles/crmdetail.scss';
|
</style>
|
