BJ_ZTEITS-Developers / parking-cloud-yudao

Commit 30f2c1a496461f6c2ac9e1d1ec6b2fde305e798d

Authored by jiangqiang
1 parent a5d16c11

优化文件列表页面在小屏幕上的显示

Inline Side-by-side
Showing 1 changed file with 10 additions and 9 deletions
yudao-ui-admin/src/views/infra/file/index.vue
  View file @30f2c1a
... ... @@ -26,11 +26,11 @@
26 26  
27 27 <!-- 列表 -->
28 28 <el-table v-loading="loading" :data="list">
29   - <el-table-column label="文件名" :show-overflow-tooltip="true" align="center" min-width="250" prop="name" />
30   - <el-table-column :show-overflow-tooltip="true" label="文件路径" align="center" min-width="300" prop="path" />
31   - <el-table-column :show-overflow-tooltip="true" label="文件 URL" align="center" min-width="400" prop="url" />
32   - <el-table-column label="文件大小" align="center" prop="size" width="120" :formatter="sizeFormat" />
33   - <el-table-column label="文件类型" align="center" prop="type" width="210" />
  29 + <el-table-column label="文件名" :show-overflow-tooltip="true" align="center" min-width="200px" prop="name"/>
  30 + <el-table-column label="文件路径" :show-overflow-tooltip="true" align="center" min-width="250px" prop="path"/>
  31 + <el-table-column label="文件 URL" :show-overflow-tooltip="true" align="center" min-width="300px" prop="url"/>
  32 + <el-table-column label="文件大小" align="center" prop="size" min-width="120px" :formatter="sizeFormat"/>
  33 + <el-table-column label="文件类型" :show-overflow-tooltip="true" align="center" prop="type" width="180px"/>
34 34 <el-table-column label="文件内容" align="center" prop="content" min-width="150px">
35 35 <template slot-scope="scope">
36 36 <image-preview v-if="scope.row.type&&scope.row.type.indexOf('image/') === 0" :src="scope.row.url"
... ... @@ -42,15 +42,16 @@
42 42 </i>
43 43 </template>
44 44 </el-table-column>
45   - <el-table-column label="上传时间" align="center" prop="createTime" width="180">
  45 + <el-table-column label="上传时间" align="center" prop="createTime" min-width="170px">
46 46 <template slot-scope="scope">
47 47 <span>{{ parseTime(scope.row.createTime) }}</span>
48 48 </template>
49 49 </el-table-column>
50   - <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
  50 + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="100px">
51 51 <template slot-scope="scope">
52 52 <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
53   - v-hasPermi="['infra:file:delete']">删除</el-button>
  53 + v-hasPermi="['infra:file:delete']">删除
  54 + </el-button>
54 55 </template>
55 56 </el-table-column>
56 57 </el-table>
... ... @@ -81,7 +82,7 @@
81 82 </template>
82 83  
83 84 <script>
84   -import { deleteFile, getFilePage } from "@/api/infra/file";
  85 +import {deleteFile, getFilePage} from "@/api/infra/file";
85 86 import {getAccessToken} from "@/utils/auth";
86 87 import ImagePreview from "@/components/ImagePreview";
87 88  
... ...