考试题目新增实现

Administrator

2021-08-04 840c924a4bab1e30283fa341f98ce981f9fa0ec4

考试题目新增实现

 src/api/examapi/examSubjects.js

@@ -1,37 +1,46 @@
import request from '@/router/axios';

export const getPaperList = (current, size, params) => {
  return request({
    url: '/api/examSubjectChoices/getEexPaperChoices',
    method: 'get',
    params: {
      ...params,
      current,
      size
    }
  })
    return request({
        url: '/api/examSubjectChoices/getEexPaperChoices',
        method: 'get',
        params: {
            ...params,
            current,
            size
        }
    })
}


export const updatePaper = (row) => {
  return request({
    url: '/api/examSubjectChoices/updateChoicesValue',
    method: 'post',
    params: {
      ...row
    }
  })
    return request({
        url: '/api/examSubjectChoices/updateChoicesValue',
        method: 'post',
        params: {
            ...row
        }
    })
}


export const saveSubjectChoicesAndOption = (row) => {
    return request({
        url: '/api/examSubjectChoices/saveSubjectChoicesAndOption',
        method: 'post',
        data: row
    })
}




export const remove = (params) => {
  return request({
    url: '/api/exampaper/UnbindSubject',
    method: 'get',
    params: {
      ...params
    }
  })
}
    return request({
        url: '/api/exampaper/UnbindSubject',
        method: 'get',
        params: {
            ...params
        }
    })
}

 src/styles/element-ui.scss

@@ -160,8 +160,8 @@
}

.morpheus-box .el-card.is-never-shadow.avue-crud__search {
    width: calc(100% - 390px) !important;
    left: 270px !important;
    width: calc(100% - 490px) !important;
    left: 320px !important;
}

