From 6dff42a6cbd5e21952030b85ee3f4ca4f5a907f1 Mon Sep 17 00:00:00 2001
From: Teo <2642673902@qq.com>
Date: Thu, 21 Aug 2025 02:25:39 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=87=E8=B4=AD=E8=81=94=E7=B3=BB=E5=8D=95?=
 =?UTF-8?q?=E6=89=BE=E5=9B=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/materials/purchaseDoc/index.vue | 31 +++++++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/views/materials/purchaseDoc/index.vue b/src/views/materials/purchaseDoc/index.vue
index 2154d87..0c70dce 100644
--- a/src/views/materials/purchaseDoc/index.vue
+++ b/src/views/materials/purchaseDoc/index.vue
@@ -109,6 +109,7 @@
               v-hasPermi="['cailiaoshebei:purchaseDoc:edit']"
               >修改</el-button
             >
+
             <el-button
               link
               type="primary"
@@ -118,6 +119,9 @@
               v-hasPermi="['cailiaoshebei:purchaseDoc:list']"
               >物流单分享</el-button
             >
+            <el-button link type="primary" icon="View" @click="handleDetail(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:remove']"
+              >详情</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
@@ -239,13 +243,26 @@
         </span>
       </template>
     </el-dialog>
+    <el-dialog title="详情" v-model="detailBASEVisble" width="1000">
+      <div class="text-center">
+        <img :src="detailBASE" class="w200" />
+      </div>
+    </el-dialog>
     <logisticsDetail ref="logisticsDetailRef"></logisticsDetail>
   </div>
 </template>
 
 <script setup name="PurchaseDoc" lang="ts">
 import { getBatch, listBatch } from '@/api/materials/batchPlan';
-import { listPurchaseDoc, getPurchaseDoc, listLink, addPurchaseDoc, updatePurchaseDoc, logisticsDetial } from '@/api/materials/purchaseDoc';
+import {
+  listPurchaseDoc,
+  getPurchaseDoc,
+  listLink,
+  addPurchaseDoc,
+  updatePurchaseDoc,
+  logisticsDetial,
+  getDetailBASE
+} from '@/api/materials/purchaseDoc';
 import { PurchaseDocVO, PurchaseDocQuery, PurchaseDocForm } from '@/api/materials/purchaseDoc/types';
 import { listContractor } from '@/api/project/contractor';
 import { useUserStoreHook } from '@/store/modules/user';
@@ -281,7 +298,8 @@ const dialog = reactive<DialogOption>({
 });
 const batchOptions = ref([]);
 const supplierOptions = ref([]);
-
+const detailBASEVisble = ref(false);
+const detailBASE = ref<any>({});
 const planList = ref([]);
 const initFormData: any = {
   id: undefined,
@@ -366,6 +384,15 @@ const cancel = () => {
   dialog.visible = false;
 };
 
+const handleDetail = async (row?: PurchaseDocVO) => {
+  detailBASEVisble.value = true;
+
+  const res = await getDetailBASE(row.id);
+  detailBASE.value = res.data;
+
+  console.log('🚀 ~ handleDetail ~ res:', res);
+};
+
 /** 表单重置 */
 const reset = () => {
   form.value = { ...initFormData };