|
@@ -135,7 +135,7 @@
|
|
:reserve-selection="true"
|
|
:reserve-selection="true"
|
|
></el-table-column>
|
|
></el-table-column>
|
|
<el-table-column prop="id" label="ID" align="center" width="80" />
|
|
<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">
|
|
<template #default="scope">
|
|
<span>{{ scope.row.name }}</span>
|
|
<span>{{ scope.row.name }}</span>
|
|
</template>
|
|
</template>
|
|
@@ -1506,7 +1506,7 @@ export default {
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.project-search {
|
|
.project-search {
|
|
display: flex;
|
|
display: flex;
|
|
- height: calc(100vh - 100px); // 假设顶部导航栏高度为60px
|
|
|
|
|
|
+ height: calc(100vh - 100px); // 假设顶部导���栏高度为60px
|
|
background-color: #f9fafb;
|
|
background-color: #f9fafb;
|
|
.custom-tree-node {
|
|
.custom-tree-node {
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -1597,6 +1597,7 @@ export default {
|
|
flex: 1;
|
|
flex: 1;
|
|
padding: 20px;
|
|
padding: 20px;
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
|
|
+ min-width: 0;
|
|
}
|
|
}
|
|
|
|
|
|
.custom-tree-node {
|
|
.custom-tree-node {
|
|
@@ -1723,5 +1724,36 @@ export default {
|
|
padding: 8px 16px;
|
|
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>
|
|
</style>
|
|
|
|
|