Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
C
confucius
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
罗超
confucius
Commits
aa562e82
Commit
aa562e82
authored
Jan 26, 2022
by
zhengke
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改
parent
ff8089e1
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
252 additions
and
111 deletions
+252
-111
user.js
src/api/users/user.js
+13
-0
channelDetail.vue
src/pages/sale/channelDetail.vue
+173
-0
makeupRate.vue
src/pages/sale/makeupRate.vue
+19
-3
visitTransform.vue
src/pages/sale/visitTransform.vue
+42
-108
routes.js
src/router/routes.js
+5
-0
No files found.
src/api/users/user.js
View file @
aa562e82
...
@@ -283,6 +283,19 @@ export function MarketCreateType(data) {
...
@@ -283,6 +283,19 @@ export function MarketCreateType(data) {
})
})
}
}
/**
* 获取细分渠道
* @param {查询参数} data
*/
export
function
MarketChannelStatic
(
data
)
{
return
request
({
url
:
'/UserCenter/MarketChannelStatic'
,
method
:
'post'
,
data
})
}
...
...
src/pages/sale/channelDetail.vue
0 → 100644
View file @
aa562e82
<
style
>
.visitTable
{
text-align
:
center
;
width
:
100%
;
}
.visitTable
th
,
.visitTable
td
{
border
:
1px
solid
#d1d1d1
;
height
:
40px
;
}
.visitTable
tr
th
{
height
:
40px
;
background-color
:
rgb
(
238
,
238
,
239
);
}
.Sysuser_Date
.el-input__inner
{
background
:
transparent
!important
;
border
:
0
!important
;
}
.Sysuser_Date
.el-range-editor
.el-range-input
{
background
:
transparent
!important
;
}
</
style
>
<
template
>
<div
class=
"page-body"
>
<div
class=
"page-search row items-center"
>
<div
class=
"col row wrap q-mr-lg q-col-gutter-md"
>
<div
class=
"col-4 Sysuser_Date"
>
<q-field
filled
>
<template
v-slot:control
>
<el-date-picker
v-model=
"dateList"
type=
"daterange"
style=
"width:100%"
:picker-options=
"pickerOptions0"
align=
"right"
value-format=
"yyyy-MM-dd"
@
change=
"getData"
unlink-panels
range-separator=
"至"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
>
</el-date-picker>
</
template
>
</q-field>
</div>
<div
class=
"col-3 Sysuser_Date"
>
<q-field
filled
>
<
template
v-slot:control
>
<el-select
class=
"topselect"
v-model=
"msg.empList"
@
change=
"getData"
style=
"width:100%;"
collapse-tags
multiple
filterable
placeholder=
"请选择"
>
<el-option
v-for=
"item in EmployeeList"
:key=
"item.Id"
:label=
"item.EmployeeName"
:value=
"item.Id"
>
</el-option>
</el-select>
</
template
>
</q-field>
</div>
</div>
</div>
<div
class=
"makeOutDiv"
>
<table
class=
"visitTable"
style=
"border-collapse:collapse;"
>
<tr>
<th>
序号
</th>
<th
style=
"width:150px"
>
渠道名
</th>
<th>
回单
</th>
<th>
到访
</th>
<th>
合同数
</th>
<th>
新业绩金额
</th>
<th>
到访率
</th>
<th>
合同转化率
</th>
</tr>
<
template
v-if=
"dataList&&dataList.length>0"
>
<tr
v-for=
"(cItem,cIndex) in dataList"
:key=
"cIndex"
>
<td>
{{
cIndex
+
1
}}
</td>
<td>
{{
cItem
.
ChannelName
}}
</td>
<td>
{{
cItem
.
ClueCount
}}
</td>
<td>
{{
cItem
.
VisitCount
}}
</td>
<td>
{{
cItem
.
OrderCount
}}
</td>
<td>
{{
cItem
.
OrderIncome
}}
</td>
<td>
{{
getStatical
(
cItem
.
VisitCount
,
cItem
.
ClueCount
)
}}
%
</td>
<td>
{{
getStatical
(
cItem
.
OrderCount
,
cItem
.
VisitCount
)
}}
%
</td>
</tr>
</
template
>
<
template
v-else
>
<tr>
<td
colspan=
"8"
rowspan=
"3"
>
暂无数据
</td>
</tr>
</
template
>
</table>
</div>
</div>
</template>
<
script
>
import
{
MarketChannelStatic
}
from
'../../api/users/user'
import
{
queryEmployee
}
from
"../../api/users/user"
;
export
default
{
data
()
{
return
{
msg
:
{
startTime
:
""
,
endTime
:
""
,
empList
:
[]
},
dateList
:
[],
dataList
:
[],
EmployeeList
:
[],
pickerOptions0
:
{
disabledDate
(
time
)
{
return
time
.
getTime
()
>
Date
.
now
()
-
8.64e6
}
}
};
},
created
()
{
},
mounted
()
{
var
now
=
new
Date
();
var
strLink
=
"-"
;
var
year
=
now
.
getFullYear
();
var
month
=
now
.
getMonth
()
+
1
;
var
day
=
now
.
getDate
();
if
(
month
>=
1
&&
month
<=
9
)
{
month
=
"0"
+
month
;
}
if
(
day
>=
1
&&
day
<=
9
)
{
day
=
"0"
+
day
;
}
this
.
msg
.
startTime
=
year
+
strLink
+
month
+
strLink
+
'01'
;
this
.
msg
.
endTime
=
year
+
strLink
+
month
+
strLink
+
day
;
this
.
dateList
.
push
(
year
+
strLink
+
month
+
strLink
+
'01'
);
this
.
dateList
.
push
(
year
+
strLink
+
month
+
strLink
+
day
);
this
.
getEmployeeList
();
this
.
getData
();
},
methods
:
{
//获取数据
getData
()
{
if
(
this
.
dateList
&&
this
.
dateList
.
length
>
0
)
{
this
.
msg
.
startTime
=
this
.
dateList
[
0
];
this
.
msg
.
endTime
=
this
.
dateList
[
1
];
}
else
{
this
.
msg
.
startTime
=
""
;
this
.
msg
.
endTime
=
""
;
}
MarketChannelStatic
(
this
.
msg
).
then
(
res
=>
{
if
(
res
.
Code
==
1
)
{
this
.
dataList
=
res
.
Data
;
}
});
},
//获取员工列表
getEmployeeList
()
{
var
qMsg
=
{
IsLeave
:
1
,
Dept_Id
:
4
};
queryEmployee
(
qMsg
).
then
(
res
=>
{
this
.
EmployeeList
=
res
.
Data
;
});
},
//获取统计
getStatical
(
num
,
total
)
{
num
=
parseFloat
(
num
);
total
=
parseFloat
(
total
);
if
(
isNaN
(
num
)
||
isNaN
(
total
))
{
return
"-"
;
}
return
total
<=
0
?
"0"
:
(
Math
.
round
(
num
/
total
*
10000
)
/
100.00
);
},
}
}
</
script
>
src/pages/sale/makeupRate.vue
View file @
aa562e82
...
@@ -114,7 +114,7 @@
...
@@ -114,7 +114,7 @@
</
template
>
</
template
>
</q-field>
</q-field>
</div>
</div>
<div
class=
"col-3 Sysuser_Date"
>
<div
class=
"col-3 Sysuser_Date"
v-if=
"IsShowEmpQuery"
>
<q-field
filled
>
<q-field
filled
>
<
template
v-slot:control
>
<
template
v-slot:control
>
<el-select
class=
"topselect"
v-model=
"msg.empList"
@
change=
"getData"
style=
"width:100%;"
collapse-tags
<el-select
class=
"topselect"
v-model=
"msg.empList"
@
change=
"getData"
style=
"width:100%;"
collapse-tags
...
@@ -179,11 +179,27 @@
...
@@ -179,11 +179,27 @@
disabledDate
(
time
)
{
disabledDate
(
time
)
{
return
time
.
getTime
()
>
Date
.
now
()
-
8.64e6
return
time
.
getTime
()
>
Date
.
now
()
-
8.64e6
}
}
}
},
IsQueryAuth
:
false
,
//是否有查询市场部和课程顾问部人员权限
IsShowEmpQuery
:
false
,
//是否显示员工下拉框
};
};
},
},
created
()
{
created
()
{
this
.
CurrentUserInfo
=
this
.
getLocalStorage
();
if
(
this
.
CurrentUserInfo
&&
this
.
CurrentUserInfo
.
ActionMenuList
&&
this
.
CurrentUserInfo
.
ActionMenuList
.
length
>
0
)
{
this
.
CurrentUserInfo
.
ActionMenuList
.
forEach
((
x
)
=>
{
if
(
x
.
FunctionCode
==
"Query_MarketConsultant"
)
{
this
.
IsQueryAuth
=
true
;
}
});
}
if
(
this
.
IsQueryAuth
||
(
this
.
CurrentUserInfo
.
IsManager
==
1
&&
this
.
CurrentUserInfo
.
IsCourseConsultant
==
1
)
||
(
this
.
CurrentUserInfo
.
IsManager
==
1
&&
this
.
CurrentUserInfo
.
IsMarket
==
1
))
{
this
.
IsShowEmpQuery
=
true
;
}
else
{
this
.
msg
.
empList
.
push
(
this
.
CurrentUserInfo
.
Id
);
}
},
},
mounted
()
{
mounted
()
{
var
now
=
new
Date
();
var
now
=
new
Date
();
...
...
src/pages/sale/visitTransform.vue
View file @
aa562e82
...
@@ -32,8 +32,9 @@
...
@@ -32,8 +32,9 @@
<div
class=
"col-4 Sysuser_Date"
>
<div
class=
"col-4 Sysuser_Date"
>
<q-field
filled
>
<q-field
filled
>
<template
v-slot:control
>
<template
v-slot:control
>
<el-date-picker
v-model=
"dateList"
type=
"daterange"
style=
"width:100%"
:picker-options=
"pickerOptions0"
align=
"right"
value-format=
"yyyy-MM-dd"
<el-date-picker
v-model=
"dateList"
type=
"daterange"
style=
"width:100%"
:picker-options=
"pickerOptions0"
@
change=
"getData"
unlink-panels
range-separator=
"至"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
>
align=
"right"
value-format=
"yyyy-MM-dd"
@
change=
"getData"
unlink-panels
range-separator=
"至"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
>
</el-date-picker>
</el-date-picker>
</
template
>
</
template
>
</q-field>
</q-field>
...
@@ -52,73 +53,20 @@
...
@@ -52,73 +53,20 @@
</div>
</div>
</div>
</div>
<div
class=
"makeOutDiv"
>
<div
class=
"makeOutDiv"
>
<table
class=
"visitTable"
style=
"border-collapse:collapse;"
>
<q-tabs
v-model=
"top_Check"
@
input=
"getCheck"
class=
"text-primary"
align=
"left"
>
<tr>
<q-tab
:name=
"1"
label=
"同行渠道"
/>
<th
colspan=
"8"
>
同行渠道
</th>
<q-tab
:name=
"2"
label=
"内部渠道"
/>
</tr>
<q-tab
:name=
"3"
label=
"学校渠道"
/>
<tr>
<q-tab
:name=
"4"
label=
"转介渠道"
/>
<th>
序号
</th>
</q-tabs>
<th
style=
"width:150px"
>
渠道名
</th>
<th>
回单
</th>
<th>
到访
</th>
<th>
合同数
</th>
<th>
新业绩金额
</th>
<th>
到访率
</th>
<th>
合同转化率
</th>
</tr>
<
template
v-if=
"dataList.customerDataList&&dataList.customerDataList.length>0"
>
<tr
v-for=
"(cItem,cIndex) in dataList.customerDataList"
:key=
"cIndex"
>
<td>
{{
cIndex
+
1
}}
</td>
<td>
{{
cItem
.
ChannelName
}}
</td>
<td>
{{
cItem
.
ClueCount
}}
</td>
<td>
{{
cItem
.
VisitCount
}}
</td>
<td>
{{
cItem
.
OrderCount
}}
</td>
<td>
{{
cItem
.
OrderIncome
}}
</td>
<td>
{{
getStatical
(
cItem
.
VisitCount
,
cItem
.
ClueCount
)
}}
%
</td>
<td>
{{
getStatical
(
cItem
.
OrderCount
,
cItem
.
VisitCount
)
}}
%
</td>
</tr>
</
template
>
<
template
v-else
>
<tr>
<td
colspan=
"8"
rowspan=
"3"
>
暂无数据
</td>
</tr>
</
template
>
</table>
<table
class=
"visitTable"
style=
"border-collapse:collapse;margin-top:20px;"
>
<tr>
<th
colspan=
"8"
>
内部渠道
</th>
</tr>
<tr>
<th>
序号
</th>
<th
style=
"width:150px"
>
渠道名
</th>
<th>
回单
</th>
<th>
到访
</th>
<th>
合同数
</th>
<th>
新业绩金额
</th>
<th>
到访率
</th>
<th>
合同转化率
</th>
</tr>
<
template
v-if=
"dataList.innerDataList&&dataList.innerDataList.length>0"
>
<tr
v-for=
"(cItem,cIndex) in dataList.innerDataList"
:key=
"cIndex"
>
<td>
{{
cIndex
+
1
}}
</td>
<td>
{{
cItem
.
ChannelName
}}
</td>
<td>
{{
cItem
.
ClueCount
}}
</td>
<td>
{{
cItem
.
VisitCount
}}
</td>
<td>
{{
cItem
.
OrderCount
}}
</td>
<td>
{{
cItem
.
OrderIncome
}}
</td>
<td>
{{
getStatical
(
cItem
.
VisitCount
,
cItem
.
ClueCount
)
}}
%
</td>
<td>
{{
getStatical
(
cItem
.
OrderCount
,
cItem
.
VisitCount
)
}}
%
</td>
</tr>
</
template
>
<
template
v-else
>
<tr>
<td
colspan=
"8"
rowspan=
"3"
>
暂无数据
</td>
</tr>
</
template
>
</table>
<table
class=
"visitTable"
style=
"border-collapse:collapse;margin-top:20px;"
>
<table
class=
"visitTable"
style=
"border-collapse:collapse;margin-top:20px;"
>
<tr>
<tr>
<th
colspan=
"8"
>
学校渠道
</th>
<th
colspan=
"8"
>
<span
v-if=
"top_Check==1"
>
同行渠道
</span>
<span
v-if=
"top_Check==2"
>
内部渠道
</span>
<span
v-if=
"top_Check==3"
>
学校渠道
</span>
<span
v-if=
"top_Check==4"
>
转介渠道
</span>
</th>
</tr>
</tr>
<tr>
<tr>
<th>
序号
</th>
<th>
序号
</th>
...
@@ -130,40 +78,8 @@
...
@@ -130,40 +78,8 @@
<th>
到访率
</th>
<th>
到访率
</th>
<th>
合同转化率
</th>
<th>
合同转化率
</th>
</tr>
</tr>
<
template
v-if=
"dataList.schoolDataList&&dataList.schoolDataList.length>0"
>
<
template
v-if=
"dataList.length>0"
>
<tr
v-for=
"(cItem,cIndex) in dataList.schoolDataList"
:key=
"cIndex"
>
<tr
v-for=
"(cItem,cIndex) in dataList"
:key=
"cIndex"
>
<td>
{{
cIndex
+
1
}}
</td>
<td>
{{
cItem
.
ChannelName
}}
</td>
<td>
{{
cItem
.
ClueCount
}}
</td>
<td>
{{
cItem
.
VisitCount
}}
</td>
<td>
{{
cItem
.
OrderCount
}}
</td>
<td>
{{
cItem
.
OrderIncome
}}
</td>
<td>
{{
getStatical
(
cItem
.
VisitCount
,
cItem
.
ClueCount
)
}}
%
</td>
<td>
{{
getStatical
(
cItem
.
OrderCount
,
cItem
.
VisitCount
)
}}
%
</td>
</tr>
</
template
>
<
template
v-else
>
<tr>
<td
colspan=
"8"
rowspan=
"3"
>
暂无数据
</td>
</tr>
</
template
>
</table>
<table
class=
"visitTable"
style=
"border-collapse:collapse;margin-top:20px;"
>
<tr>
<th
colspan=
"8"
>
转介绍渠道
</th>
</tr>
<tr>
<th>
序号
</th>
<th
style=
"width:150px"
>
渠道名
</th>
<th>
回单
</th>
<th>
到访
</th>
<th>
合同数
</th>
<th>
新业绩金额
</th>
<th>
到访率
</th>
<th>
合同转化率
</th>
</tr>
<
template
v-if=
"dataList.transDataList&&dataList.transDataList.length>0"
>
<tr
v-for=
"(cItem,cIndex) in dataList.transDataList"
:key=
"cIndex"
>
<td>
{{
cIndex
+
1
}}
</td>
<td>
{{
cIndex
+
1
}}
</td>
<td>
{{
cItem
.
ChannelName
}}
</td>
<td>
{{
cItem
.
ChannelName
}}
</td>
<td>
{{
cItem
.
ClueCount
}}
</td>
<td>
{{
cItem
.
ClueCount
}}
</td>
...
@@ -205,7 +121,9 @@
...
@@ -205,7 +121,9 @@
disabledDate
(
time
)
{
disabledDate
(
time
)
{
return
time
.
getTime
()
>
Date
.
now
()
-
8.64e6
return
time
.
getTime
()
>
Date
.
now
()
-
8.64e6
}
}
}
},
top_Check
:
1
,
allData
:
[]
};
};
},
},
created
()
{
created
()
{
...
@@ -218,19 +136,35 @@
...
@@ -218,19 +136,35 @@
var
month
=
now
.
getMonth
()
+
1
;
var
month
=
now
.
getMonth
()
+
1
;
var
day
=
now
.
getDate
();
var
day
=
now
.
getDate
();
if
(
month
>=
1
&&
month
<=
9
)
{
if
(
month
>=
1
&&
month
<=
9
)
{
month
=
"0"
+
month
;
month
=
"0"
+
month
;
}
}
if
(
day
>=
1
&&
day
<=
9
)
{
if
(
day
>=
1
&&
day
<=
9
)
{
day
=
"0"
+
day
;
day
=
"0"
+
day
;
}
}
this
.
msg
.
startTime
=
year
+
strLink
+
month
+
strLink
+
'01'
;
this
.
msg
.
startTime
=
year
+
strLink
+
month
+
strLink
+
'01'
;
this
.
msg
.
endTime
=
year
+
strLink
+
month
+
strLink
+
day
;
this
.
msg
.
endTime
=
year
+
strLink
+
month
+
strLink
+
day
;
this
.
dateList
.
push
(
year
+
strLink
+
month
+
strLink
+
'01'
);
this
.
dateList
.
push
(
year
+
strLink
+
month
+
strLink
+
'01'
);
this
.
dateList
.
push
(
year
+
strLink
+
month
+
strLink
+
day
);
this
.
dateList
.
push
(
year
+
strLink
+
month
+
strLink
+
day
);
this
.
getEmployeeList
();
this
.
getEmployeeList
();
this
.
getData
();
this
.
getData
();
},
},
methods
:
{
methods
:
{
getCheck
()
{
switch
(
this
.
top_Check
)
{
case
1
:
this
.
dataList
=
this
.
allData
.
customerDataList
;
break
;
case
2
:
this
.
dataList
=
this
.
allData
.
innerDataList
;
break
;
case
3
:
this
.
dataList
=
this
.
allData
.
schoolDataList
;
break
;
case
4
:
this
.
dataList
=
this
.
allData
.
transDataList
;
break
;
}
},
//获取数据
//获取数据
getData
()
{
getData
()
{
if
(
this
.
dateList
&&
this
.
dateList
.
length
>
0
)
{
if
(
this
.
dateList
&&
this
.
dateList
.
length
>
0
)
{
...
@@ -241,9 +175,9 @@
...
@@ -241,9 +175,9 @@
this
.
msg
.
endTime
=
""
;
this
.
msg
.
endTime
=
""
;
}
}
MarketCreateType
(
this
.
msg
).
then
(
res
=>
{
MarketCreateType
(
this
.
msg
).
then
(
res
=>
{
console
.
log
(
res
,
'数据'
);
if
(
res
.
Code
==
1
)
{
if
(
res
.
Code
==
1
)
{
this
.
dataList
=
res
.
Data
;
this
.
allData
=
res
.
Data
;
this
.
dataList
=
this
.
allData
.
customerDataList
;
}
}
});
});
},
},
...
...
src/router/routes.js
View file @
aa562e82
...
@@ -1035,6 +1035,11 @@ const routes = [{
...
@@ -1035,6 +1035,11 @@ const routes = [{
component
:
()
=>
component
:
()
=>
import
(
"pages/sale/visitTransform.vue"
)
import
(
"pages/sale/visitTransform.vue"
)
},
},
{
path
:
"/sale/channelDetail"
,
//细分渠道
component
:
()
=>
import
(
"pages/sale/channelDetail.vue"
)
},
{
{
path
:
"/sale/auditionList"
,
//试听列表
path
:
"/sale/auditionList"
,
//试听列表
component
:
()
=>
component
:
()
=>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment