From ccd67e291e00a2ad9c29ad8df43de6fab5a4afed Mon Sep 17 00:00:00 2001
From: 张诺 <zhang_12370@163.com>
Date: 星期四, 09 四月 2026 09:30:08 +0800
Subject: [PATCH] feat(协同审批/报价单): 添加附件上传、预览和下载功能

---
 src/views/inventoryManagement/stockManagement/index.vue |   41 +++++++++++++++++++++++++++++------------
 1 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/src/views/inventoryManagement/stockManagement/index.vue b/src/views/inventoryManagement/stockManagement/index.vue
index 7b00e27..2323fa5 100644
--- a/src/views/inventoryManagement/stockManagement/index.vue
+++ b/src/views/inventoryManagement/stockManagement/index.vue
@@ -1,34 +1,51 @@
 <template>
   <div class="app-container">
     <el-tabs v-model="activeTab" @tab-change="handleTabChange">
-      <el-tab-pane v-for="tab in tabs"
-                   :label="tab.label"
-                   :name="tab.name"
-                   :key="tab.name">
-        <component :is="tab.name === 'qualified' ? QualifiedRecord : UnqualifiedRecord" />
+      <el-tab-pane
+          v-for="tab in tabs"
+          :label="tab.label"
+          :name="tab.name"
+          :key="tab.name"
+      >
+        <component
+            :is="tab.component"
+            v-if="activeTab === tab.name"
+            :stock-type="tab.name"
+        />
       </el-tab-pane>
     </el-tabs>
   </div>
 </template>
 
 <script setup>
+// 1. 瀵煎叆 shallowRef
+import { ref, shallowRef } from 'vue'
 import QualifiedRecord from "@/views/inventoryManagement/stockManagement/Qualified.vue";
 import UnqualifiedRecord from "@/views/inventoryManagement/stockManagement/Unqualified.vue";
+import rawMaterialRecord from "@/views/inventoryManagement/stockManagement/rawMaterialRecord.vue"
 
 const activeTab = ref('qualified')
-const type = ref(0)
-const tabs = ref([
+
+// 2. 鍏抽敭锛歵abs 鐢� shallowRef 鍖呰9
+const tabs = shallowRef([
   {
-    label: '鍚堟牸搴撳瓨',
-    name: 'qualified'
+    label: '鎴愬搧搴撳瓨',
+    name: 'qualified',
+    component: QualifiedRecord
   },
   {
-    label: '涓嶅悎鏍煎簱瀛�',
-    name: 'unqualified'
+    label: '杈呮潗搴撳瓨',
+    name: 'assistant',
+    component: UnqualifiedRecord
+  },
+  {
+    label: '鍘熸潗鏂欏簱瀛�',
+    name: 'rawMaterial',
+    component: rawMaterialRecord
   }
 ])
 
 const handleTabChange = (tabName) => {
   activeTab.value = tabName;
 }
-</script>
+</script>
\ No newline at end of file

--
Gitblit v1.9.3