style:任务管理表格样式

This commit is contained in:
zhangyc
2023-01-12 00:37:35 +08:00
parent 5544a0c356
commit e523529a4b
14 changed files with 136 additions and 162 deletions

View File

@@ -27,7 +27,7 @@
style="width: 40px; height: 40px; margin-bottom: 16px" style="width: 40px; height: 40px; margin-bottom: 16px"
src="../../assets/images/leveladd/success.png" src="../../assets/images/leveladd/success.png"
/> />
<span>作业导出完成请下载本地或去下载中心查看</span> <span>作业导出完成请下载本地或去下载中心查看</span>
</div> </div>
<div class="del_btnbox"> <div class="del_btnbox">
<div class="del_btn btn1" @click="clostModal"> <div class="del_btn btn1" @click="clostModal">

View File

@@ -105,10 +105,11 @@
</div> </div>
</div> </div>
</div> </div>
<!--
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
</div> </div>-->
</div> </div>
</a-drawer> </a-drawer>
</template> </template>

View File

@@ -108,10 +108,11 @@
</div> </div>
</div> </div>
</div> </div>
<!--
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
</div> </div>-->
</div> </div>
<!-- 导出成绩抽屉 --> <!-- 导出成绩抽屉 -->
<EScore v-model:eScorevisible="eScorevisible" /> <EScore v-model:eScorevisible="eScorevisible" />

View File

@@ -31,7 +31,7 @@
}} }}
</div> </div>
<div class="endtime" style="margin-left: 64px"> <div class="endtime" style="margin-left: 64px">
签到时{{ beginTime }}~{{ endTime }} 允许签到时{{ beginTime }}~{{ endTime }}
</div> </div>
</div> </div>
@@ -109,7 +109,7 @@
<div class="wz">导出数据</div> <div class="wz">导出数据</div>
</div> </div>
</div> </div>
<div class="line"> <!-- <div class="line">
<div class="inline"> <div class="inline">
<div class="left"> <div class="left">
<div class="img"></div> <div class="img"></div>
@@ -122,7 +122,7 @@
<div class="right" @click="clearLine">清空</div> <div class="right" @click="clearLine">清空</div>
</div> </div>
</div> </div>
<!-- <div class="pad"></div> --> <div class="pad"></div> -->
<div class="tableBox" style="margin-top: 30px"> <div class="tableBox" style="margin-top: 30px">
<a-table <a-table
@@ -173,10 +173,11 @@
/> />
</div> --> </div> -->
</div> </div>
<!--
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
</div> </div>-->
</div> </div>
</a-drawer> </a-drawer>
<!-- 二维码签到弹窗 --> <!-- 二维码签到弹窗 -->

View File

@@ -87,7 +87,7 @@
<div class="wz">导出作业</div> <div class="wz">导出作业</div>
</div> </div>
</div> </div>
<div class="line"> <!-- <div class="line">
<div class="inline"> <div class="inline">
<div class="left"> <div class="left">
<div class="img"></div> <div class="img"></div>
@@ -100,13 +100,15 @@
<div class="right" @click="clearLine">清空</div> <div class="right" @click="clearLine">清空</div>
</div> </div>
</div> </div>
-->
<div class="tableBox" style="margin-top: 20px; margin-bottom: 100px"> <div class="tableBox" style="margin-top: 20px; margin-bottom: 100px">
<a-table <a-table
style="border: 1px solid #f2f6fe" style="border: 1px solid #f2f6fe"
:columns="tablecolumns" :columns="tablecolumns"
:data-source="tabledata" :data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
:scroll="{ x: 900 }" :scroll="{ x: 1300 }"
@expand="expandTable"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
@@ -129,10 +131,12 @@
</div> </div>
</div> </div>
</div> </div>
<!--
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
</div> </div>
-->
</div> </div>
</a-drawer> </a-drawer>
<!-- 批量标注完成 --> <!-- 批量标注完成 -->
@@ -240,11 +244,11 @@ export default {
value: "1", value: "1",
label: "已完成", label: "已完成",
}, },
{ // {
id: 2, // id: 2,
value: "2", // value: "2",
label: "进行中", // label: "进行中",
}, // },
], ],
selectedRowKeys: [], selectedRowKeys: [],
@@ -427,7 +431,7 @@ export default {
); );
}, },
}, },
{ {/**
title: "操作", title: "操作",
dataIndex: "operation", dataIndex: "operation",
key: "operation", key: "operation",
@@ -492,7 +496,8 @@ export default {
</div> </div>
); );
}, },
}, */ },
], ],
exportHomeWorkV: false, exportHomeWorkV: false,
downloadUrl: null, downloadUrl: null,

