部门修改

qirong

2023-10-27 db5455a1bcea1d8e69cfc13fc8f74ea10f59ad6f

 src/views/exam/paper/edit.vue

@@ -1,11 +1,9 @@
<template>
  <div class="app-container">
    <el-form :model="form" ref="form" label-width="200px" v-loading="formLoading" :rules="rules">
      <el-form-item label="部门：" prop="departmentIds" required>
        <el-select v-model="form.departmentIds" placeholder="部门"  @change="levelChange" multiple
                   collapse-tags>
          <el-option v-for="item in levelEnum" :key="item.key" :value="item.key" :label="item.value"></el-option>
        </el-select>
      <el-form-item label="考生：" prop="userIds" required>
        <el-cascader v-model="form.userIds" :options="options" :props="props" clearable collapse-tags>
        </el-cascader>
      </el-form-item>
      <el-form-item label="课目：" prop="subjectId" required>
        <el-select ref="subjectIdRef" v-model="form.subjectId" placeholder="课目" multiple
@@ -37,13 +35,26 @@
          </el-col>
        </el-row>
      </el-form-item>
      <el-form-item :key="key" :label="titlejs(key)"   required  v-for="(value,key,index) in form.subjectSource"  v-if="form.paperType ==7">
      <el-form-item :key="item.subjectId" :label="item.label"   required  v-for="(item,key,index) in form.questionTypeVMS"  v-if="form.paperType ==7">
        <el-row >
          <el-col :span="3" >
            <span>题目数量：</span>
            <span>多选题：</span>

          </el-col>
          <el-col :span="9">
            <el-input v-model="form.subjectSource[key]" style="width: 80%"/>
          <el-col :span="3">
            <el-input v-model="form.questionTypeVMS[key].multipleChoice" style="width: 80%"/>
          </el-col>
          <el-col :span="3" >
            <span>单选题：</span>
          </el-col>
          <el-col :span="3">
            <el-input v-model="form.questionTypeVMS[key].singleChoice" style="width: 80%"/>
          </el-col>
          <el-col :span="3" >
            <span>判断题：</span>
          </el-col>
          <el-col :span="3">
            <el-input v-model="form.questionTypeVMS[key].trueFalse" style="width: 80%"/>
          </el-col>
        </el-row>
      </el-form-item>
@@ -97,7 +108,6 @@
      <el-table v-loading="questionPage.listLoading" :data="questionPage.tableData"
                @selection-change="handleSelectionChange" border fit highlight-current-row style="width: 100%">
        <el-table-column type="selection" width="35"></el-table-column>
        <el-table-column prop="id" label="Id" width="60px"/>
        <el-table-column prop="questionType" label="题型" :formatter="questionTypeFormatter" width="70px"/>
        <el-table-column prop="shortTitle" label="题干" show-overflow-tooltip/>
      </el-table>
@@ -119,29 +129,51 @@
import QuestionShow from '../question/components/Show'
import examPaperApi from '@/api/examPaper'
import questionApi from '@/api/question'
import departmentApi from '@/api/department'

export default {
  components: { Pagination, QuestionShow },
  data () {
    return {
      props: { 
        multiple: true
        // lazy: true,
        // lazyLoad (node, resolve) {
        //   console.log(node,"node");
        //   var that = this;
        //   departmentApi.selectUser(node.value).then(re=>{
        //     console.log(re,"re");
        //     const nodes = re.response.map(xxx=>{
        //       return {value: xxx.id,label: xxx.realName,leaf: node.level >= 1}
        //     });
        //     resolve(nodes);
        //   })
        // }
      },
      options: [],
      departCascaderProps:{
       multiple: true
      },
      subjectIdList:[],
      form: {
        aggregateSource:100,
        id: null,
        departmentIds: [],
        userIds: [],
        subjectId: [],
        paperType: 1,
        limitDateTime: [],
        name: '',
        suggestTime: null,
        titleItems: [],
        subjectSource:null
        subjectSource:{},
        questionTypeVMS:[]
      },
      subjectFilter: null,
      formLoading: false,
      rules: {
        departmentIds: [
          { required: true, message: '请选择部门', trigger: 'change' }
        userIds: [
          { required: true, message: '请选择', trigger: 'change' }
        ],
        subjectId: [
          { required: true, message: '请选择课目', trigger: 'change' }
@@ -183,9 +215,16 @@
      _this.formLoading = true
      examPaperApi.select(id).then(re => {
        _this.form = re.response
        _this.form.userIds = re.response.userId
        console.log(_this.form)
        _this.formLoading = false
      })
    }
    departmentApi.selectDepartmentUser().then(res => {
      console.log("res",res);

      _this.options = res.response.map(x=>{return{value:x.department.id,label:x.department.name,children:x.userList.map(xx=>{return{value: xx.id,label: xx.realName}})}})
    })
  },
  methods: {
    titlejs(val){
@@ -207,19 +246,29 @@
        this.$refs.subjectIdRef.selected.forEach(item=>{
          arr.push({
            label:item.label,
            id:item.value
            subjectId:item.value,
            singleChoice:'',
            multipleChoice:'',
            trueFalse:''
          })
        })
        console.log(arr)
        this.form.questionTypeVMS = arr
      }

      if (this.form.paperType ==7){
        //說明是隨機
        this.subjectIdList = arr
        let obj1={}
        let arr1 = []
        arr.forEach((item,index)=>{
          obj1[item.id]=''

          // obj1[item.id]=''
          arr1.push({
            subjectId:item.id,
            singleChoice:'',
            multipleChoice:'',
            trueFalse:''
          })
          // let obj={
          //   item
          // }
@@ -233,12 +282,15 @@
          // }
        })
        this.form.subjectSource = obj1

        console.log(this.form.subjectSource)
        console.log(this.form.questionTypeVMS)
        // this.form.paperType = 7
        this.form.titleItems = []
      }else {
        this.form.subjectSource={}
        this.subjectIdList = []
        this.form.questionTypeVMS=[]
        // this.form.paperType = 1
      }
    },
@@ -248,11 +300,19 @@
      console.log(this.form.subjectSource)
      this.$refs.form.validate((valid) => {
        if (valid) {
          this.formLoading = true
          if (this.subjectIdList.length=1){
          this.formLoading = true;
          if (this.subjectIdList.length == 1){
            this.form.subjectId= this.form.subjectId
          };
          let op = [];
          for(var ele of this.form.userIds){
            op.push(ele[1])
          };
          this.form.userIds = op;
          console.log("laks",this.form)
          if(this.form.questionTypeVMS == null){
            this.form.questionTypeVMS = [];
          }

          examPaperApi.edit(this.form).then(re => {
            if (re.code === 1) {
              _this.$message.success(re.message)
@@ -344,15 +404,18 @@
    resetForm () {
      let lastId = this.form.id
      this.$refs['form'].resetFields()
      this.form = {
        id: null,
        departmentIds: [],
        subjectId: null,
        paperType: 1,
        limitDateTime: [],
        name: '',
        suggestTime: null,
        titleItems: []
      this.form= {
        aggregateSource:100,
          id: null,
          departmentIds: [],
          subjectId: [],
          paperType: 1,
          limitDateTime: [],
          name: '',
          suggestTime: null,
          titleItems: [],
          subjectSource:null,
          questionTypeVMS:[]
      }
      this.form.id = lastId
    },