|
|
@@ -1,269 +1,240 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <section class="content">
|
|
|
- <!-- 头信息 -->
|
|
|
- <div class="box box-info">
|
|
|
- <div class="box-header with-border">
|
|
|
- <h3 class="box-title">试题列表</h3>
|
|
|
- <div class="box-tools pull-right">
|
|
|
- <button
|
|
|
- type="button"
|
|
|
- class="btn btn-box-tool"
|
|
|
- data-widget="collapse"
|
|
|
- >
|
|
|
- <i class="fa fa-minus"></i>
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 正文信息 -->
|
|
|
- <div class="box-body">
|
|
|
- <el-form
|
|
|
- :inline="true"
|
|
|
- :model="formSearch"
|
|
|
- label-position="right"
|
|
|
- label-width="90px"
|
|
|
- >
|
|
|
- <el-row>
|
|
|
- <el-form-item label="课程名称" class="pull-left">
|
|
|
- <el-select
|
|
|
- v-model="formSearch.courseNo"
|
|
|
- :remote-method="getCourses"
|
|
|
- remote
|
|
|
- :loading="courseLoading"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- placeholder="请选择"
|
|
|
- class="select_width"
|
|
|
- @change="initCourseProperty"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in courseInfoSelect"
|
|
|
- :label="item.courseInfo"
|
|
|
- :value="item.courseNo"
|
|
|
- :key="item.courseNo"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="层次">
|
|
|
- <el-select
|
|
|
- v-model="formSearch.courseLevel"
|
|
|
- clearable
|
|
|
- placeholder="请选择"
|
|
|
- class="select_width"
|
|
|
- >
|
|
|
- <el-option label="请选择" value=""></el-option>
|
|
|
- <el-option
|
|
|
- v-for="item in levelList"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- :key="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="专业">
|
|
|
- <el-select
|
|
|
- v-model="formSearch.courseMajor"
|
|
|
- clearable
|
|
|
- class="select_width"
|
|
|
- placeholder="请选择"
|
|
|
- >
|
|
|
- <el-option label="请选择" value=""></el-option>
|
|
|
- <el-option
|
|
|
- v-for="item in majorList"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- :key="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="题型">
|
|
|
- <el-select
|
|
|
- v-model="formSearch.questionType"
|
|
|
- clearable
|
|
|
- placeholder="请选择"
|
|
|
- class="select_width"
|
|
|
- >
|
|
|
- <el-option label="请选择" value=""></el-option>
|
|
|
- <el-option
|
|
|
- v-for="item in questionTypes"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- :key="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-row>
|
|
|
- <!-- created by wwh -->
|
|
|
- <el-row>
|
|
|
- <el-form-item label="属性名">
|
|
|
- <el-select
|
|
|
- v-model="formSearch.coursePropertyName"
|
|
|
- placeholder="属性名"
|
|
|
- @change="searchFirst"
|
|
|
- class="property_with"
|
|
|
- :disabled="updatePorperty"
|
|
|
- >
|
|
|
- <el-option label="请选择" value=""></el-option>
|
|
|
- <el-option
|
|
|
- v-for="item in coursePropertyList"
|
|
|
- :label="item.name"
|
|
|
- :value="item.name"
|
|
|
- :key="item.name"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="一级属性">
|
|
|
- <el-select
|
|
|
- v-model="formSearch.firstPropertyId"
|
|
|
- placeholder="一级"
|
|
|
- @change="searchSecond"
|
|
|
- class="property_with"
|
|
|
- :disabled="updateFirst"
|
|
|
+ <section class="content">
|
|
|
+ <!-- 正文信息 -->
|
|
|
+ <div class="box-body">
|
|
|
+ <el-form
|
|
|
+ :inline="true"
|
|
|
+ :model="formSearch"
|
|
|
+ label-position="right"
|
|
|
+ label-width="90px"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="课程名称">
|
|
|
+ <el-select
|
|
|
+ class="search_width"
|
|
|
+ v-model="formSearch.courseNo"
|
|
|
+ filterable
|
|
|
+ :remote-method="getCourses"
|
|
|
+ remote
|
|
|
+ clearable
|
|
|
+ @change="initCourseProperty"
|
|
|
+ placeholder="请选择"
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in courseInfoSelect"
|
|
|
+ :label="item.courseInfo"
|
|
|
+ :value="item.courseNo"
|
|
|
+ :key="item.courseNo"
|
|
|
>
|
|
|
- <el-option label="请选择" value=""></el-option>
|
|
|
- <el-option
|
|
|
- v-for="item in firstPropertyList"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- :key="item.id"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="二级属性">
|
|
|
- <el-select
|
|
|
- v-model="formSearch.secondPropertyId"
|
|
|
- placeholder="二级"
|
|
|
- class="property_with"
|
|
|
- :disabled="updateSecond"
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="层次">
|
|
|
+ <el-select
|
|
|
+ class="search_width"
|
|
|
+ v-model="formSearch.courseLevel"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ placeholder="请选择"
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in levelList"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ :key="item.value"
|
|
|
>
|
|
|
- <el-option label="请选择" value=""></el-option>
|
|
|
- <el-option
|
|
|
- v-for="item in secondPropertyList"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- :key="item.id"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="公开度">
|
|
|
- <el-select
|
|
|
- v-model="formSearch.publicity"
|
|
|
- clearable
|
|
|
- placeholder="请选择"
|
|
|
- class="select_width"
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="题型">
|
|
|
+ <el-select
|
|
|
+ class="search_width"
|
|
|
+ v-model="formSearch.questionType"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ placeholder="请选择"
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in questionTypes"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ :key="item.value"
|
|
|
>
|
|
|
- <el-option label="请选择" value=""></el-option>
|
|
|
- <el-option
|
|
|
- v-for="item in publicityList"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- :key="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-row>
|
|
|
- <!-- end by wwh -->
|
|
|
- <el-form-item class="pull-right">
|
|
|
- <el-button
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="属性名">
|
|
|
+ <el-select
|
|
|
+ class="search_width"
|
|
|
+ v-model="formSearch.coursePropertyName"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ @change="searchFirst"
|
|
|
+ :disabled="updatePorperty"
|
|
|
+ placeholder="请选择"
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in coursePropertyList"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.name"
|
|
|
+ :key="item.name"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <!-- created by wwh -->
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="一级属性">
|
|
|
+ <el-select
|
|
|
+ class="search_width"
|
|
|
+ v-model="formSearch.firstPropertyId"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ @change="searchSecond"
|
|
|
+ :disabled="updateFirst"
|
|
|
+ placeholder="请选择"
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in firstPropertyList"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ :key="item.id"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="二级属性">
|
|
|
+ <el-select
|
|
|
+ class="search_width"
|
|
|
+ v-model="formSearch.secondPropertyId"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ :disabled="updateSecond"
|
|
|
+ placeholder="请选择"
|
|
|
+ size="small"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in secondPropertyList"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ :key="item.id"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="公开度">
|
|
|
+ <el-select
|
|
|
+ class="search_width"
|
|
|
+ v-model="formSearch.publicity"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ placeholder="请选择"
|
|
|
size="small"
|
|
|
- type="primary"
|
|
|
- icon="search"
|
|
|
- @click="searchQuestionPaper"
|
|
|
- >查询</el-button
|
|
|
>
|
|
|
+ <el-option
|
|
|
+ v-for="item in publicityList"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ :key="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- </el-form>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <div class="search_down">
|
|
|
+ <el-button size="small" type="primary" @click="searchQues"
|
|
|
+ ><i class="el-icon-search"></i> 查询</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
|
|
|
- <!-- 页面列表 -->
|
|
|
- <el-table
|
|
|
- :data="tableData"
|
|
|
- v-loading="loading"
|
|
|
- element-loading-text="拼命加载中"
|
|
|
- border
|
|
|
- style="width: 100%;text-align:center;"
|
|
|
- >
|
|
|
- <el-table-column label="课程" header-align="center" width="180">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div class="el_table_inner_left">
|
|
|
- <span>{{ scope.row.course.name }}</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="层次" header-align="center" width="100">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div class="el_table_inner_left">
|
|
|
- <span>{{ getLevel(scope.row.course.level) }}</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="题型" header-align="center" width="100">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div class="el_table_inner_left">
|
|
|
- <span>{{ scope.row.questionType | questionType }}</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="题干" header-align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div class="el_table_inner_left">
|
|
|
- <span
|
|
|
- class="row_quesBody"
|
|
|
- @click="prevViewQues(scope.row)"
|
|
|
- v-html="scope.row.quesBody"
|
|
|
- >
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- :context="_self"
|
|
|
- width="150"
|
|
|
- label="操作"
|
|
|
- header-align="center"
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- <div class="el_table_inner_left">
|
|
|
- <el-button
|
|
|
- v-if="scope.row.questionType !== 'NESTED_ANSWER_QUESTION'"
|
|
|
- size="mini"
|
|
|
- type="info"
|
|
|
- @click="updateRow(scope.row)"
|
|
|
- >
|
|
|
- 编辑
|
|
|
- </el-button>
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="danger"
|
|
|
- @click="deleteRow(scope.row)"
|
|
|
- >
|
|
|
- 删除
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <!-- 分页栏 -->
|
|
|
- <div class="page pull-right">
|
|
|
- <el-pagination
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :current-page="currentPage"
|
|
|
- :page-size="pageSize"
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
- :total="total"
|
|
|
+ <!-- 页面列表 -->
|
|
|
+ <el-table :data="tableData" border>
|
|
|
+ <el-table-column label="课程" width="180">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.course.name }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="层次" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ getLevel(scope.row.course.level) }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="题型" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.questionType | questionType }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="题干">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span
|
|
|
+ class="row_quesBody"
|
|
|
+ @click="prevViewQues(scope.row)"
|
|
|
+ v-html="scope.row.quesBody"
|
|
|
>
|
|
|
- </el-pagination>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" width="175">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="operate_left">
|
|
|
+ <el-button
|
|
|
+ v-if="scope.row.questionType !== 'NESTED_ANSWER_QUESTION'"
|
|
|
+ size="mini"
|
|
|
+ type="primary"
|
|
|
+ @click="updateRow(scope.row)"
|
|
|
+ >
|
|
|
+ <i class="el-icon-edit"></i>编辑
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="danger"
|
|
|
+ @click="deleteRow(scope.row)"
|
|
|
+ >
|
|
|
+ <i class="el-icon-delete"></i> 删除
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <!-- 分页栏 -->
|
|
|
+ <div class="page pull-right">
|
|
|
+ <el-pagination
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ :page-size="pageSize"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
</div>
|
|
|
- </section>
|
|
|
+ </div>
|
|
|
|
|
|
<div class="text-left">
|
|
|
- <el-dialog @close="closeQuesDialog" title="试题预览" v-model="quesDialog">
|
|
|
+ <el-dialog
|
|
|
+ @close="closeQuesDialog"
|
|
|
+ title="试题预览"
|
|
|
+ :visible.sync="quesDialog"
|
|
|
+ >
|
|
|
<el-form :model="quesModel" label-position="right" label-width="80px">
|
|
|
<el-row :gutter="10">
|
|
|
<el-col :xs="10" :sm="10" :md="10" :lg="10">
|
|
|
@@ -355,7 +326,7 @@
|
|
|
>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
- </div>
|
|
|
+ </section>
|
|
|
</template>
|
|
|
<script>
|
|
|
import { CORE_API, QUESTION_API } from "@/constants/constants";
|
|
|
@@ -363,12 +334,10 @@ import { QUESTION_TYPES, LEVEL_TYPE } from "../constants/constants";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- courseLoading: false,
|
|
|
formSearch: {
|
|
|
questionType: "",
|
|
|
courseNo: "",
|
|
|
courseLevel: "",
|
|
|
- courseMajor: "",
|
|
|
publicity: "",
|
|
|
coursePropertyName: "",
|
|
|
firstPropertyId: "",
|
|
|
@@ -376,7 +345,6 @@ export default {
|
|
|
},
|
|
|
courseList: [], //课程list
|
|
|
levelList: LEVEL_TYPE, //层次list
|
|
|
- majorList: [], //专业
|
|
|
questionTypeList: [], //题型
|
|
|
tableData: [],
|
|
|
currentPage: 1,
|
|
|
@@ -415,7 +383,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
//查询列表
|
|
|
- searchQuestionPaper() {
|
|
|
+ searchQues() {
|
|
|
this.tableData = [];
|
|
|
var url =
|
|
|
QUESTION_API + "/question/" + this.currentPage + "/" + this.pageSize;
|
|
|
@@ -429,7 +397,7 @@ export default {
|
|
|
//分页
|
|
|
handleCurrentChange(val) {
|
|
|
this.currentPage = val;
|
|
|
- this.searchQuestionPaper();
|
|
|
+ this.searchQues();
|
|
|
},
|
|
|
//修改
|
|
|
updateRow(row) {
|
|
|
@@ -477,7 +445,7 @@ export default {
|
|
|
message: "删除成功",
|
|
|
type: "success"
|
|
|
});
|
|
|
- this.searchQuestionPaper();
|
|
|
+ this.searchQues();
|
|
|
}
|
|
|
},
|
|
|
() => {
|
|
|
@@ -501,6 +469,7 @@ export default {
|
|
|
},
|
|
|
//预览
|
|
|
prevViewQues(row) {
|
|
|
+ console.log("row", row);
|
|
|
this.quesModel = row;
|
|
|
this.disposeSelectAnswer();
|
|
|
this.openQuesDialog();
|
|
|
@@ -509,12 +478,10 @@ export default {
|
|
|
getCourses(query) {
|
|
|
console.log("查询课程！");
|
|
|
if (query) {
|
|
|
- this.courseLoading = true;
|
|
|
this.$http
|
|
|
.get(CORE_API + "/course/query?name=" + query + "&enable=true")
|
|
|
.then(response => {
|
|
|
this.courseList = response.data;
|
|
|
- this.courseLoading = false;
|
|
|
if (this.formSearch.courseNo) {
|
|
|
this.$http
|
|
|
.get(
|
|
|
@@ -729,7 +696,7 @@ export default {
|
|
|
sessionStorage.getItem("question_currentPage")
|
|
|
);
|
|
|
}
|
|
|
- this.searchQuestionPaper();
|
|
|
+ this.searchQues();
|
|
|
}
|
|
|
};
|
|
|
</script>
|
weiwenhai