fix:课程管理页面样式修改

This commit is contained in:
wyx
2022-12-10 11:38:46 +08:00
parent 7d3ad6efc0
commit 97865d336e

View File

@@ -52,15 +52,10 @@
<div class="select fitems">
<a-range-picker
v-model:value="projectTime"
:show-time="{
defaultValue: [
moment('00:00:00', 'HH:mm:ss'),
moment('23:59:59', 'HH:mm:ss'),
],
}"
style="width:420px;"
valueFormat="X"
separator="至"
:placeholder="[' 开始时间', ' 结束时间']"
:placeholder="[' 开始时间(创建时间)', ' 结束时间(创建时间)']"
/>
</div>
</div>
@@ -731,6 +726,7 @@
"
>
<span
style="margin-right: 24px;"
:class="[
String(record.courseform) === '1'
? 'disabled table-operation'
@@ -829,6 +825,7 @@
"
>
<span
style="margin-right: 24px;"
:class="[
String(record.courseform) === '1'
? 'disabled table-operation'
@@ -919,6 +916,7 @@
"
>
<span
style="margin-right: 24px;"
:class="[
String(record.courseform) === '1'
? 'disabled table-operation'
@@ -1048,6 +1046,7 @@
"
>
<span
style="margin-right: 24px;"
:class="[
String(record.courseform) === '1'
? 'disabled table-operation'
@@ -1184,6 +1183,7 @@
"
>
<span
style="margin-right: 24px;"
:class="[
String(record.courseform) === '1'
? 'disabled table-operation'
@@ -2734,21 +2734,21 @@ import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
import { codeUrl, toDate } from "../../api/method";
//列表表格
const columns1 = [
{
title: "序号",
width: 100,
dataIndex: "num",
key: "num",
align: "center",
customRender: ({ index, record }) => {
const pageNum =
Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
return index + 1 + pageNum;
},
},
// {
// title: "序号",
// width: 100,
// dataIndex: "num",
// key: "num",
// align: "center",
// customRender: ({ index, record }) => {
// const pageNum =
// Number(record.pageNo) - 1 > 0 ? (Number(record.pageNo) - 1) * 10 : 0;
// return index + 1 + pageNum;
// },
// },
{
title: "名称",
width: 200,
width: 400,
dataIndex: "name",
key: "name",
ellipsis: true,
@@ -2910,7 +2910,7 @@ const columns1 = [
dataIndex: "operation",
key: "operation",
fixed: "right",
align: "center",
align: "right",
},
];
//列表操作在线面授管理
@@ -5499,15 +5499,15 @@ export default defineComponent({
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
background: rgba(64, 158, 255, 0);
background: #409eff;
border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
cursor: pointer;
justify-content: center;
margin-right: 14px;
flex-shrink: 0;
cursor: pointer;
.search {
background-size: 100%;
@@ -5516,7 +5516,7 @@ export default defineComponent({
.btnText {
font-size: 14px;
font-weight: 400;
color: rgba(64, 158, 255, 1);
color: #ffffff;
line-height: 36px;
margin-left: 5px;
}
@@ -5526,7 +5526,7 @@ export default defineComponent({
.search {
width: 15px;
height: 17px;
background-image: url("../../assets/images/courseManage/search1.png");
background-image: url("../../assets/images/courseManage/search0.png");
}
}
@@ -5534,7 +5534,7 @@ export default defineComponent({
.search {
width: 16px;
height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png");
background-image: url("../../assets/images/courseManage/reset0.png");
}
}
@@ -5542,7 +5542,7 @@ export default defineComponent({
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/coursewareManage/export.png");
background-image: url("../../assets/images/coursewareManage/export1.png");
}
}
@@ -5552,12 +5552,12 @@ export default defineComponent({
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add1.png");
background-image: url("../../assets/images/courseManage/add0.png");
}
}
.btn1:hover {
background: rgba(64, 158, 255, 1);
background: rgba(64, 158, 255, 0.76);
.search {
background-image: url("../../assets/images/courseManage/search0.png");
@@ -5569,7 +5569,7 @@ export default defineComponent({
}
.btn2:hover {
background: rgba(64, 158, 255, 1);
background: rgba(64, 158, 255, 0.76);
.search {
background-image: url("../../assets/images/courseManage/reset0.png");
@@ -5581,7 +5581,7 @@ export default defineComponent({
}
.btn3:hover {
background: rgba(64, 158, 255, 1);
background: rgba(64, 158, 255, 0.76);
.search {
background-image: url("../../assets/images/coursewareManage/export1.png");
@@ -5593,7 +5593,7 @@ export default defineComponent({
}
.btn4:hover {
background: rgba(64, 158, 255, 1);
background: rgba(64, 158, 255, 0.76);
.search {
background-image: url("../../assets/images/courseManage/add0.png");
@@ -5604,11 +5604,23 @@ export default defineComponent({
}
}
}
}
.tableBox {
margin: 20px 38px 30px;
th {
background-color: #eff4fc !important;
text-align: center !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.operation {
display: flex;
justify-content: center;
@@ -7366,7 +7378,12 @@ export default defineComponent({
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1);
font-size: 14px;
font-weight: 400;
color: #999ba3;
line-height: 36px;
padding: 5px 16px;
background-color: #eff4fc !important;
}
th.h {
@@ -7667,7 +7684,12 @@ export default defineComponent({
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1);
font-size: 14px;
font-weight: 400;
color: #999ba3;
line-height: 36px;
padding: 5px 16px;
background-color: #eff4fc !important;
}
th.h {