修改青羊试卷添加

odc.xiaohui

2023-06-20 6bbb4faa43448d4c9ba3f25b7f0efcd6aed3b450

 src/views/exam/paper/edit.vue

@@ -1,8 +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="level" required>
        <el-select v-model="form.level" placeholder="部门"  @change="levelChange">
      <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>
@@ -10,12 +11,12 @@
        <el-select ref="subjectIdRef" v-model="form.subjectId" placeholder="课目" multiple
                   collapse-tags  @visible-change="subjectIdEvent" >
          <el-option v-for="item in subjectFilter" :key="item.id" :value="item.id"
                     :label="item.name+' ( '+item.levelName+' )'"></el-option>
                     :label="item.name+' '"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="试卷类型：" prop="paperType" required>
        <el-select v-model="form.paperType" placeholder="试卷类型" :disabled="subjectIdList.length>1">
          <el-option v-for="item in paperTypeEnum" :key="item.key" :value="item.key" :label="item.value" :disabled="item.disabled"></el-option>
        <el-select v-model="form.paperType" placeholder="试卷类型" >
          <el-option v-for="item in paperTypeEnum" :key="item.key" :value="item.key" :label="item.value" ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="时间限制：" required v-show="form.paperType===4">
@@ -23,36 +24,39 @@
                        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="试卷名称："  prop="name" required>
        <el-input v-model="form.name"/>
      <el-form-item label="试卷名称："  prop="name" required >
        <el-row :gutter="20">
          <el-col :span="9">
            <el-input v-model="form.name"/>
          </el-col>
          <el-col :span="2" v-if="form.paperType==7">
            <span>总数分：</span>
          </el-col>
          <el-col :span="9" v-if="form.paperType==7">
            <el-input disabled v-model="form.aggregateSource"/>
          </el-col>
        </el-row>
      </el-form-item>
      <el-form-item :key="index" :label="titleItem.label+':'" required v-for="(titleItem,index) in subjectIdList">
        <el-row>
          <el-col :span="3">
      <el-form-item :key="index" :label="titlejs(key)"  required  v-for="(value,key,index) in form.subjectSource" v-if="form.paperType ==7">
        <el-row >
          <el-col :span="3" >
            <span>题目数量：</span>
          </el-col>
          <el-col :span="9">
            <el-input v-model="titleItem.name" style="width: 80%"/>
          </el-col>
          <el-col :span="3">
            <span>题目分数：</span>
          </el-col>
          <el-col :span="9">
            <el-input v-model="titleItem.name" style="width: 80%"/>
            <el-input v-model="form.subjectSource[key]" style="width: 80%"/>
          </el-col>
        </el-row>

      </el-form-item>
      <el-form-item label="总数分：" v-if="subjectIdList.length>1"  prop="name" required>
        <el-input v-model="form.name"/>
      </el-form-item>
<!--      <el-form-item label="总数分：" v-if="form.paperType==7"  prop="name" required>-->
<!--        <el-input v-model="form.name"/>-->
<!--      </el-form-item>-->
      <el-form-item :key="index" :label="'标题'+(index+1)+'：'" required v-for="(titleItem,index) in form.titleItems">
        <el-input v-model="titleItem.name" style="width: 80%"/>
        <el-button type="text" class="link-left" style="margin-left: 20px" size="mini" @click="addQuestion(titleItem)">
        <el-button  v-if="form.paperType!=7" type="text" class="link-left" style="margin-left: 20px" size="mini" @click="addQuestion(titleItem)">
          添加题目
        </el-button>
        <el-button type="text" class="link-left" size="mini" @click="form.titleItems.splice(index,1)">删除</el-button>
        <el-card class="exampaper-item-box" v-if="titleItem.questionItems.length!==0">
        <el-card class="exampaper-item-box" v-if="titleItem.questionItems.length!==0&&subjectIdList.length<2">
          <el-form-item :key="questionIndex" :label="'题目'+(questionIndex+1)+'：'"
                        v-for="(questionItem,questionIndex) in titleItem.questionItems" style="margin-bottom: 15px">
            <el-row>
@@ -122,19 +126,21 @@
    return {
      subjectIdList:[],
      form: {
        aggregateSource:100,
        id: null,
        level: null,
        departmentIds: [],
        subjectId: [],
        paperType: 1,
        limitDateTime: [],
        name: '',
        suggestTime: null,
        titleItems: []
        titleItems: [],
        subjectSource:null
      },
      subjectFilter: null,
      formLoading: false,
      rules: {
        level: [
        departmentIds: [
          { required: true, message: '请选择部门', trigger: 'change' }
        ],
        subjectId: [
@@ -182,6 +188,16 @@
    }
  },
  methods: {
    titlejs(val){
      console.log(val)
      let str = ''
        this.subjectFilter.forEach(item=>{
          if (item.id == val){
            str = item.name
          }
        })
      return str
    },
    subjectIdEvent(e){
      console.log(e,this.$refs.subjectIdRef.selected)
      let arr=[]
@@ -200,17 +216,40 @@
      if (arr.length>1){
        //說明是隨機
        this.subjectIdList = arr
        this.form.paperType = 7
        let obj1={}
        arr.forEach((item,index)=>{
          let obj={
            item
          }
          for (let i in obj) {
            i=item.id
            obj[i]= ''
            obj1[i] = ''
            console.log('键名：', i);
            console.log('键值：', obj[i]);
          }
        })
        this.form.subjectSource = obj1
        console.log(this.form.subjectSource)
        // this.form.paperType = 7
        this.form.titleItems = []
      }else {
        this.form.subjectSource={}
        this.subjectIdList = []
        this.form.paperType = 1
      }
    },
    submitForm () {
      let _this = this
      console.log(this.subjectIdList)
      console.log(this.form.subjectSource)
      this.$refs.form.validate((valid) => {
        if (valid) {
          this.formLoading = true
          if (this.subjectIdList.length=1){
            this.form.subjectId= this.form.subjectId
          }

          examPaperApi.edit(this.form).then(re => {
            if (re.code === 1) {
              _this.$message.success(re.message)
@@ -261,10 +300,26 @@
    },
    levelChange () {
      this.form.subjectId = null
      this.subjectFilter = this.subjects.filter(data => data.level === this.form.level)
      // this.subjectFilter = this.subjects.filter(data =>{
      //   return this.form.departmentIds.forEach(item=>{data.level == item})
      // })
      //
      // this.subjectFilter = []
      // this.form.departmentIds.forEach(item=>{
      //   this.subjects.forEach(jectitem=>{
      //     if (item==jectitem.level){
      //       this.subjectFilter.push(jectitem)
      //     }
      //   })
      // })
      console.log(this.subjects,this.form.departmentIds)
      // this.subjectFilter = this.subjects
    },
    search () {
      this.questionPage.queryParam.subjectId = this.form.subjectId
      if (this.subjectIdList.length=1){
        this.questionPage.queryParam.subjectId = this.form.subjectId
      }

      this.questionPage.listLoading = true
      questionApi.pageList(this.questionPage.queryParam).then(data => {
        const re = data.response
@@ -288,7 +343,7 @@
      this.$refs['form'].resetFields()
      this.form = {
        id: null,
        level: null,
        departmentIds: [],
        subjectId: null,
        paperType: 1,
        limitDateTime: [],