项目学员列表

This commit is contained in:
lpq
2023-02-21 00:42:32 +08:00
parent 7c21e69667
commit 7e6cc41605

View File

@@ -23,7 +23,7 @@
v-if="datasource.type !== 6 && datasource.type !== 9" v-if="datasource.type !== 6 && datasource.type !== 9"
class="endtime" class="endtime"
> >
<!-- 起止时间--> <!-- 起止时间-->
</div> </div>
<div v-else class="endtime"> <div v-else class="endtime">
@@ -48,7 +48,7 @@
placeholder="请选择" placeholder="请选择"
:options="projectNameList" :options="projectNameList"
@change="selectProjectName" @change="selectProjectName"
></a-select> ></a-select>
</div> </div>
</div> </div>
@@ -160,7 +160,7 @@
}, },
}, },
}, },
setup(props, ctx) { setup(props, ctx) {
const state = reactive({ const state = reactive({
visible: props.PjModelVisible, visible: props.PjModelVisible,
@@ -171,7 +171,7 @@
tableDataTotal: 0, tableDataTotal: 0,
projectName: undefined, projectName: undefined,
projectNameList: [ projectNameList: [
{ {
id: 1, id: 1,
value: "1", value: "1",
@@ -195,9 +195,9 @@
courseID: "", courseID: "",
routerId: '', routerId: '',
studentId: '', studentId: '',
CheckStuvisible: false, CheckStuvisible: false,
}); });
const tableDataFunc = () => { const tableDataFunc = () => {
const columns = [ const columns = [
@@ -239,7 +239,7 @@
key: "studentDepartName", key: "studentDepartName",
width: "20%", width: "20%",
align: "center", align: "center",
className: "h", className: "h",
ellipsis: true, ellipsis: true,
customRender: (text) => { customRender: (text) => {
@@ -378,7 +378,7 @@
() => { () => {
{/* 当前学员 用来查看学员详情 */} {/* 当前学员 用来查看学员详情 */}
state.routerId = value.record.routerId; state.routerId = value.record.routerId;
state.studentId = value.record.studentId; state.studentId = value.record.studentId;
state.CheckStuvisible = true; state.CheckStuvisible = true;
console.log(value); console.log(value);
}}> }}>
@@ -390,7 +390,7 @@
]; ];
return columns; return columns;
}; };
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:PjModelVisible", false); ctx.emit("update:PjModelVisible", false);
state.currentPage = 1; state.currentPage = 1;
@@ -417,7 +417,7 @@
const onChange = (pageNumber) => { const onChange = (pageNumber) => {
console.log("Page: ", pageNumber); console.log("Page: ", pageNumber);
}; };
// 获取数据 // 获取数据
function getData() { function getData() {
if(props.datasource.type === 13){ if(props.datasource.type === 13){
@@ -428,7 +428,7 @@
currentStageId: props.datasource.chapterId, currentStageId: props.datasource.chapterId,
type: 2, type: 2,
pid: props.datasource.routerId, pid: props.datasource.routerId,
taskId: props.datasource.routerTaskId, taskId: props.datasource.id,
taskType: props.datasource.type, taskType: props.datasource.type,
status: state.projectName, status: state.projectName,
studentName: state.name, studentName: state.name,
@@ -449,7 +449,7 @@
state.tabledata = []; state.tabledata = [];
} }
} }
// 搜索按钮 // 搜索按钮
function searchTaskList() { function searchTaskList() {
state.currentPage = 1; state.currentPage = 1;
@@ -464,20 +464,20 @@
state.projectName = undefined; state.projectName = undefined;
getData(); getData();
} }
//分页 //分页
const changePaginationStu = (page) => { const changePaginationStu = (page) => {
state.tableDataTotalLoading = true; state.tableDataTotalLoading = true;
state.currentPage = page; state.currentPage = page;
getData(); getData();
}; };
// 导出数据 // 导出数据
function exportTaskStu() { function exportTaskStu() {
console.log(`${process.env.VUE_APP_BASE_API}/project/management/exportProjectManage?courseId=${props.datasource.courseId}`) console.log(`${process.env.VUE_APP_BASE_API}/project/management/exportProjectManage?courseId=${props.datasource.courseId}`)
window.open(`${process.env.VUE_APP_BASE_API}/project/management/exportProjectManage?courseId=${props.datasource.courseId}`) window.open(`${process.env.VUE_APP_BASE_API}/project/management/exportProjectManage?courseId=${props.datasource.courseId}`)
} }
return { return {
...toRefs(state), ...toRefs(state),
selectProjectName, selectProjectName,
@@ -496,7 +496,7 @@
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.ant-drawer-content-wrapper { .ant-drawer-content-wrapper {
max-width: 80% !important; max-width: 80% !important;
@@ -562,7 +562,7 @@
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 20px; margin-top: 20px;
justify-content: space-between; justify-content: space-between;
.sealeft { .sealeft {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -579,7 +579,7 @@
.btns { .btns {
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
.btn { .btn {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
@@ -603,15 +603,15 @@
margin-right: 7px; margin-right: 7px;
} }
} }
.btn1 { .btn1 {
background: #4ea6ff; background: #4ea6ff;
color: #ffffff; color: #ffffff;
} }
.btn2 { .btn2 {
background: #ffffff; background: #ffffff;
color: #4ea6ff; color: #4ea6ff;
border: 1px solid #4ea6ff; border: 1px solid #4ea6ff;
} }
@@ -620,7 +620,7 @@
.btnss { .btnss {
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
.btn { .btn {
cursor: pointer; cursor: pointer;
width: 130px; width: 130px;
@@ -644,15 +644,15 @@
margin-right: 7px; margin-right: 7px;
} }
} }
.btn1 { .btn1 {
background: #4ea6ff; background: #4ea6ff;
color: #ffffff; color: #ffffff;
} }
.btn2 { .btn2 {
background: #ffffff; background: #ffffff;
color: #4ea6ff; color: #4ea6ff;
border: 1px solid #4ea6ff; border: 1px solid #4ea6ff;
} }
@@ -661,7 +661,7 @@
th.h { th.h {
background-color: #eff4fc !important; background-color: #eff4fc !important;
} }
.ant-table-tbody .ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td { > td {
@@ -688,7 +688,7 @@
} }
} }
} }
.btnn { .btnn {
height: 72px; height: 72px;
width: 100%; width: 100%;
@@ -723,4 +723,3 @@
} }
} }
</style> </style>