View File

@@ -99,7 +99,7 @@
:columns="tablecolumns" :columns="tablecolumns"
:data-source="tabledata" :data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
:scroll="{ x: 900 }" :scroll="{ x: 1300 }"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
@@ -122,10 +122,11 @@
</div> </div>
</div> </div>
</div> </div>
<!--
<div class="btnn"> <div class="btnn">
<button class="btn1">取消</button> <button class="btn1">取消</button>
<button class="btn2">确定</button> <button class="btn2">确定</button>
</div> </div>-->
</div> </div>
</a-drawer> </a-drawer>
@@ -204,11 +205,11 @@ export default {
value: "0", value: "0",
label: "未开始", label: "未开始",
}, },
{ // {
id: 2, // id: 2,
value: "2", // value: "2",
label: "进行中", // label: "进行中",
}, // },
{ {
id: 3, id: 3,
value: "1", value: "1",
@@ -257,7 +258,7 @@ export default {
dataIndex: "studentName", dataIndex: "studentName",
key: "studentName", key: "studentName",
width: 50, width: 50,
align: "left", align: "center",
className: "h head", className: "h head",
customRender: (text) => { customRender: (text) => {
return ( return (
@@ -393,15 +394,15 @@ export default {
); );
}, },
}, },
{ // {
title: "操作", // title: "操作",
dataIndex: "operation", // dataIndex: "operation",
key: "operation", // key: "operation",
width: 100, // width: 100,
align: "center", // align: "center",
ellipsis: true, // ellipsis: true,
className: "h", // className: "h",
}, // },
], ],
exportHomeWorkV: false, exportHomeWorkV: false,
downloadUrl: null, downloadUrl: null,
@@ -602,8 +603,8 @@ export default {
.then((res) => { .then((res) => {
console.log("导出作业", JSON.parse(res.data).data); console.log("导出作业", JSON.parse(res.data).data);
if (JSON.parse(res.data).code === 200) { if (JSON.parse(res.data).code === 200) {
message.destroy(); // message.destroy();
message.success("导出作业成功"); //message.success("导出作业成功");
state.exportHomeWorkV = true; state.exportHomeWorkV = true;
state.downloadUrl = JSON.parse(res.data).data; state.downloadUrl = JSON.parse(res.data).data;
} }

View File

@@ -122,10 +122,11 @@
</div> </div>
</div> </div>
</div> </div>
<!--
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
</div> </div>-->
</div> </div>
</a-drawer> </a-drawer>
</template> </template>
@@ -182,11 +183,11 @@ export default {
value: "0", value: "0",
label: "未开始", label: "未开始",
}, },
{ // {
id: 2, // id: 2,
value: "2", // value: "2",
label: "进行中", // label: "进行中",
}, // },
{ {
id: 3, id: 3,
value: "1", value: "1",

View File

@@ -121,10 +121,11 @@
</div> </div>
</div> </div>
</div> </div>
<!--
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
</div> </div>-->
</div> </div>
</a-drawer> </a-drawer>
</template> </template>
@@ -184,7 +185,7 @@ export default {
}, },
//{ //{
// id: 2, // id: 2,
//value: "2", // value: "2",
// label: "进行中", // label: "进行中",
// }, // },
{ {

View File

@@ -104,10 +104,11 @@
</div> </div>
</div> </div>
</div> </div>
<!--
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
</div> </div>-->
</div> </div>
</a-drawer> </a-drawer>
</template> </template>
@@ -164,11 +165,11 @@ export default {
value: "0", value: "0",
label: "未开始", label: "未开始",
}, },
{ //{
id: 2, // id: 2,
value: "2", // value: "2",
label: "进行中", // label: "进行中",
}, // },
{ {
id: 3, id: 3,
value: "1", value: "1",

View File

@@ -107,10 +107,11 @@
</div> </div>
</div> </div>
</div> </div>
<!--
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
</div> </div>-->
</div> </div>
<!-- 导出成绩抽屉 --> <!-- 导出成绩抽屉 -->
<EScore v-model:eScorevisible="eScorevisible" /> <EScore v-model:eScorevisible="eScorevisible" />

View File

@@ -25,7 +25,7 @@
{{ datasource && datasource.endTime ? datasource.endTime : "-" }} {{ datasource && datasource.endTime ? datasource.endTime : "-" }}
</div> </div>
<div class="endtime" style="margin-left: 64px"> <div class="endtime" style="margin-left: 64px">
签到时{{ beginTime }}~{{ endTime }} 允许签到时{{ beginTime }}~{{ endTime }}
</div> </div>
</div> </div>
@@ -103,7 +103,7 @@
<div class="wz">导出数据</div> <div class="wz">导出数据</div>
</div> </div>
</div> </div>
<div class="line"> <!-- <div class="line">
<div class="inline"> <div class="inline">
<div class="left"> <div class="left">
<div class="img"></div> <div class="img"></div>
@@ -116,7 +116,7 @@
<div class="right" @click="clearLine">清空</div> <div class="right" @click="clearLine">清空</div>
</div> </div>
</div> </div>
<!-- <div class="pad"></div> --> <div class="pad"></div> -->
<div class="tableBox" style="margin-top: 30px"> <div class="tableBox" style="margin-top: 30px">
<a-table <a-table
@@ -167,10 +167,11 @@
/> />
</div> --> </div> -->
</div> </div>
<!--
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
</div> </div>-->
</div> </div>
</a-drawer> </a-drawer>
<!-- 二维码签到弹窗 --> <!-- 二维码签到弹窗 -->

View File

@@ -81,7 +81,7 @@
<div class="wz">导出作业</div> <div class="wz">导出作业</div>
</div> </div>
</div> </div>
<div class="line"> <!-- <div class="line">
<div class="inline"> <div class="inline">
<div class="left"> <div class="left">
<div class="img"></div> <div class="img"></div>
@@ -93,14 +93,14 @@
</div> </div>
<div class="right" @click="clearLine">清空</div> <div class="right" @click="clearLine">清空</div>
</div> </div>
</div> </div>-->
<div class="tableBox" style="margin-top: 20px; margin-bottom: 100px"> <div class="tableBox" style="margin-top: 20px; margin-bottom: 100px">
<a-table <a-table
style="border: 1px solid #f2f6fe" style="border: 1px solid #f2f6fe"
:columns="tablecolumns" :columns="tablecolumns"
:data-source="tabledata" :data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
:scroll="{ x: 900 }" :scroll="{ x: 1300 }"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
@@ -123,10 +123,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="btnn"> <!-- <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
</div> </div>-->
</div> </div>
</a-drawer> </a-drawer>
<!-- 批量标注完成 --> <!-- 批量标注完成 -->
@@ -223,11 +223,11 @@ export default {
value: "1", value: "1",
label: "已完成", label: "已完成",
}, },
{ //{
id: 2, // id: 2,
value: "2", // value: "2",
label: "进行中", // label: "进行中",
}, // },
], ],
selectedRowKeys: [], selectedRowKeys: [],
@@ -429,15 +429,15 @@ export default {
); );
}, },
}, },
{ // {
title: "操作", // title: "操作",
dataIndex: "operation", // dataIndex: "operation",
key: "operation", // key: "operation",
width: 100, // width: 100,
align: "center", // align: "center",
ellipsis: true, // ellipsis: true,
className: "h", // className: "h",
}, // },
], ],
exportHomeWorkV: false, exportHomeWorkV: false,
downloadUrl: null, downloadUrl: null,

