完成教师端，页面顶部展示

luohairen

2024-11-08 cce9b105726750f1b76eef2fa250680ebf36d06c

 src/views/exam/exam/monitor.vue

@@ -2,10 +2,10 @@
  <div class="app-container">
    <el-form :model="queryParam" ref="queryForm" :inline="true">
      <el-form-item>
        <el-input v-model="queryParam.keyword" placeholder="请输入名称" clearable></el-input>
        <el-input v-model="queryParam.keyword" size="small" placeholder="请输入名称" @input="search" clearable></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="search">查询</el-button>
        <el-button type="primary" @click="search" size="small">查询</el-button>
      </el-form-item>
    </el-form>

@@ -18,6 +18,7 @@
      <el-table-column label="操作" align="center">
        <template slot-scope="{row}">
          <el-popover
            v-show="row.status === 'temp'"
            placement="right"
            width="400"
            trigger="click">
@@ -34,8 +35,9 @@
            </el-form>
            <el-button size="mini" slot="reference">加时</el-button>
          </el-popover>
          <el-button size="mini" type="danger" @click="handleNullify(row)">作废</el-button>
          <el-button v-show="row.status === 'temp'" size="mini" type="danger" @click="handleNullify(row)">作弊</el-button>
          <el-popconfirm
            v-show="row.status === 'temp'"
            title="确定要强制提交该学员的试卷吗？"
            @confirm="handlerForceSubmit(row.userId)"
          >
@@ -44,15 +46,15 @@
        </template>
      </el-table-column>
    </el-table>
    <pagination v-show="total > 0" :total="total" :page.sync="queryParam.pageIndex" :limit.sync="queryParam.pageSize"
    <pagination v-show="total > 0" :total="total" :page.sync="queryParam.currentPage" :limit.sync="queryParam.pageSize"
                @pagination="search"/>

    <el-dialog :visible.sync="visible" width="400px">
      <el-form :model="form" ref="form" label-width="100px" v-loading="formLoading" :rules="rules">
        <el-form-item label="名称：" prop="name" required>
        <el-form-item label="名称：" prop="name">
          <el-input v-model="form.name" maxlength="10" show-word-limit/>
        </el-form-item>
        <el-form-item label="排序：" prop="itemOrder" required>
        <el-form-item label="排序：" prop="itemOrder">
          <el-input-number v-model="form.itemOrder" type="number" :min="1" :max="100"/>
        </el-form-item>
        <el-form-item>
@@ -79,7 +81,7 @@
      listLoading: true,
      queryParam: {
        examId: '',
        pageIndex: 1,
        currentPage: 1,
        pageSize: 10
      },
      formLoading: false,
@@ -142,6 +144,7 @@
      this.forceSubmitForm.userId = userId
      forceSubmit(this.forceSubmitForm).then(res => {
        this.$message.success('强制交卷成功')
        this.search()
      })
    },
    handleNullify (row) {