fix

 <!--
  * @Date: 2022-08-31 16:16:49
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-12-30 12:46:21
+ * @LastEditTime: 2022-12-30 12:58:48
  * @FilePath: /data-table/src/components/FileUploaderField/index.vue
  * @Description: 文件上传控件
 -->
@@ -19,15 +19,15 @@
     </div>
     <div>
       <p
-        v-for="file in fileList"
+        v-for="(file, index) in fileList"
         :key="index"
         style="padding-left: 1rem; margin-bottom: 0.5rem"
       >
-        <span style="font-size: 1rem">{{ file.filename }} {{ (file.size / 1024 / 1024).toFixed(2) }}MB</span
-        >&nbsp;&nbsp;
-        <span style="color: #e32525; font-size: 0.85rem" @click="beforeDelete(file)"
-          >移除</span
-        >
+        <p style="font-size: 1rem; word-break: break-all; margin-right: 0.75rem;">
+          <span>{{ index + 1 }}.&nbsp;{{ file.filename }}&nbsp;&nbsp;{{ (file.size / 1024 / 1024).toFixed(2) }}MB</span>
+          &nbsp;&nbsp;
+          <span style="color: #e32525; font-size: 0.85rem" @click="beforeDelete(file)">移除</span>
+        </p>
       </p>
     </div>
     <div style="padding: 1rem">