强化文件api，添加FilePond

ruoyi-ui/src/views/file/FileRecord/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="85px">
       <el-form-item label="文件ID" prop="fileId">
         <el-input
           v-model="queryParams.fileId"
@@ -17,13 +17,27 @@
           @keyup.enter="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="文件后缀" prop="extension">
+        <el-input
+            v-model="queryParams.extension"
+            placeholder="请输入文件后缀"
+            clearable
+            @keyup.enter="handleQuery"
+        />
+      </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+
+
       </el-form-item>
     </el-form>
 
     <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-col>
       <el-col :span="1.5">
         <el-button
           type="warning"
@@ -33,26 +47,36 @@
           v-hasPermi="['file:FileRecord:export']"
         >导出</el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+            type="danger"
+            plain
+            icon="Delete"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['wms:FileRecord:remove']"
+        >删除</el-button>
+      </el-col>
       <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="FileRecordList" @selection-change="handleSelectionChange" show-overflow-tooltip="true">
-      <el-table-column type="selection" width="55" align="center" />
+    <el-table v-loading="loading" :data="FileRecordList" @selection-change="handleSelectionChange" :show-overflow-tooltip="true">
+      <el-table-column type="selection" width="30" align="center" />
       <el-table-column label="文件ID" align="center" prop="fileId" />
-      <el-table-column label="保存文件名" align="center" prop="savedName" />
-      <el-table-column label="原始文件名" align="center" prop="originalName" />
+      <el-table-column label="保存文件名" width="190" align="center" prop="savedName" />
+      <el-table-column label="原始文件名" width="200" align="center" prop="originalName" />
       <el-table-column label="文件路径" align="center" prop="filePath" />
       <el-table-column label="文件后缀" align="center" prop="extension" />
       <el-table-column label="存储方式" align="center" prop="storageType" />
-      <el-table-column label="获取文件的URL" align="center" prop="requestUrl" />
+      <el-table-column label="文件URL" align="center" prop="requestUrl" />
       <el-table-column label="文件大小(Byte)" align="center" prop="fileSize" />
-      <el-table-column label="创建者" align="center" prop="createBy" />
+      <el-table-column label="创建者ID" align="center" prop="createBy" />
       <el-table-column label="创建时间" align="center" prop="createTime" width="180">
         <template #default="scope">
           <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="更新者" align="center" prop="updateBy" />
+      <el-table-column label="更新者ID" align="center" prop="updateBy" />
       <el-table-column label="更新时间" align="center" prop="updateTime" width="180">
         <template #default="scope">
           <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
@@ -71,7 +95,7 @@
 </template>
 
 <script setup name="FileRecord">
-import { listFileRecord, getFileRecord } from "@/api/file/FileRecord";
+import { listFileRecord, delFileRecord } from "@/api/file/FileRecord";
 
 const { proxy } = getCurrentInstance();
 
@@ -89,10 +113,11 @@ const data = reactive({
   form: {},
   queryParams: {
     pageNum: 1,
-    pageSize: 10,
+    pageSize: 20,
     fileId: null,
     savedName: null,
     originalName: null,
+    extension: null,
   },
   rules: {
   }
@@ -155,6 +180,24 @@ function handleSelectionChange(selection) {
   multiple.value = !selection.length;
 }
 
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const _fileIds = row.fileId || ids.value;
+  proxy.$modal.confirm('是否确认删除文件ID为"' + _fileIds + '"的数据项？').then(function() {
+    return delFileRecord(_fileIds);
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download('file/FileRecord/export', {
+    ...queryParams.value
+  }, `FileRecord_${new Date().getTime()}.xlsx`)
+}
+
 //页面打开时查询
 //getList();
 </script>