|
@@ -7,6 +7,7 @@
|
|
|
:close-on-click-modal="false"
|
|
|
width="40%"
|
|
|
style="border-radius: 40px"
|
|
|
+ top="5vh"
|
|
|
>
|
|
|
<div slot="title">
|
|
|
<el-form
|
|
@@ -28,10 +29,26 @@
|
|
|
placeholder="请选择组织架构"
|
|
|
v-model="ruleForm.group"
|
|
|
:options="groupData"
|
|
|
-
|
|
|
clearable
|
|
|
></el-cascader>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="选择管理班级" prop="grade">
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.grade"
|
|
|
+ multiple
|
|
|
+ collapse-tags
|
|
|
+ style="width: 100%"
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="账号" prop="studentNumber">
|
|
|
<el-input v-model="ruleForm.studentNumber"></el-input>
|
|
|
</el-form-item>
|
|
@@ -125,15 +142,16 @@ export default {
|
|
|
options: [
|
|
|
{
|
|
|
value: "1",
|
|
|
- label: "选项1",
|
|
|
- children: [
|
|
|
- {
|
|
|
- value: "11",
|
|
|
- label: "选项11",
|
|
|
- children: [{ value: "111", label: "选项111" }],
|
|
|
- },
|
|
|
- ],
|
|
|
+ label: "2022级计算机科学与技术专业1班",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "2",
|
|
|
+ label: "2022级计算机科学与技术专业2班",
|
|
|
},
|
|
|
+ {
|
|
|
+ value: "3",
|
|
|
+ label: "2022级计算机科学与技术专业3班",
|
|
|
+ }
|
|
|
],
|
|
|
disableFlag: false,
|
|
|
phoneFlag: false,
|
|
@@ -144,6 +162,8 @@ export default {
|
|
|
ruleForm: {
|
|
|
//所属组织架构
|
|
|
group: "",
|
|
|
+ //所管理的班级
|
|
|
+ grade: "",
|
|
|
//学号
|
|
|
studentNumber: "",
|
|
|
//姓名
|
|
@@ -157,6 +177,7 @@ export default {
|
|
|
isView: true,
|
|
|
rules: {
|
|
|
group: [{ required: true, message: "请选择组织架构", trigger: "blur" }],
|
|
|
+ grade: [{ required: true, message: "请选择管理班级", trigger: "blur" }],
|
|
|
studentNumber: [{ required: true, message: "请输入账号", trigger: "blur" }],
|
|
|
name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
|
|
|
sex: [{ required: true, message: "请选择性别", trigger: "blur" }],
|
|
@@ -200,9 +221,9 @@ export default {
|
|
|
let resultRes = this.deleteChildren(forRes);
|
|
|
console.log("格式化的结构且去掉children");
|
|
|
console.log(resultRes);
|
|
|
- let listTmp =resultRes[0].children;
|
|
|
- for(let i=0;i<listTmp.length;i++){
|
|
|
- delete listTmp[i].children
|
|
|
+ let listTmp = resultRes[0].children;
|
|
|
+ for (let i = 0; i < listTmp.length; i++) {
|
|
|
+ delete listTmp[i].children;
|
|
|
}
|
|
|
this.groupData = listTmp;
|
|
|
} else {
|
|
@@ -461,6 +482,10 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
+
|
|
|
+.el-form-item{
|
|
|
+ margin-bottom: 5px !important;
|
|
|
+}
|
|
|
.dig_update /deep/.el-cascader {
|
|
|
position: relative;
|
|
|
font-size: 14px;
|