采购联系单找回

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 };