| | |
| | | > |
| | | <el-table-column |
| | | align="center" |
| | | label="班级" |
| | | label="班级名称" |
| | | prop="className" |
| | | width="180px" |
| | | ></el-table-column> |
| | |
| | | <!-- ></el-table-column>--> |
| | | <el-table-column |
| | | align="center" |
| | | width="100px" |
| | | width="300px" |
| | | label="教师" |
| | | prop="createUserName" |
| | | prop="teacherNamesStr" |
| | | ></el-table-column> |
| | | <!-- <el-table-column--> |
| | | <!-- align="center"--> |
| | |
| | | <el-button v-show="scope.row.status !== '解散'" size="small" @click="handlerEdit(scope.row)" |
| | | type="primary">修改 |
| | | </el-button> |
| | | <el-button v-show="scope.row.status !== '解散'" size="small" type="warning">班级验证</el-button> |
| | | <el-button v-show="scope.row.status !== '解散'" size="small" @click="handlerOpenNotify(scope.row)" |
| | | type="info">通知 |
| | | </el-button> |
| | | <!-- <el-button v-show="scope.row.status !== '解散'" size="small" type="warning">班级验证</el-button>--> |
| | | <!-- <el-button v-show="scope.row.status !== '解散'" size="small" @click="handlerOpenNotify(scope.row)"--> |
| | | <!-- type="info">通知--> |
| | | <!-- </el-button>--> |
| | | <el-button v-show="scope.row.status !== '解散'" @click="studentManager(scope.row.id,scope.row.className)" size="small" |
| | | type="success">成员管理 |
| | | </el-button> |
| | |
| | | <pagination v-show="total>0" :total="total" :page.sync="searchForm.currentPage" |
| | | :limit.sync="searchForm.pageSize" |
| | | @pagination="page"/> |
| | | <el-dialog |
| | | title="班级通知" |
| | | :visible.sync="notifyOpen" |
| | | width="600px" |
| | | :before-close="handleNotifyClose" |
| | | :close-on-click-modal="false"> |
| | | <el-form :model="notifyForm" :rules="notifyRules" ref="notifyForm" label-width="100px" class="demo-ruleForm"> |
| | | <el-form-item label="通知班级:" prop="className"> |
| | | <span>{{ notifyForm.className }}</span> |
| | | </el-form-item> |
| | | <el-form-item label="通知内容:" prop="notifyContent"> |
| | | <el-input type="textarea" v-model="notifyForm.notifyContent" size="small"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="handleNotifyClose">取 消</el-button> |
| | | <el-button type="primary" @click="submitNotifyForm">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | <!-- <el-dialog--> |
| | | <!-- title="班级通知"--> |
| | | <!-- :visible.sync="notifyOpen"--> |
| | | <!-- width="600px"--> |
| | | <!-- :before-close="handleNotifyClose"--> |
| | | <!-- :close-on-click-modal="false">--> |
| | | <!-- <el-form :model="notifyForm" :rules="notifyRules" ref="notifyForm" label-width="100px" class="demo-ruleForm">--> |
| | | <!-- <el-form-item label="通知班级:" prop="className">--> |
| | | <!-- <span>{{ notifyForm.className }}</span>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="通知内容:" prop="notifyContent">--> |
| | | <!-- <el-input type="textarea" v-model="notifyForm.notifyContent" size="small"></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- </el-form>--> |
| | | <!-- <span slot="footer" class="dialog-footer">--> |
| | | <!-- <el-button @click="handleNotifyClose">取 消</el-button>--> |
| | | <!-- <el-button type="primary" @click="submitNotifyForm">确 定</el-button>--> |
| | | <!-- </span>--> |
| | | <!-- </el-dialog>--> |
| | | |
| | | <el-dialog |
| | | :title="title" |
| | |
| | | <el-form :model="form" :rules="rules" ref="form" label-width="100px" class="demo-ruleForm"> |
| | | <el-form-item label="班级名称" prop="className"> |
| | | <el-input v-model="form.className" size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="老师配置" prop="teacherList"> |
| | | <el-select v-model="form.teacherList" multiple clearable size="small" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in teacherList" |
| | | :key="item.id" |
| | | :label="item.realName" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="班级时间" required> |
| | | <el-col :span="11"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { addClasses, editClasses, getClassess, dissolution, recover } from '@/api/classes' |
| | | import { addClasses, editClasses, getClassess, dissolution, recover, getTeacherList } from '@/api/classes' |
| | | import { addClassesNotify } from '@/api/classesNotify' |
| | | import Pagination from '@/components/Pagination' |
| | | |
| | |
| | | components: { Pagination }, |
| | | data () { |
| | | return { |
| | | teacherList: [], |
| | | notifyOpen: false, |
| | | notifyForm: { |
| | | className: '', |
| | |
| | | form: { |
| | | id: null, |
| | | className: '', |
| | | teacherList: [], |
| | | status: '', |
| | | verifyStatus: '', |
| | | startTime: null, |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | getTeacherList () { |
| | | getTeacherList().then(res => { |
| | | this.teacherList = res.data.data |
| | | }) |
| | | }, |
| | | handlerOpenNotify (row) { |
| | | this.notifyOpen = true |
| | | this.notifyForm.className = row.className |
| | |
| | | this.form = { |
| | | id: null, |
| | | className: '', |
| | | teacherList: [], |
| | | status: '', |
| | | verifyStatus: '', |
| | | startTime: null, |
| | |
| | | }, |
| | | created () { |
| | | this.page() |
| | | }, |
| | | this.getTeacherList() |
| | | } |
| | | } |
| | | </script> |
| | | |