还原

src/views/tag/TagManage.vue

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