页面优化

xiangpei

2024-06-26 6c472dfd39e90d1d479c2c0ced8ce317fc4a2bfe

页面优化

 src/api/classes.js

@@ -75,3 +75,11 @@
        data: params
    })
}

// 班级恢复正常
export const recover = (id) => {
  return axios({
    url: "/api/admin/classes/recover/" + id,
    method: "PUT"
  })
}

 src/views/class-management/Class.vue

@@ -98,9 +98,24 @@
          <el-button v-if="scope.row.status !== '解散'" @click="studentManager(scope.row.id)" size="small"
                     type="success">成员管理
          </el-button>
          <el-button v-if="scope.row.status !== '解散'" @click="dissolution(scope.row.id)" type="danger"
                     size="small">解散
          </el-button>
          <el-popconfirm
            class="confirm"
            title="确定要解散该班级？"
            @confirm="dissolution(scope.row.id)"
          >
            <el-button slot="reference" v-if="scope.row.status !== '解散'" type="danger"
                       size="small">解散
            </el-button>
          </el-popconfirm>
          <el-popconfirm
            class="confirm"
            title="确定要恢复该班级吗？"
            @confirm="recover(scope.row.id)"
          >
            <el-button slot="reference" v-if="scope.row.status === '解散'" type="success"
                       size="small">恢复正常
            </el-button>
          </el-popconfirm>
        </template>
      </el-table-column>
    </el-table>
@@ -174,7 +189,7 @@
</template>

<script>
import { addClasses, editClasses, getClassess, dissolution } from '@/api/classes'
import { addClasses, editClasses, getClassess, dissolution, recover } from '@/api/classes'
import { addClassesNotify } from '@/api/classesNotify'
import Pagination from '@/components/Pagination'

@@ -305,6 +320,12 @@
        this.page()
      })
    },
    recover(id) {
      recover(id).then(res => {
        this.$message.success(res.data.message)
        this.page()
      })
    },
    handlerEdit (row) {
      this.form = row
      this.open = true
@@ -333,6 +354,9 @@
</script>

<style scoped lang="scss">
.confirm {
  margin-left: 5px;
}
.flex {
  display: flex;
}

 src/views/class-management/ClassStaff.vue

@@ -59,8 +59,8 @@
        width="300px"
      >
        <template slot-scope="scope">
          <el-button @click="handlerEditStudent(scope.row)" type="warning">编辑</el-button>
          <el-button @click="remove(scope.row.id)" type="danger">删除</el-button>
          <el-button @click="handlerEditStudent(scope.row)" type="warning" size="small">编辑</el-button>
          <el-button @click="remove(scope.row.id)" type="danger" size="small">删除</el-button>
        </template>
      </el-table-column>
    </el-table>

 src/views/exam/exam/ExamManage.vue

@@ -64,7 +64,7 @@
        width="150px"
        prop="createTime"
      ></el-table-column>
      <el-table-column label="操作" fiexd="right" width="210px">
      <el-table-column label="操作" fiexd="right">
        <template slot-scope="scope">
          <el-button
            type="primary"
@@ -72,8 +72,16 @@
            @click="handlerEdit(scope.row)"
          >修改
          </el-button>
          <el-button type="danger" size="small" @click="deleteExam(scope.row.id)">删除</el-button>
          <el-button type="success" size="small" @click="markPaper(scope.row)">阅卷</el-button>
          <el-popconfirm
            v-if="scope.row.status === 'not_start'"
            style="margin: 0 5px"
            title="确定要删除该考试吗？"
            @confirm="deleteExam(scope.row.id)"
          >
            <el-button slot="reference" type="danger" size="small">删除</el-button>
          </el-popconfirm>

          <el-button v-if="scope.row.status === 'finished'" type="success" size="small" @click="markPaper(scope.row)">阅卷</el-button>
        </template>
      </el-table-column>
    </el-table>

 src/views/user/student/list.vue

@@ -13,7 +13,6 @@
    </el-form>

    <el-table v-loading="listLoading" :data="tableData" border fit highlight-current-row style="width: 100%">
      <el-table-column prop="id" label="Id" />
      <el-table-column prop="userName" label="用户名"/>
      <el-table-column prop="realName" label="真实姓名" />
      <el-table-column prop="userLevel" label="学级"  :formatter="levelFormatter"/>