.morpheus-box-exam .el-card.is-never-shadow.avue-crud__search {

 src/views/exam/addsubject.vue

New file
@@ -0,0 +1,918 @@
<template>
    <el-dialog
      :title="this.id?'新增':'修改'"
      width="60%"
      modal-append-to-body='false'
      append-to-body='true'
      :close-on-click-model="true"
      :visible.sync="visible"
    >
        <el-row style="margin-left:60px;margin-bottom:40px">
          <el-radio-group v-model="choicesType">
            <el-radio label="0">单选题</el-radio>
            <el-radio label="1">多选题</el-radio>
            <el-radio label="2">判断题</el-radio>
            <el-radio label="3">填空题</el-radio>
          </el-radio-group>
        </el-row>
        <avue-form ref="form" :option="option" v-model="form" @submit="submit" v-if="choicesType=='0'"></avue-form>
        <avue-form ref="formCheckbox" :option="optionCheckbox" v-model="formCheckbox" @submit="submitCheckbox" v-if="choicesType=='1'"></avue-form>
        <avue-form ref="formJudge" :option="optionJudge" v-model="formJudge" @submit="submitJudge" v-if="choicesType=='2'"></avue-form>
        <avue-form ref="formFill" :option="optionFill" v-model="formFill" @submit="submitFill" v-if="choicesType=='3'">
          <template slot="optionContent">
              <!-- <el-button type="success" icon="el-icon-plus" circle style="margin-bottom:20px" @click="addRows"></el-button>
              <div v-for="(item,index) in list" :key="index">
                <div class="optionContent-suffix">
                  <span>{{index+1}}: </span>
                  <el-input class="optionContent-input"
                    placeholder="请输入内容"
                    v-model="inputs[`input${index + 1}`]">
                  </el-input>
                  <el-button type="danger" class="optionContent-botton" icon="el-icon-delete" circle @click="deleteRows(index)"></el-button>
                </div>
              </div> -->
              <!-- <el-row :span="24">
                <el-col :span="6">
                  值:{{arrContent}}<br />
                  <avue-array v-model="arrContent" placeholder="请输入内容"></avue-array>
                </el-col>
              </el-row> -->
          </template>
        </avue-form>

        
    </el-dialog>
</template>

<script>
import { mapState } from 'vuex'
import {saveSubjectChoicesAndOption} from "@/api/examapi/examSubjects";

export default {
  name: "add",
  data() {
    return {
      inputs:{
        input1: 1,
      },
      arrContent:["1"],
      list:[
        {
          data:1
        },
        {
          data:1
        },
        {
          data:1
        },
      ],
      id:1,
      // index:1,
      visible:false,
      choicesType:"0",
      loading: true,
      form:{
        score:2
      },
      option: {
        height: "auto",
        calcHeight: 80,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        border: false,
        stripe: true,
        align: "center",
        index: true,
        selection: true,
        viewBtn: true,
        defaultExpandAll: true,
        dialogClickModal: false,
        column: [
          {
            label: "题目名称",
            prop: "subjectName",
            search: true,
            rules: [
              {
                required: true,
                message: "请输入题目名称",
                trigger: "blur",
              },
            ],
          },
          {
            label: "类型",
            prop: "tktype",
            slot: true,
            type: "checkbox",
            dicData: [
              {
                label: '简易题库',
                value: 'A'
              }, 
              {
                label: '复杂题库',
                value: 'B'
              }, 
              {
                label: '模拟题库',
                value: 'C'
              }
            ],
            rules: [
              {
                required: true,
                message: "请选择类型",
                trigger: "blur",
              },
            ],
          },
          {
            label: "选项",
            prop: "",
            type:"text",
            span:24
          },
          {
            label: "A",
            prop: "optionContentA",
            span:24,
            placeholder:"请输入内容",
            rules: [
              {
                required: true,
                message: "请输入内容",
                trigger: "blur",
              },
            ],
          },
          {
            label: "B",
            prop: "optionContentB",
            span:24,
            placeholder:"请输入内容",
            rules: [
              {
                required: true,
                message: "请输入内容",
                trigger: "blur",
              },
            ],
          },
          {
            label: "C",
            prop: "optionContentC",
            span:24,
            placeholder:"请输入内容",
            rules: [
              {
                required: true,
                message: "请输入内容",
                trigger: "blur",
              },
            ],
          },
          {
            label: "D",
            prop: "optionContentD",
            span:24,
            placeholder:"请输入内容",
            rules: [
              {
                required: true,
                message: "请输入内容",
                trigger: "blur",
              },
            ],
          },
          {
            label: "答案",
            prop: "answer",
            span: 24,
            // type: "checkbox",
            type: "radio",
            dicData: [
              {
                label: 'A',
                value: 'A'
              }, 
              {
                label: 'B',
                value: 'B'
              }, 
              {
                label: 'C',
                value: 'C'
              }, 
              {
                label: 'D',
                value: 'D'
              }
            ],
            rules: [
              {
                required: true,
                message: "请选择答案",
                trigger: "blur",
              },
            ],
          }, 
          {
            label: "解析",
            prop: "analysis",
            span:24,
            type:"textarea"
          },
          {
            label: "分值",
            prop: "score",
            span:24,
            rules: [
              {
                required: true,
                message: "请输入分值",
                trigger: "blur",
              },
            ],
          },
          
        ],
        
      },
      formCheckbox:{
        score:2
      },
      optionCheckbox: {
        height: "auto",
        calcHeight: 80,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        border: false,
        stripe: true,
        align: "center",
        index: true,
        selection: true,
        viewBtn: true,
        defaultExpandAll: true,
        dialogClickModal: false,
        column: [
         {
            label: "题目名称",
            prop: "subjectName",
            search: true,
            rules: [
              {
                required: true,
                message: "请输入题目名称",
                trigger: "blur",
              },
            ],
          },
          {
            label: "类型",
            prop: "tktype",
            slot: true,
            type: "checkbox",
            dicData: [
              {
                label: '简易题库',
                value: 'A'
              }, 
              {
                label: '复杂题库',
                value: 'B'
              }, 
              {
                label: '模拟题库',
                value: 'C'
              }
            ],
            rules: [
              {
                required: true,
                message: "请选择类型",
                trigger: "blur",
              },
            ],
          },
          {
            label: "选项",
            prop: "",
            type:"text",
            span:24
          },
          {
            label: "A",
            prop: "optionContentA",
            span:24,
            placeholder:"请输入内容",
            rules: [
              {
                required: true,
                message: "请输入内容",
                trigger: "blur",
              },
            ],
          },
          {
            label: "B",
            prop: "optionContentB",
            span:24,
            placeholder:"请输入内容",
            rules: [
              {
                required: true,
                message: "请输入内容",
                trigger: "blur",
              },
            ],
          },
          {
            label: "C",
            prop: "optionContentC",
            span:24,
            placeholder:"请输入内容",
            rules: [
              {
                required: true,
                message: "请输入内容",
                trigger: "blur",
              },
            ],
          },
          {
            label: "D",
            prop: "optionContentD",
            span:24,
            placeholder:"请输入内容",
            rules: [
              {
                required: true,
                message: "请输入内容",
                trigger: "blur",
              },
            ],
          },
          {
            label: "答案",
            prop: "answer",
            span: 24,
            type: "checkbox",
            // type: "radio",
            dicData: [
              {
                label: 'A',
                value: 'A'
              }, 
              {
                label: 'B',
                value: 'B'
              }, 
              {
                label: 'C',
                value: 'C'
              }, 
              {
                label: 'D',
                value: 'D'
              }
            ],
            rules: [
              {
                required: true,
                message: "请选择答案",
                trigger: "blur",
              },
            ],
          }, 
          {
            label: "解析",
            prop: "analysis",
            span:24,
            type:"textarea"
          },
          {
            label: "分值",
            prop: "score",
            span:24,
            rules: [
              {
                required: true,
                message: "请输入分值",
                trigger: "blur",
              },
            ],
          },
          
        ],
        
      },
      formJudge:{
        score:1
      },
      optionJudge: {
        height: "auto",
        calcHeight: 80,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        border: false,
        stripe: true,
        align: "center",
        index: true,
        selection: true,
        viewBtn: true,
        defaultExpandAll: true,
        dialogClickModal: false,
        column: [
          {
            label: "题目名称",
            prop: "subjectName",
            search: true,
            rules: [
              {
                required: true,
                message: "请输入题目名称",
                trigger: "blur",
              },
            ],
          },
          {
            label: "类型",
            prop: "tktype",
            slot: true,
            type: "checkbox",
            dicData: [
              {
                label: '简易题库',
                value: 'A'
              }, 
              {
                label: '复杂题库',
                value: 'B'
              }, 
              {
                label: '模拟题库',
                value: 'C'
              }
            ],
            rules: [
              {
                required: true,
                message: "请选择类型",
                trigger: "blur",
              },
            ],
          },
          // {
          //   label: "选项",
          //   prop: "",
          //   type:"text",
          //   span:24
          // },
          // {
          //   label: "正确",
          //   prop: "optionContentA",
          //   span:24
          // },
          // {
          //   label: "错误",
          //   prop: "optionContentB",
          //   span:24
          // },
          {
            label: "答案",
            prop: "answer",
            span: 24,
            type: "radio",
            dicData: [
              {
                label: '正确',
                value: '正确'
              }, 
              {
                label: '错误',
                value: '错误'
              }
            ],
            mock:{
              type:'dic',
            },
            rules: [
              {
                required: true,
                message: "请选择答案",
                trigger: "blur",
              },
            ],
          }, 
          {
            label: "解析",
            prop: "analysis",
            span:24,
            type:"textarea"
          },
          {
            label: "分值",
            prop: "score",
            defaultValue:2,
            span:24,
            rules: [
              {
                required: true,
                message: "请输入分值",
                trigger: "blur",
              },
            ],
          },
          
        ],
        
      },
      formFill:{
        score:1
      },
      optionFill: {
        height: "auto",
        calcHeight: 80,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        border: false,
        stripe: true,
        align: "center",
        index: true,
        selection: true,
        viewBtn: true,
        defaultExpandAll: true,
        dialogClickModal: false,
        column: [
          {
            label: "题目名称",
            prop: "subjectName",
            search: true,
            rules: [
              {
                required: true,
                message: "请输入题目名称",
                trigger: "blur",
              },
            ],
          },
          {
            label: "类型",
            prop: "tktype",
            slot: true,
            type: "checkbox",
            dicData: [
              {
                label: '简易题库',
                value: 'A'
              }, 
              {
                label: '复杂题库',
                value: 'B'
              }, 
              {
                label: '模拟题库',
                value: 'C'
              }
            ],
            rules: [
              {
                required: true,
                message: "请选择类型",
                trigger: "blur",
              },
            ],
          },
          {
            label: "选项",
            prop: "",
            type:"text",
            span:24
          },
          {
            label: "1",
            prop: "optionContent1",
            span:24,
            placeholder:"请输入内容",
            rules: [
              {
                required: true,
                message: "请输入内容",
                trigger: "blur",
              },
            ],
          },
          {
            label: "2",
            prop: "optionContent2",
            span:24,
            placeholder:"请输入内容",
            rules: [
              {
                required: true,
                message: "请输入内容",
                trigger: "blur",
              },
            ],
          },
          {
            label: "3",
            prop: "optionContent3",
            span:24,
            placeholder:"请输入内容"
          },
          {
            label: "4",
            prop: "optionContent4",
            span:24,
            placeholder:"请输入内容"
          },
          {
            label: "5",
            prop: "optionContent5",
            span:24,
            placeholder:"请输入内容"
          },
          {
            label: "答案",
            prop: "answer",
            span: 24,
            rules: [
              {
                required: true,
                message: "请输入答案",
                trigger: "blur",
              },
            ],
          }, 
          {
            label: "解析",
            prop: "analysis",
            span:24,
            type:"textarea"
          },
          {
            label: "分值",
            prop: "score",
            span:24,
            rules: [
              {
                required: true,
                message: "请输入分值",
                trigger: "blur",
              },
            ],
          }
          
        ],
        
      },
      data: [],
    }
  },
  computed: {
    ...mapState({
            userInfo: state => state.user.userInfo
        })
  },
  mounted() {

  },
  methods: {
    //初始化
    inits(id) {
      this.id = id || 1;
      this.visible = true;
      this.list = [{data:1}]
    },
    //加一行
    addRows(){
      //获取已有行的数据
      // debugger;
      if(this.index==6){
        return;
      }
      this.index++;
      this.list.push({
        data:this.index
      })
      this.inputs[`input${this.index+1}`] = '';
      console.log(this.inputs)
      console.log(this.list,111);
    },
    //减一行
    deleteRows(index){
      if(this.index==1){
        return;
      }
      this.index--;
      this.list.splice(index,1);
    },
    //单选题提交（新增）数据
    submit(row, done, loading) {
      var that = this;
      row['choicesType'] = this.choicesType;
      row['creator'] = this.userInfo.user_name;
      row.tktype = row.tktype.join(",");
      //选项信息
      const examSubjectOptions = [
        {
         optionName:"A",
         optionContent:row.optionContentA,
         creator:this.userInfo.user_name,
        },
        {
         optionName:"B",
         optionContent:row.optionContentB,
         creator:this.userInfo.user_name,
        },
        {
         optionName:"C",
         optionContent:row.optionContentC,
         creator:this.userInfo.user_name,
        },
        {
         optionName:"D",
         optionContent:row.optionContentD,
         creator:this.userInfo.user_name,
        }
      ]
      row['examSubjectOptions'] = examSubjectOptions;
      saveSubjectChoicesAndOption(row).then(
        () => {
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          that.visible = false;
          that.$refs.form.resetFields();
          done();
        },
        (error) => {
          window.console.log(error);
          loading();
        }
      );
    },
    //多选题提交（新增）数据
    submitCheckbox(row, done, loading) {
      var that = this;
      row['choicesType'] = this.choicesType;
      row['creator'] = this.userInfo.user_name;
      row.tktype = row.tktype.join(",");
      row.answer = row.answer.join(",");
      //选项信息
      const examSubjectOptions = [
        {
         optionName:"A",
         optionContent:row.optionContentA,
         creator:this.userInfo.user_name,
        },
        {
         optionName:"B",
         optionContent:row.optionContentB,
         creator:this.userInfo.user_name,
        },
        {
         optionName:"C",
         optionContent:row.optionContentC,
         creator:this.userInfo.user_name,
        },
        {
         optionName:"D",
         optionContent:row.optionContentD,
         creator:this.userInfo.user_name,
        }
      ]
      row['examSubjectOptions'] = examSubjectOptions;
      saveSubjectChoicesAndOption(row).then(
        () => {
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          that.visible = false;
          that.$refs.formCheckbox.resetFields();
          done();
        },
        (error) => {
          window.console.log(error);
          loading();
        }
      );
    },
    //判断题提交（新增）数据
    submitJudge(row, done, loading) {
      var that = this;
      row['choicesType'] = this.choicesType;
      row['creator'] = this.userInfo.user_name;
      row.tktype = row.tktype.join(",");
      saveSubjectChoicesAndOption(row).then(
        () => {
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          that.visible = false;
          that.$refs.formJudge.resetFields();
          done();
        },
        (error) => {
          window.console.log(error);
          loading();
        }
      );
    },
    //填空排序题提交（新增）数据
    submitFill(row, done, loading) {
      var that = this;
      row['choicesType'] = this.choicesType;
      row['creator'] = this.userInfo.user_name;
      row.tktype = row.tktype.join(",");
      //选项信息
      var examSubjectOptions = [];
      if(row.optionContent1){
          examSubjectOptions.push({
            optionName:"1",
            optionContent:row.optionContent1,
            creator:this.userInfo.user_name,
          })
      }
      if(row.optionContent2){
          examSubjectOptions.push({
            optionName:"2",
            optionContent:row.optionContent2,
            creator:this.userInfo.user_name,
          })
      }
      if(row.optionContent3){
          examSubjectOptions.push({
            optionName:"3",
            optionContent:row.optionContent3,
            creator:this.userInfo.user_name,
          })
      }
      if(row.optionContent4){
          examSubjectOptions.push({
            optionName:"4",
            optionContent:row.optionContent4,
            creator:this.userInfo.user_name,
          })
      }
      if(row.optionContent5){
          examSubjectOptions.push({
            optionName:"5",
            optionContent:row.optionContent5,
            creator:this.userInfo.user_name,
          })
      }
      row['examSubjectOptions'] = examSubjectOptions;
      saveSubjectChoicesAndOption(row).then(
        () => {
          this.$message({
            type: "success",
            message: "操作成功!",
          });
          that.visible = false;
          that.$refs.formFill.resetFields();
          done();
        },
        (error) => {
          window.console.log(error);
          loading();
        }
      );
    },

    
  },
};
</script>
<style scoped>

.optionContent-suffix{
  margin-top: 5px;
}

.optionContent-suffix span{
  margin-left: -20px;
}


.optionContent-suffix .optionContent-input{
  width: 90%;
  margin-left: 10px;
}


.optionContent-suffix .optionContent-botton{
  margin-left: 10px;
}

</style>

 src/views/exam/subject.vue

@@ -6,6 +6,7 @@
 * menu-name 题库查询
 */
<template>
    <div>
    <el-row class="morpheus-box">
        <el-col :span="24">
            <el-card>
@@ -28,6 +29,11 @@
                               @row-del="questionBankHandleDel">

                        <template slot="menuLeft">
                            <el-button type="primary"
                                       size="small"
                                       icon="el-icon-plus"
                                       @click="questionBankHandleAdd">新 增
                            </el-button>
                            <el-button type="danger"
                                       size="small"
                                       icon="el-icon-delete"
@@ -42,6 +48,8 @@
            </el-card>
        </el-col>
    </el-row>
    <addsubject ref="addsubject"></addsubject>
</div>
</template>

<script>
@@ -50,8 +58,12 @@
    remove,
} from "@/api/examapi/subject";

import addsubject from "./addsubject.vue";

export default {
    components:{
        addsubject
    },
    data () {
        return {
            questionBankOption: {
@@ -178,6 +190,9 @@
        },
    },
    methods: {
        questionBankHandleAdd(){
            this.$refs.addsubject.inits();
        },
        questionBankOnLoad (page, params = {}) {
            this.questionBankLoading = false;
            getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {