feat(creditMpCustomer): 添加步骤筛选功能并优化文件展示

- 在模型中新增 step 字段用于标识处理进度
- 添加步骤筛选下拉框支持按状态搜索
- 重构文件展示逻辑支持图片预览和文件链接
- 添加步骤标签颜色区分不同处理阶段
- 优化表格列宽度布局提升显示效果
- 实现文件路径解析和缓存机制

src/views/credit/creditMpCustomer/components/search.vue

@@ -1,12 +1,12 @@
 <!-- 搜索表单 -->
 <template>
   <a-space :size="10" style="flex-wrap: wrap">
-    <a-button type="primary" class="ele-btn-icon" @click="add">
-      <template #icon>
-        <PlusOutlined />
-      </template>
-      <span>添加</span>
-    </a-button>
+<!--    <a-button type="primary" class="ele-btn-icon" @click="add">-->
+<!--      <template #icon>-->
+<!--        <PlusOutlined />-->
+<!--      </template>-->
+<!--      <span>添加</span>-->
+<!--    </a-button>-->
     <a-button class="ele-btn-icon" @click="exportData">
       <template #icon>
         <CloudDownloadOutlined />
@@ -32,6 +32,21 @@
       @search="handleSearch"
       @pressEnter="handleSearch"
     />
+    <a-select
+      v-model:value="step"
+      allow-clear
+      placeholder="步骤"
+      style="width: 140px"
+      @change="handleSearch"
+    >
+      <a-select-option
+        v-for="item in stepOptions"
+        :key="item.value"
+        :value="item.value"
+      >
+        {{ item.text }}
+      </a-select-option>
+    </a-select>
   </a-space>
 </template>
 
@@ -66,8 +81,18 @@
   }>();
 
   const keywords = ref('');
+  const step = ref<number | undefined>(undefined);
   const selection = computed(() => props.selection || []);
 
+  const stepOptions = [
+    { value: 0, text: '未受理' },
+    { value: 1, text: '已受理' },
+    { value: 2, text: '材料提交' },
+    { value: 3, text: '合同签订' },
+    { value: 4, text: '执行回款' },
+    { value: 5, text: '完结' }
+  ];
+
   // 新增
   const add = () => {
     emit('add');
@@ -75,7 +100,7 @@
 
   // 搜索
   const handleSearch = () => {
-    emit('search', { keywords: keywords.value });
+    emit('search', { keywords: keywords.value || undefined, step: step.value });
   };
 
   // 导出