|
@@ -18,6 +18,22 @@
|
|
|
/>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="公司">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.companyId"
|
|
|
+ placeholder="请选择公司"
|
|
|
+ clearable
|
|
|
+ style="width: 400px"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in companyOptions"
|
|
|
+ :key="item.companyId"
|
|
|
+ :label="item.companyName"
|
|
|
+ :value="item.companyId"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" @click="handleQuery">查询</el-button>
|
|
|
</el-form-item>
|
|
@@ -112,7 +128,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {getDays, periodCountSelect} from "@/api/course/userCoursePeriod";
|
|
|
+import {getDays, periodCountSelect, getPeriodCompanyList} from "@/api/course/userCoursePeriod";
|
|
|
|
|
|
export default {
|
|
|
name: "CourseStatistics",
|
|
@@ -134,6 +150,7 @@ export default {
|
|
|
total: 0,
|
|
|
// 课程选项
|
|
|
courseOptions: [],
|
|
|
+ companyOptions: [],
|
|
|
// 统计数据
|
|
|
statistics: {
|
|
|
courseCompleteNum: 0,
|
|
@@ -182,8 +199,16 @@ export default {
|
|
|
initializeData() {
|
|
|
this.getCourseOptions();
|
|
|
this.getCountList();
|
|
|
+ this.getCompanyOptions()
|
|
|
this.initialized = true;
|
|
|
},
|
|
|
+ getCompanyOptions() {
|
|
|
+ getPeriodCompanyList({
|
|
|
+ periodId: this.periodId
|
|
|
+ }).then(response => {
|
|
|
+ this.companyOptions = response.data || [];
|
|
|
+ });
|
|
|
+ },
|
|
|
/** 获取课程选项 */
|
|
|
getCourseOptions() {
|
|
|
this.loading = true;
|