mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-12 12:26:47 +08:00
还原
This commit is contained in:
@@ -3,7 +3,7 @@
|
|||||||
<!-- 搜索框及按钮 -->
|
<!-- 搜索框及按钮 -->
|
||||||
<div class="filter">
|
<div class="filter">
|
||||||
<div class="filterItems">
|
<div class="filterItems">
|
||||||
<!-- <div class="select">
|
<!-- <div class="select">
|
||||||
<a-input
|
<a-input
|
||||||
v-model:value="searchParam.id"
|
v-model:value="searchParam.id"
|
||||||
style="width: 270px; height: 40px; border-radius: 8px"
|
style="width: 270px; height: 40px; border-radius: 8px"
|
||||||
@@ -16,7 +16,7 @@
|
|||||||
<div class="select">
|
<div class="select">
|
||||||
<a-input
|
<a-input
|
||||||
v-model:value="searchParam.tagName"
|
v-model:value="searchParam.tagName"
|
||||||
style="width: 100%; max-width: 270px;border-radius: 8px"
|
style="width: 270px; height: 40px; border-radius: 8px"
|
||||||
placeholder="请输入标签名称"
|
placeholder="请输入标签名称"
|
||||||
allowClear
|
allowClear
|
||||||
showSearch
|
showSearch
|
||||||
@@ -133,21 +133,21 @@
|
|||||||
class="modalHeader"
|
class="modalHeader"
|
||||||
style="
|
style="
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 50px;
|
height: 68px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<div class="headerLeft" style="margin-left: 32px">
|
<div class="headerLeft" style="margin-left: 32px">
|
||||||
<span class="headerLeftText" style="font-size: 1rem">关联课程</span>
|
<span class="headerLeftText" style="font-size: 16px">关联课程</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="cursor: pointer; margin-right: 32px" @click="closeCourseDialog">
|
<div style="cursor: pointer; margin-right: 32px" @click="closeCourseDialog">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="modalMain" style="padding: 10px;">
|
<div class="modalMain" style="padding: 5px;">
|
||||||
<a-table
|
<a-table
|
||||||
:columns="courseColumns"
|
:columns="courseColumns"
|
||||||
:data-source="courseTableData"
|
:data-source="courseTableData"
|
||||||
@@ -158,10 +158,10 @@
|
|||||||
@change="handleRelTableChange"
|
@change="handleRelTableChange"
|
||||||
>
|
>
|
||||||
<template #bodyCell="{ record, column }">
|
<template #bodyCell="{ record, column }">
|
||||||
|
<!-- 关联时间格式化 -->
|
||||||
<template v-if="column.key === 'sysCreateTime'">
|
<template v-if="column.key === 'sysCreateTime'">
|
||||||
{{ formatDate(record.sysCreateTime) }}
|
{{ formatDate(record.sysCreateTime) }}
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- 操作列 -->
|
<!-- 操作列 -->
|
||||||
<template v-else-if="column.key === 'operation'">
|
<template v-else-if="column.key === 'operation'">
|
||||||
<a-button type="link" @click="unbindCurrentTag(record)">解绑</a-button>
|
<a-button type="link" @click="unbindCurrentTag(record)">解绑</a-button>
|
||||||
@@ -634,12 +634,9 @@ export default {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.filter {
|
.filter {
|
||||||
//margin-left: 38px;
|
margin-left: 38px;
|
||||||
//margin-right: 38px;
|
margin-right: 38px;
|
||||||
//margin-top: 30px;
|
margin-top: 30px;
|
||||||
margin-left: 2vw; // 原38px
|
|
||||||
margin-right: 2vw;
|
|
||||||
margin-top: 2vh; // 原30px
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
@@ -647,15 +644,10 @@ export default {
|
|||||||
.filterItems {
|
.filterItems {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 1rem; // 使用gap替代margin
|
|
||||||
|
|
||||||
.select {
|
.select {
|
||||||
//margin-right: 20px;
|
margin-right: 20px;
|
||||||
//margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
flex: 1;
|
|
||||||
min-width: 200px; // 设置最小宽度
|
|
||||||
margin-right: 0; // 移除固定margin
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
@@ -676,8 +668,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btnText {
|
.btnText {
|
||||||
//font-size: 14px;
|
font-size: 14px;
|
||||||
font-size: 0.875rem; // 14px in rem
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
line-height: 36px;
|
line-height: 36px;
|
||||||
|
|||||||
Reference in New Issue
Block a user