|
|
|
@ -1,38 +1,19 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div style="height:100%;">
|
|
|
|
<div style="height:100%;">
|
|
|
|
<flexbox class="message-header"><img
|
|
|
|
<flexbox class="message-header"><img src="@/assets/img/crm/todo.png" class="title-icon">
|
|
|
|
src="@/assets/img/crm/todo.png"
|
|
|
|
|
|
|
|
class="title-icon">
|
|
|
|
|
|
|
|
<span class="title">待办事项</span>
|
|
|
|
<span class="title">待办事项</span>
|
|
|
|
</flexbox>
|
|
|
|
</flexbox>
|
|
|
|
<div class="message-body">
|
|
|
|
<div class="message-body">
|
|
|
|
<div
|
|
|
|
<div v-loading="loading" class="message-content">
|
|
|
|
v-loading="loading"
|
|
|
|
|
|
|
|
class="message-content">
|
|
|
|
|
|
|
|
<div class="message-body-side">
|
|
|
|
<div class="message-body-side">
|
|
|
|
<xr-menu-item
|
|
|
|
<xr-menu-item v-for="(item, index) in showLeftSides" :key="index" :label="item.name" :num="item.num"
|
|
|
|
v-for="(item, index) in showLeftSides"
|
|
|
|
:icon-class="item.iconClass" :icon-color="item.color" :select="leftType == item.infoType"
|
|
|
|
:key="index"
|
|
|
|
@click.native="sideClick(item)" />
|
|
|
|
:label="item.name"
|
|
|
|
|
|
|
|
:num="item.num"
|
|
|
|
|
|
|
|
:icon-class="item.iconClass"
|
|
|
|
|
|
|
|
:icon-color="item.color"
|
|
|
|
|
|
|
|
:select="leftType==item.infoType"
|
|
|
|
|
|
|
|
@click.native="sideClick(item)"/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="message-body-content">
|
|
|
|
<div class="message-body-content">
|
|
|
|
<c-r-m-message
|
|
|
|
<c-r-m-message v-for="(item, index) in showLeftSides" v-show="leftType == item.infoType" :key="index"
|
|
|
|
v-for="(item, index) in showLeftSides"
|
|
|
|
:crm-type="item.crmType" :info-type="item.infoType" :info-title="item.name" :info-tips="item.tips"
|
|
|
|
v-show="leftType==item.infoType"
|
|
|
|
:model="item.model" :show="leftType == item.infoType" :icon-data="item" @on-handle="messageHandle" />
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
:crm-type="item.crmType"
|
|
|
|
|
|
|
|
:info-type="item.infoType"
|
|
|
|
|
|
|
|
:info-title="item.name"
|
|
|
|
|
|
|
|
:info-tips="item.tips"
|
|
|
|
|
|
|
|
:model="item.model"
|
|
|
|
|
|
|
|
:show="leftType==item.infoType"
|
|
|
|
|
|
|
|
:icon-data="item"
|
|
|
|
|
|
|
|
@on-handle="messageHandle"/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -62,17 +43,6 @@ export default {
|
|
|
|
* model 1今日需联系客户 2分配给我的线索 3分配给我的客户 4待进入公海的客户 5待审核合同 6待审核回款 7待回款提醒 8即将到期的合同 9待回访合同 10待审核发票 13待审核商机 14新商机
|
|
|
|
* model 1今日需联系客户 2分配给我的线索 3分配给我的客户 4待进入公海的客户 5待审核合同 6待审核回款 7待回款提醒 8即将到期的合同 9待回访合同 10待审核发票 13待审核商机 14新商机
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
leftSides: [
|
|
|
|
leftSides: [
|
|
|
|
{
|
|
|
|
|
|
|
|
name: '今日需联系线索',
|
|
|
|
|
|
|
|
crmType: 'leads',
|
|
|
|
|
|
|
|
color: '#2362FB',
|
|
|
|
|
|
|
|
iconClass: 'wk wk-leads',
|
|
|
|
|
|
|
|
infoType: 'todayLeads',
|
|
|
|
|
|
|
|
model: 11,
|
|
|
|
|
|
|
|
num: 0,
|
|
|
|
|
|
|
|
tips: '下次跟进时间为今日的线索',
|
|
|
|
|
|
|
|
hidden: true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: '今日需联系客户',
|
|
|
|
name: '今日需联系客户',
|
|
|
|
crmType: 'customer',
|
|
|
|
crmType: 'customer',
|
|
|
|
@ -95,17 +65,6 @@ export default {
|
|
|
|
tips: '下次跟进时间为今日的商机',
|
|
|
|
tips: '下次跟进时间为今日的商机',
|
|
|
|
hidden: true
|
|
|
|
hidden: true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
|
|
|
|
name: '分配给我的线索',
|
|
|
|
|
|
|
|
crmType: 'leads',
|
|
|
|
|
|
|
|
color: '#704AFD',
|
|
|
|
|
|
|
|
iconClass: 'wk wk-leads',
|
|
|
|
|
|
|
|
infoType: 'followLeads',
|
|
|
|
|
|
|
|
model: 2,
|
|
|
|
|
|
|
|
num: 0,
|
|
|
|
|
|
|
|
tips: '转移之后未跟进的线索',
|
|
|
|
|
|
|
|
hidden: true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: '分配给我的客户',
|
|
|
|
name: '分配给我的客户',
|
|
|
|
crmType: 'customer',
|
|
|
|
crmType: 'customer',
|
|
|
|
@ -128,6 +87,50 @@ export default {
|
|
|
|
tips: '',
|
|
|
|
tips: '',
|
|
|
|
hidden: true
|
|
|
|
hidden: true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: '待回访合同',
|
|
|
|
|
|
|
|
crmType: 'contract',
|
|
|
|
|
|
|
|
color: '#ff9232',
|
|
|
|
|
|
|
|
iconClass: 'wk wk-house',
|
|
|
|
|
|
|
|
infoType: 'returnVisitRemind',
|
|
|
|
|
|
|
|
model: 9,
|
|
|
|
|
|
|
|
num: 0,
|
|
|
|
|
|
|
|
tips: '',
|
|
|
|
|
|
|
|
hidden: true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: '新商机',
|
|
|
|
|
|
|
|
crmType: 'business',
|
|
|
|
|
|
|
|
color: '#704AFD',
|
|
|
|
|
|
|
|
iconClass: 'wk wk-business',
|
|
|
|
|
|
|
|
infoType: 'newBusiness',
|
|
|
|
|
|
|
|
model: 14,
|
|
|
|
|
|
|
|
num: 0,
|
|
|
|
|
|
|
|
tips: '',
|
|
|
|
|
|
|
|
hidden: true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: '待审核商机',
|
|
|
|
|
|
|
|
crmType: 'business',
|
|
|
|
|
|
|
|
color: '#704AFD',
|
|
|
|
|
|
|
|
iconClass: 'wk wk-business',
|
|
|
|
|
|
|
|
infoType: 'checkBusiness',
|
|
|
|
|
|
|
|
model: 13,
|
|
|
|
|
|
|
|
num: 0,
|
|
|
|
|
|
|
|
tips: '',
|
|
|
|
|
|
|
|
hidden: true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: '审批客户捞取',
|
|
|
|
|
|
|
|
crmType: 'customer',
|
|
|
|
|
|
|
|
color: '#704AFD',
|
|
|
|
|
|
|
|
iconClass: 'wk wk-customer',
|
|
|
|
|
|
|
|
infoType: 'checkCustomerCheck',
|
|
|
|
|
|
|
|
model: 15,
|
|
|
|
|
|
|
|
num: 0,
|
|
|
|
|
|
|
|
tips: '',
|
|
|
|
|
|
|
|
hidden: true
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: '待审核合同',
|
|
|
|
name: '待审核合同',
|
|
|
|
crmType: 'contract',
|
|
|
|
crmType: 'contract',
|
|
|
|
@ -139,6 +142,31 @@ export default {
|
|
|
|
tips: '',
|
|
|
|
tips: '',
|
|
|
|
hidden: true
|
|
|
|
hidden: true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: '今日需联系线索',
|
|
|
|
|
|
|
|
crmType: 'leads',
|
|
|
|
|
|
|
|
color: '#2362FB',
|
|
|
|
|
|
|
|
iconClass: 'wk wk-leads',
|
|
|
|
|
|
|
|
infoType: 'todayLeads',
|
|
|
|
|
|
|
|
model: 11,
|
|
|
|
|
|
|
|
num: 0,
|
|
|
|
|
|
|
|
tips: '下次跟进时间为今日的线索',
|
|
|
|
|
|
|
|
hidden: true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: '分配给我的线索',
|
|
|
|
|
|
|
|
crmType: 'leads',
|
|
|
|
|
|
|
|
color: '#704AFD',
|
|
|
|
|
|
|
|
iconClass: 'wk wk-leads',
|
|
|
|
|
|
|
|
infoType: 'followLeads',
|
|
|
|
|
|
|
|
model: 2,
|
|
|
|
|
|
|
|
num: 0,
|
|
|
|
|
|
|
|
tips: '转移之后未跟进的线索',
|
|
|
|
|
|
|
|
hidden: true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: '待审核回款',
|
|
|
|
name: '待审核回款',
|
|
|
|
crmType: 'receivables',
|
|
|
|
crmType: 'receivables',
|
|
|
|
@ -161,28 +189,6 @@ export default {
|
|
|
|
tips: '',
|
|
|
|
tips: '',
|
|
|
|
hidden: true
|
|
|
|
hidden: true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
|
|
|
|
name: '即将到期的合同',
|
|
|
|
|
|
|
|
crmType: 'contract',
|
|
|
|
|
|
|
|
color: '#FF7A38',
|
|
|
|
|
|
|
|
iconClass: 'wk wk-contract',
|
|
|
|
|
|
|
|
infoType: 'endContract',
|
|
|
|
|
|
|
|
model: 8,
|
|
|
|
|
|
|
|
num: 0,
|
|
|
|
|
|
|
|
tips: '根据“合同到期时间”及设置的“提前提醒天数”提醒',
|
|
|
|
|
|
|
|
hidden: true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: '待回访合同',
|
|
|
|
|
|
|
|
crmType: 'contract',
|
|
|
|
|
|
|
|
color: '#ff9232',
|
|
|
|
|
|
|
|
iconClass: 'wk wk-house',
|
|
|
|
|
|
|
|
infoType: 'returnVisitRemind',
|
|
|
|
|
|
|
|
model: 9,
|
|
|
|
|
|
|
|
num: 0,
|
|
|
|
|
|
|
|
tips: '',
|
|
|
|
|
|
|
|
hidden: true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: '待审核发票',
|
|
|
|
name: '待审核发票',
|
|
|
|
crmType: 'invoice',
|
|
|
|
crmType: 'invoice',
|
|
|
|
@ -195,36 +201,14 @@ export default {
|
|
|
|
hidden: true
|
|
|
|
hidden: true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: '待审核商机',
|
|
|
|
name: '即将到期的合同',
|
|
|
|
crmType: 'business',
|
|
|
|
crmType: 'contract',
|
|
|
|
color: '#704AFD',
|
|
|
|
color: '#FF7A38',
|
|
|
|
iconClass: 'wk wk-business',
|
|
|
|
iconClass: 'wk wk-contract',
|
|
|
|
infoType: 'checkBusiness',
|
|
|
|
infoType: 'endContract',
|
|
|
|
model: 13,
|
|
|
|
model: 8,
|
|
|
|
num: 0,
|
|
|
|
|
|
|
|
tips: '',
|
|
|
|
|
|
|
|
hidden: true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: '新商机',
|
|
|
|
|
|
|
|
crmType: 'business',
|
|
|
|
|
|
|
|
color: '#704AFD',
|
|
|
|
|
|
|
|
iconClass: 'wk wk-business',
|
|
|
|
|
|
|
|
infoType: 'newBusiness',
|
|
|
|
|
|
|
|
model: 14,
|
|
|
|
|
|
|
|
num: 0,
|
|
|
|
|
|
|
|
tips: '',
|
|
|
|
|
|
|
|
hidden: true
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: '审批客户捞取',
|
|
|
|
|
|
|
|
crmType: 'customer',
|
|
|
|
|
|
|
|
color: '#704AFD',
|
|
|
|
|
|
|
|
iconClass: 'wk wk-customer',
|
|
|
|
|
|
|
|
infoType: 'checkCustomerCheck',
|
|
|
|
|
|
|
|
model: 15,
|
|
|
|
|
|
|
|
num: 0,
|
|
|
|
num: 0,
|
|
|
|
tips: '',
|
|
|
|
tips: '根据“合同到期时间”及设置的“提前提醒天数”提醒',
|
|
|
|
hidden: true
|
|
|
|
hidden: true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]
|
|
|
|
]
|
|
|
|
@ -318,6 +302,7 @@ export default {
|
|
|
|
.message-header {
|
|
|
|
.message-header {
|
|
|
|
margin-left: 28px;
|
|
|
|
margin-left: 28px;
|
|
|
|
height: 60px;
|
|
|
|
height: 60px;
|
|
|
|
|
|
|
|
|
|
|
|
.title-icon {
|
|
|
|
.title-icon {
|
|
|
|
width: 30px;
|
|
|
|
width: 30px;
|
|
|
|
height: 30px;
|
|
|
|
height: 30px;
|
|
|
|
@ -329,11 +314,13 @@ export default {
|
|
|
|
font-weight: 600;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.message-body {
|
|
|
|
.message-body {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
height: calc(100% - 75px);
|
|
|
|
height: calc(100% - 75px);
|
|
|
|
padding-left: 15px;
|
|
|
|
padding-left: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.message-content {
|
|
|
|
.message-content {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
@ -352,6 +339,7 @@ export default {
|
|
|
|
border: 1px solid $xr-border-line-color;
|
|
|
|
border: 1px solid $xr-border-line-color;
|
|
|
|
border-radius: $xr-border-radius-base;
|
|
|
|
border-radius: $xr-border-radius-base;
|
|
|
|
overflow-y: auto;
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
|
|
|
|
|
|
.side-item {
|
|
|
|
.side-item {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
height: 50px;
|
|
|
|
height: 50px;
|
|
|
|
@ -359,11 +347,13 @@ export default {
|
|
|
|
padding: 0 20px;
|
|
|
|
padding: 0 20px;
|
|
|
|
font-size: 13px;
|
|
|
|
font-size: 13px;
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
|
|
i {
|
|
|
|
i {
|
|
|
|
color: #999;
|
|
|
|
color: #999;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.message-body-content {
|
|
|
|
.message-body-content {
|
|
|
|
margin-left: 210px;
|
|
|
|
margin-left: 210px;
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|
@ -372,5 +362,4 @@ export default {
|
|
|
|
border: 1px solid #e6e6e6;
|
|
|
|
border: 1px solid #e6e6e6;
|
|
|
|
border-radius: $xr-border-radius-base;
|
|
|
|
border-radius: $xr-border-radius-base;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
|
