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/views/crm/contract/components/ContractTabs.vue

@@ -3,7 +3,7 @@
     <div v-if="contractId" class="tabs-content">
       <el-tabs v-model="activeTab" type="card" tab-position="top" v-loading="tabLoading">
         <el-tab-pane label="下发订单" name="second">
-          <OrderPage v-if="activeTab === 'second'" :contractId="contractId" />
+          <OrderPage v-if="activeTab === 'second'" :contractId="contractId" :customerId="customerId" />
         </el-tab-pane>
         <el-tab-pane label="财务状态" name="third">
           <KLPTable v-loading="loading" :data="financeList">
@@ -38,6 +38,22 @@
         <el-tab-pane label="发货配卷" name="fifth">
           <CoilTable :data="coilList" />
         </el-tab-pane>
+        <el-tab-pane label="合同附件" name="sixth">
+          <div class="attachment-section">
+            <div class="attachment-item">
+              <h4>商务附件</h4>
+              <FileList :oss-ids="contractAttachment" />
+            </div>
+            <div class="attachment-item">
+              <h4>技术附件</h4>
+              <FileList :oss-ids="technicalAgreement" />
+            </div>
+            <div class="attachment-item">
+              <h4>排产函</h4>
+              <FileList :oss-ids="otherAttachment" />
+            </div>
+          </div>
+        </el-tab-pane>
       </el-tabs>
     </div>
     <div v-else class="no-selection" style="display: flex; align-items: center; justify-content: center; height: 100%;">
@@ -49,18 +65,24 @@
 <script>
 import OrderPage from "@/views/crm/order/index.vue";
 import CoilTable from "../../components/CoilTable.vue";
+import FileList from "@/components/FileList";
 
 export default {
   name: "ContractTabs",
   components: {
     OrderPage,
-    CoilTable
+    CoilTable,
+    FileList
   },
   props: {
     contractId: {
       type: [Number, String],
       default: null
     },
+    customerId: {
+      type: String,
+      default: ''
+    },
     financeList: {
       type: Array,
       default: () => []
@@ -80,6 +102,19 @@ export default {
     tabLoading: {
       type: Boolean,
       default: false
+    },
+    // 附件字段
+    contractAttachment: {
+      type: String,
+      default: ''
+    },
+    technicalAgreement: {
+      type: String,
+      default: ''
+    },
+    otherAttachment: {
+      type: String,
+      default: ''
     }
   },
   data() {
@@ -116,4 +151,24 @@ export default {
   height: 100%;
   overflow-y: auto;
 }
+
+.attachment-section {
+  padding: 20px;
+}
+
+.attachment-item {
+  margin-bottom: 10px;
+}
+
+.attachment-item h4 {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+}
+
+.attachment-item .file-list-container {
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  overflow: hidden;
+}
 </style>