|
|
@@ -3,36 +3,27 @@
|
|
|
<NavBar />
|
|
|
<div class="statistics-container">
|
|
|
<org-tree v-model="query.orgId" @change="getDataList"></org-tree>
|
|
|
- <div class="search-flex-box">
|
|
|
- <select-cell title="教育计划名称" v-model="query.planId" :dataList="planList" :prop="prop" @change="getDataList"/>
|
|
|
- <date-cell title="统计月份" v-model="query.date" date-type="year-month" @change="getDataList"/>
|
|
|
- </div>
|
|
|
+ <select-cell title="教育计划名称" v-model="query.planId" :dataList="planList" :prop="prop" @change="getDataList"/>
|
|
|
+ <date-cell title="统计月份" v-model="query.date" date-type="year-month" @change="getDataList"/>
|
|
|
<div class="card-list">
|
|
|
<van-empty description="暂无数据" v-if="!dataList || dataList.length === 0" />
|
|
|
-<!-- <van-cell-group v-for="(v,i) in dataList" :key="i">-->
|
|
|
-<!-- <van-cell :title="v.orgName" >-->
|
|
|
-<!-- <template #extra>-->
|
|
|
-<!-- <div class="card-num">-->
|
|
|
-<!-- {{v.finishRate}}-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- <template #label>-->
|
|
|
-<!-- <div class="flex-box">-->
|
|
|
-<!-- <div>应培训数:{{v.shouldFinish}}</div>-->
|
|
|
-<!-- <div>已培训数:{{v.finish}}</div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- </van-cell>-->
|
|
|
-<!-- </van-cell-group>-->
|
|
|
- <ve-table
|
|
|
- v-else
|
|
|
- :border-x="true"
|
|
|
- :border-y="true"
|
|
|
- :border-around="true"
|
|
|
- :columns="columns"
|
|
|
- :fixed-header="true"
|
|
|
- maxHeight="calc(100vh - 240px)"
|
|
|
- :table-data="dataList" />
|
|
|
+ <template v-else>
|
|
|
+ <van-cell-group v-for="(v,i) in dataList">
|
|
|
+ <van-cell :title="v.orgName" >
|
|
|
+ <template #extra>
|
|
|
+ <div class="card-num">
|
|
|
+ {{v.finishRate}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template #label>
|
|
|
+ <div class="flex-box">
|
|
|
+ <div>应培训数:{{v.shouldFinish}}</div>
|
|
|
+ <div>已培训数:{{v.finish}}</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ </van-cell-group>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -40,9 +31,8 @@
|
|
|
<script>
|
|
|
import NavBar from '@/components/NavBar'
|
|
|
import OrgTree from '@/components/orgTree'
|
|
|
-import DateCell from '@/components/dateCell'
|
|
|
-import SelectCell from '@/components/selectCell'
|
|
|
-import Tables from '@/components/table'
|
|
|
+import dateCell from '@/components/dateCell'
|
|
|
+import selectCell from '@/components/selectCell'
|
|
|
import {dataList,planList} from './api'
|
|
|
import {mapGetters} from "vuex";
|
|
|
import {formatDate} from "@/filters/filter";
|
|
|
@@ -50,9 +40,8 @@ export default {
|
|
|
components: {
|
|
|
NavBar,
|
|
|
OrgTree,
|
|
|
- DateCell,
|
|
|
- SelectCell,
|
|
|
- Tables
|
|
|
+ dateCell,
|
|
|
+ selectCell
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -67,24 +56,7 @@ export default {
|
|
|
value:'id',
|
|
|
},
|
|
|
loading:false,
|
|
|
- columns:[
|
|
|
- {
|
|
|
- field: "index",
|
|
|
- key: "index",
|
|
|
- title: "序号",
|
|
|
- width: 50,
|
|
|
- align: "center",
|
|
|
- fixed: "left",
|
|
|
- renderBodyCell: ({ row, column, rowIndex }, h) => {
|
|
|
- return ++rowIndex;
|
|
|
- },
|
|
|
- },
|
|
|
- {field:'orgName',key:'2',title:'单位名称',align: "center" },
|
|
|
- {field:'finish',key:'3',title:'应培训数',align: "center" },
|
|
|
- {field:'shouldFinish',key:'4',title:'已培训数',align: "center" },
|
|
|
- {field:'finishRate',key:'5',title:'完成率',align: "center" },
|
|
|
- ],
|
|
|
- dataList:[],
|
|
|
+ dataList:[]
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -127,12 +99,6 @@ export default {
|
|
|
.van-cell-group:last-child{
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
-.vue-table-root{
|
|
|
- tr,th,td{
|
|
|
- font-size: 25px!important;
|
|
|
- color:#666!important;
|
|
|
- }
|
|
|
-}
|
|
|
</style>
|
|
|
<style lang="scss" scoped>
|
|
|
.educationStatistics{
|
|
|
@@ -141,18 +107,9 @@ export default {
|
|
|
.statistics-container{
|
|
|
|
|
|
}
|
|
|
- .search-flex-box{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- >div{
|
|
|
- width: 50%;
|
|
|
- border-right: 1px solid #eaeaea ;
|
|
|
- }
|
|
|
- }
|
|
|
.card-list{
|
|
|
padding: 20px;
|
|
|
- -height: calc(100vh - 410px);
|
|
|
+ height: calc(100vh - 550px);
|
|
|
overflow: auto;
|
|
|
}
|
|
|
.card-num{
|