View File

@@ -94,7 +94,7 @@
:columns="tablecolumns" :columns="tablecolumns"
:data-source="tabledata" :data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
:scroll="{ x: 900 }" :scroll="{ x: 1300 }"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
@@ -117,10 +117,11 @@
</div> </div>
</div> </div>
</div> </div>
<!--
<div class="btnn"> <div class="btnn">
<button class="btn1" @click="closeDrawer">取消</button> <button class="btn1" @click="closeDrawer">取消</button>
<button class="btn2" @click="closeDrawer">确定</button> <button class="btn2" @click="closeDrawer">确定</button>
</div> </div>-->
</div> </div>
</a-drawer> </a-drawer>
@@ -199,11 +200,11 @@ export default {
value: "0", value: "0",
label: "未开始", label: "未开始",
}, },
{ // {
id: 2, // id: 2,
value: "2", // value: "2",
label: "进行中", // label: "进行中",
}, //},
{ {
id: 3, id: 3,
value: "1", value: "1",
@@ -251,7 +252,7 @@ export default {
dataIndex: "studentName", dataIndex: "studentName",
key: "studentName", key: "studentName",
width: 50, width: 50,
align: "left", align: "center",
className: "h", className: "h",
ellipsis: true, ellipsis: true,
customRender: (text) => { customRender: (text) => {
@@ -322,26 +323,7 @@ export default {
); );
}, },
}, },
{
title: "所属小组",
dataIndex: "studentOrgName",
key: "studentOrgName",
width: 60,
align: "center",
ellipsis: true,
className: "h",
customRender: (text) => {
return (
<div class="racona">
<span>
{text.record.studentOrgName
? text.record.studentOrgName
: "-"}
</span>
</div>
);
},
},
{ {
title: "成绩", title: "成绩",
dataIndex: "workScore", dataIndex: "workScore",
@@ -406,15 +388,15 @@ export default {
); );
}, },
}, },
{ // {
title: "操作", // title: "操作",
dataIndex: "operation", // dataIndex: "operation",
key: "operation", // key: "operation",
width: 100, // width: 100,
align: "center", // align: "center",
ellipsis: true, // ellipsis: true,
className: "h", // className: "h",
}, // },
], ],
exportHomeWorkV: false, exportHomeWorkV: false,
downloadUrl: null, downloadUrl: null,
@@ -612,8 +594,8 @@ export default {
.then((res) => { .then((res) => {
console.log("导出作业", JSON.parse(res.data).data); console.log("导出作业", JSON.parse(res.data).data);
if (JSON.parse(res.data).code === 200) { if (JSON.parse(res.data).code === 200) {
message.destroy(); // message.destroy();
message.success("导出作业成功"); // message.success("导出作业成功");
state.exportHomeWorkV = true; state.exportHomeWorkV = true;
state.downloadUrl = JSON.parse(res.data).data; state.downloadUrl = JSON.parse(res.data).data;
} }

View File

@@ -94,11 +94,11 @@
<div class="btns"> <div class="btns">
<!-- 2022-11-30注释 后面放开 --> <!-- 2022-11-30注释 后面放开 -->
<div <div
class="btn btn3" class="btn btn2"
@click="openMessage" @click="openMessage"
style="margin-right: 14px" style="margin-right: 14px"
> >
<div class="search"></div> <div class="img2"></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">
@@ -5844,8 +5844,8 @@ export default defineComponent({
} }
} }
.btn1:hover { .btn1 {
background: rgba(64, 158, 255, 0.76);
.search { .search {
background-image: url("../../assets/images/courseManage/search0.png"); background-image: url("../../assets/images/courseManage/search0.png");
@@ -5855,18 +5855,18 @@ export default defineComponent({
color: #ffffff; color: #ffffff;
} }
} }
/**
.btn1:active { .btn1:active {
background: #0982ff; background: #0982ff;
} }
.btn2:hover { .btn2 {
background: rgba(64, 158, 255, 0.1); background: rgba(64, 158, 255, 0.1);
} }
.btn2:active { .btn2:active {
background: rgba(64, 158, 255, 0.2); background: rgba(64, 158, 255, 0.2);
} }*/
} }
.btns { .btns {
@@ -5899,31 +5899,22 @@ export default defineComponent({
} }
} }
.btn3 { .btn3 {
margin-right: 0px;
.search { .search {
width: 17px; width: 17px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/add0.png"); background-image: url("../../assets/images/courseManage/add0.png");
} }
}
.btn3:hover {
background: rgba(64, 158, 255, 0.76);
.search {
background-image: url("../../assets/images/courseManage/add0.png");
}
.btnText { .btnText {
color: #ffffff; color: #ffffff;
} }
} }
.btn3:active {
background: #0982ff;
}
} }
} }
@@ -6945,7 +6936,7 @@ export default defineComponent({
} }
} }
.btn1:hover { .btn1 {
background: rgba(64, 158, 255, 1); background: rgba(64, 158, 255, 1);
.search { .search {
@@ -6965,7 +6956,7 @@ export default defineComponent({
} }
} }
.btn2:hover { .btn2{
background: rgba(64, 158, 255, 1); background: rgba(64, 158, 255, 1);
.search { .search {
@@ -7357,7 +7348,7 @@ export default defineComponent({
} }
} }
.btn1:hover { .btn1 {
background: #4ea6ff; background: #4ea6ff;
.search { .search {
@@ -7369,7 +7360,7 @@ export default defineComponent({
} }
} }
.btn2:hover { .btn2 {
background: #4ea6ff; background: #4ea6ff;
.reset { .reset {
@@ -7585,8 +7576,8 @@ export default defineComponent({
} }
} }
.btn1:hover { .btn1{
background: rgba(64, 158, 255, 0.76);
.search { .search {
background-image: url("../../assets/images/courseManage/search0.png"); background-image: url("../../assets/images/courseManage/search0.png");
@@ -7596,7 +7587,7 @@ export default defineComponent({
color: #ffffff; color: #ffffff;
} }
} }
/**
.btn1:active { .btn1:active {
background: #0982ff; background: #0982ff;
} }
@@ -7608,7 +7599,7 @@ export default defineComponent({
.btn2:active { .btn2:active {
background: rgba(64, 158, 255, 0.2); background: rgba(64, 158, 255, 0.2);
} }
*/
.btns { .btns {
display: flex; display: flex;
@@ -7637,33 +7628,20 @@ export default defineComponent({
line-height: 36px; line-height: 36px;
margin-left: 5px; margin-left: 5px;
} }
} .btn2 {
.btn3 {
margin-right: 0px; margin-right: 0px;
.search { .img2 {
width: 17px; width: 17px;
height: 18px; height: 18px;
background-image: url("../../assets/images/courseManage/add0.png"); background-image: url(../../assets/images/coursewareManage/export1.png);
}
} }
} }
.btn3:hover {
background: rgba(64, 158, 255, 0.76);
.search {
background-image: url("../../assets/images/courseManage/add0.png");
}
.btnText {
color: #ffffff;
}
}
.btn3:active {
background: #0982ff;
}
} }
} }