hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-20 00:06:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
wyx
2022-12-10 11:38:46 +08:00
parent 7d3ad6efc0
commit 97865d336e
1 changed files with 56 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
src/views/courselibrary/CoursewareManage.vue
View File

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