This commit is contained in:
670788339
2025-10-28 13:11:41 +08:00
parent 188e77dc55
commit 926cf6e2f8

View File

@@ -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;