You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1006 lines
44 KiB
1006 lines
44 KiB
<template> |
|
<div> |
|
<el-row :gutter="20"> |
|
<el-col :span="24"> |
|
<el-card shadow="hover" class="mgb20"> |
|
<div class="flex-between"> |
|
<div class="per_title" @click="goback()"> |
|
<i class="el-icon-arrow-left"></i> |
|
<span class="per_back">返回</span> |
|
<span class="per_school">查看用户信息</span> |
|
</div> |
|
</div> |
|
</el-card> |
|
|
|
<!-- 用户信息 --> |
|
<el-card shadow="hover" class="mgb20"> |
|
<div> |
|
<div class="flex-between mgb20 user_header"> |
|
<div class="flex-center mgb20 user_header"> |
|
<p class="addhr_tag"></p> |
|
<span>用户信息</span> |
|
</div> |
|
</div> |
|
|
|
<div> |
|
<div> |
|
<p class="font_same">个人信息</p> |
|
<el-form |
|
ref="form" |
|
:model="form" |
|
:rules="rules" |
|
label-width="120px" |
|
:disabled="isDetail" |
|
> |
|
<el-col :span="6" :offset="5"> |
|
<el-form-item prop="userName" label="用户姓名"> |
|
<el-input v-model="form.userName" placeholder="请输入"></el-input> |
|
</el-form-item> |
|
|
|
<el-form-item label="证件类型" prop="documentType"> |
|
<el-select |
|
v-model="form.documentType" |
|
clearable |
|
placeholder="请选择证件类型" |
|
> |
|
<el-option |
|
v-for="(item,index) in documentTypeList" |
|
:key="index" |
|
:label="item.name" |
|
:value="item.value" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
|
|
<el-form-item label="国家"> |
|
<el-select |
|
v-model="form.countries" |
|
clearable |
|
placeholder="请选择国家" |
|
> |
|
<el-option |
|
v-for="(item,index) in countryList" |
|
:key="index" |
|
:label="item.name" |
|
:value="item.value" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
|
|
<el-form-item label="城市"> |
|
<el-select |
|
v-model="form.cityId" |
|
clearable |
|
placeholder="请选择城市" |
|
:disabled="form.provinceId ? false : true" |
|
> |
|
<el-option |
|
v-for="(item,index) in cityList" |
|
:key="index" |
|
:label="item.cityName" |
|
:value="item.cityId" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
|
|
<el-form-item label="教育程度"> |
|
<el-select |
|
v-model="form.educationDegree" |
|
clearable |
|
placeholder="请选择教育程度" |
|
> |
|
<el-option |
|
v-for="(item,index) in educationDegreeList" |
|
:key="index" |
|
:label="item.name" |
|
:value="item.value" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
|
|
<el-form-item prop="schoolId" label="当前院校"> |
|
<el-select v-model="form.schoolId" filterable clearable placeholder="请选择学校"> |
|
<el-option v-for="(item,index) in schoolList" :key="index" :label="item.schoolName" :value="item.schoolId"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
|
|
<el-col :span="6" :offset="2"> |
|
<el-form-item label="唯一识别码"> |
|
<el-input |
|
v-model="form.uniqueIdentification" |
|
placeholder="请输入" |
|
:disabled="true" |
|
></el-input> |
|
</el-form-item> |
|
|
|
<el-form-item prop="IDNumber" label="证件号码"> |
|
<el-input |
|
v-model="form.IDNumber" |
|
placeholder="请输入证件号码" |
|
maxlength="18" |
|
></el-input> |
|
</el-form-item> |
|
|
|
<el-form-item label="省份"> |
|
<el-select |
|
v-model="form.provinceId" |
|
clearable |
|
placeholder="请选择省份" |
|
@change="getCity" |
|
> |
|
<el-option |
|
v-for="(item,index) in provinceList" |
|
:key="index" |
|
:label="item.provinceName" |
|
:value="item.provinceId" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
|
|
<el-form-item label="出生日期"> |
|
<el-date-picker |
|
type="date" |
|
placeholder="选择出生日期" |
|
v-model="form.dateBirth" |
|
style="width: 100%;" |
|
value-format="yyyy-MM-dd" |
|
></el-date-picker> |
|
</el-form-item> |
|
|
|
<el-form-item label="性别"> |
|
<el-select clearable |
|
v-model="form.sex" |
|
:disabled="IDdisabled" |
|
placeholder="请选择性别" |
|
> |
|
<el-option |
|
v-for="(item,index) in sexList" |
|
:key="index" |
|
:label="item.name" |
|
:value="item.value" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
</el-form> |
|
</div> |
|
|
|
<div class="mgb20_top"> |
|
<p class="font_same">账号信息</p> |
|
<el-form |
|
ref="form" |
|
:model="form" |
|
:rules="rules" |
|
label-width="120px" |
|
:disabled="isDetail" |
|
> |
|
<el-col :span="24"> |
|
<el-col :span="6" :offset="5"> |
|
<el-form-item prop="phone" label="个人手机"> |
|
<el-input |
|
v-model="form.phone" |
|
placeholder="请输入手机号" |
|
maxlength="11" |
|
></el-input> |
|
</el-form-item> |
|
</el-col> |
|
|
|
<el-col :span="6" :offset="2"> |
|
<el-form-item label="微信号"> |
|
<el-input v-model="form.WeChatID" placeholder="请输入微信号"></el-input> |
|
</el-form-item> |
|
</el-col> |
|
</el-col> |
|
</el-form> |
|
</div> |
|
</div> |
|
</div> |
|
</el-card> |
|
|
|
<!-- 个人档案 --> |
|
<el-card shadow="hover" class="mgb20"> |
|
<div> |
|
<div class="flex-between mgb20 user_header"> |
|
<div class="flex-center"> |
|
<p class="addhr_tag"></p> |
|
<span>个人档案</span> |
|
</div> |
|
</div> |
|
|
|
<div> |
|
<div class="flex-center" v-for="(item,index) in archivesList" :key="index" v-show="index == 0 || index == 1 || showArch"> |
|
<el-col :span="16" :offset="4"> |
|
<el-card shadow="hover" class="from_card"> |
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px" :disabled="isDetail"> |
|
<div> |
|
<el-col :span="10"> |
|
<el-form-item label="职业"> |
|
<el-select |
|
v-model="item.personalCareerId" |
|
placeholder="请选择职业" |
|
> |
|
<el-option |
|
v-for="item1 in occupationList" |
|
:key="item1.value" |
|
:label="item1.label" |
|
:value="item1.value" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
<el-form-item label="院校"> |
|
<el-select v-model="item.schoolId" filterable clearable placeholder="请选择院校" @change="schoolitemChange"> |
|
<el-option v-for="(item,index) in schoolList" :key="index" :label="item.schoolName" :value="item.schoolId"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
<el-form-item label="专业类"> |
|
<el-select |
|
v-model="item.professionalClassId" |
|
:disabled="item.disciplineId ? false : true" |
|
clearable |
|
placeholder="请选择专业类" |
|
@change="id => getItemProfessional(id,index)" |
|
@clear="() => clearItemProfess(index)" |
|
> |
|
<el-option |
|
v-for="(item2,index) in item.ProfessionalClassList" |
|
:key="index" |
|
:label="item2.professionalClassName" |
|
:value="item2.professionalClassId" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
</div> |
|
|
|
<div> |
|
<el-col :span="10" :offset="3"> |
|
<el-form-item> |
|
<br /> |
|
</el-form-item> |
|
<el-form-item label="专业学科"> |
|
<el-select |
|
v-model="item.disciplineId" |
|
clearable |
|
placeholder="请选择专业学科" |
|
@change="id => getItemProfessionalClass(id,index)" |
|
@clear="() => clearItemClass(index)" |
|
> |
|
<el-option |
|
v-for="(item3,index) in item.subjectList" |
|
:key="index" |
|
:label="item3.disciplineName" |
|
:value="item3.disciplineId" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
<el-form-item label="专业"> |
|
<el-select |
|
v-model="item.professionalId" |
|
:disabled="item.professionalClassId ? false : true" |
|
clearable |
|
placeholder="请选择专业" |
|
@change="getItemStuGrade" |
|
> |
|
<el-option |
|
v-for="(item4,index) in item.ProfessionalList" |
|
:key="index" |
|
:label="item4.professionalName" |
|
:value="item4.professionalId" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
</div> |
|
</el-form> |
|
</el-card> |
|
</el-col> |
|
</div> |
|
</div> |
|
|
|
<div class="fold" v-if="archivesList.length > 1"> |
|
<img :class="{ 'arrowTransform': showArch, 'arrowTransformReturn': !showArch}" style="width: 21px;height: 17px;" src="../../assets/img/person/open.png" alt="" @click="foldArch"> |
|
</div> |
|
</div> |
|
</el-card> |
|
|
|
<!-- 已绑定系统 --> |
|
<el-card shadow="hover" class="mgb20"> |
|
<div class="flex-between mgb20"> |
|
<div class="flex-center"> |
|
<p class="addhr_tag"></p> |
|
<span>已绑定系统</span> |
|
</div> |
|
<div> |
|
<el-dialog :title="isShow ? '查看系统' : '编辑系统'" :visible.sync="dialogFormVisible" :center="!isIE()" :close-on-click-modal="false"> |
|
<el-form :class="{region: !isIE()}" ref="chooseList" :rules="rules" :disabled="isDetail"> |
|
<el-form-item label="系统选择" label-width="100px"> |
|
<el-select |
|
v-model="region" |
|
placeholder="请选择系统" |
|
> |
|
<el-option |
|
v-for="(item,index) in regionOption" |
|
:key="index" |
|
:label="item.regionName" |
|
:value="item.regionId" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-form> |
|
<div style="margin-bottom: 20px;"> |
|
<span class="radio">组织关系</span> |
|
<el-radio v-model="radio" label="1">绑定组织关系</el-radio> |
|
<el-radio v-model="radio" label="2" disabled>不绑定组织关系</el-radio> |
|
</div> |
|
|
|
<el-card shadow="hover" v-for="(item,index) in chooseList" :key="index" class="school-item"> |
|
<p class="school-name">{{index}}</p> |
|
<div class="card" :class="{isie: isIE()}"> |
|
<div class="port" v-for="(item1,index1) in item" :key="index1"> |
|
<p class="port-name">{{typeList.find(n => n.id == item1.type) ? typeList.find(n => n.id == item1.type).label : ''}}</p> |
|
<el-card shadow="hover"> |
|
<ul class="fields"> |
|
<div class="line"> |
|
<li> |
|
<span class="name">工号：</span> |
|
<p class="val">{{item1.workNumber}}</p> |
|
</li> |
|
<li> |
|
<span class="name">账号：</span> |
|
<p class="val">{{item1.account}}</p> |
|
</li> |
|
<li> |
|
<el-switch v-model="item1.isEnable" :active-value="1" :inactive-value="0" :active-text="item1.isEnable ? '启用' : '禁用'" :disabled="isShow" @change="switchOff($event,item1)"></el-switch> |
|
</li> |
|
</div> |
|
<div class="line"> |
|
<li> |
|
<span class="name">该工号所绑定角色：</span> |
|
<p class="val">管理员</p> |
|
</li> |
|
</div> |
|
</ul> |
|
</el-card> |
|
</div> |
|
</div> |
|
</el-card> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
<template v-if="isShow"> |
|
<el-button type="primary" @click="dialogFormVisible = false">返回</el-button> |
|
</template> |
|
<template v-else> |
|
<el-button @click="dialogFormVisible = false">取消</el-button> |
|
<el-button type="primary" @click="dialogFormVisible = false">确定</el-button> |
|
</template> |
|
</span> |
|
</el-dialog> |
|
</div> |
|
</div> |
|
|
|
<el-table |
|
:data="platformList" |
|
class="table" |
|
stripe |
|
header-align="center" |
|
row-key="platformId" |
|
> |
|
<el-table-column type="index" width="100" label="序号" align="center"></el-table-column> |
|
<el-table-column prop="platformName" label="系统名称" align="center"></el-table-column> |
|
<el-table-column prop="domainName" label="域名" align="center"></el-table-column> |
|
<el-table-column prop="createTime" label="创建时间" align="center"></el-table-column> |
|
<el-table-column label="操作" align="center"> |
|
<template slot-scope="scope"> |
|
<el-button type="text" @click="show(scope.row,true)">查看</el-button> |
|
<el-button type="text" @click="show(scope.row,false)">编辑</el-button> |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
</el-card> |
|
</el-col> |
|
</el-row> |
|
</div> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
name: 'baseform', |
|
data() { |
|
return { |
|
isDetail: true, |
|
|
|
typeList: [ |
|
{ |
|
id: 0, |
|
label: '教师端' |
|
},{ |
|
id: 1, |
|
label: '学生端' |
|
} |
|
], |
|
region: '', // 系统选择 |
|
checkList: [{ |
|
label: '管理员', |
|
id: 13 |
|
}, |
|
{ |
|
label: '教师', |
|
id: 14 |
|
}, |
|
{ |
|
label: '学生', |
|
id: 4 |
|
}], //角色选择 |
|
radio: '1', //组织关系 |
|
innerVisible: false, |
|
dialogFormVisible: false, |
|
form: { |
|
//个人信息 |
|
userId: this.$store.state.userId, |
|
userName: '', //用户姓名 |
|
uniqueIdentification: '', //唯一识别码 |
|
documentType: 1, //证件类型 |
|
IDNumber: '', //证件号码 |
|
cityId: '', //省份 |
|
countries: '中国', //国家 |
|
provinceId: '', //城市 |
|
dateBirth: '', //出生日期 |
|
educationDegree: '', //教育程度 |
|
sex: '', //性别 |
|
schoolId: '', //学校 |
|
|
|
//账号信息 |
|
phone: '', //手机号码 |
|
WeChatID: '', //微信 |
|
email: '', //邮箱 |
|
}, |
|
occupationList: [{ |
|
value: 1, |
|
label: '学生' |
|
}, |
|
{ |
|
value: 2, |
|
label: '老师' |
|
}], |
|
roleIds: [], |
|
archivesForm: { |
|
//个人档案 |
|
personalCareerId: '', //职业 |
|
schoolId: '', //院校 |
|
schoolName: '', //院校名称 |
|
professionalClassId: '', //专业类 |
|
professionalClassName: '', //专业类名称 |
|
disciplineId: '', //专业学科 |
|
disciplineName: '', //专业学科名称 |
|
professionalId: '', //专业 |
|
professionalName: '', //专业名称 |
|
userId: this.$store.state.userId |
|
}, |
|
archivesList: [], |
|
rules: { |
|
userName: [{ required: true, message: '请输入用户姓名', trigger: 'blur' }], |
|
schoolId: [{ required: true, message: '请选择当前院校', trigger: 'change' }], |
|
phone: [ |
|
{ required: true, message: '请输入手机号', trigger: 'blur' }, |
|
{ |
|
pattern: /^1[3456789]\d{9}$/, |
|
message: '请输入正确的手机号', |
|
trigger: 'blur' |
|
} |
|
], |
|
IDNumber: [ |
|
// { required: true, message: '请输入证件号码', trigger: 'blur' }, |
|
{ |
|
pattern: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)/, |
|
message: '请输入正确的证件号码', |
|
trigger: 'blur' |
|
} |
|
], |
|
email: [ |
|
// { required: true, message: '请输入邮箱', trigger: 'blur' }, |
|
{ |
|
pattern: /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/, |
|
message: '请输入正确的邮箱', |
|
trigger: 'blur' |
|
} |
|
] |
|
}, |
|
sexList: [ |
|
{ |
|
name: '男', |
|
value: 1 |
|
}, |
|
{ |
|
name: '女', |
|
value: 2 |
|
} |
|
], |
|
documentTypeList: [ |
|
{ |
|
name: '居民身份证', |
|
value: 1 |
|
} |
|
], |
|
// 教育程度 |
|
educationDegreeList: [ |
|
{ |
|
name: '专科', |
|
value: 1 |
|
}, |
|
{ |
|
name: '本科', |
|
value: 2 |
|
}, |
|
{ |
|
name: '硕士', |
|
value: 3 |
|
}, |
|
{ |
|
name: '博士', |
|
value: 4 |
|
}, |
|
{ |
|
name: '其他', |
|
value: 5 |
|
} |
|
], |
|
subjectList: [], //专业学科 |
|
ProfessionalClassList: [], //专业类 |
|
ProfessionalList: [], //专业 |
|
//国家 |
|
countryList: [ |
|
{ |
|
name: '中国' |
|
} |
|
], |
|
schoolList: [], |
|
cityList: [], //城市 |
|
provinceList: this.$store.state.provinceList, //省份 |
|
userId: this.$store.state.userId, |
|
IDdisabled: false, |
|
regionOption: [{ |
|
regionName: '职站', |
|
regionId: 1 |
|
}, |
|
{ |
|
regionName: '数据平台', |
|
regionId: 2 |
|
}], //系统选择 |
|
secondaryDepartmentsList: [], //二级部门 |
|
secondaryDepartmentsList_T: [], //二级部门 |
|
majorList: [], //学生—专业 |
|
yearList: [], //学生—年级 |
|
classList: [], //学生—班级 |
|
multipleSelection: [], |
|
customerList: [], //客户列表 |
|
cusSearch: '', |
|
chooseCusList: [], |
|
choosecusArr: '', |
|
chooseList: [], |
|
NoAdd: true, |
|
AccountNoAdd: true, |
|
NumberNoAdd: true, |
|
teaNumberNoAdd: true, |
|
stuNumberNoAdd: true, |
|
platformList: [], //平台系统列表 |
|
saveList: [], |
|
roldform: { |
|
|
|
}, |
|
clickFlag: true, |
|
searchTimer: null, |
|
showArch: false, |
|
isShow: false |
|
}; |
|
}, |
|
mounted() { |
|
this.getSchoolData() |
|
if(this.userId){ |
|
this.$get(this.api.queryUserInfoDetails,{ userId: this.userId }).then(res => { |
|
let userInfo = res.result.hrUserInfo |
|
let personalFileList = res.result.personalFileList |
|
let platformList = res.result.platformList |
|
let userAccount = res.result.userAccountList |
|
|
|
this.form.userName = userInfo.userName |
|
this.form.uniqueIdentification = userInfo.uniqueIdentification |
|
this.form.IDNumber = userInfo.iDNumber |
|
this.form.cityId = userInfo.cityId |
|
this.form.provinceId = userInfo.provinceId |
|
this.form.dateBirth = userInfo.dateBirth |
|
this.form.educationDegree = userInfo.educationDegree |
|
this.form.sex = userInfo.sex |
|
this.form.schoolId = userInfo.schoolId |
|
this.form.phone = userInfo.phone |
|
this.form.WeChatID = userAccount[0].wechatId |
|
if(userInfo.provinceId){ |
|
this.getCityData() |
|
} |
|
// 个人档案 |
|
if(personalFileList.length != 0){ |
|
personalFileList.map(e =>{ |
|
this.$set(e, 'subjectList', this.subjectList); |
|
if(e.disciplineId){ |
|
this.$get(this.api.queryCourseProfessionalClass, { disciplineId: e.disciplineId }).then(res => { |
|
this.$set(e, 'ProfessionalClassList', res.list); |
|
}).catch(res => {}); |
|
} |
|
if(e.professionalClassId){ |
|
this.$get(this.api.queryCourseProfessional,{ professionalClassId: e.professionalClassId }).then(res => { |
|
this.$set(e, 'ProfessionalList', res.list); |
|
}).catch(res => {}); |
|
} |
|
}) |
|
} |
|
this.archivesList = personalFileList |
|
|
|
// 平台系统 |
|
platformList.map(e =>{ |
|
this.regionOption.map((r,index) =>{ |
|
if(r.regionId == e.platformId){ |
|
this.regionOption.splice(index,1) |
|
} |
|
}) |
|
}) |
|
this.platformList = platformList |
|
}).catch((res) => {}) |
|
} |
|
}, |
|
methods: { |
|
getCity(){ |
|
if(this.form.provinceId){ |
|
this.getCityData() |
|
} |
|
}, |
|
getCityData(){ |
|
this.$get(this.api.queryCity,{provinceId: this.form.provinceId}).then(res => { |
|
this.cityList = res.list |
|
}).catch(res => {}); |
|
}, |
|
// 获取列表学校名称 |
|
schoolitemChange(item){ |
|
if(item){ |
|
this.archivesList.map(e =>{ |
|
if(e.schoolId == item){ |
|
let obj = {}; |
|
obj = this.schoolList.find(r =>{ |
|
return r.schoolId === item; |
|
}); |
|
e.schoolName = obj.schoolName |
|
} |
|
}) |
|
} |
|
}, |
|
// 获取学校名称 |
|
getSchoolData(){ |
|
this.$get(this.api.querySchoolData,{ |
|
schoolName: '', |
|
provinceId: '', |
|
cityId: '' |
|
}).then(res => { |
|
this.schoolList = res.list |
|
}).catch(res => {}); |
|
}, |
|
goback(){ |
|
this.$router.back() |
|
}, |
|
// 获取学科类别 |
|
getSubject(){ |
|
this.$get(this.api.queryCourseDiscipline).then(res => { |
|
this.subjectList = res.list |
|
}).catch(res => {}); |
|
}, |
|
// 清除学科类别 |
|
clearClass(){ |
|
this.archivesForm.professionalClassId = '', |
|
this.archivesForm.professionalId = '' |
|
}, |
|
// 获取专业类 |
|
getProfessionalClass(val){ |
|
this.clearClass() |
|
if(val){ |
|
let obj = {}; |
|
obj = this.subjectList.find((item)=>{ |
|
return item.disciplineId === val; |
|
}); |
|
this.archivesForm.disciplineName = obj.disciplineName |
|
this.getProfessionalClassData(val) |
|
} |
|
}, |
|
clearItemClass(index){ |
|
this.archivesList[index].professionalClassId = '' |
|
this.archivesList[index].professionalClassName = '' |
|
this.archivesList[index].professionalId = '' |
|
this.archivesList[index].professionalName = '' |
|
// this.archivesList.map(e =>{ |
|
// if(e.disciplineId == item){ |
|
// e.professionalClassId = '', |
|
// e.professionalClassName = '', |
|
// e.professionalId = '', |
|
// e.professionalName = '' |
|
// } |
|
// }) |
|
}, |
|
getItemProfessionalClass(item,index){ |
|
this.clearItemClass(index) |
|
if(item){ |
|
let obj = {}; |
|
obj = this.subjectList.find(r =>{ |
|
return r.disciplineId === item; |
|
}); |
|
this.$get(this.api.queryCourseProfessionalClass,{disciplineId: item}).then(res => { |
|
this.archivesList.map(e =>{ |
|
if(e.disciplineId == item){ |
|
e.ProfessionalClassList = res.list |
|
e.disciplineName = obj.disciplineName |
|
} |
|
}) |
|
}).catch(res => {}); |
|
} |
|
}, |
|
getProfessionalClassData(value){ |
|
this.$get(this.api.queryCourseProfessionalClass,{disciplineId: value}).then(res => { |
|
this.ProfessionalClassList = res.list |
|
}).catch(res => {}); |
|
}, |
|
// 清除专业类 |
|
clearProfess(){ |
|
this.archivesForm.professionalId = '' |
|
}, |
|
// 获取专业 |
|
getProfessional(val){ |
|
this.clearProfess() |
|
if(val){ |
|
let obj = {}; |
|
obj = this.ProfessionalClassList.find((item)=>{ |
|
return item.professionalClassId === val; |
|
}); |
|
this.archivesForm.professionalClassName = obj.professionalClassName |
|
this.getProfessionalData(val) |
|
} |
|
}, |
|
clearItemProfess(index){ |
|
this.archivesList[index].professionalId = '' |
|
this.archivesList[index].professionalName = '' |
|
// this.archivesList.map(e =>{ |
|
// if(e.professionalClassId == item){ |
|
// e.professionalId = '', |
|
// e.professionalName = '' |
|
// } |
|
// }) |
|
}, |
|
getItemProfessional(item,index){ |
|
this.clearItemProfess(index) |
|
if(item){ |
|
this.$get(this.api.queryCourseProfessional,{ professionalClassId: item }).then(res => { |
|
this.archivesList.map(e =>{ |
|
if(e.professionalClassId == item){ |
|
let obj = {}; |
|
obj = e.ProfessionalClassList.find(r =>{ |
|
return r.professionalClassId === item; |
|
}); |
|
e.ProfessionalList = res.list |
|
e.professionalClassName = obj.professionalClassName |
|
} |
|
}) |
|
}).catch(res => {}); |
|
} |
|
}, |
|
getProfessionalData(value){ |
|
this.$get(this.api.queryCourseProfessional,{professionalClassId: value}).then(res => { |
|
this.ProfessionalList = res.list |
|
}).catch(res => {}); |
|
}, |
|
// 获取专业名称 |
|
getStuGrade(val){ |
|
if(val){ |
|
let obj = {}; |
|
obj = this.ProfessionalList.find(r =>{ |
|
return r.professionalId === val; |
|
}); |
|
this.archivesForm.professionalName = obj.professionalName |
|
} |
|
}, |
|
getItemStuGrade(item){ |
|
if(item){ |
|
this.archivesList.map(e =>{ |
|
if(e.professionalId == item){ |
|
let obj = {}; |
|
obj = e.ProfessionalList.find(r =>{ |
|
return r.professionalId === item; |
|
}); |
|
e.professionalName = obj.professionalName |
|
} |
|
}) |
|
} |
|
}, |
|
show(row,isShow){ |
|
let obj = {} |
|
Object.assign(obj,{ |
|
regionName: row.platformName, |
|
regionId: row.platformId, |
|
}) |
|
this.regionOption = [obj, ...[]] |
|
this.region = row.platformId |
|
this.dialogFormVisible = true |
|
this.choosecusArr = '' |
|
this.chooseCusList = [] |
|
this.chooseList = [] |
|
this.isShow = isShow |
|
|
|
this.$get(this.api.selectUserSysBind, { userId: this.userId, platformId: row.platformId}).then(res => { |
|
let list = res.result.map |
|
for(let i in list){ |
|
for(let n in list[i]){ |
|
list[i] = list[i][n] |
|
} |
|
} |
|
this.chooseList = list |
|
}).catch(res => {}) |
|
}, |
|
switchOff(val,row){ |
|
this.$get(this.api.updateAccountEnable,{ |
|
id: row.id, |
|
isEnable: val |
|
}).then(res => { |
|
this.$message.success(val ? '启用成功' : '禁用成功') |
|
}).catch(res => {}) |
|
}, |
|
foldArch() { |
|
this.showArch = !this.showArch |
|
}, |
|
} |
|
}; |
|
</script> |
|
|
|
|
|
<style lang="scss" scoped> |
|
.fold{ |
|
margin-top: 20px; |
|
text-align: center; |
|
img{ |
|
cursor: pointer; |
|
&:hover{ |
|
opacity: .8; |
|
} |
|
} |
|
} |
|
.arrowTransform{ |
|
transition: 0.5s; |
|
transform-origin: center; |
|
transform: rotateZ(180deg); |
|
} |
|
.arrowTransformReturn{ |
|
transition: 0.5s; |
|
transform-origin: center; |
|
transform: rotateZ(0deg); |
|
} |
|
// 新增系统 |
|
.card ::v-deep .el-card { |
|
border-radius: 15px; |
|
} |
|
.card_m { |
|
margin: 10px 0 20px 0; |
|
} |
|
::v-deep .el-dialog__title { |
|
font-weight: 600; |
|
} |
|
.region ::v-deep .el-form-item__label { |
|
font-weight: 600; |
|
} |
|
.region ::v-deep .el-input { |
|
width: 30%; |
|
} |
|
.numberInput{ |
|
display: inline-flex; |
|
align-items: center; |
|
span{ |
|
white-space: nowrap; |
|
} |
|
} |
|
.numberInput ::v-deep .el-input { |
|
width: 80%; |
|
} |
|
.stu_input ::v-deep .el-input { |
|
width: 80%; |
|
} |
|
.radio { |
|
margin: 0 15px 0 30px; |
|
font-weight: 600; |
|
} |
|
.jobNumber { |
|
margin: 10px 0; |
|
} |
|
.jobNumber ::v-deep .el-input { |
|
margin-left: 20px; |
|
} |
|
.icon_btn { |
|
margin: 5px 5px 15px 0; |
|
} |
|
|
|
.flex_start { |
|
display: flex; |
|
justify-content: flex-start; |
|
align-items: center; |
|
} |
|
.flex_end { |
|
display: flex; |
|
justify-content: flex-end; |
|
align-items: center; |
|
} |
|
.flex { |
|
display: flex; |
|
align-items: center; |
|
} |
|
.from_card { |
|
margin-bottom: 20px; |
|
} |
|
.mgb20_top { |
|
margin-top: 400px; |
|
} |
|
.mag { |
|
margin-right: 20px; |
|
} |
|
.magr50 { |
|
margin-left: 50px; |
|
} |
|
.font_same { |
|
margin-left: 40px; |
|
color: rgb(155, 179, 245); |
|
font-size: 14px; |
|
} |
|
.school-item{ |
|
margin-bottom: 20px; |
|
.school-name{ |
|
font-size: 16px; |
|
font-weight: bold; |
|
} |
|
.port{ |
|
.port-name{ |
|
margin: 10px 0; |
|
font-size: 15px; |
|
color: #9076FF; |
|
} |
|
.fields{ |
|
.line{ |
|
display: flex; |
|
margin-bottom: 10px; |
|
li{ |
|
display: flex; |
|
align-items: center; |
|
margin-right: 80px; |
|
.name{ |
|
font-size: 14px; |
|
} |
|
.val{ |
|
font-size: 14px; |
|
font-weight: bold; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
// 滚动条的宽度 |
|
.scrollbar ::-webkit-scrollbar { |
|
width: 2px; // 横向滚动条 |
|
height: 6px; // 纵向滚动条 必写 |
|
} |
|
// 滚动条的滑块 |
|
.scrollbar ::-webkit-scrollbar-thumb { |
|
background-color: #9278ff; |
|
border-radius: 3px; |
|
box-shadow: inset 0 0 5px #dddddd; |
|
} |
|
.scrollbar ::-webkit-scrollbar-track { |
|
/*滚动条里面轨道*/ |
|
box-shadow: inset 0 0 5px #dddddd; |
|
border-radius: 0; |
|
background: #dddddd; |
|
} |
|
/deep/.el-input__inner{ |
|
height: 40px !important; |
|
} |
|
</style> |