Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
S
SuperMan
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
1
Issues
1
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
罗超
SuperMan
Commits
b4034d5b
Commit
b4034d5b
authored
Nov 08, 2019
by
黄奎
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
页面修改
parent
c71dbf8a
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
1110 additions
and
786 deletions
+1110
-786
chartsUtils.js
src/assets/utils/chartsUtils.js
+108
-104
saleTaskManagement.vue
src/components/SalesModule/saleTaskManagement.vue
+1002
-682
No files found.
src/assets/utils/chartsUtils.js
View file @
b4034d5b
...
@@ -112,113 +112,117 @@ var chartsUtils = {
...
@@ -112,113 +112,117 @@ var chartsUtils = {
},
},
//销售 任务管理 部门执行力
//销售 任务管理 部门执行力
saleTaskDepartment
:
function
(
id
,
myTitle
,
myValue
,
insideColor
,
outsideColor
)
{
saleTaskDepartment
:
function
(
id
,
myTitle
,
myValue
,
insideColor
,
outsideColor
)
{
var
myChart3
=
selfechart
.
init
(
document
.
getElementById
(
id
));
var
obj
=
document
.
getElementById
(
id
);
myChart3
.
setOption
({
if
(
obj
!=
null
)
series
:
[{
{
name
:
'业务指标'
,
var
myChart3
=
selfechart
.
init
(
obj
);
type
:
'gauge'
,
myChart3
.
setOption
({
detail
:
{
series
:
[{
show
:
true
,
name
:
'业务指标'
,
backgroundColor
:
'rgba(0,0,0,0)'
,
type
:
'gauge'
,
borderWidth
:
0
,
detail
:
{
borderColor
:
'#ccc'
,
show
:
true
,
offsetCenter
:
[
0
,
'10%'
],
backgroundColor
:
'rgba(0,0,0,0)'
,
formatter
:
'{value}%'
,
borderWidth
:
0
,
textStyle
:
{
borderColor
:
'#ccc'
,
color
:
insideColor
,
//百分比
offsetCenter
:
[
0
,
'10%'
],
fontSize
:
15
formatter
:
'{value}%'
,
}
textStyle
:
{
},
color
:
insideColor
,
//百分比
radius
:
'90%'
,
fontSize
:
15
startAngle
:
200
,
}
endAngle
:
-
25
,
},
data
:
[{
value
:
myValue
,
name
:
myTitle
}],
radius
:
'90%'
,
splitLine
:
{
startAngle
:
200
,
show
:
false
endAngle
:
-
25
,
},
data
:
[{
value
:
myValue
,
name
:
myTitle
}],
axisLine
:
{
splitLine
:
{
show
:
true
,
show
:
false
lineStyle
:
{
},
color
:
[
axisLine
:
{
[
1
,
'transparent'
]
show
:
true
,
],
lineStyle
:
{
width
:
2
color
:
[
}
[
1
,
'transparent'
]
},
//缩在里面的标线
],
axisTick
:
{
width
:
2
min
:
0
,
}
max
:
100
,
},
//缩在里面的标线
splitNumber
:
3
,
//缩在里面的标线的宽度
axisTick
:
{
length
:
2
,
// //缩在里面的标线的长度
min
:
0
,
lineStyle
:
{
// 属性lineStyle控制线条样式
max
:
100
,
color
:
insideColor
//刻度
splitNumber
:
3
,
//缩在里面的标线的宽度
}
length
:
2
,
// //缩在里面的标线的长度
},
lineStyle
:
{
// 属性lineStyle控制线条样式
axisLabel
:
{
color
:
insideColor
//刻度
formatter
:
function
(
v
)
{
}
return
""
;
},
axisLabel
:
{
formatter
:
function
(
v
)
{
return
""
;
}
},
//指针的宽度
pointer
:
{
width
:
0
},
title
:
{
show
:
true
,
offsetCenter
:
[
0
,
'40%'
],
textStyle
:
{
color
:
'#9E9E9E'
,
fontSize
:
14
}
}
}
},
},
//指针的宽度
{
//空仪表,最外层边框
pointer
:
{
name
:
''
,
width
:
0
type
:
'gauge'
,
},
startAngle
:
200
,
title
:
{
endAngle
:
-
25
,
show
:
true
,
radius
:
"100%"
,
offsetCenter
:
[
0
,
'40%'
],
//symbol: 'circle', //设定为实心点
textStyle
:
{
//symbolSize: 20, //设定实心点的大小
color
:
'#9E9E9E'
,
detail
:
{
formatter
:
'{value}%'
},
fontSize
:
14
axisLine
:
{
//仪表圈
}
show
:
true
,
lineStyle
:
{
color
:
[
[
myValue
/
100
,
insideColor
],
//完成度
[
1
,
outsideColor
]
],
shadowColor
:
[
[
myValue
/
100
,
'black'
],
[
1
,
outsideColor
]
],
width
:
2
}
},
splitLine
:
{
//分割线
show
:
false
},
axisTick
:
{
//刻度线
show
:
false
},
axisLabel
:
{
//刻度标签
show
:
false
},
pointer
:
{
//指针
show
:
true
,
width
:
5
,
shadowColor
:
'black'
,
//默认透明
shadowBlur
:
5
},
detail
:
{
show
:
false
},
data
:
[]
}
}
},
]
{
//空仪表,最外层边框
})
name
:
''
,
}
type
:
'gauge'
,
startAngle
:
200
,
endAngle
:
-
25
,
radius
:
"100%"
,
//symbol: 'circle', //设定为实心点
//symbolSize: 20, //设定实心点的大小
detail
:
{
formatter
:
'{value}%'
},
axisLine
:
{
//仪表圈
show
:
true
,
lineStyle
:
{
color
:
[
[
myValue
/
100
,
insideColor
],
//完成度
[
1
,
outsideColor
]
],
shadowColor
:
[
[
myValue
/
100
,
'black'
],
[
1
,
outsideColor
]
],
width
:
2
}
},
splitLine
:
{
//分割线
show
:
false
},
axisTick
:
{
//刻度线
show
:
false
},
axisLabel
:
{
//刻度标签
show
:
false
},
pointer
:
{
//指针
show
:
true
,
width
:
5
,
shadowColor
:
'black'
,
//默认透明
shadowBlur
:
5
},
detail
:
{
show
:
false
},
data
:
[]
}
]
})
},
},
saleIndex
:
function
(
id
,
data
)
{
saleIndex
:
function
(
id
,
data
)
{
var
myChart4
=
selfechart
.
init
(
document
.
getElementById
(
id
));
var
myChart4
=
selfechart
.
init
(
document
.
getElementById
(
id
));
...
...
src/components/SalesModule/saleTaskManagement.vue
View file @
b4034d5b
This diff is collapsed.
Click to expand it.
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