From 585d90f0e3194d6b988a424036291921794678ab Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期三, 18 十二月 2024 14:28:12 +0800
Subject: [PATCH] 修改首页
---
src/views/onlineEducation/classHourBatch/components/handleStudent.vue | 75 ++++++++++++++++++++++++++++++-------
1 files changed, 61 insertions(+), 14 deletions(-)
diff --git a/src/views/onlineEducation/classHourBatch/components/handleStudent.vue b/src/views/onlineEducation/classHourBatch/components/handleStudent.vue
index c9cd42e..a27a75e 100644
--- a/src/views/onlineEducation/classHourBatch/components/handleStudent.vue
+++ b/src/views/onlineEducation/classHourBatch/components/handleStudent.vue
@@ -1,25 +1,44 @@
<template>
<div class="app-container">
- <div style="margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between">
+ <div style="display: flex;justify-content: space-between">
+ <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" >
+ <el-form-item>
+ <el-button
+ type="primary"
+ plain
+ icon="Plus"
+ @click="openDialog()"
+ >选择学员</el-button>
+ </el-form-item>
+ <el-form-item label="学生姓名：" >
+ <el-input v-model="data.queryParams.studentName" placeholder="请输入学生姓名"></el-input>
+ </el-form-item>
+ <el-form-item >
+ <el-button
+ type="primary"
+ @click="getList"
+ >查询</el-button>
+ <el-button
+ type="primary"
+ plain
+ @click="reset"
+ >重置</el-button>
+ </el-form-item>
+ </el-form>
<div>
<el-button
- type="primary"
+ type="danger"
plain
- icon="Plus"
- @click="openDialog()"
- >选择学员</el-button>
+ icon="Delete"
+ @click="handleDeleteBatch"
+ >批量删除</el-button>
<el-button
type="primary"
plain
@click="back"
>返回</el-button>
</div>
- <el-button
- type="danger"
- plain
- icon="Delete"
- @click="handleDeleteBatch"
- >批量删除</el-button>
+
</div>
<!-- 表格数据 -->
<el-table ref="tableRef" v-loading="loading" :data="dataList" :border="true" :row-key="getRowKey" @selection-change="handleSelectionChange">
@@ -28,7 +47,17 @@
<el-table-column label="批次名称" prop="phaseName" align="center" />
<el-table-column label="学员名称" prop="studentName" align="center" />
<el-table-column label="手机号" prop="studentPhone" align="center" />
- <el-table-column label="总进度" prop="totalProgress" align="center" />
+ <el-table-column label="总进度" prop="totalProgress" align="center" >
+ <template #default="scope">
+ <el-progress
+ v-if="scope.row.totalProgress>=0"
+ :text-inside="true"
+ :stroke-width="24"
+ :percentage="scope.row.totalProgress"
+ :status="scope.row.totalProgress <= 50 ? 'exception' : scope.row.totalProgress > 50 && scope.row.totalProgress <= 80 ? 'warning':'success'"
+ />
+ </template>
+ </el-table-column>
<el-table-column label="开始学习时间" prop="startTime" align="center" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180">
<template #default="scope">
@@ -71,6 +100,7 @@
phaseId: null,
pageNum: 1,
pageSize: 10,
+ studentName: ''
},
total: 0,
dataList: [],
@@ -81,6 +111,7 @@
const { queryParams, total, dataList } = toRefs(data);
+const backValue = ref()
onMounted(async ()=>{
const userInfo = JSON.parse(Cookies.get('userInfo'))
console.log("userInfo",userInfo)
@@ -90,6 +121,7 @@
data.isAdmin = false;
}
const val = JSON.parse(route.query.val)
+ backValue.value = val
// data.queryParams.pageId = val.id
data.queryParams.phaseId = val.id
await getList()
@@ -119,7 +151,15 @@
/** 重置新增的表单以及其他数据 */
function reset() {
- proxy.resetForm("roleRef");
+ data.queryParams = {
+ pageNum: 1,
+ pageSize: 10,
+ studentName: '',
+ phaseId: data.queryParams.phaseId,
+ pageId: data.queryParams.pageId
+ }
+
+ getList()
}
const handleSelectionChange = (val) => {
@@ -166,6 +206,7 @@
const res = await batchDelStudent(data.chooseStu)
if(res.code == 200){
ElMessage.success('数据删除成功')
+ tableRef.value.clearSelection();
await getList()
}else{
ElMessage.warning(res.message)
@@ -173,7 +214,13 @@
})
}
const back = () => {
- router.push("/class");
+
+ const obj = {
+ pageNum: backValue.value.pageNum,
+ pageSize: backValue.value.pageSize,
+ }
+ const v = JSON.stringify(obj)
+ router.push({ path: "/class", query: { val: v } });
}
--
Gitblit v1.9.2