|
|
|
@ -6,7 +6,7 @@
|
|
|
|
|
</head>
|
|
|
|
|
<style>
|
|
|
|
|
.count_box{
|
|
|
|
|
width: 95%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 95%;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
}
|
|
|
|
@ -99,91 +99,94 @@
|
|
|
|
|
</style>
|
|
|
|
|
<body class="gray-bg">
|
|
|
|
|
<div class="container-div" id="app">
|
|
|
|
|
<div class="count_box">
|
|
|
|
|
<div class="count_center">
|
|
|
|
|
<div class="children_echarts left_echarts" style="width: 50%">
|
|
|
|
|
<div id="leftMain" style="width: 500px;height:380px"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="children_echarts center_echarts" style="width: 50%">
|
|
|
|
|
<div id="centerMain" style="width: 500px;height:380px"></div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="count_box">
|
|
|
|
|
<div class="count_center">
|
|
|
|
|
<div class="children_echarts left_echarts" style="width: 50%">
|
|
|
|
|
<div id="leftMain" style="width: 500px;height:380px"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="children_echarts center_echarts" style="width: 50%">
|
|
|
|
|
<div id="centerMain" style="width: 500px;height:380px"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="count_top">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="textList">
|
|
|
|
|
<p>
|
|
|
|
|
{{countList.total}}
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
考试总数
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="yuan"></span>
|
|
|
|
|
<i class="fa fa-clipboard" style="color: #0078ff"></i>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="textList">
|
|
|
|
|
<p>
|
|
|
|
|
{{countList.tg}}
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
通过人数
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="yuan"></span>
|
|
|
|
|
<i class="fa fa-newspaper-o" style="color: #ff313c"></i>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="textList">
|
|
|
|
|
<p>
|
|
|
|
|
{{countList.wtg}}
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
未通过人数
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="yuan"></span>
|
|
|
|
|
<i class="fa fa-pie-chart" style="color: #12b975"></i>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="count_top">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="textList">
|
|
|
|
|
<p>
|
|
|
|
|
{{countList.total}}
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
考试总数
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="yuan"></span>
|
|
|
|
|
<i class="fa fa-clipboard" style="color: #0078ff"></i>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="textList">
|
|
|
|
|
<p>
|
|
|
|
|
{{countList.tg}}
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
通过人数
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="yuan"></span>
|
|
|
|
|
<i class="fa fa-newspaper-o" style="color: #ff313c"></i>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<div class="textList">
|
|
|
|
|
<p>
|
|
|
|
|
{{countList.wtg}}
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
未通过人数
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="yuan"></span>
|
|
|
|
|
<i class="fa fa-pie-chart" style="color: #12b975"></i>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="count_bottom">
|
|
|
|
|
<el-table
|
|
|
|
|
:data="tableData"
|
|
|
|
|
style="width: 100%;border-radius: 10px;"
|
|
|
|
|
max-height="520"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="title"
|
|
|
|
|
label="考试名称"
|
|
|
|
|
align="center"
|
|
|
|
|
<div class="count_bottom">
|
|
|
|
|
<el-table
|
|
|
|
|
:data="tableData"
|
|
|
|
|
style="width: 100%;border-radius: 10px;"
|
|
|
|
|
max-height="520"
|
|
|
|
|
>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="total"
|
|
|
|
|
label="考试总数"
|
|
|
|
|
align="center"
|
|
|
|
|
>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="tg"
|
|
|
|
|
label="通过人数"
|
|
|
|
|
align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="wtg"
|
|
|
|
|
label="未通过人数"
|
|
|
|
|
align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="操作" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button size="mini" type="primary" @click="handleEdit(scope.$index, scope.row)">详情</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="title"
|
|
|
|
|
label="考试名称"
|
|
|
|
|
align="center"
|
|
|
|
|
>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="total"
|
|
|
|
|
label="考试总数"
|
|
|
|
|
align="center"
|
|
|
|
|
>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="tg"
|
|
|
|
|
label="通过人数"
|
|
|
|
|
align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="wtg"
|
|
|
|
|
label="未通过人数"
|
|
|
|
|
align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="操作" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button size="mini" type="primary" @click="handleEdit(scope.$index, scope.row)">详情</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<th:block th:include="include :: footer" />
|
|
|
|
|
<th:block th:include="include :: element-js" />
|
|
|
|
|