Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
P
pica.cloud.web-education-admin
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
成员
成员
收起侧边栏
Close sidebar
动态
分支图
统计图
提交
打开侧边栏
com.pica.cloud.education.frontend
pica.cloud.web-education-admin
提交
503d051d
提交
503d051d
编写于
12月 07, 2019
作者:
zhentian.jia
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'dev-learning-1120' into 'test-learning-1205'
Dev learning 1120 See merge request !121
上级
e6145256
b0017aa5
变更
13
展开全部
隐藏空白字符变更
内嵌
并排
正在显示
13 个修改的文件
包含
499 行增加
和
182 行删除
+499
-182
common.scss
src/style/common.scss
+12
-0
chartData.js
src/utils/learning/chartData.js
+8
-3
operation.js
src/utils/operation.js
+8
-1
data-alignment.vue
src/views/learning/data-alignment.vue
+7
-2
export-download.vue
src/views/learning/export-download.vue
+7
-2
item-course-analysis.vue
src/views/learning/item-course-analysis.vue
+8
-4
item-crowd-analysis.vue
src/views/learning/item-crowd-analysis.vue
+90
-21
item-data-all.vue
src/views/learning/item-data-all.vue
+211
-92
item-examination-analysis.vue
src/views/learning/item-examination-analysis.vue
+49
-19
item-learning-effect.vue
src/views/learning/item-learning-effect.vue
+45
-22
item-list.vue
src/views/learning/item-list.vue
+40
-12
name-list.vue
src/views/learning/name-list.vue
+7
-2
report-list.vue
src/views/learning/report-list.vue
+7
-2
未找到文件。
src/style/common.scss
浏览文件 @
503d051d
...
@@ -254,3 +254,15 @@ html,body{
...
@@ -254,3 +254,15 @@ html,body{
color
:
#FF9A4B
;
color
:
#FF9A4B
;
}
}
}
}
.empty-img
{
position
:
relative
;
height
:
100px
;
width
:
100%
;
display
:
flex
;
img
{
position
:
relative
;
margin
:
38px
auto
;
height
:
24px
;
width
:
106px
;
}
}
\ No newline at end of file
src/utils/learning/chartData.js
浏览文件 @
503d051d
...
@@ -6,10 +6,15 @@ export function dustributeOption(legendData, seriesData) {
...
@@ -6,10 +6,15 @@ export function dustributeOption(legendData, seriesData) {
},
},
tooltip
:
{
tooltip
:
{
trigger
:
"item"
,
trigger
:
"item"
,
formatter
:
"{b} : {d}%"
// formatter: "{b} : {d}%",
formatter
:
function
(
data
){
let
value
=
data
.
name
+
':'
+
data
.
percent
.
toFixed
(
1
)
+
"%"
return
value
;
}
},
},
label
:
{
label
:
{
formatter
:
"{d}%"
// formatter: "{d}%",
formatter
:
function
(
data
){
return
data
.
percent
.
toFixed
(
1
)
+
"%"
;}
},
},
color
:
[
'#FF9A4B'
,
'#FFBC3D'
,
'#39AF9A'
,
'#3BA0FF'
,
'#5D7092'
],
color
:
[
'#FF9A4B'
,
'#FFBC3D'
,
'#39AF9A'
,
'#3BA0FF'
,
'#5D7092'
],
legend
:
{
legend
:
{
...
@@ -75,7 +80,7 @@ export function recordOption(legendData, xAxisData, seriesData) {
...
@@ -75,7 +80,7 @@ export function recordOption(legendData, xAxisData, seriesData) {
(
(
(
100
*
parseFloat
(
params
[
j
].
value
))
/
(
100
*
parseFloat
(
params
[
j
].
value
))
/
parseFloat
(
value
)
parseFloat
(
value
)
).
toFixed
(
2
)
+
).
toFixed
(
1
)
+
"%"
;
"%"
;
}
else
{
}
else
{
relVal
+=
relVal
+=
...
...
src/utils/operation.js
浏览文件 @
503d051d
...
@@ -376,7 +376,14 @@ export function getPicOption(title, legendData, colorData, seriesData) {
...
@@ -376,7 +376,14 @@ export function getPicOption(title, legendData, colorData, seriesData) {
},
},
tooltip
:
{
tooltip
:
{
trigger
:
'item'
,
trigger
:
'item'
,
formatter
:
"{a} <br/>{b} : {c} ({d}%)"
// formatter: "{a} <br/>{b} : {c} ({d}%)"
formatter
:
function
(
data
){
let
value
=
data
.
name
+
':'
+
data
.
percent
.
toFixed
(
1
)
+
"%"
return
value
;
}
},
label
:
{
formatter
:
function
(
data
){
return
data
.
percent
.
toFixed
(
1
)
+
"%"
;}
},
},
legend
:
{
legend
:
{
orient
:
"vertical"
,
orient
:
"vertical"
,
...
...
src/views/learning/data-alignment.vue
浏览文件 @
503d051d
...
@@ -90,8 +90,7 @@
...
@@ -90,8 +90,7 @@
<el-table-column
prop=
"townName"
label=
"乡镇/街道"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop=
"townName"
label=
"乡镇/街道"
show-overflow-tooltip
></el-table-column>
<div
slot=
"empty"
>
<div
slot=
"empty"
>
<div
class=
"table-empty"
>
<div
class=
"table-empty"
>
<img
src=
"../../assets/image/no-content1.png"
/>
<img
src=
"../../assets/image/noData.png"
/>
<p>
没有相关数据,请重新选择查询范围
</p>
</div>
</div>
</div>
</div>
</el-table>
</el-table>
...
@@ -400,5 +399,11 @@ export default {
...
@@ -400,5 +399,11 @@ export default {
.pagination
{
.pagination
{
margin-right
:
10px
;
margin-right
:
10px
;
}
}
.table-empty
{
img
{
height
:
24px
;
width
:
106px
;
}
}
}
}
</
style
>
</
style
>
src/views/learning/export-download.vue
浏览文件 @
503d051d
...
@@ -38,8 +38,7 @@
...
@@ -38,8 +38,7 @@
</el-table-column>
</el-table-column>
<div
slot=
"empty"
>
<div
slot=
"empty"
>
<div
class=
"table-empty"
>
<div
class=
"table-empty"
>
<img
src=
"../../assets/image/no-content1.png"
/>
<img
src=
"../../assets/image/noData.png"
/>
<p>
没有相关数据,请重新选择查询范围
</p>
</div>
</div>
</div>
</div>
</el-table>
</el-table>
...
@@ -287,6 +286,12 @@ export default {
...
@@ -287,6 +286,12 @@ export default {
border
:
0px
solid
#fff
!
important
;
border
:
0px
solid
#fff
!
important
;
}
}
}
}
.table-empty
{
img
{
height
:
24px
;
width
:
106px
;
}
}
}
}
}
}
</
style
>
</
style
>
\ No newline at end of file
src/views/learning/item-course-analysis.vue
浏览文件 @
503d051d
...
@@ -28,8 +28,7 @@
...
@@ -28,8 +28,7 @@
</el-table-column>
</el-table-column>
<div
slot=
"empty"
>
<div
slot=
"empty"
>
<div
class=
"table-empty"
>
<div
class=
"table-empty"
>
<img
src=
"../../assets/image/no-content1.png"
/>
<img
src=
"../../assets/image/noData.png"
/>
<p>
没有相关数据,请重新选择查询范围
</p>
</div>
</div>
</div>
</div>
</el-table>
</el-table>
...
@@ -52,8 +51,7 @@
...
@@ -52,8 +51,7 @@
</el-table-column>
</el-table-column>
<div
slot=
"empty"
>
<div
slot=
"empty"
>
<div
class=
"table-empty"
>
<div
class=
"table-empty"
>
<img
src=
"../../assets/image/no-content1.png"
/>
<img
src=
"../../assets/image/noData.png"
/>
<p>
没有相关数据,请重新选择查询范围
</p>
</div>
</div>
</div>
</div>
</el-table>
</el-table>
...
@@ -346,5 +344,11 @@ export default {
...
@@ -346,5 +344,11 @@ export default {
margin-top
:
30px
;
margin-top
:
30px
;
margin-right
:
13px
;
margin-right
:
13px
;
}
}
.table-empty
{
img
{
height
:
24px
;
width
:
106px
;
}
}
}
}
</
style
>
</
style
>
\ No newline at end of file
src/views/learning/item-crowd-analysis.vue
浏览文件 @
503d051d
...
@@ -9,8 +9,20 @@
...
@@ -9,8 +9,20 @@
<p>
"没有相关数据,请重新选择查询范围"
</p>
<p>
"没有相关数据,请重新选择查询范围"
</p>
</div>
</div>
<div
class=
"chart"
v-show=
"showData"
>
<div
class=
"chart"
v-show=
"showData"
>
<div
class=
"item"
id=
"education"
ref=
"education"
></div>
<div
v-if=
"showEducation === true"
>
<div
class=
"item item-right"
id=
"job"
ref=
"job"
></div>
<div
class=
"item"
id=
"education"
ref=
"education"
></div>
</div>
<div
v-if=
"showEducation === false"
class=
"empty-left"
>
<div
class=
"title"
>
人员学历分布
</div>
<img
src=
"../../assets/image/noData.png"
/>
</div>
<div
v-if=
"showJob === true"
>
<div
class=
"item item-right"
id=
"job"
ref=
"job"
></div>
</div>
<div
v-if=
"showJob === false"
class=
"empty-left item-right"
>
<div
class=
"title"
>
人员职务分布
</div>
<img
src=
"../../assets/image/noData.png"
/>
</div>
</div>
</div>
<div
class=
"chart"
v-show=
"showData"
>
<div
class=
"chart"
v-show=
"showData"
>
<div
class=
"item"
>
<div
class=
"item"
>
...
@@ -27,7 +39,13 @@
...
@@ -27,7 +39,13 @@
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"item item-right"
id=
"age"
ref=
"age"
></div>
<div
v-if=
"showAge === true"
>
<div
class=
"item item-right"
id=
"age"
ref=
"age"
></div>
</div>
<div
v-if=
"showAge === false"
class=
"empty-left item-right"
>
<div
class=
"title"
>
人员年龄分布
</div>
<img
src=
"../../assets/image/noData.png"
/>
</div>
</div>
</div>
</div>
</div>
</
template
>
</
template
>
...
@@ -93,6 +111,10 @@ export default {
...
@@ -93,6 +111,10 @@ export default {
},
},
downloadId
:
null
,
downloadId
:
null
,
timeInfoChild
:
{},
timeInfoChild
:
{},
showEducation
:
true
,
showJob
:
true
,
showAge
:
true
,
};
};
},
},
watch
:
{
watch
:
{
...
@@ -123,8 +145,6 @@ export default {
...
@@ -123,8 +145,6 @@ export default {
});
});
});
});
this
.
$on
(
"reset"
,
()
=>
{
this
.
$on
(
"reset"
,
()
=>
{
this
.
showData
=
false
;
this
.
crowdData
=
{};
});
});
this
.
$on
(
"static"
,
()
=>
{
this
.
$on
(
"static"
,
()
=>
{
vm
.
getStatic
();
vm
.
getStatic
();
...
@@ -232,9 +252,9 @@ export default {
...
@@ -232,9 +252,9 @@ export default {
sexData
[
0
].
num
=
sexList
[
1
].
value
;
sexData
[
0
].
num
=
sexList
[
1
].
value
;
sexData
[
1
].
num
=
sexList
[
2
].
value
;
sexData
[
1
].
num
=
sexList
[
2
].
value
;
sexData
[
2
].
num
=
sexList
[
0
].
value
;
sexData
[
2
].
num
=
sexList
[
0
].
value
;
sexData
[
0
].
rate
=
Math
.
floor
(
sexList
[
1
].
value
/
sum
*
10000
)
/
100
;
sexData
[
0
].
rate
=
(
sexList
[
1
].
value
/
sum
*
100
).
toFixed
(
1
)
;
sexData
[
1
].
rate
=
Math
.
floor
(
sexList
[
2
].
value
/
sum
*
10000
)
/
100
;
sexData
[
1
].
rate
=
(
sexList
[
2
].
value
/
sum
*
100
).
toFixed
(
1
)
;
sexData
[
2
].
rate
=
Math
.
floor
(
sexList
[
0
].
value
/
sum
*
10000
)
/
100
;
sexData
[
2
].
rate
=
(
sexList
[
0
].
value
/
sum
*
100
).
toFixed
(
1
)
;
}
}
// console.log('this.$refs.ring0',this.$refs.ring0[0]);
// console.log('this.$refs.ring0',this.$refs.ring0[0]);
...
@@ -253,8 +273,12 @@ export default {
...
@@ -253,8 +273,12 @@ export default {
vm
.
sexData
=
sexData
;
vm
.
sexData
=
sexData
;
},
},
educationDivision
(
data
)
{
educationDivision
(
data
)
{
// console.log('this.$refs.education',this.$refs.education)
if
(
data
.
length
==
0
)
{
let
myChart
=
echarts
.
init
(
this
.
$refs
.
education
);
vm
.
showEducation
=
false
;
return
;
}
else
{
vm
.
showEducation
=
true
;
}
let
educationList
=
data
;
let
educationList
=
data
;
let
legendData
=
[];
let
legendData
=
[];
let
seriesData
=
[];
let
seriesData
=
[];
...
@@ -270,12 +294,19 @@ export default {
...
@@ -270,12 +294,19 @@ export default {
colorData
,
colorData
,
seriesData
seriesData
);
);
myChart
.
setOption
(
option
);
setTimeout
(
function
(){
vm
.
echartsData
.
chart1
=
myChart
;
let
myChart
=
echarts
.
init
(
vm
.
$refs
.
education
);
vm
.
updateResize
();
myChart
.
setOption
(
option
);
vm
.
echartsData
.
chart1
=
myChart
;
},
20
);
},
},
jobDivision
(
data
)
{
jobDivision
(
data
)
{
let
myChart2
=
echarts
.
init
(
this
.
$refs
.
job
);
if
(
data
.
length
==
0
)
{
vm
.
showJob
=
false
;
return
;
}
else
{
vm
.
showJob
=
true
;
}
let
titleList
=
data
;
let
titleList
=
data
;
let
legendData
=
[];
let
legendData
=
[];
let
seriesData
=
[];
let
seriesData
=
[];
...
@@ -290,12 +321,19 @@ export default {
...
@@ -290,12 +321,19 @@ export default {
colorData
,
colorData
,
seriesData
seriesData
);
);
myChart2
.
setOption
(
option
);
setTimeout
(
function
(){
vm
.
echartsData
.
chart2
=
myChart2
;
let
myChart2
=
echarts
.
init
(
vm
.
$refs
.
job
);
vm
.
updateResize
();
myChart2
.
setOption
(
option
);
vm
.
echartsData
.
chart2
=
myChart2
;
},
20
);
},
},
ageDivision
(
data
)
{
ageDivision
(
data
)
{
let
myChart3
=
echarts
.
init
(
this
.
$refs
.
age
);
if
(
data
.
length
==
0
)
{
vm
.
showAge
=
false
;
return
;
}
else
{
vm
.
showAge
=
true
;
}
let
xAxisData
=
[];
let
xAxisData
=
[];
let
seriesData
=
[];
let
seriesData
=
[];
let
ageList
=
data
;
let
ageList
=
data
;
...
@@ -313,9 +351,11 @@ export default {
...
@@ -313,9 +351,11 @@ export default {
}
}
let
option
=
operationData
.
getBarOption
(
xAxisData
,
seriesData
);
let
option
=
operationData
.
getBarOption
(
xAxisData
,
seriesData
);
myChart3
.
setOption
(
option
);
setTimeout
(
function
(){
vm
.
echartsData
.
chart3
=
myChart3
;
let
myChart3
=
echarts
.
init
(
vm
.
$refs
.
age
);
vm
.
updateResize
();
myChart3
.
setOption
(
option
);
vm
.
echartsData
.
chart3
=
myChart3
;
},
20
);
}
}
}
}
};
};
...
@@ -325,6 +365,9 @@ export default {
...
@@ -325,6 +365,9 @@ export default {
// background: #fff;
// background: #fff;
overflow
:
hidden
;
overflow
:
hidden
;
// padding: 10px;
// padding: 10px;
.el-radio-button__inner
:hover
{
color
:
#449284
;
}
.header-title
{
.header-title
{
padding
:
10px
12px
;
padding
:
10px
12px
;
font-size
:
12px
;
font-size
:
12px
;
...
@@ -354,6 +397,32 @@ export default {
...
@@ -354,6 +397,32 @@ export default {
margin
:
20px
auto
0
auto
;
margin
:
20px
auto
0
auto
;
width
:
1124px
;
width
:
1124px
;
overflow-x
:
hidden
;
overflow-x
:
hidden
;
.empty-left
{
position
:
relative
;
float
:
left
;
margin-right
:
20px
;
padding
:
0
;
width
:
552px
;
height
:
360px
;
display
:
flex
;
background
:
#ffffff
;
.title
{
position
:
relative
;
margin-top
:
20px
;
margin-left
:
20px
;
font-size
:
18px
;
font-weight
:
bold
;
}
img
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
transform
:
translate
(
-50%
,-
50%
);
height
:
24px
;
width
:
106px
;
}
}
.item
{
.item
{
position
:
relative
;
position
:
relative
;
float
:
left
;
float
:
left
;
...
...
src/views/learning/item-data-all.vue
浏览文件 @
503d051d
此差异已折叠。
点击以展开。
src/views/learning/item-examination-analysis.vue
浏览文件 @
503d051d
...
@@ -10,19 +10,29 @@
...
@@ -10,19 +10,29 @@
</div>
</div>
<div
class=
"spacing"
></div>
<div
class=
"spacing"
></div>
<div
class=
"chart-title"
>
完成项目考试次数情况
</div>
<div
class=
"chart-title"
>
完成项目考试次数情况
</div>
<div
class=
"chart"
id=
"examTimes"
ref=
"examTimes"
></div>
<div
v-if=
"showExamTimes === true"
>
<div
class=
"chart"
id=
"examTimes"
ref=
"examTimes"
></div>
</div>
<div
v-if=
"showExamTimes === false"
class=
"empty-img"
>
<img
src=
"../../assets/image/noData.png"
/>
</div>
<div
class=
"chart-remarks"
>
注:本报表数据来源包括用户参加正式考试次数,不包含摸底考试次数。
</div>
<div
class=
"chart-remarks"
>
注:本报表数据来源包括用户参加正式考试次数,不包含摸底考试次数。
</div>
<div
class=
"spacing"
></div>
<div
class=
"spacing"
></div>
<!--
<div
class=
"chart-title"
>
完成项目考试分数情况
</div>
-->
<!--
<div
class=
"chart-title"
>
完成项目考试分数情况
</div>
-->
<div
class=
"chart-title-more"
>
<div
class=
"chart-title-more"
>
<p>
完成项目考试分数情况
</p>
<p>
完成项目考试分数情况
</p>
<el-radio-group
class=
"rank-radio"
size=
"medium"
v-model=
"rankType"
@
change=
"changeRank"
>
<el-radio-group
v-if=
"showExamScore === true"
class=
"rank-radio"
size=
"medium"
v-model=
"rankType"
@
change=
"changeRank"
>
<el-radio-button
label=
"1"
>
1分
</el-radio-button>
<el-radio-button
label=
"1"
>
1分
</el-radio-button>
<el-radio-button
label=
"5"
>
5分
</el-radio-button>
<el-radio-button
label=
"5"
>
5分
</el-radio-button>
<el-radio-button
label=
"10"
>
10分
</el-radio-button>
<el-radio-button
label=
"10"
>
10分
</el-radio-button>
</el-radio-group>
</el-radio-group>
</div>
</div>
<div
class=
"chart"
id=
"examScore"
ref=
"examScore"
></div>
<div
v-if=
"showExamScore === true"
>
<div
class=
"chart"
id=
"examScore"
ref=
"examScore"
></div>
</div>
<div
v-if=
"showExamScore === false"
class=
"empty-img"
>
<img
src=
"../../assets/image/noData.png"
/>
</div>
<div
class=
"chart-remarks"
>
注:本报表数据来源包括用户参加正式考试,不包含摸底考试。
</div>
<div
class=
"chart-remarks"
>
注:本报表数据来源包括用户参加正式考试,不包含摸底考试。
</div>
<div
class=
"spacing"
></div>
<div
class=
"spacing"
></div>
<div
v-if=
"downloadId == null"
>
<div
v-if=
"downloadId == null"
>
...
@@ -45,8 +55,7 @@
...
@@ -45,8 +55,7 @@
</el-table-column>
</el-table-column>
<div
slot=
"empty"
>
<div
slot=
"empty"
>
<div
class=
"table-empty"
>
<div
class=
"table-empty"
>
<img
src=
"../../assets/image/no-content1.png"
/>
<img
src=
"../../assets/image/noData.png"
/>
<p>
没有相关数据,请重新选择查询范围
</p>
</div>
</div>
</div>
</div>
</el-table>
</el-table>
...
@@ -71,8 +80,7 @@
...
@@ -71,8 +80,7 @@
</el-table-column>
</el-table-column>
<div
slot=
"empty"
>
<div
slot=
"empty"
>
<div
class=
"table-empty"
>
<div
class=
"table-empty"
>
<img
src=
"../../assets/image/no-content1.png"
/>
<img
src=
"../../assets/image/noData.png"
/>
<p>
没有相关数据,请重新选择查询范围
</p>
</div>
</div>
</div>
</div>
</el-table>
</el-table>
...
@@ -137,6 +145,8 @@ export default {
...
@@ -137,6 +145,8 @@ export default {
rankType
:
'1'
,
rankType
:
'1'
,
timeInfoChild
:
{},
timeInfoChild
:
{},
downloadId
:
null
,
downloadId
:
null
,
showExamTimes
:
true
,
showExamScore
:
true
,
};
};
},
},
watch
:
{
watch
:
{
...
@@ -278,17 +288,24 @@ export default {
...
@@ -278,17 +288,24 @@ export default {
},
30
);
},
30
);
},
},
setExamTimes
(
data
)
{
setExamTimes
(
data
)
{
let
myChart
=
echarts
.
init
(
this
.
$refs
.
examTimes
);
if
(
data
.
length
==
0
)
{
vm
.
showExamTimes
=
false
;
return
;
}
else
{
vm
.
showExamTimes
=
true
;
}
let
xAxisData
=
[];
let
xAxisData
=
[];
let
seriesData
=
[];
let
seriesData
=
[];
for
(
let
i
=
0
;
i
<
data
.
length
;
i
++
)
{
for
(
let
i
=
0
;
i
<
data
.
length
;
i
++
)
{
xAxisData
.
push
(
data
[
i
].
times
+
"次"
);
xAxisData
.
push
(
data
[
i
].
times
+
"次"
);
seriesData
.
push
(
data
[
i
].
count
);
seriesData
.
push
(
data
[
i
].
count
);
}
}
let
option
=
chartData
.
examTimes
(
xAxisData
,
seriesData
);
setTimeout
(
function
(){
myChart
.
setOption
(
option
);
let
myChart
=
echarts
.
init
(
vm
.
$refs
.
examTimes
);
vm
.
echartsData
.
chart0
=
myChart
;
let
option
=
chartData
.
examTimes
(
xAxisData
,
seriesData
);
vm
.
updateResize
();
myChart
.
setOption
(
option
);
vm
.
echartsData
.
chart0
=
myChart
;
},
20
);
},
},
changeRank
(
value
)
{
changeRank
(
value
)
{
console
.
log
(
value
);
console
.
log
(
value
);
...
@@ -312,17 +329,24 @@ export default {
...
@@ -312,17 +329,24 @@ export default {
}
}
},
},
setExamScore
(
data
)
{
setExamScore
(
data
)
{
let
myChart
=
echarts
.
init
(
this
.
$refs
.
examScore
);
if
(
data
.
length
==
0
)
{
vm
.
showExamScore
=
false
;
return
;
}
else
{
vm
.
showExamScore
=
true
;
}
let
xAxisData
=
[];
let
xAxisData
=
[];
let
seriesData
=
[];
let
seriesData
=
[];
for
(
let
i
=
0
;
i
<
data
.
length
;
i
++
)
{
for
(
let
i
=
0
;
i
<
data
.
length
;
i
++
)
{
xAxisData
.
push
(
data
[
i
].
timesStr
);
xAxisData
.
push
(
data
[
i
].
timesStr
);
seriesData
.
push
(
data
[
i
].
count
);
seriesData
.
push
(
data
[
i
].
count
);
}
}
let
option
=
chartData
.
examScore
(
xAxisData
,
seriesData
);
setTimeout
(
function
(){
myChart
.
setOption
(
option
);
let
myChart
=
echarts
.
init
(
vm
.
$refs
.
examScore
);
vm
.
echartsData
.
chart1
=
myChart
;
let
option
=
chartData
.
examScore
(
xAxisData
,
seriesData
);
vm
.
updateResize
();
myChart
.
setOption
(
option
);
vm
.
echartsData
.
chart1
=
myChart
;
},
20
);
},
},
// 跳转查看名单页面
// 跳转查看名单页面
goPage
(
data
)
{
goPage
(
data
)
{
...
@@ -391,8 +415,8 @@ export default {
...
@@ -391,8 +415,8 @@ export default {
.examination-analysis
{
.examination-analysis
{
background
:
#fff
;
background
:
#fff
;
overflow
:
hidden
;
overflow
:
hidden
;
.
weight
{
.
el-radio-button__inner
:hover
{
font-weight
:
bold
;
color
:
#449284
;
}
}
.el-card
{
.el-card
{
border-width
:
0px
;
border-width
:
0px
;
...
@@ -518,5 +542,11 @@ export default {
...
@@ -518,5 +542,11 @@ export default {
margin-top
:
30px
;
margin-top
:
30px
;
margin-right
:
13px
;
margin-right
:
13px
;
}
}
.table-empty
{
img
{
height
:
24px
;
width
:
106px
;
}
}
}
}
</
style
>
</
style
>
src/views/learning/item-learning-effect.vue
浏览文件 @
503d051d
...
@@ -9,12 +9,22 @@
...
@@ -9,12 +9,22 @@
</div>
</div>
</div>
</div>
<div
class=
"spacing"
></div>
<div
class=
"spacing"
></div>
<div
class=
"chart-title"
>
不同学历完成项目前后正确率对比
</div>
<div
class=
"chart-title"
>
不同学历完成项目前后正确率对比
</div>
<div
class=
"chartEdu"
ref=
"education"
></div>
<div
v-if=
"showChartEdu === true"
>
<div
class=
"chartEdu"
ref=
"education"
></div>
</div>
<div
v-if=
"showChartEdu === false"
class=
"empty-img"
>
<img
src=
"../../assets/image/noData.png"
/>
</div>
<div
class=
"chart-remarks"
>
注:本报表数据来源仅仅统计同时包含摸底考和正式考的课程培训。
</div>
<div
class=
"chart-remarks"
>
注:本报表数据来源仅仅统计同时包含摸底考和正式考的课程培训。
</div>
<div
class=
"spacing"
></div>
<div
class=
"spacing"
></div>
<div
class=
"chart-title"
>
培训前后知识点掌握情况
</div>
<div
class=
"chart-title"
>
培训前后知识点掌握情况
</div>
<div
class=
"chartLearn"
ref=
"learning"
></div>
<div
v-if=
"showChartLearn === true"
>
<div
class=
"chartLearn"
ref=
"learning"
></div>
</div>
<div
v-if=
"showChartLearn === false"
class=
"empty-img"
>
<img
src=
"../../assets/image/noData.png"
/>
</div>
<div
class=
"chart-remarks"
>
注:本报表数据来源仅包括有摸底考的课程培训。
</div>
<div
class=
"chart-remarks"
>
注:本报表数据来源仅包括有摸底考的课程培训。
</div>
</div>
</div>
</
template
>
</
template
>
...
@@ -46,6 +56,8 @@ export default {
...
@@ -46,6 +56,8 @@ export default {
chart2
:
{}
chart2
:
{}
},
},
timeInfoChild
:
{},
timeInfoChild
:
{},
showChartEdu
:
true
,
showChartLearn
:
true
,
};
};
},
},
watch
:
{
watch
:
{
...
@@ -95,9 +107,6 @@ export default {
...
@@ -95,9 +107,6 @@ export default {
timeFlag
:
vm
.
formInline
.
timeFlag
timeFlag
:
vm
.
formInline
.
timeFlag
};
};
openLoading
(
vm
);
openLoading
(
vm
);
// if(req.regionId == "000") {
// req.regionId = "000";
// }
// console.log("0 req", req);
// console.log("0 req", req);
vm
.
POST
(
"stats/report/studyEffect"
,
req
).
then
(
res
=>
{
vm
.
POST
(
"stats/report/studyEffect"
,
req
).
then
(
res
=>
{
closeLoading
(
vm
);
closeLoading
(
vm
);
...
@@ -121,39 +130,53 @@ export default {
...
@@ -121,39 +130,53 @@ export default {
title
:
"培训前后正确率"
title
:
"培训前后正确率"
}
}
];
];
cardData
[
0
].
value
=
(
data
.
beforeRate
*
100
).
toFixed
(
2
)
+
"%"
;
cardData
[
0
].
value
=
(
data
.
beforeRate
*
100
).
toFixed
(
1
)
+
"%"
;
cardData
[
1
].
value
=
(
data
.
afterRate
*
100
).
toFixed
(
2
)
+
"%"
;
cardData
[
1
].
value
=
(
data
.
afterRate
*
100
).
toFixed
(
1
)
+
"%"
;
vm
.
cardData
=
cardData
;
vm
.
cardData
=
cardData
;
},
},
setEducation
(
data
)
{
setEducation
(
data
)
{
let
myChart
=
echarts
.
init
(
this
.
$refs
.
education
);
if
(
data
.
length
==
0
)
{
vm
.
showChartEdu
=
false
;
return
;
}
else
{
vm
.
showChartEdu
=
true
;
}
let
xAxisData
=
[];
let
xAxisData
=
[];
let
seriesBefore
=
[];
let
seriesBefore
=
[];
let
seriesAfter
=
[];
let
seriesAfter
=
[];
for
(
let
i
=
0
;
i
<
data
.
length
;
i
++
)
{
for
(
let
i
=
0
;
i
<
data
.
length
;
i
++
)
{
xAxisData
.
push
(
data
[
i
].
classifyName
);
xAxisData
.
push
(
data
[
i
].
classifyName
);
seriesBefore
.
push
((
data
[
i
].
beforeRate
*
100
).
toFixed
(
2
));
seriesBefore
.
push
((
data
[
i
].
beforeRate
*
100
).
toFixed
(
1
));
seriesAfter
.
push
((
data
[
i
].
afterRate
*
100
).
toFixed
(
2
));
seriesAfter
.
push
((
data
[
i
].
afterRate
*
100
).
toFixed
(
1
));
}
}
let
option
=
chartData
.
educationEffect
(
xAxisData
,
seriesBefore
,
seriesAfter
);
setTimeout
(
function
(){
myChart
.
setOption
(
option
);
let
myChart
=
echarts
.
init
(
vm
.
$refs
.
education
);
vm
.
echartsData
.
chart1
=
myChart
;
let
option
=
chartData
.
educationEffect
(
xAxisData
,
seriesBefore
,
seriesAfter
);
vm
.
updateResize
();
myChart
.
setOption
(
option
);
vm
.
echartsData
.
chart1
=
myChart
;
},
20
);
},
},
setLearning
(
data
)
{
setLearning
(
data
)
{
let
myChart
=
echarts
.
init
(
this
.
$refs
.
learning
);
if
(
data
.
length
==
0
)
{
vm
.
showChartLearn
=
false
;
return
;
}
else
{
vm
.
showChartLearn
=
true
;
}
let
xAxisData
=
[];
let
xAxisData
=
[];
let
seriesBefore
=
[];
let
seriesBefore
=
[];
let
seriesAfter
=
[];
let
seriesAfter
=
[];
for
(
let
i
=
0
;
i
<
data
.
length
;
i
++
)
{
for
(
let
i
=
0
;
i
<
data
.
length
;
i
++
)
{
xAxisData
.
push
(
data
[
i
].
classifyName
);
xAxisData
.
push
(
data
[
i
].
classifyName
);
seriesBefore
.
push
((
data
[
i
].
beforeRate
*
100
).
toFixed
(
2
));
seriesBefore
.
push
((
data
[
i
].
beforeRate
*
100
).
toFixed
(
1
));
seriesAfter
.
push
((
data
[
i
].
afterRate
*
100
).
toFixed
(
2
));
seriesAfter
.
push
((
data
[
i
].
afterRate
*
100
).
toFixed
(
1
));
}
}
let
option
=
chartData
.
knowledgeEffect
(
xAxisData
,
seriesBefore
,
seriesAfter
);
setTimeout
(
function
(){
myChart
.
setOption
(
option
);
let
myChart
=
echarts
.
init
(
vm
.
$refs
.
learning
);
vm
.
echartsData
.
chart2
=
myChart
;
let
option
=
chartData
.
knowledgeEffect
(
xAxisData
,
seriesBefore
,
seriesAfter
);
vm
.
updateResize
();
myChart
.
setOption
(
option
);
vm
.
echartsData
.
chart2
=
myChart
;
},
20
);
}
}
}
}
};
};
...
...
src/views/learning/item-list.vue
浏览文件 @
503d051d
...
@@ -99,7 +99,8 @@
...
@@ -99,7 +99,8 @@
type=
"daterange"
type=
"daterange"
range-separator=
"至"
range-separator=
"至"
start-placeholder=
"开始日期"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
>
end-placeholder=
"结束日期"
:picker-options=
"pickerOptions0"
>
</el-date-picker>
</el-date-picker>
</el-col>
</el-col>
</el-form-item>
</el-form-item>
...
@@ -319,6 +320,17 @@ export default {
...
@@ -319,6 +320,17 @@ export default {
originalFlag
:
1
originalFlag
:
1
},
},
hospitalCntList
:
[],
hospitalCntList
:
[],
maxDate
:
''
,
minDate
:
''
,
allRegionId
:
''
,
pickerOptions0
:
{
disabledDate
:
time
=>
{
// 在科学计数法中,为了使公式简便,可以用带“E”的格式表示。例如1.03乘10的8次方,可简写为“1.03e8”的形式
// 一天是24*60*60*1000 = 86400000 = 8.64e7
// console.log('this.maxDate',this.maxDate)
return
time
.
getTime
()
>
new
Date
(
this
.
maxDate
).
getTime
()
||
time
.
getTime
()
<
new
Date
(
this
.
minDate
).
getTime
()
-
8.64e7
;
}
},
};
};
},
},
computed
:
{
computed
:
{
...
@@ -394,6 +406,9 @@ export default {
...
@@ -394,6 +406,9 @@ export default {
vm
.
displayExam
=
res
.
data
.
existExam
;
vm
.
displayExam
=
res
.
data
.
existExam
;
vm
.
displayEffect
=
res
.
data
.
existEffect
;
vm
.
displayEffect
=
res
.
data
.
existEffect
;
vm
.
certFlag
=
res
.
data
.
certFlag
;
vm
.
certFlag
=
res
.
data
.
certFlag
;
vm
.
maxDate
=
new
Date
(
res
.
data
.
maxDate
);
vm
.
minDate
=
new
Date
(
res
.
data
.
minDate
);
console
.
log
(
'日期:'
,
vm
.
maxDate
,
vm
.
minDate
)
vm
.
getRegionOption
();
vm
.
getRegionOption
();
}
}
});
});
...
@@ -518,6 +533,7 @@ export default {
...
@@ -518,6 +533,7 @@ export default {
if
(
res
.
code
==
"000000"
)
{
if
(
res
.
code
==
"000000"
)
{
vm
.
formInline
.
region
=
[];
vm
.
formInline
.
region
=
[];
vm
.
formInline
.
region
[
0
]
=
res
.
data
.
list
[
0
].
id
;
vm
.
formInline
.
region
[
0
]
=
res
.
data
.
list
[
0
].
id
;
vm
.
allRegionId
=
res
.
data
.
list
[
0
].
id
;
vm
.
optionsRegion
=
operationData
.
setRegionOptionNew
(
vm
.
optionsRegion
=
operationData
.
setRegionOptionNew
(
res
.
data
.
list
res
.
data
.
list
);
);
...
@@ -626,7 +642,7 @@ export default {
...
@@ -626,7 +642,7 @@ export default {
});
});
},
},
search
()
{
search
()
{
console
.
log
(
vm
.
formInline
);
//
console.log(vm.formInline);
if
(
vm
.
formInline
.
timeFlag
==
1
)
{
if
(
vm
.
formInline
.
timeFlag
==
1
)
{
//截止昨日
//截止昨日
vm
.
setExportReq
();
vm
.
setExportReq
();
...
@@ -673,20 +689,29 @@ export default {
...
@@ -673,20 +689,29 @@ export default {
date
:
""
,
date
:
""
,
organization
:
[],
organization
:
[],
checked
:
false
,
checked
:
false
,
timeFlag
:
1
,
during
:
null
,
pageNo
:
1
,
pageNo
:
1
,
pageSize
:
20
,
pageSize
:
20
,
}
}
);
);
vm
.
formInline
.
region
[
0
]
=
vm
.
allRegionId
;
vm
.
areaLen
=
0
;
vm
.
tags
=
[];
vm
.
tags
=
[];
if
(
this
.
activeName
==
"first"
)
{
this
.
$refs
.
childPart
.
$emit
(
"reset"
);
setTimeout
(
function
(){
}
else
if
(
this
.
activeName
==
"second"
)
{
vm
.
search
();
this
.
$refs
.
childCrowd
.
$emit
(
"reset"
);
},
20
)
}
else
if
(
this
.
activeName
==
"third"
)
{
this
.
$refs
.
childCourse
.
$emit
(
"reset"
);
// if (this.activeName == "first") {
}
else
if
(
this
.
activeName
==
"fourth"
)
{
// this.$refs.childPart.$emit("reset");
this
.
$refs
.
childExam
.
$emit
(
"reset"
);
// } else if (this.activeName == "second") {
}
// this.$refs.childCrowd.$emit("reset");
// } else if (this.activeName == "third") {
// this.$refs.childCourse.$emit("reset");
// } else if (this.activeName == "fourth") {
// this.$refs.childExam.$emit("reset");
// }
},
},
exportExcel
()
{
exportExcel
()
{
if
(
vm
.
downloadId
==
null
)
{
if
(
vm
.
downloadId
==
null
)
{
...
@@ -904,7 +929,10 @@ export default {
...
@@ -904,7 +929,10 @@ export default {
position
:
absolute
;
position
:
absolute
;
}
}
.el-tabs__item.is-active
{
.el-tabs__item.is-active
{
color
:
#409eff
;
color
:
#449284
;
}
.el-tabs__item
:hover
{
color
:
#449284
;
}
}
.el-tabs__header
{
.el-tabs__header
{
width
:
100%
;
width
:
100%
;
...
...
src/views/learning/name-list.vue
浏览文件 @
503d051d
...
@@ -95,8 +95,7 @@
...
@@ -95,8 +95,7 @@
</el-table-column>
</el-table-column>
<div
slot=
"empty"
>
<div
slot=
"empty"
>
<div
class=
"table-empty"
>
<div
class=
"table-empty"
>
<img
src=
"../../assets/image/no-content1.png"
>
<img
src=
"../../assets/image/noData.png"
/>
<p>
没有相关数据,请重新选择查询范围
</p>
</div>
</div>
</div>
</div>
</el-table>
</el-table>
...
@@ -380,6 +379,12 @@ export default {
...
@@ -380,6 +379,12 @@ export default {
position
:
relative
;
position
:
relative
;
left
:
50%
;
left
:
50%
;
}
}
.table-empty
{
img
{
height
:
24px
;
width
:
106px
;
}
}
}
}
}
}
</
style
>
</
style
>
\ No newline at end of file
src/views/learning/report-list.vue
浏览文件 @
503d051d
...
@@ -54,8 +54,7 @@
...
@@ -54,8 +54,7 @@
</el-table-column>
</el-table-column>
<div
slot=
"empty"
>
<div
slot=
"empty"
>
<div
class=
"table-empty"
>
<div
class=
"table-empty"
>
<img
src=
"../../assets/image/no-content1.png"
/>
<img
src=
"../../assets/image/noData.png"
/>
<p>
没有找到符合的结果
</p>
</div>
</div>
</div>
</div>
</el-table>
</el-table>
...
@@ -186,6 +185,12 @@ export default {
...
@@ -186,6 +185,12 @@ export default {
.itemlist-content
{
.itemlist-content
{
padding
:
10px
;
padding
:
10px
;
background
:
#fff
;
background
:
#fff
;
.table-empty
{
img
{
height
:
24px
;
width
:
106px
;
}
}
}
}
}
}
</
style
>
</
style
>
\ No newline at end of file
写
预览
Markdown
格式
0%
请重试
or
附加一个文件
附加文件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录