parent
db40a0c573
commit
5ecda871bc
@ -0,0 +1,169 @@ |
|||||||
|
<template> |
||||||
|
<div class="container" style="padding: 30px"> |
||||||
|
<el-form |
||||||
|
:model="queryParamss" |
||||||
|
ref="queryForm" |
||||||
|
inline |
||||||
|
label-width="68px" |
||||||
|
> |
||||||
|
<el-form-item label="姓名" prop="studentName"> |
||||||
|
<el-input v-model="queryParamss.studentName" placeholder="请输入姓名" clearable size="small" /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="手机号" prop="mobile"> |
||||||
|
<el-input v-model="queryParamss.mobile" placeholder="请输入手机号" clearable size="small" /> |
||||||
|
</el-form-item> |
||||||
|
<!-- <el-form-item label="所属学院" prop="homeCollege" v-if="$route.query.type == 0"> |
||||||
|
<el-input v-model="queryParamss.homeCollege" placeholder="请输入所属学院" clearable size="small" /> |
||||||
|
</el-form-item> --> |
||||||
|
<el-form-item label="辅导员" prop="counsellor" v-if="$route.query.type == 0"> |
||||||
|
<el-input v-model="queryParamss.counsellor" placeholder="请输入辅导员姓名" clearable size="small" /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="专业" prop="majorName" v-if="$route.query.type == 0"> |
||||||
|
<el-input v-model="queryParamss.majorName" placeholder="请输入专业" clearable size="small" /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
|
||||||
|
<!-- 详细学生信息弹层 --> |
||||||
|
|
||||||
|
<el-table :data="studentList" v-loading="loading"> |
||||||
|
<el-table-column label="序号" align="center" type="index" /> |
||||||
|
<el-table-column label="学号" align="center" prop="studentCode" v-if="$route.query.type == 0" /> |
||||||
|
<el-table-column label="姓名" align="center" prop="studentName" /> |
||||||
|
<!-- <el-table-column label="所属学院" align="center" prop="homeCollege" v-if="$route.query.type == 0" /> --> |
||||||
|
<el-table-column label="专业名称" align="center" prop="majorName" v-if="$route.query.type == 0" /> |
||||||
|
<el-table-column label="手机号" align="center" prop="mobile" /> |
||||||
|
<el-table-column label="辅导员" align="center" prop="counsellor" v-if="$route.query.type == 0"/> |
||||||
|
<el-table-column label="辅导员联系方式" align="center" prop="counsellorTel" v-if="$route.query.type == 0"/> |
||||||
|
<el-table-column label="报名时间" align="center" prop="registrationTime" /> |
||||||
|
<el-table-column label="备注" align="center" prop="remark" /> |
||||||
|
<el-table-column label="操作" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button size="mini" type="text" v-if="scope.row.remark" @click="editRemark(scope.row)" |
||||||
|
>修改备注</el-button |
||||||
|
> |
||||||
|
<el-button size="mini" type="text" v-else @click="addRemark(scope.row)">添加备注</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<pagination |
||||||
|
v-show="totals > 0" |
||||||
|
:total="totals" |
||||||
|
:page.sync="queryParamss.pageNum" |
||||||
|
:limit.sync="queryParamss.pageSize" |
||||||
|
@pagination="getStudentList" |
||||||
|
/> |
||||||
|
<!-- 弹层 --> |
||||||
|
<el-dialog |
||||||
|
class="diaform" |
||||||
|
:title="title" |
||||||
|
:visible.sync="visibleopen" |
||||||
|
:close-on-click-modal="false" |
||||||
|
width="500px" |
||||||
|
append-to-body |
||||||
|
@close="colsedia" |
||||||
|
> |
||||||
|
<el-form :model="form" :rules="rules" ref="form"> |
||||||
|
<!-- 类型 --> |
||||||
|
<el-form-item label="备注" prop="remark"> |
||||||
|
<el-input v-model="form.remark" placeholder="请输入备注" clearable size="small" type="textarea" /> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="colsedia">取 消</el-button> |
||||||
|
<el-button type="primary" @click="submitRemark">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import { searchNum, addRemarkI } from '@/api/trainService/index.js' |
||||||
|
// 1 报名未开始、2 报名中、 3 报名结束未开课、4 开课中、5 已结束 status字段 |
||||||
|
export default { |
||||||
|
name: 'peixunbaoming', |
||||||
|
data() { |
||||||
|
return { |
||||||
|
loading: false, |
||||||
|
// 总条数 |
||||||
|
queryParamss: { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 10, |
||||||
|
studentName: null, |
||||||
|
mobile: null, |
||||||
|
majorName: null, |
||||||
|
counsellor: null, |
||||||
|
counsellorTel: null |
||||||
|
}, |
||||||
|
totals: 0, |
||||||
|
|
||||||
|
studentList: [], |
||||||
|
// 弹层 |
||||||
|
title: '添加备注', |
||||||
|
visibleopen: false, |
||||||
|
form: {}, |
||||||
|
rules: { |
||||||
|
remark: [{ required: true, message: '请输入备注', trigger: 'blur' }], |
||||||
|
}, |
||||||
|
rowId: null, |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
mounted() { |
||||||
|
this.getStudentList() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
async getStudentList() { |
||||||
|
this.loading = true |
||||||
|
const res = await searchNum({ trainClassId: this.$route.query.id, ...this.queryParamss }) |
||||||
|
this.studentList = res.rows |
||||||
|
this.totals = res.total |
||||||
|
this.loading = false |
||||||
|
}, |
||||||
|
handleQuery() { |
||||||
|
this.getStudentList() |
||||||
|
}, |
||||||
|
resetQuery() { |
||||||
|
this.resetForm('queryForm') |
||||||
|
this.getStudentList() |
||||||
|
}, |
||||||
|
// 添加备注 |
||||||
|
addRemark(row) { |
||||||
|
this.title = '添加备注' |
||||||
|
this.visibleopen = true |
||||||
|
// trainClassId trainingStudentId userId |
||||||
|
this.rowId = row.trainingStudentId |
||||||
|
}, |
||||||
|
// 修改备注 |
||||||
|
editRemark(row) { |
||||||
|
this.rowId = row.trainingStudentId |
||||||
|
this.visibleopen = true |
||||||
|
this.title = '修改备注' |
||||||
|
this.form = {remark: row.remark} |
||||||
|
}, |
||||||
|
// 提交备注 |
||||||
|
submitRemark() { |
||||||
|
this.$refs['form'].validate((valid) => { |
||||||
|
if (valid) { |
||||||
|
addRemarkI({ trainingStudentId: this.rowId, remark: this.form.remark }).then(() => { |
||||||
|
this.$message.success('备注成功！') |
||||||
|
this.getStudentList() |
||||||
|
this.colsedia() |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 取消备注 |
||||||
|
colsedia() { |
||||||
|
this.form = {} |
||||||
|
this.visibleopen = false |
||||||
|
}, |
||||||
|
}, |
||||||
|
created() {}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
Loading…
Reference in new issue