Commit 4fc5a1b9 authored by 黄奎's avatar 黄奎

页面修改

parent 6ff874be
...@@ -189,4 +189,17 @@ export function savePublishExam(data) { ...@@ -189,4 +189,17 @@ export function savePublishExam(data) {
method: 'post', method: 'post',
data data
}) })
}
/**
* 获取考卷分页列表
* @param {JSON参数} data
*/
export function queryPublishExamPage(data) {
return request({
url: '/Exam/GetPublishExamPage',
method: 'post',
data
})
} }
\ No newline at end of file
<style>
.OtherCourseNum {
display: inline-block;
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
border: 1px solid #2961FE;
border-radius: 50%;
cursor: pointer;
color: #2961FE;
}
.OCourseTable {
width: 400px;
text-align: center;
}
.OCourseTable tr td {
height: 40px;
}
.OCourseTable tr th {
height: 40px;
background-color: rgb(238, 238, 239);
}
.Exam_PaperName {
width: 300px;
display: inline;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.Exam_PaperName i {
font-size: 18px;
}
</style>
<!--试卷库管理-->
<template>
<div class="page-body">
<div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md">
<div class="col-3">
<q-input @change="getList" clearable filled v-model="msg.PaperName" @clear="getList" maxlength="20"
label="输入试卷名称" />
</div>
</div>
<div class="page-option">
</div>
</div>
<div class="page-content">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
class="sticky-column-table sticky-right-column-table" separator="none" :data="dataList" :columns="columns"
row-key="name">
<template v-slot:top="props">
<div class="col-2 q-table__title">考试管理</div>
<q-space />
</template>
<template v-slot:body-cell-StartTime="props">
<q-td :props="props">
{{props.row.StartTime}} -- {{props.row.EndTime}}
</q-td>
</template>
<template v-slot:bottom>
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
:input="true" @input="changePage" />
</template>
<template v-slot:body-cell-optioned="props">
<q-td :props="props">
<q-btn flat size="xs" color="accent" style="font-weight:400" label="详情" />
<q-btn flat size="xs" color="accent" style="font-weight:400" label="考生管理" />
</q-td>
</template>
</q-table>
</div>
</div>
</template>
<script>
import {
queryPublishExamPage
} from '../../api/teacher/index';
//获取校区列表
export default {
components: {
},
meta: {
title: "考卷管理"
},
data() {
return {
data: [],
msg: {
pageIndex: 1,
pageSize: 10,
rowsPerPage: 10,
PaperName: '' //试卷名称
},
columns: [{
name: 'Id',
label: '编号',
field: 'Id',
align: 'left',
},
{
name: 'PaperName',
label: '试卷名称',
field: 'PaperName',
align: 'left'
},
{
name: 'CreateByName',
label: '创建人',
field: 'CreateByName',
align: 'left'
},
{
name: 'StudentCount',
label: '考生人数',
field: 'StudentCount',
align: 'left'
},
{
name: 'StartTime',
label: '考试时间',
field: 'StartTime',
align: 'left'
},
{
name: 'ExamTimes',
label: '考试时长',
field: 'ExamTimes',
align: 'left'
},
{
name: 'optioned',
label: '操作',
field: 'Id'
}
],
pageCount: 0,
loading: false,
dataList: [],
expandKeys: [],
isShowExamFolder: false, //是否显示新增文件夹
examObj: {}, //弹窗对象
}
},
created() {},
mounted() {
this.getList();
},
methods: {
//创建试卷
CreatePaper() {
this.OpenNewUrl('/exam/paperCreate', {})
},
//翻页
changePage(val) {
this.msg.pageIndex = val;
this.getList()
},
//获取菜单分页列表
getList() {
this.loading = true;
this.dataList = [];
queryPublishExamPage(this.msg).then(res => {
console.log("res=>", res);
this.loading = false;
this.dataList = res.Data.PageData;
this.pageCount = res.Data.PageCount;
}).catch(() => {
this.loading = false
})
},
//刷新页面
refreshPage() {
this.getList();
},
//关闭弹窗
closeExamForm() {
this.isShowExamFolder = false;
},
}
}
</script>
<style lang="sass">
@import url('~assets/css/table.sass')
</style>
...@@ -373,7 +373,7 @@ ...@@ -373,7 +373,7 @@
position: 'top' position: 'top'
}) })
this.$router.push({ this.$router.push({
path: '/exam/examManagement', path: '/exam/examPaper',
query: {} query: {}
}); });
} else { } else {
......
...@@ -26,7 +26,8 @@ ...@@ -26,7 +26,8 @@
<div class="row"> <div class="row">
<q-btn color="accent" size="sm" @click="showClassStu" class="q-mr-md" label="选择学员"  /><br /> <q-btn color="accent" size="sm" @click="showClassStu" class="q-mr-md" label="选择学员"  /><br />
<template v-if="postMsg.StudentList&&postMsg.StudentList.length>0"> <template v-if="postMsg.StudentList&&postMsg.StudentList.length>0">
<span v-for="(item,index) in postMsg.StudentList" :key="index" style="padding-left:5px;">{{item.GuestName}}</span> <span v-for="(item,index) in postMsg.StudentList" :key="index"
style="padding-left:5px;">{{item.GuestName}}</span>
</template> </template>
</div> </div>
<div class="row"> <div class="row">
...@@ -208,7 +209,7 @@ ...@@ -208,7 +209,7 @@
position: 'top' position: 'top'
}) })
this.$router.push({ this.$router.push({
path: '/exam/examPaper', path: '/exam/examlist',
query: {} query: {}
}); });
} else { } else {
......
...@@ -1043,6 +1043,11 @@ const routes = [{ ...@@ -1043,6 +1043,11 @@ const routes = [{
component: () => component: () =>
import("pages/exam/examPaper") import("pages/exam/examPaper")
}, },
{
path: "/exam/examlist", //考试管理
component: () =>
import("pages/exam/examlist")
},
{ {
path: "/exam/paperEdit", //考试编辑 path: "/exam/paperEdit", //考试编辑
component: () => component: () =>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment