|
|
@@ -1,113 +1,97 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <el-row slot="rightBar">
|
|
|
- <!--用户数据-->
|
|
|
- <el-col>
|
|
|
- <div class="main-right-box">
|
|
|
- <!-- 搜索条件 -->
|
|
|
- <div class="main-search-box">
|
|
|
- <!-- 搜索条件 -->
|
|
|
- <el-form
|
|
|
- :model="queryParams"
|
|
|
- ref="queryForm"
|
|
|
- size="small"
|
|
|
- :inline="true"
|
|
|
- v-show="showSearch"
|
|
|
+ <!-- 搜索条件 -->
|
|
|
+ <div class="main-search-box">
|
|
|
+ <!-- 搜索条件 -->
|
|
|
+ <el-form
|
|
|
+ :model="queryParams"
|
|
|
+ ref="queryForm"
|
|
|
+ size="small"
|
|
|
+ :inline="true"
|
|
|
+ v-show="showSearch"
|
|
|
|
|
|
+ >
|
|
|
+ <el-form-item label="组织机构:" class="formTreeItem">
|
|
|
+ <tree-select
|
|
|
+ v-model="queryParams.orgId"
|
|
|
+ :options="deptOptions"
|
|
|
+ :show-count="true"
|
|
|
+ :normalizer="tenantIdnormalizer"
|
|
|
+ :props="{ checkStrictly: true, label: 'name' }"
|
|
|
+ placeholder="请选择归属机构"
|
|
|
+ clearValueText="清除"
|
|
|
+ :noChildrenText="''"
|
|
|
+ @select="changeSelect"
|
|
|
+ noOptionsText="没有数据"
|
|
|
+ noResultsText="没有搜索结果"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item label="受训机构">
|
|
|
+ <org-tree
|
|
|
+ v-model="queryParams.orgId"
|
|
|
+ @defaultOrg="getDefaultOrg"
|
|
|
+ @checkChange="checkChange"
|
|
|
+ @click="clickTreeNode"
|
|
|
+ :defaultCheckSub="false"
|
|
|
+ ></org-tree>
|
|
|
+ </el-form-item>-->
|
|
|
+ <el-form-item label="培训任务名称:" label-width="50">
|
|
|
+ <el-select v-model="queryParams.planId" @change="changeHandler">
|
|
|
+ <el-option
|
|
|
+ v-for="item in options"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
>
|
|
|
- <el-form-item label="组织机构:" class="formTreeItem">
|
|
|
- <tree-select
|
|
|
- v-model="queryParams.orgId"
|
|
|
- :options="deptOptions"
|
|
|
- :show-count="true"
|
|
|
- :normalizer="tenantIdnormalizer"
|
|
|
- :props="{ checkStrictly: true, label: 'name' }"
|
|
|
- placeholder="请选择归属机构"
|
|
|
- clearValueText="清除"
|
|
|
- :noChildrenText="''"
|
|
|
- @select="changeSelect"
|
|
|
- noOptionsText="没有数据"
|
|
|
- noResultsText="没有搜索结果"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <!-- <el-form-item label="受训机构">
|
|
|
- <org-tree
|
|
|
- v-model="queryParams.orgId"
|
|
|
- @defaultOrg="getDefaultOrg"
|
|
|
- @checkChange="checkChange"
|
|
|
- @click="clickTreeNode"
|
|
|
- :defaultCheckSub="false"
|
|
|
- ></org-tree>
|
|
|
- </el-form-item>-->
|
|
|
- <el-form-item label="培训任务名称:" label-width="50">
|
|
|
- <el-select v-model="queryParams.planId" @change="changeHandler">
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <el-form-item label="时间" prop="date">
|
|
|
- <el-date-picker value-format='yyyy-MM-dd' v-model="queryParams.date"
|
|
|
- align="right" type="month" placeholder="请选择查询时间">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
+ <el-form-item label="时间" prop="date">
|
|
|
+ <el-date-picker value-format='yyyy-MM-dd' v-model="queryParams.date"
|
|
|
+ align="right" type="month" placeholder="请选择查询时间">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- </el-form>
|
|
|
- <!-- 按纽 -->
|
|
|
- <el-row :gutter="10" class="mb8">
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- icon="el-icon-search"
|
|
|
- size="mini"
|
|
|
- @click="handleQuery"
|
|
|
- >搜索
|
|
|
- </el-button>
|
|
|
- <el-button type="primary" icon="el-icon-refresh" size="mini" @click="resetQuery"
|
|
|
- >重置
|
|
|
- </el-button>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- icon="el-icon-download"
|
|
|
- size="mini"
|
|
|
- @click="handleExport"
|
|
|
- >导出数据
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </el-form>
|
|
|
+ <!-- 按纽 -->
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-search"
|
|
|
+ size="mini"
|
|
|
+ @click="handleQuery"
|
|
|
+ >搜索
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" icon="el-icon-refresh" size="mini" @click="resetQuery"
|
|
|
+ >重置
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-download"
|
|
|
+ size="mini"
|
|
|
+ @click="handleExport"
|
|
|
+ >导出数据
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
|
|
|
-
|
|
|
- <div
|
|
|
- class="securityEquipmentMonitoringtable ml-4 flex-1"
|
|
|
- >
|
|
|
- <div class="title">教育统计报表</div>
|
|
|
- <table ref="tb11" class="table-scroll">
|
|
|
- <tr>
|
|
|
- <th colspan="1" rowspan="1">序号</th>
|
|
|
- <th colspan="1" rowspan="1">单位名称</th>
|
|
|
- <th colspan="1" rowspan="1">应完成数</th>
|
|
|
- <th colspan="1" rowspan="1">已完成数</th>
|
|
|
- <th colspan="1" rowspan="1">完成率</th>
|
|
|
- </tr>
|
|
|
-
|
|
|
- <tr v-for="(item, index) in targetList" :key="index">
|
|
|
- <td>{{ index + 1 }}</td>
|
|
|
- <td>{{ item.orgName }}</td>
|
|
|
- <td>{{ item.shouldFinish }}</td>
|
|
|
- <td>{{ item.finish }}</td>
|
|
|
- <td>{{ item.finishRate }}</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <div class="main-search-box" style="margin-bottom: 0;">
|
|
|
+ <h1 style="text-align:center;">教育统计报表</h1>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ :data="targetList"
|
|
|
+ border
|
|
|
+ height="616" size="small">
|
|
|
+ <el-table-column type="index" align="center" label="序号" width="60"></el-table-column>
|
|
|
+ <el-table-column align="center" label="单位名称" prop="orgName"/>
|
|
|
+ <el-table-column align="center" label="应完成数" prop="shouldFinish" width="340"/>
|
|
|
+ <el-table-column align="center" label="已完成数" prop="finish"/>
|
|
|
+ <el-table-column align="center" label="完成率" prop="finishRate"/>
|
|
|
+ </el-table>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -136,7 +120,7 @@ export default {
|
|
|
// 显示搜索条件
|
|
|
showSearch: true,
|
|
|
deptOptions: [], //机构数组
|
|
|
- selectedOrgName:null,
|
|
|
+ selectedOrgName: null,
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -161,7 +145,7 @@ export default {
|
|
|
// this.getList();
|
|
|
},
|
|
|
changeSelect(org) {
|
|
|
- this.selectedOrgName=org.shortName
|
|
|
+ this.selectedOrgName = org.shortName
|
|
|
// this.getList();
|
|
|
},
|
|
|
/** 查询机构树数据 */
|
|
|
@@ -200,11 +184,7 @@ export default {
|
|
|
getEduReportData(this.queryParams).then((res) => {
|
|
|
let {code, data, msg} = res;
|
|
|
if (code == 200) {
|
|
|
- if (data.length > 0) {
|
|
|
- this.targetList = data || [];
|
|
|
- } else {
|
|
|
- this.$message.error("暂无数据")
|
|
|
- }
|
|
|
+ this.targetList = data || []
|
|
|
}
|
|
|
this.loading = false;
|
|
|
});
|
|
|
@@ -234,10 +214,10 @@ export default {
|
|
|
|
|
|
/** 导出按钮操作 */
|
|
|
handleExport() {
|
|
|
- let param={
|
|
|
+ let param = {
|
|
|
...this.queryParams,
|
|
|
}
|
|
|
- param.date=dayjs(param.date).format("YYYY-MM-DD HH:mm:s")
|
|
|
+ param.date = dayjs(param.date).format("YYYY-MM-DD HH:mm:s")
|
|
|
this.download(
|
|
|
"core/eduTask/exportReport",
|
|
|
param,
|
jingyuanchao