部门调动使用级联下拉

xiangpei

2024-07-08 154891cce3b3cce34c300a225a7a14e5a8893cf5

 src/views/exam/paper/edit.vue

@@ -9,9 +9,16 @@
        </el-select>
      </el-form-item>
      <el-form-item label="部门：" prop="deptId" required>
        <el-select v-model="form.deptId" collapse-tags @change="getSubject" placeholder="部门">
        <!-- <el-select v-model="form.deptId" collapse-tags @change="getSubject" placeholder="部门">
          <el-option v-for="item in depts" :key="item.id" :value="item.id" :label="item.name"></el-option>
        </el-select>
        </el-select> -->
        <el-cascader
          clearable
          @change="getSubject"
          v-model="form.deptId"
          :options="depts"
          :props="{ emitPath: false, value: 'id', label: 'name',  checkStrictly: true }"
          ></el-cascader>
      </el-form-item>
      <el-form-item label="课目：" prop="subjectId" required>
        <el-select ref="subjectIdRef" v-model="form.subjectId" :disabled="! form.deptId" placeholder="课目" multiple collapse-tags>
@@ -143,9 +150,15 @@
          </el-select>
        </el-form-item>
        <el-form-item label="部门：">
          <el-select v-model="student.deptIds" clearable multiple>
          <!-- <el-select v-model="student.deptIds" clearable multiple>
            <el-option v-for="item in depts" :key="item.id" :value="item.id" :label="item.name"></el-option>
          </el-select>
          </el-select> -->
          <el-cascader
          clearable
          v-model="student.deptIds"
          :options="depts"
          :props="{ emitPath: false, multiple: true, value: 'id', label: 'name',  checkStrictly: true }"
          ></el-cascader>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="selectStudent">查询</el-button>