feat(CoilSelector): 新增入场卷号字段并调整当前卷号显示

feat(customer): 新增客户相关配卷和财务信息查询接口

fix(base.vue): 修复发货单时间条件显示问题

refactor(CustomerEdit): 替换地址选择组件为普通输入框

feat(CoilSelector): 增加入场卷号查询条件并调整对话框宽度

style(OrderEdit): 调整客户名称和销售员选择框宽度

refactor(ChinaAreaSelect): 优化地址解析逻辑并支持空对象处理

feat(FileUpload/FileList): 新增文件预览功能组件

refactor(KLPService/CustomerSelect): 优化客户选择组件并支持自定义字段绑定

fix(AbnormalForm): 修复异常位置校验逻辑并保留当前卷号

feat(ContractTabs): 新增合同附件展示功能

refactor(warehouse/record): 重构操作记录统计展示方式

feat(contract): 集成客户选择组件并优化合同信息填充

refactor(order): 调整订单表单布局并集成合同信息

feat(FilePreview): 新增文件预览组件

feat(customer): 新增财务状态和发货配卷展示

refactor(CustomerOrder): 移除冗余代码并优化布局

feat(PlanDetailForm): 新增合同附件查看功能

feat(dict): 新增字典管理页面

klp-ui/src/components/FileUpload/index.vue

@@ -32,19 +32,31 @@
           <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
         </el-link>
         <div class="ele-upload-list__item-content-action">
+          <el-link :underline="false" @click="handlePreview(file)" type="primary">预览</el-link>
           <el-link :underline="false" @click="handleDelete(index)" type="danger">删除</el-link>
         </div>
       </li>
     </transition-group>
+
+    <!-- 文件预览组件 -->
+    <file-preview
+      :visible.sync="previewVisible"
+      :file-url="previewFileUrl"
+      :file-name="previewFileName"
+    />
   </div>
 </template>
 
 <script>
 import { getToken } from "@/utils/auth";
 import { listByIds, delOss } from "@/api/system/oss";
+import FilePreview from "../FilePreview";
 
 export default {
   name: "FileUpload",
+  components: {
+    FilePreview
+  },
   props: {
     // 值
     value: [String, Object, Array],
@@ -85,6 +97,10 @@ export default {
       },
       fileList: [],
       loading: false,
+      // 预览相关
+      previewVisible: false,
+      previewFileUrl: '',
+      previewFileName: ''
     };
   },
   watch: {
@@ -232,6 +248,12 @@ export default {
       }
       return strs != "" ? strs.substr(0, strs.length - 1) : "";
     },
+    // 预览文件
+    handlePreview(file) {
+      this.previewFileUrl = file.url;
+      this.previewFileName = file.name;
+      this.previewVisible = true;
+    },
   },
 };
 </script>