修改

src/components/exam/exam-form.vue

+<style>
+    .examForm .q-table__bottom{
+        min-height: 10px;
+    }
+</style>
+<template>
+  <div class="page-content examForm">
+    <q-table :pagination="pageMsg" :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:body-cell-optioned="props">
+        <q-td :props="props">
+          <q-btn flat size="xs" color="accent" style="font-weight: 400" label="修改" @click="publishExam(props.row)" />
+          <q-btn-dropdown flat size="xs" color="dark" label="更多" style="margin-left: 10px">
+            <q-list>
+              <q-item clickable v-close-popup @click="submitExamAudit(props.row)"
+                v-if="props.row.ExamineStatus==0||props.row.ExamineStatus==3||props.row.ExamineStatus==4">
+                <q-item-section>
+                  <q-item-label>{{props.row.ExamineStatus==0?'提交审核':"重新提交审核"}}</q-item-label>
+                </q-item-section>
+              </q-item>
+              <q-item clickable v-close-popup @click="seeExamineeList(props.row)">
+                <q-item-section>
+                  <q-item-label>考生管理</q-item-label>
+                </q-item-section>
+              </q-item>
+              <q-item clickable v-close-popup @click="deleteExamPublish(props.row)" v-if="props.row.ExamineStatus!=2">
+                <q-item-section>
+                  <q-item-label>删除</q-item-label>
+                </q-item-section>
+              </q-item>
+            </q-list>
+          </q-btn-dropdown>
+        </q-td>
+      </template>
+      <template v-slot:bottom>
+        <div></div>
+      </template>
+    </q-table>
+  </div>
+</template>
+<script>
+  export default {
+    meta: {
+      title: "考试管理"
+    },
+    props: {
+      dataList: {
+        type: Array,
+        default: null
+      },
+      loading: {
+        type:Boolean,
+        default: null
+      }
+    },
+    data() {
+      return {
+        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: "ReviewerName",
+            label: "审核人",
+            field: "ReviewerName",
+            align: "left",
+          },
+          {
+            name: "ExamineStatusStr",
+            label: "状态",
+            field: "ExamineStatusStr",
+            align: "left",
+          },
+          {
+            name: "optioned",
+            label: "操作",
+            field: "Id",
+          },
+        ],
+        pageMsg: {
+          rowsPerPage: 10,
+        },
+      }
+    },
+    created() {
+    },
+    mounted() {
+    },
+    methods: {
+
+    }
+  }
+
+</script>
+<style lang="sass">
+  @import url('~assets/css/table.sass')
+
+</style>

src/pages/course/ExamManage.vue

