|
@@ -1,29 +1,42 @@
|
|
|
<template>
|
|
|
<div class="select-simple-course">
|
|
|
- <el-form ref="FilterForm" label-position="left" inline label-width="0px">
|
|
|
- <el-form-item>
|
|
|
- <org-select
|
|
|
- v-model="filter.belongOrgId"
|
|
|
- placeholder="开课学院"
|
|
|
- :filter-param="{
|
|
|
- withoutSecondOrg: true,
|
|
|
- }"
|
|
|
- ></org-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-input
|
|
|
- v-model.trim="filter.courseName"
|
|
|
- placeholder="请输入课程名称"
|
|
|
- clearable
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <div class="box-justify" style="align-items: normal">
|
|
|
+ <el-form ref="FilterForm" label-position="left" inline label-width="0px">
|
|
|
+ <el-form-item>
|
|
|
+ <org-select
|
|
|
+ v-model="filter.belongOrgId"
|
|
|
+ placeholder="开课学院"
|
|
|
+ :filter-param="{
|
|
|
+ withoutSecondOrg: true,
|
|
|
+ }"
|
|
|
+ ></org-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-input
|
|
|
+ v-model.trim="filter.courseName"
|
|
|
+ placeholder="请输入课程名称"
|
|
|
+ clearable
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" :disabled="!canSearch" @click="toPage(1)"
|
|
|
- >查询</el-button
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" :disabled="!canSearch" @click="toPage(1)"
|
|
|
+ >查询</el-button
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <el-button
|
|
|
+ v-if="
|
|
|
+ !checkPrivilege('button', 'AssginCourseUser', 'CourseSimpleManage')
|
|
|
+ "
|
|
|
+ type="primary"
|
|
|
+ @click="toBindUser"
|
|
|
+ >指定用户</el-button
|
|
|
>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="box-justify mb-2">
|
|
|
<p>
|
|
|
全部共<span class="mlr-1">{{ dataList.length }}</span
|
|
@@ -69,14 +82,25 @@
|
|
|
min-width="120"
|
|
|
></el-table-column>
|
|
|
</el-table>
|
|
|
+
|
|
|
+ <!-- SelectUserDialog -->
|
|
|
+ <select-user-dialog
|
|
|
+ v-if="!checkPrivilege('button', 'AssginCourseUser', 'CourseSimpleManage')"
|
|
|
+ ref="SelectUserDialog"
|
|
|
+ :user-limit-count="1"
|
|
|
+ title="选择用户"
|
|
|
+ @modified="userModified"
|
|
|
+ ></select-user-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { courseQueryByOrg } from "../../api";
|
|
|
+import SelectUserDialog from "../SelectUserDialog.vue";
|
|
|
|
|
|
export default {
|
|
|
name: "select-simple-course",
|
|
|
+ components: { SelectUserDialog },
|
|
|
props: {
|
|
|
value: {
|
|
|
type: Array,
|
|
@@ -135,6 +159,19 @@ export default {
|
|
|
clearSelection() {
|
|
|
this.$refs.TableList.clearSelection();
|
|
|
},
|
|
|
+ toBindUser() {
|
|
|
+ if (!this.multipleSelection.length) {
|
|
|
+ this.$message.error("请先选择课程!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$refs.SelectUserDialog.open();
|
|
|
+ },
|
|
|
+ userModified(users) {
|
|
|
+ this.$emit("user-confirm", {
|
|
|
+ courseIds: this.multipleSelection,
|
|
|
+ userId: users[0].id,
|
|
|
+ });
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|