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,11 +26,11 @@
26 26
27 <!-- 列表 --> 27 <!-- 列表 -->
28 <el-table v-loading="loading" :data="list"> 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 <el-table-column label="文件内容" align="center" prop="content" min-width="150px"> 34 <el-table-column label="文件内容" align="center" prop="content" min-width="150px">
35 <template slot-scope="scope"> 35 <template slot-scope="scope">
36 <image-preview v-if="scope.row.type&&scope.row.type.indexOf('image/') === 0" :src="scope.row.url" 36 <image-preview v-if="scope.row.type&&scope.row.type.indexOf('image/') === 0" :src="scope.row.url"
@@ -42,15 +42,16 @@ @@ -42,15 +42,16 @@
42 </i> 42 </i>
43 </template> 43 </template>
44 </el-table-column> 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 <template slot-scope="scope"> 46 <template slot-scope="scope">
47 <span>{{ parseTime(scope.row.createTime) }}</span> 47 <span>{{ parseTime(scope.row.createTime) }}</span>
48 </template> 48 </template>
49 </el-table-column> 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 <template slot-scope="scope"> 51 <template slot-scope="scope">
52 <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" 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 </template> 55 </template>
55 </el-table-column> 56 </el-table-column>
56 </el-table> 57 </el-table>
@@ -81,7 +82,7 @@ @@ -81,7 +82,7 @@
81 </template> 82 </template>
82 83
83 <script> 84 <script>
84 -import { deleteFile, getFilePage } from "@/api/infra/file"; 85 +import {deleteFile, getFilePage} from "@/api/infra/file";
85 import {getAccessToken} from "@/utils/auth"; 86 import {getAccessToken} from "@/utils/auth";
86 import ImagePreview from "@/components/ImagePreview"; 87 import ImagePreview from "@/components/ImagePreview";
87 88