Browse Source

修改知识库样式

yangg 6 months ago
parent
commit
b86c85b86c

File diff suppressed because it is too large
+ 0 - 0
dist/index.html


File diff suppressed because it is too large
+ 0 - 0
dist/static/css/chunk-9888fb8a.cf4ba195.css


File diff suppressed because it is too large
+ 0 - 0
dist/static/css/chunk-d7c43ae4.d14f8e8b.css


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.abc1a929.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/chunk-9888fb8a.3a28e939.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/chunk-d7c43ae4.16d8b94c.js


+ 34 - 2
src/views/knowledgeMenu/category/knowledgeSet.vue

@@ -135,7 +135,7 @@
             :reserve-selection="true"
           ></el-table-column>
           <el-table-column prop="id" label="ID" align="center" width="80" />
-          <el-table-column prop="name" label="文件名称" sortable width="350">
+          <el-table-column prop="name" label="文件名称" sortable >
             <template #default="scope">
               <span>{{ scope.row.name }}</span>
             </template>
@@ -1506,7 +1506,7 @@ export default {
 <style lang="scss" scoped>
 .project-search {
   display: flex;
-  height: calc(100vh - 100px); // 假设顶部导栏高度为60px
+  height: calc(100vh - 100px); // 假设顶部导���栏高度为60px
   background-color: #f9fafb;
   .custom-tree-node {
     width: 100%;
@@ -1597,6 +1597,7 @@ export default {
     flex: 1;
     padding: 20px;
     overflow-y: auto;
+    min-width: 0;
   }
 
   .custom-tree-node {
@@ -1723,5 +1724,36 @@ export default {
     padding: 8px 16px;
   }
 }
+
+// 添加以下样式来处理表格响应式布局
+::v-deep .el-table {
+  width: 100% !important;
+  
+  // 设置表格在小屏幕时的行为
+  &__body-wrapper {
+    overflow-x: auto !important;
+  }
+  
+  // 确保表格单元格内容在空间不足时正确换行
+  .cell {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  // 文件名称列允许换行显示
+  .el-table__row td:nth-child(3) .cell {
+    white-space: normal;
+    word-break: break-word;
+  }
+}
+
+// 确保分页区域不会造成横向滚动
+.page-info {
+  margin-top: 20px;
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+}
 </style>
     

Some files were not shown because too many files changed in this diff