1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402 |
- <template>
- <div class="student-add-page">
- <div class="top-title-box">
- <p>{{titleName}}</p>
- </div>
- <el-form :model="form" class="top-info-box" ref="form" :inline="true" :rules="rules" label-width="180px">
- <div class="left-info-box">
- <img :src="form.avatar" v-if="form.avatar">
- <img src="@/assets/ZDimages/tx_cion_one.png" v-if="!form.avatar">
- <el-upload
- v-if="!editType"
- class="certificate-avatar-uploader"
- :action="uploadImgUrl"
- :show-file-list="false"
- accept="image/jpeg,image/gif,image/png"
- :on-success="handleAvatarSuccess"
- :headers="headers"
- :before-upload="beforeAvatarUpload">
- <p>上传证件照</p>
- </el-upload>
- </div>
- <div class="right-info-box">
- <el-form-item label="姓名:" prop="nickName">
- <el-input
- :disabled="editType"
- style="width:218px;"
- maxlength="50"
- v-model="form.nickName"
- placeholder="请输入姓名"
- clearable
- size="small"
- />
- </el-form-item>
- <el-form-item label="性别:" prop="sex">
- <el-radio-group v-model="form.sex" v-if="!editType">
- <el-radio :label="0" style="margin-left:20px;width:70px;">男</el-radio>
- <el-radio :label="1">女</el-radio>
- </el-radio-group>
- <p v-if="editType" style="line-height:40px;color:#999;width:180px;padding-left:40px;">{{form.sex==0?'男':'女'}}</p>
- </el-form-item>
- <el-form-item label="学号:" prop="userName">
- <el-input
- style="width:218px;"
- :disabled="editType"
- maxlength="50"
- v-model="form.userName"
- placeholder="请输入学号"
- clearable
- size="small"
- />
- </el-form-item>
- <el-form-item label="所在学院:" prop="deptId">
- <el-select v-model="form.deptId" clearable :disabled="editType" placeholder="请选择所在学院">
- <el-option
- v-for="item in deptOptions"
- :key="item.deptId"
- :label="item.deptName"
- :value="item.deptId">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="身份:" prop="position">
- <el-select
- :disabled="editType"
- v-model="form.position"
- filterable
- remote
- clearable
- reserve-keyword
- @change="positionSelectClick"
- @clear="positionClearClick"
- placeholder="请选择身份"
- :remote-method="positionSelect">
- <el-option
- v-for="item in positionOptions"
- :key="item.postId"
- :label="item.postName"
- :value="item.postId">
- </el-option>
- </el-select>
- </el-form-item>
- <!--<el-form-item label="角色:" prop="roleIds">-->
- <!--<el-select-->
- <!--:disabled="editType"-->
- <!--v-model="form.roleIds"-->
- <!--multiple-->
- <!--collapse-tags-->
- <!--placeholder="请选择角色">-->
- <!--<el-option-->
- <!--v-for="item in roleOptionselectOptions"-->
- <!--:key="item.roleId"-->
- <!--:label="item.roleName"-->
- <!--:value="item.roleId">-->
- <!--</el-option>-->
- <!--</el-select>-->
- <!--</el-form-item>-->
- <el-form-item label="专业:" prop="majorId">
- <el-select
- :disabled="editType"
- v-model="form.majorId"
- filterable
- remote
- clearable
- reserve-keyword
- @change="majorSelectClick"
- @clear="majorClearClick"
- placeholder="请选择专业"
- :remote-method="majorSelect">
- <el-option
- v-for="item in majorOptions"
- :key="item.id"
- :label="item.majorName"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="手机号码:" prop="phonenumber">
- <el-input
- :disabled="editType"
- style="width:218px;"
- maxlength="11"
- onkeyup="this.value=this.value.replace(/[^\d.]/g,'')"
- v-model="form.phonenumber"
- placeholder="请输入手机号码"
- clearable
- size="small"
- />
- </el-form-item>
- <el-form-item label="班级:" prop="grade">
- <el-select
- :disabled="editType"
- v-model="form.grade"
- filterable
- remote
- clearable
- reserve-keyword
- @change="gradeSelectClick"
- @clear="gradeClearClick"
- placeholder="请选择班级"
- :remote-method="gradeSelect">
- <el-option
- v-for="item in gradeOptions"
- :key="item.id"
- :label="item.className"
- :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="出生日期:" prop="dateBirth">
- <el-date-picker
- :disabled="editType"
- v-model="form.dateBirth"
- type="date"
- placeholder="请选择出生日期">
- </el-date-picker>
- </el-form-item>
- <el-form-item label="邮箱:" prop="email">
- <el-input
- :disabled="editType"
- style="width:218px;"
- maxlength="40"
- v-model="form.email"
- placeholder="请输入邮箱"
- clearable
- size="small"
- />
- </el-form-item>
- <el-form-item label="导师:" prop="tutorUserId">
- <el-select
- :disabled="editType"
- v-model="form.tutorUserId"
- filterable
- remote
- clearable
- reserve-keyword
- @change="tutorUserSelectClick"
- @clear="tutorUserClearClick"
- placeholder="请选择"
- :remote-method="tutorUserSelect">
- <el-option
- v-for="item in tutorUserOptions"
- :key="item.userId"
- :label="item.nickName+'-'+item.userName"
- :value="item.userId">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="学生类别:" prop="education">
- <el-select
- :disabled="editType"
- v-model="form.education"
- filterable
- remote
- clearable
- reserve-keyword
- @change="educationSelectClick"
- @clear="educationClearClick"
- placeholder="请选择学生类别"
- :remote-method="educationSelect">
- <el-option
- v-for="item in educationOptions"
- :key="item.dictValue"
- :label="item.dictLabel"
- :value="item.dictValue">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="学籍状态:" prop="workStatus">
- <el-select
- :disabled="editType"
- v-model="form.workStatus"
- filterable
- remote
- clearable
- reserve-keyword
- @change="workStatusSelectClick"
- @clear="workStatusClearClick"
- placeholder="请选择学籍状态"
- :remote-method="workStatusSelect">
- <el-option
- v-for="item in workStatusOptions"
- :key="item.dictValue"
- :label="item.dictLabel"
- :value="item.dictValue">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="校园卡号:" prop="cardNum">
- <el-input
- :disabled="editType"
- style="width:218px;"
- onkeyup="this.value=this.value.replace(/^\s*|\s*$/g,'')"
- maxlength="30"
- v-model="form.cardNum"
- placeholder="请输入校园卡号"
- clearable
- size="small"
- />
- </el-form-item>
- <el-form-item label="人脸照片:" prop="status" v-if="editType">
- <div style="width:180px;" v-if="form.faceImg">
- <img :src="form.faceImg" style="width:140px;height:140px;">
- </div>
- <p v-if="!form.faceImg" style="line-height:40px;color:#999;width:180px;padding-left:40px;">未上传</p>
- </el-form-item>
- <el-form-item label="电子签名:" prop="status" v-if="editType">
- <div style="width:180px;" v-if="form.signature">
- <img :src="form.signature" style="width:140px;height:140px;">
- </div>
- <p v-if="!form.signature" style="line-height:40px;color:#999;width:180px;padding-left:40px;">未上传</p>
- </el-form-item>
- </div>
- </el-form>
- <div class="bottom-button-box" v-if="editType">
- <p class="null-p"></p>
- <p class="button-p-1 reset-button-one" @click="outPageButton">返回</p>
- <p class="null-p"></p>
- </div>
- <div class="bottom-button-box" v-if="!editType">
- <p class="null-p"></p>
- <p class="button-p-1 reset-button-one" @click="outPageButton">返回</p>
- <addPageSubPageSZDX class="button-p-2" v-if="versionField() === 'suZhouDaXue'"></addPageSubPageSZDX>
- <addPageSubPagePublic class="button-p-2" v-else></addPageSubPagePublic>
- <!--<p class="inquire-button-one" @click="upDataClick">提交</p>-->
- <p class="null-p"></p>
- </div>
- <el-dialog title="添加班级" :visible.sync="gradeOpen" width="600px" append-to-body class="teacher-revise-dialog-box" :close-on-click-modal="false">
- <el-form :model="gradeForm" ref="gradeForm" :inline="true" :rules="rules" class="addCheckPage-min">
- <el-form-item label="班级名称" prop="gradeName" label-width="110px" >
- <el-input v-model="gradeForm.gradeName" clearable maxlength="20" style="width:420px;" placeholder="请输入班级名称"/>
- </el-form-item>
- </el-form>
- <div slot="footer" class="teacher-revise-dialog-button-box">
- <p class="reset-button-one" @click="gradeOpenOff">取消</p>
- <p class="inquire-button-one" @click="gradeOpenUp">确定</p>
- </div>
- </el-dialog>
- </div>
- </template>
- <script>
- import { listDepartments } from "@/api/system/dept";
- import { optionselect, roleOptionselect } from "@/api/system/user_teacher";
- import { getWorkList, getVague, addSystemClass, getMajorList,getTeacherOption,addUserStudent,putUserStudent } from "@/api/system/user_student";
- import { getToken } from "@/utils/auth";
- import addPageSubPagePublic from './differenceComponent/addPageSubPagePublic.vue'
- import addPageSubPageSZDX from './differenceComponent/addPageSubPageSZDX.vue'
- export default {
- name: "addPage",
- components: {
- addPageSubPagePublic,
- addPageSubPageSZDX
- },
- props:{
- editType:{},
- propsData:{},
- titleName:{},
- },
- data() {
- return {
- uploadImgUrl: this.uploadUrl(), // 上传的图片服务器地址
- headers: {
- Authorization: "Bearer " + getToken(),
- },
- menuList:[],
- form:{
- avatar:"",
- nickName:"",
- sex:0,
- userName:"",
- deptId:"",
- position:"", //身份
- roleIds:"", //角色
- majorId:"",
- grade:"",
- dateBirth:"",
- email:"",
- phonenumber:"",
- tutorUserId:"",
- education:"",
- workStatus:"",
- cardNum:"",
- status:0,
- },
- rules:{
- gradeName: [{ required: true, message: "请输入班级名称", trigger: "blur" },
- { required: true, message: "请输入班级名称", validator: this.spaceJudgment, trigger: "blur" }],
- nickName: [{ required: true, message: "请输入姓名", trigger: "blur" },
- { required: true, message: "请输入姓名", validator: this.spaceJudgment, trigger: "blur" }],
- userName: [{ required: true, message: "请输入学号", trigger: "blur" },
- { required: true, message: "请输入学号", validator: this.spaceJudgment, trigger: "blur" }],
- deptId: [{ required: true, message: "请选择所在学院", trigger: "blur" }],
- position: [{ required: true, message: "请选择身份", trigger: "blur" }],
- majorId: [{ required: true, message: "请选择专业", trigger: "blur" }],
- phonenumber: [
- { required: true, message: "请输入手机号码", trigger: "blur" },
- { required: true, message: "请输入手机号码", validator: this.spaceJudgment, trigger: "blur" }
- ],
- },
- textType:false,
- //数据范围列表
- optionsDataList:[
- {type: 0, value: "所有数据",},
- {type: 1, value: "本部门及下级部门数据",},
- {type: 2, value: "本部门及指定部门数据",},
- {type: 3, value: "当前账号数据",},
- ],
- //学院数据列表
- deptOptions:[],
- //快捷权限列表
- templateList:[{name:"校领导",id:"0"},{name:"教师",id:"1"},{name:"助教",id:"2"}],
- templateKey:"",
- templateName:"",
- //权限勾选数据
- permissionOpen:false,
- permissionCheckData:{},
- allCheckType:false,
- //身份列表
- positionOptions:[],
- //导师查询数据
- tutorUserOptions:[],
- //专业查询数据
- majorOptions:[],
- //班级查询数据
- gradeOptions:[
- {id:9981,className:"+ 添加班级"}
- ],
- //学生类别查询数据
- educationOptions:[],
- //学籍状态查询数据
- workStatusOptions:[],
- //新增班级弹窗开关
- gradeOpen:false,
- gradeForm:{
- gradeName:"",
- },
- //角色列表
- roleOptionselectOptions:[],
- }
- },
- created(){
- let self = this;
- if(this.propsData.userId){
- if(this.propsData.avatar){
- this.form.avatar = this.propsData.avatar;
- }else{
- this.form.avatar = '';
- }
- if(this.propsData.nickName){
- this.form.nickName = this.propsData.nickName;
- }else{
- this.form.nickName = '';
- }
- if(this.propsData.sex){
- this.form.sex = parseInt(this.propsData.sex);
- }else{
- this.form.sex = 0;
- }
- if(this.propsData.userName){
- this.form.userName = this.propsData.userName;
- }else{
- this.form.userName = '';
- }
- if(this.propsData.deptId){
- this.form.deptId = this.propsData.deptId;
- }else{
- this.form.deptId = '';
- }
- if(this.propsData.position){
- this.form.position = parseInt(this.propsData.position);
- }else{
- this.form.position = '';
- }
- if(this.propsData.majorId){
- this.form.majorId = parseInt(this.propsData.majorId);
- }else{
- this.form.majorId = '';
- }
- if(this.propsData.grade){
- this.form.grade = parseInt(this.propsData.grade);
- }else{
- this.form.grade = '';
- }
- if(this.propsData.dateBirth){
- this.form.dateBirth = this.propsData.dateBirth;
- }else{
- this.form.dateBirth = '';
- }
- if(this.propsData.email){
- this.form.email = this.propsData.email;
- }else{
- this.form.email = '';
- }
- if(this.propsData.phonenumber){
- this.form.phonenumber = this.propsData.phonenumber;
- }else{
- this.form.phonenumber = '';
- }
- if(this.propsData.tutorUserId){
- this.form.tutorUserId = this.propsData.tutorUserId;
- }else{
- this.form.tutorUserId = '';
- }
- if(this.propsData.education){
- this.form.education = this.propsData.education;
- }else{
- this.form.education = '';
- }
- if(this.propsData.workStatus){
- this.form.workStatus = this.propsData.workStatus;
- }else{
- this.form.workStatus = '';
- }
- if(this.propsData.cardNum){
- this.form.cardNum = this.propsData.cardNum;
- }else{
- this.form.cardNum = '';
- }
- if(this.propsData.status){
- this.form.status = parseInt(this.propsData.status);
- }else{
- this.form.status = '';
- }
- if(this.propsData.faceImg){
- this.form.faceImg = this.propsData.faceImg;
- }else{
- this.form.faceImg = '';
- }
- if(this.propsData.signature){
- this.form.signature = this.propsData.signature;
- }else{
- this.form.signature = '';
- }
- if(this.propsData.roleIds){
- this.form.roleIds = this.propsData.roleIds;
- }else{
- this.form.roleIds = [];
- }
- // if(this.propsData.position === '未定'){
- // this.form.position = null;
- // }
- // if(this.propsData.position){
- // this.form.position = this.propsData.position.split(',');
- // for(let i=0;i<self.form.position.length;i++){
- // self.form.position[i] = parseInt(self.form.position[i]);//字符串转数字
- // }
- // }else{
- // this.form.position = [];
- // }
- this.getSelect();
- }else{
- this.getAll();
- this.positionSelectAll();
- this.majorSelectAll();
- this.gradeSelectAll();
- this.positionSelect();
- }
- },
- mounted(){
- this.listDepartments();
- },
- methods:{
- upDataClick(){
- this.$refs["form"].validate(valid => {
- if (valid) {
- if(this.form.email){
- let re = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
- if(!re.test(this.form.email)){
- this.msgError('请输入正确的邮箱地址')
- return
- }
- }
- let obj = JSON.parse(JSON.stringify(this.form));
- // obj.position = obj.position+'';
- if(this.propsData.userId){
- //编辑
- obj.userId = this.propsData.userId
- putUserStudent(obj).then(response => {
- if(response.code==200){
- this.msgSuccess(response.msg)
- this.outPageButton()
- }else if(response.code==205){
- this.$confirm(response.msg, "警告", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning"
- }).then(() => {
- // 确定
- this.$router.push({ path: '/comprehensive/laboratoryManagement/accessAuthorization' });
- }).catch(function() {
- // 取消
- this.outPageButton();
- });
- }
- });
- }else{
- //新增
- addUserStudent(obj).then(response => {
- if(response.code==200){
- this.msgSuccess(response.msg)
- this.outPageButton()
- }else if(response.code==205){
- this.$confirm(response.msg, "警告", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning"
- }).then(() => {
- // 确定
- this.$router.push({ path: '/comprehensive/laboratoryManagement/accessAuthorization' });
- }).catch(function() {
- // 取消
- this.outPageButton();
- });
- }
- });
- }
- }
- });
- },
- //查询所有搜索接口数据
- getAll(){
- //查询角色
- roleOptionselect().then(response => {
- this.roleOptionselectOptions = response.data;
- });
- //学籍状态查询
- getVague({dictType:"student_status", dictLabel:""}).then(response => {
- this.workStatusOptions = response.data;
- });
- //学生类别查询
- getVague({dictType:"education",dictLabel:""}).then(response => {
- this.educationOptions = response.data;
- });
- },
- getSelect(){
- //身份查询
- this.positionSelectAll();
- //查询角色
- roleOptionselect().then(response => {
- this.roleOptionselectOptions = response.data;
- });
- //导师查询
- if(this.propsData.tutorUserName){
- getTeacherOption({nickName:this.propsData.tutorUserName}).then(response => {
- this.tutorUserOptions = response.data;
- });
- }
- //专业查询
- getMajorList({majorName:this.propsData.major}).then(response => {
- this.majorOptions = response.data;
- });
- //班级查询
- getWorkList({className:this.propsData.className}).then(response => {
- this.gradeOptions = response.data;
- this.gradeOptions.push({className:"+ 添加班级",id:9981});
- });
- //学籍状态查询
- getVague({dictType:"student_status", dictLabel:""}).then(response => {
- this.workStatusOptions = response.data;
- });
- //学生类别查询
- getVague({dictType:"education",dictLabel:""}).then(response => {
- this.educationOptions = response.data;
- });
- },
- //新增班级关闭
- gradeOpenOff(){
- this.gradeOpen = false;
- },
- //新增班级提交
- gradeOpenUp(){
- this.$refs["gradeForm"].validate(valid => {
- if (valid) {
- let obj = {
- className:this.gradeForm.gradeName,
- }
- addSystemClass(obj).then(response => {
- this.gradeOptions.unshift({className:response.data.classObject.className,id:response.data.classObject.id});
- this.form.grade = response.data.classObject.id;
- this.gradeOpen = false;
- this.msgSuccess(response.msg);
- });
- }
- });
- },
- //账号启用停用开关
- changeIsNeedCaptcha(){
- this.form.status = this.form.status == 1?0:1;
- },
- positionSelectNull(type){
- if(!type&&!this.positionOptions[0]){
- this.positionSelectAll();
- }
- },
- positionSelectAll(){
- let obj = {
- postName:'',
- };
- optionselect(obj).then(response => {
- let list = [];
- for(let i=0;i<response.data.length;i++){
- if(response.data[i].roleIds){
- list.push(response.data[i]);
- }
- }
- this.$set(this,'positionOptions',list)
- });
- },
- //查询身份
- positionSelect(query){
- let obj = {
- postName:query,
- };
- optionselect(obj).then(response => {
- let list = [];
- for(let i=0;i<response.data.length;i++){
- if(response.data[i].roleIds){
- list.push(response.data[i]);
- }
- }
- this.$set(this,'positionOptions',list)
- });
- },
- positionSelectClick(data){
- //选中
- let self = this;
- if(this.form.position){
- let num = 0;
- for(let i=0;i<self.positionOptions.length;i++){
- if(self.form.position == self.positionOptions[i].postId && self.positionOptions[i].roleIds){
- let list = self.positionOptions[i].roleIds.split(',')
- let newList = [];
- for(let o=0;o<list.length;o++){
- for(let s=0;s<self.roleOptionselectOptions.length;s++){
- if(list[o] == self.roleOptionselectOptions[s].roleId){
- newList.push(parseInt(list[o]));
- }
- }
- }
- self.$set(self.form,'roleIds',newList);
- num++
- }
- }
- if(num == 0){
- self.$set(self.form,'roleIds',[]);
- }
- }
- this.$forceUpdate();
- },
- positionClearClick(){
- // this.$set(this.form,'roleIds',[])
- this.positionSelectAll();
- },
- //*************************学籍状态查询
- workStatusSelect(query){
- if (query !== '') {
- let obj = {
- dictType:"student_status",
- dictLabel:query
- };
- getVague(obj).then(response => {
- this.workStatusOptions = response.data;
- });
- } else {
- this.workStatusOptions = [];
- }
- },
- //学籍状态选中触发
- workStatusSelectClick(data){
- console.log("学籍状态选中触发",data)
- },
- //学籍状态清空触发
- workStatusClearClick(){
- console.log("学籍状态清空触发")
- getVague({dictType:"student_status", dictLabel:""}).then(response => {
- this.workStatusOptions = response.data;
- });
- },
- //*************************学生类别查询
- educationSelect(query){
- if (query !== '') {
- let obj = {
- dictType:"education",
- dictLabel:query
- };
- getVague(obj).then(response => {
- this.educationOptions = response.data;
- });
- } else {
- this.educationOptions = [];
- }
- },
- //学生类别选中触发
- educationSelectClick(data){
- console.log("学生类别选中触发",data)
- },
- //学生类别清空触发
- educationClearClick(){
- console.log("学生类别清空触发")
- getVague({dictType:"education",dictLabel:""}).then(response => {
- this.educationOptions = response.data;
- });
- },
- //*************************班级查询
- gradeSelectNull(type){
- if(!type&&!this.gradeOptions[1]){
- this.gradeSelectAll();
- }
- },
- gradeSelectAll(){
- let obj = {
- className:'',
- }
- getWorkList(obj).then(response => {
- this.gradeOptions = response.data;
- this.gradeOptions.push({className:"+ 添加班级",id:9981});
- });
- },
- gradeSelect(query){
- let obj = {
- className:query,
- }
- getWorkList(obj).then(response => {
- this.gradeOptions = response.data;
- this.gradeOptions.push({className:"+ 添加班级",id:9981});
- });
- },
- //班级选中触发
- gradeSelectClick(data){
- console.log("班级选中触发",data);
- if(data == 9981){
- this.gradeForm.gradeName = "";
- this.form.grade = "";
- this.gradeOpen = true;
- }
- },
- //班级清空触发
- gradeClearClick(){
- console.log("班级清空触发")
- this.gradeSelectAll();
- },
- //*************************专业查询
- majorSelectNull(type){
- console.log("type",type);
- if(!type&&!this.majorOptions[0]){
- this.majorSelectAll();
- }
- },
- majorSelectAll(){
- let obj = {
- majorName:'',
- };
- getMajorList(obj).then(response => {
- this.majorOptions = response.data;
- });
- },
- majorSelect(query){
- let obj = {
- majorName:query,
- };
- getMajorList(obj).then(response => {
- this.majorOptions = response.data;
- });
- },
- //专业选中触发
- majorSelectClick(data){
- console.log("专业选中触发",data)
- },
- //专业清空触发
- majorClearClick(){
- console.log("专业清空触发")
- this.majorSelectAll();
- },
- //*************************导师查询
- tutorUserSelect(query){
- if (query !== '') {
- let obj = {
- nickName:query,
- }
- getTeacherOption(obj).then(response => {
- this.tutorUserOptions = response.data;
- });
- } else {
- this.tutorUserOptions = [];
- }
- },
- //导师选中触发
- tutorUserSelectClick(data){
- console.log("导师选中触发",data)
- },
- //导师清空触发
- tutorUserClearClick(){
- console.log("导师清空触发")
- this.tutorUserOptions = [];
- },
- //获取学院列表
- listDepartments(){
- listDepartments().then(response => {
- this.deptOptions = response.data;
- });
- },
- //上传
- handleAvatarSuccess(res, file) {
- console.log(res.data.url);
- this.form.avatar = res.data.url;
- this.$forceUpdate()
- },
- beforeAvatarUpload(file) {
- let type = false;
- console.log('file',file);
- if (file.type == 'image/png' || file.type == 'image/jpeg' || file.type == 'image/gif') {
- type = true;
- }else{
- this.$message.error('只能上传png/jpeg/gif格式图片');
- type = false;
- }
- return type;
- },
- //导入用户权限
- importUser(){
- this.$refs.userOpen.show();
- },
- //返回事件
- outPageButton(){
- this.$parent.outPage(1);
- },
- //模板选中
- templateClick(id){
- let self = this;
- if(this.templateKey != id){
- this.templateKey = id;
- for(let i=0;i<self.templateList.length;i++){
- if(id == self.templateList[i].id){
- this.templateName = self.templateList[i].name;
- }
- }
- }else{
- this.templateKey = "";
- this.templateName = "";
- }
- },
- //清除模板选中
- templateDel(){
- this.templateKey = "";
- this.templateName = "";
- },
- //权限详情按钮
- permissionDetails(item){
- console.log('item',item)
- let num = 0;
- for(let i=0;i<item.children.length;i++){
- if(item.children[i].checkType){
- num++
- }
- }
- this.allCheckType = num != 0;
- this.$set(this,'permissionCheckData',item)
- this.permissionOpen = true;
- },
- //数据范围刷新
- optionChange(){
- this.$forceUpdate()
- },
- //模块勾选逻辑
- itemCheckClick(status,type,item){
- if(status == 1 || status == 2 || status == 3){
- //一级菜单勾选
- if(item.children){
- for(let i=0;i<item.children.length;i++){
- item.children[i].checkType = !!type;
- if(item.children[i].children){
- for(let o=0;o<item.children[i].children.length;o++){
- item.children[i].children[o].checkType = !!type;
- if(item.children[i].children[o].children){
- for(let x=0;x<item.children[i].children[o].children.length;x++){
- item.children[i].children[o].children[x].checkType = !!type;
- }
- }
- if(item.children[i].children[o].menuType == 'C'){
- item.children[i].children[o].scopeCheckType = !!type;
- item.children[i].children[o].value = type?0:"";
- item.children[i].children[o].permissionCheckType = !!type;
- }
- }
- }
- if(item.children[i].menuType == 'C'){
- item.children[i].scopeCheckType = !!type;
- item.children[i].value = type?0:"";
- item.children[i].permissionCheckType = !!type;
- }
- }
- }
- if(item.menuType == 'C'){
- item.scopeCheckType = !!type;
- item.value = type?0:"";
- item.permissionCheckType = !!type;
- }
- }else if(status == 4){
- //数据范围勾选
- item.scopeCheckType = !!type;
- item.value = type?0:"";
- }else if(status == 5){
- //管理权限勾选
- item.permissionCheckType = !!type;
- for(let i=0;i<item.children.length;i++){
- item.children[i].checkType = !!type;
- }
- }
- },
- //权限勾选逻辑
- permissionCheckClick(status,type){
- let self = this;
- if(status == 1){
- for(let i=0;i<self.permissionCheckData.children.length;i++){
- self.permissionCheckData.children[i].checkType = !!type;
- self.permissionCheckData.permissionCheckType = !!type;
- }
- }else if(status == 2){
- if(type&&!this.allCheckType){
- this.allCheckType = true;
- this.permissionCheckData.permissionCheckType = true;
- }else{
- let num = 0;
- for(let i=0;i<self.permissionCheckData.children.length;i++){
- if(!self.permissionCheckData.children[i].checkType){
- num++
- }
- }
- if(num == self.permissionCheckData.children.length){
- this.allCheckType = false;
- this.permissionCheckData.permissionCheckType = false;
- }
- }
- }
- this.$forceUpdate();
- },
- showText(){
- console.log("1")
- this.textType = true;
- },
- hideText(){
- console.log("2")
- this.textType = false;
- },
- }
- }
- </script>
- <style scoped lang="scss">
- .student-add-page{
- flex:1;
- display: flex;
- flex-direction: column;
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
- padding:0 0 20px!important;
- *{
- margin:0;
- }
- .top-title-box{
- border-bottom:1px solid #E0E0E0;
- display: flex;
- p:nth-child(1){
- color:#0045AF;
- line-height:80px;
- margin-left:24px;
- font-size:18px;
- flex:1;
- }
- p:nth-child(2){
- border:1px solid #0045AF;
- color:#0045AF;
- width:80px;
- height:30px;
- text-align: center;
- font-size:16px;
- border-radius: 6px;
- line-height:30px;
- margin:25px 20px 0 0;
- cursor: pointer;
- }
- }
- .top-info-box{
- flex:1;
- display: flex;
- padding:40px 20px 0;
- .left-info-box{
- margin-right:20px;
- img{
- width:100px;
- height:120px;
- }
- p{
- width: 80px;
- height: 26px;
- border: 1px solid #0183FA;
- border-radius: 6px;
- line-height:24px;
- font-size:12px;
- color:#0183FA;
- text-align: center;
- margin:24px 10px;
- }
- }
- }
- .for-button-list{
- background: #E5F2FE;
- margin:0 20px;
- display: flex;
- .for-title-p{
- width:175px;
- height:80px;
- line-height:80px;
- font-size:16px;
- color:#333;
- text-align: center;
- }
- .for-button-max-box{
- flex:1;
- .for-button-min-box{
- font-size:16px;
- display: inline-block;
- overflow: hidden;
- height:30px;
- line-height:30px;
- border-radius:6px;
- margin:25px 28px 0 0;
- cursor: pointer;
- i{
- height:30px;
- line-height:30px;
- font-size:16px;
- color:#fff;
- margin-right:6px;
- }
- }
- .colorAA{
- color: #ffffff;
- background: #0183FA;
- padding:0 26px 0 16px;
- }
- .colorBB{
- padding:0 26px;
- color: #333;
- background: #E0E0E0;
- }
- }
- }
- .template-name-box{
- display: flex;
- .template-name-p{
- font-weight:500;
- height:80px;
- line-height:80px;
- font-size:16px;
- color:#333;
- margin-left:20px;
- flex: 1;
- }
- .template-name-button{
- width:80px;
- height:40px;
- line-height:40px;
- margin:20px 20px 0 0;
- }
- .template-name-button-one{
- width:180px;
- height:40px;
- line-height:40px;
- margin:20px 40px 0 0;
- color:#fff;
- background: #0183FA;
- border: 1px solid #E0E0E0;
- cursor: pointer;
- font-size: 14px;
- text-align: center;
- border-radius: 6px;
- }
- }
- .table-for-max-box{
- border:1px solid #D7D7D7;
- margin:0 20px;
- *{
- margin:0;
- padding:0;
- }
- .table-title-box{
- background: rgba(1,131,250,0.1);
- display: flex;
- p{
- font-size:14px;
- font-weight:700;
- color:#333;
- line-height:48px;
- padding-left:20px;
- }
- p:nth-child(1){
- width:615px;
- border-right:1px solid #D7D7D7;
- }
- }
- .table-for-big-box{
- border-top:1px solid #D7D7D7;
- display: flex;
- font-size:14px;
- .max-title-box-null{
- width:615px!important;
- }
- .max-title-box{
- width:230px;
- border-right:1px solid #D7D7D7;
- min-height:48px;
- position: relative;
- p{
- position: absolute;
- top:50%;
- left:20px;
- height:18px;
- line-height:18px;
- margin-top:-9px;
- }
- }
- .max-right-box{
- flex:5;
- min-height:48px;
- .big-box:nth-child(1){
- border:none!important;
- }
- .big-box-null{
- line-height:48px;
- margin-left:20px;
- color:#606266;
- }
- .big-box{
- display: flex;
- border-top:1px solid #D7D7D7;
- .big-title-box-null{
- width:385px!important;
- }
- .big-title-box{
- width:180px;
- border-right:1px solid #D7D7D7;
- min-height:48px;
- position: relative;
- overflow: hidden;
- p{
- position: absolute;
- top:50%;
- left:20px;
- height:48px;
- line-height:48px;
- margin-top:-24px;
- }
- }
- .big-right-box-null{
- display: flex;
- .scope-box{
- width:430px;
- position: relative;
- overflow: hidden;
- border-right:1px solid #D7D7D7;
- p{
- position: absolute;
- top:50%;
- left:20px;
- height:48px;
- line-height:48px;
- margin-top:-24px;
- }
- }
- .permission-box{
- flex:1;
- position: relative;
- overflow: hidden;
- display: flex;
- .check-left-p{
- margin-left:20px;
- height:48px;
- line-height:48px;
- }
- .check-button-box{
- width:130px;
- height:36px;
- margin:6px 0 0 36px;
- line-height:36px;
- display: flex;
- color:#333;
- cursor: pointer;
- img{
- width:16px;
- height:16px;
- margin:10px 14px 0 19px;
- }
- }
- .check-button-box-colorA{
- background: #CCE6FE;
- color:#0183FA;
- }
- .check-button-box-colorB{
- background: #E0E0E0;
- color:#333;
- }
- }
- }
- .big-right-box{
- flex:5;
- min-height:48px;
- .min-box:nth-child(1){
- border:none!important;
- }
- .min-box{
- display: flex;
- border-top:1px solid #D7D7D7;
- .min-title-box{
- width:205px;
- border-right:1px solid #D7D7D7;
- min-height:48px;
- position: relative;
- overflow: hidden;
- p{
- position: absolute;
- top:50%;
- left:20px;
- height:48px;
- line-height:48px;
- margin-top:-24px;
- }
- }
- .min-right-box{
- flex:5;
- min-height:48px;
- display: flex;
- .scope-box{
- width:430px;
- position: relative;
- overflow: hidden;
- border-right:1px solid #D7D7D7;
- p{
- position: absolute;
- top:50%;
- left:20px;
- height:48px;
- line-height:48px;
- margin-top:-24px;
- }
- }
- .permission-box{
- flex:1;
- position: relative;
- overflow: hidden;
- display: flex;
- .check-left-p{
- margin-left:20px;
- height:48px;
- line-height:48px;
- }
- .check-button-box{
- width:130px;
- height:36px;
- margin:6px 0 0 36px;
- line-height:36px;
- display: flex;
- color:#333;
- cursor: pointer;
- img{
- width:16px;
- height:16px;
- margin:10px 14px 0 19px;
- }
- }
- .check-button-box-colorA{
- background: #CCE6FE;
- color:#0183FA;
- }
- .check-button-box-colorB{
- background: #E0E0E0;
- color:#333;
- }
- }
- }
- }
- }
- }
- }
- }
- }
- .bottom-button-box{
- display: flex;
- width:600px;
- margin:30px auto 10px;
- .null-p{
- flex:1;
- }
- .button-p-1{
- width:100px;
- margin-right:20px;
- }
- .button-p-2{
- width:100px;
- margin-right:20px;
- }
- .button-p-3{
- width:180px;
- }
- }
- }
- </style>
- <style lang="scss">
- .student-add-page{
- .top-info-box{
- .el-form-item{
- height:70px;
- }
- .el-input--small{
- width:250px!important;
- }
- .el-select{
- width:250px!important;
- }
- .el-input{
- width:250px!important;
- }
- .el-input__inner{
- width:250px!important;
- }
- .el-radio-group{
- width:250px!important;
- }
- .is-disabled{
- width:250px!important;
- }
- .switch .el-switch__label {
- position: absolute;
- display: none;
- color: #fff !important;
- }
- .switch .el-switch__label--right {
- z-index: 1;
- }
- .switch .el-switch__label--right span{
- margin-left: 10px;
- }
- .switch .el-switch__label--left {
- z-index: 1;
- }
- .switch .el-switch__label--left span{
- margin-left: 24px;
- }
- .switch .el-switch__label.is-active {
- display: block;
- }
- .switch.el-switch .el-switch__core,
- .el-switch .el-switch__label {
- width: 64px !important;
- margin: 0;
- }
- }
- }
- </style>
|