update views/disk

src/api/disk.js

@@ -0,0 +1,16 @@
+import { get, post } from '@/utils/request'
+
+const diskApi = {
+  diskFileApi: '/api/content/disk/file',
+  ossUploadApi: '/api/file/upload',
+  ossStsApi: '/api/file/aliyun/sts_token',
+  ossSignedUrlApi: '/api/file/aliyun/signed_url'
+}
+
+export function getDiskFile(query) {
+  return get(diskApi.diskFileApi, query)
+}
+
+export function getVideoCoverChannelInfo() {
+  return post(diskApi.ossUploadApi + '/image')
+}

src/views/disk/DiskFile.vue

@@ -51,19 +51,29 @@
           type="selection"
         />
         <el-table-column
-          prop="createAt"
+          prop="filename"
           label="文件名"
-        />
+        >
+          <template slot-scope="scope">
+            <a
+              style="text-decoration-line: none"
+              href="javascript:void(0)"
+              @click="onClickFilename(scope.row)"
+            >
+              <span>{{ scope.row.filename }}</span>
+            </a>
+          </template>
+        </el-table-column>
         <el-table-column
-          prop="title"
+          prop="size"
           label="大小"
         />
         <el-table-column
-          prop="title"
+          prop="fileTypeStr"
           label="类型"
         />
         <el-table-column
-          prop="title"
+          prop="updateTime"
           label="修改时间"
         />
       </el-table>
@@ -72,6 +82,8 @@
 </template>
 
 <script>
+import { getDiskFile } from '@/api/disk'
+
 export default {
   name: 'DiskFile',
   data() {
@@ -88,6 +100,18 @@ export default {
   },
   methods: {
     getData() {
+      const queryForm = {
+        pageNo: 1,
+        path: '/',
+        fileType: null,
+        filename: null
+      }
+      getDiskFile(queryForm).then(resp => {
+        if (resp.code === 0) {
+          const respData = resp.data
+          this.dataList = respData.list
+        }
+      })
     },
     // 处理表格被选中
     handleTableSectionChange(val) {
@@ -104,6 +128,19 @@ export default {
     },
     onSearchFile() {
       this.$message.info('search file')
+    },
+    onClickFilename(row) {
+      const fileId = row.fileId
+      const fileType = row.fileType
+      if (fileType === 1001) {
+        this.$message.info(fileId + ' 是图片')
+      } else if (fileType === 1002) {
+        this.$message.info(fileId + ' 是视频')
+      } else if (fileType === 1003) {
+        this.$message.info(fileId + ' 是音频')
+      } else if (fileType === 1004) {
+        this.$message.info(fileId + ' 是文档')
+      }
     }
   }
 }