style:学员列表表格样式

This commit is contained in:
zhangyc
2023-01-13 00:59:06 +08:00
parent eacf0317fd
commit e879d251d2
2 changed files with 45 additions and 76 deletions

View File

@@ -187,6 +187,7 @@
:data-source="tableData.list" :data-source="tableData.list"
:pagination="stuPagination" :pagination="stuPagination"
:loading="tableData.loading" :loading="tableData.loading"
:scroll="{ x: 1500 }"
row-key="id" row-key="id"
:row-selection="stuRowSelection" :row-selection="stuRowSelection"
> >
@@ -228,13 +229,7 @@
--> -->
<a-col v-if="type === 3"> <a-col v-if="type === 3">
<div <div
style=" style=" color: #4ea6ff; font-size: 14px;text-align: center; margin-left: 10px; cursor: pointer; "
color: #4ea6ff;
font-size: 14px;
text-align: center;
margin-left: 10px;
cursor: pointer;
"
@click="updateStatus(0, record.id)" @click="updateStatus(0, record.id)"
> >
通过 通过
@@ -242,13 +237,7 @@
</a-col> </a-col>
<a-col v-if="type === 3"> <a-col v-if="type === 3">
<div <div
style=" style=" color: #4ea6ff;font-size: 14px;text-align: center; margin-left: 10px;cursor: pointer; "
color: #4ea6ff;
font-size: 14px;
text-align: center;
margin-left: 10px;
cursor: pointer;
"
@click="updateStatus(2, record.id)" @click="updateStatus(2, record.id)"
> >
拒绝 拒绝
@@ -257,13 +246,7 @@
<a-col> <a-col>
<div <div
@click="del(record.id)" @click="del(record.id)"
style=" style=" color: #4ea6ff;font-size: 14px;text-align: center; margin-left: 10px; cursor: pointer;"
color: #4ea6ff;
font-size: 14px;
text-align: center;
margin-left: 10px;
cursor: pointer;
"
> >
删除 删除
</div> </div>
@@ -425,7 +408,7 @@ const tablecolumns = ref([
title: "姓名", title: "姓名",
dataIndex: "studentName", dataIndex: "studentName",
key: "studentName", key: "studentName",
width: "12%", width: "10%",
align: "left", align: "left",
className: "h", className: "h",
ellipsis: true, ellipsis: true,
@@ -454,7 +437,7 @@ const tablecolumns = ref([
title: "工号", title: "工号",
dataIndex: "studentUserNo", dataIndex: "studentUserNo",
key: "studentUserNo", key: "studentUserNo",
width: "15%", width: "20%",
align: "center", align: "center",
className: "h", className: "h",
ellipsis: true, ellipsis: true,
@@ -472,7 +455,7 @@ const tablecolumns = ref([
title: "加入方式", title: "加入方式",
dataIndex: "source", dataIndex: "source",
key: "source", key: "source",
width: "15%", width: "10%",
align: "center", align: "center",
customRender: ({ record: { source } }) => customRender: ({ record: { source } }) =>
({ 1: "快速添加", 2: "组织", 3: "受众", 4: "报名" }[source]), ({ 1: "快速添加", 2: "组织", 3: "受众", 4: "报名" }[source]),
@@ -934,17 +917,7 @@ const AddImpStuvisibleClose = (isget) => {
} }
} }
.btn5:hover {
background: #4ea6ff;
.export {
background-image: url("@/assets/images/coursewareManage/export1.png");
}
.btnText {
color: #ffffff;
}
}
} }
/*.delete { /*.delete {
z-index: 9999; z-index: 9999;

View File

@@ -94,11 +94,11 @@
<div class="btns"> <div class="btns">
<!-- 2022-11-30注释 后面放开 --> <!-- 2022-11-30注释 后面放开 -->
<div <div
class="btn btn2" class="btnn btn2"
@click="openMessage" @click="openMessage"
style="margin-right: 14px" style="margin-right: 14px"
> >
<div class="img2"></div> <div class="daochu"></div>
<div class="btnText">导出</div> <div class="btnText">导出</div>
</div> </div>
<div class="btn btn3" @click="of_hShow"> <div class="btn btn3" @click="of_hShow">
@@ -2712,7 +2712,7 @@ const columns6 = [
// title: "序号", // title: "序号",
// dataIndex: "num", // dataIndex: "num",
// key: "num", // key: "num",
// width: "6%", // width: "8%",
// align: "center", // align: "center",
// ellipsis: true, // ellipsis: true,
// customRender: ({ index, record }) => { // customRender: ({ index, record }) => {
@@ -2747,7 +2747,7 @@ const columns6 = [
title: "教师名称", title: "教师名称",
dataIndex: "teacher", dataIndex: "teacher",
key: "teacher", key: "teacher",
width: "10%", width: "8%",
align: "center", align: "center",
ellipsis: true, ellipsis: true,
customRender: ({ text }) => { customRender: ({ text }) => {
@@ -2783,7 +2783,7 @@ const columns6 = [
title: "创建人", title: "创建人",
dataIndex: "createName", dataIndex: "createName",
key: "createName", key: "createName",
width: "10%", width: "8%",
align: "center", align: "center",
ellipsis: true, ellipsis: true,
customRender: ({ text }) => { customRender: ({ text }) => {
@@ -2998,7 +2998,7 @@ export default defineComponent({
stuColumns: [ stuColumns: [
{ {
title: "岗位", title: "岗位",
width: "15%", width: "8%",
dataIndex: "studentJobName", dataIndex: "studentJobName",
key: "7", key: "7",
align: "center", align: "center",
@@ -3016,7 +3016,7 @@ export default defineComponent({
}, },
{ {
title: "Band", title: "Band",
width: "15%", width: "8%",
dataIndex: "studentBandDesc", dataIndex: "studentBandDesc",
key: "7", key: "7",
align: "center", align: "center",
@@ -3032,7 +3032,7 @@ export default defineComponent({
}, },
{ {
title: "报名状态", title: "报名状态",
width: "15%", width: "8%",
dataIndex: "status", dataIndex: "status",
key: "5", key: "5",
align: "center", align: "center",
@@ -3050,7 +3050,7 @@ export default defineComponent({
{ {
title: "签到状态", title: "签到状态",
width: "15%", width: "8%",
dataIndex: "signstatus", dataIndex: "signstatus",
key: "7", key: "7",
align: "center", align: "center",
@@ -3058,7 +3058,7 @@ export default defineComponent({
}, },
{ {
title: "评估状态", title: "评估状态",
width: "15%", width: "8%",
dataIndex: "evastatus", dataIndex: "evastatus",
key: "8", key: "8",
align: "center", align: "center",
@@ -3067,7 +3067,7 @@ export default defineComponent({
}, },
{ {
title: "作业成绩", title: "作业成绩",
width: "15%", width: "8%",
dataIndex: "workScore", dataIndex: "workScore",
key: "7", key: "7",
align: "center", align: "center",
@@ -3110,7 +3110,7 @@ export default defineComponent({
}, },
{ {
title: "考试成绩", title: "考试成绩",
width: "15%", width: "8%",
dataIndex: "examinationScore", dataIndex: "examinationScore",
key: "8", key: "8",
align: "center", align: "center",
@@ -5835,6 +5835,11 @@ export default defineComponent({
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png"); background-image: url("../../assets/images/courseManage/reset1.png");
} }
.daochu{
width: 16px;
height: 18px;
background-image: url("../../assets/images/coursewareManage/export.png");
}
} }
.btn1 { .btn1 {
@@ -6934,25 +6939,15 @@ export default defineComponent({
} }
} }
.btn2 { .btn2 {
.search { .search {
width: 15px; width: 16px;
height: 17px; height: 18px;
background-image: url("@/assets/images/coursewareManage/reset1.png"); margin-right: 6px;
background-image: url("../../assets/images/courseManage/reset1.png");
} }
} }
.btn2 {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("@/assets/images/coursewareManage/reset0.png");
}
.btnText {
color: #ffffff;
}
}
} }
} }
} }
@@ -7571,19 +7566,7 @@ export default defineComponent({
color: #ffffff; color: #ffffff;
} }
} }
/**
.btn1:active {
background: #0982ff;
}
.btn2:hover {
background: rgba(64, 158, 255, 0.1);
}
.btn2:active {
background: rgba(64, 158, 255, 0.2);
}
*/
.btns { .btns {
display: flex; display: flex;
@@ -7621,10 +7604,23 @@ export default defineComponent({
background-image: url(../../assets/images/coursewareManage/export1.png); background-image: url(../../assets/images/coursewareManage/export1.png);
} }
} }
} }
.btn3 {
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add0.png");
}
.btnText {
color: #ffffff;
}
}
} }
} }
/**
.btn3 { .btn3 {
width: 130px; width: 130px;
height: 40px; height: 40px;
@@ -7652,7 +7648,7 @@ export default defineComponent({
margin-right: 6px; margin-right: 6px;
} }
} }
} } */
.notable { .notable {
width: 100%; width: 100%;