+<style>
+ 
+</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">
+      <examForm :dataList="dataList" :loading="loading"></examForm>
+      <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
+        :input="true" @input="changePage" />
+
+    </div>
+  </div>
+</template>
+<script>
+  import {
+    queryPublishExamPage,
+    submitExamApply,
+    deletePublishExam
+  } from "../../api/teacher/index";
+  //获取校区列表
+  import examForm from "../../components/exam/exam-form"
+  export default {
+    components: {
+        examForm
+    },
+    meta: {
+      title: "考卷管理",
+    },
+    data() {
+      return {
+        data: [],
+        msg: {
+          pageIndex: 1,
+          pageSize: 10,
+          rowsPerPage: 10,
+          PaperName: "", //试卷名称
+        },
+        pageCount: 0,
+        loading: false,
+        dataList: [],
+        expandKeys: [],
+        isShowExamFolder: false, //是否显示新增文件夹
+        examObj: {}, //弹窗对象
+      };
+    },
+    created() {},
+    mounted() {
+      this.getList();
+    },
+    methods: {
+      //删除考卷
+      deleteExamPublish(item) {
+        var delMsg = {
+          Id: item.Id
+        };
+        var tipMsg = "是否要删除【" + item.PaperName + "】试卷?删除后将无法恢复!";
+        this.$q.dialog({
+          title: '提示信息',
+          message: tipMsg,
+          cancel: true,
+          persistent: true,
+          ok: "确定",
+          cancel: "取消",
+        }).onOk(() => {
+          deletePublishExam(delMsg).then(res => {
+            if (res.Code == 1) {
+              this.$q.notify({
+                icon: 'iconfont icon-chenggong',
+                color: 'accent',
+                timeout: 2000,
+                message: '操作成功!',
+                position: 'top'
+              })
+              this.refreshPage();
+            }
+          });
+        })
+      },
+      submitExamAudit(item) {
+        var msg = {
+          Id: item.Id
+        };
+        submitExamApply(msg).then(res => {
+          if (res.Code == 1) {
+            this.$q.notify({
+              icon: 'iconfont icon-chenggong',
+              color: 'accent',
+              timeout: 2000,
+              message: '操作成功!',
+              position: 'top'
+            })
+            this.refreshPage();
+          }
+        })
+      },
+      //修改考试相关
+      publishExam(item) {
+        this.OpenNewUrl("/exam/paperPublish", {
+          Id: item.Id,
+        });
+      },
+      //创建试卷
+      CreatePaper() {
+        this.OpenNewUrl("/exam/paperCreate", {});
+      },
+      //查看考生列表
+      seeExamineeList(item) {
+        this.OpenNewUrl("/exam/examineeManager", {
+          Id: item.Id,
+        });
+      },
+      //翻页
+      changePage(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+      //获取菜单分页列表
+      getList() {
+        this.loading = true;
+        this.dataList = [];
+        queryPublishExamPage(this.msg)
+          .then((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>

src/pages/exam/examlist.vue

@@ -14,48 +14,9 @@
       <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="修改" @click="publishExam(props.row)" />
-            <q-btn-dropdown flat size="xs" color="dark" label="更多" style="margin-left: 10px">
-              <q-list>
-                <q-item clickable v-close-popup @click="submitExamAudit(props.row)"
-                  v-if="props.row.ExamineStatus==0||props.row.ExamineStatus==3||props.row.ExamineStatus==4">
-                  <q-item-section>
-                    <q-item-label>{{props.row.ExamineStatus==0?'提交审核':"重新提交审核"}}</q-item-label>
-                  </q-item-section>
-                </q-item>
-                <q-item clickable v-close-popup @click="seeExamineeList(props.row)">
-                  <q-item-section>
-                    <q-item-label>考生管理</q-item-label>
-                  </q-item-section>
-                </q-item>
-                <q-item clickable v-close-popup @click="deleteExamPublish(props.row)" v-if="props.row.ExamineStatus!=2">
-                  <q-item-section>
-                    <q-item-label>删除</q-item-label>
-                  </q-item-section>
-                </q-item>
-              </q-list>
-            </q-btn-dropdown>
-          </q-td>
-        </template>
-      </q-table>
+      <examForm :dataList="dataList" :loading="loading"></examForm>
+      <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
+        :input="true" @input="changePage" />
     </div>
   </div>
 </template>
@@ -66,8 +27,11 @@
     deletePublishExam
   } from "../../api/teacher/index";
   //获取校区列表
+  import examForm from "../../components/exam/exam-form"
   export default {
-    components: {},
+    components: {
+        examForm
+    },
     meta: {
       title: "考卷管理",
     },
@@ -80,60 +44,6 @@
           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: "ReviewerName",
-            label: "审核人",
-            field: "ReviewerName",
-            align: "left",
-          },
-          {
-            name: "ExamineStatusStr",
-            label: "状态",
-            field: "ExamineStatusStr",
-            align: "left",
-          },
-          {
-            name: "optioned",
-            label: "操作",
-            field: "Id",
-          },
-        ],
         pageCount: 0,
         loading: false,
         dataList: [],

src/router/routes.js

@@ -957,6 +957,16 @@ const routes = [{
     component: () =>
       import("pages/course/jobinfo.vue")
   },
+  {
+    path: "/course/ExamManage", //考试管理
+    component: () =>
+      import("pages/course/ExamManage.vue")
+  },
+  {
+    path: "/course/examPaper", //试卷库管理
+    component: () =>
+      import("pages/course/examPaper.vue")
+  },
   {
     path: "/studyAbroad/studyabroad", //留学
     component: () =>