From f230decc3860889c2588955c8f45e414350ec540 Mon Sep 17 00:00:00 2001
From: fyy <2717885210@qq.com>
Date: Thu, 28 Aug 2025 14:29:58 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=BC=E5=BC=8F=E5=8C=96=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E3=80=81=E4=BF=AE=E6=94=B9=E5=BC=B9=E7=AA=97=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../carPassRecordManagement/index.vue         | 34 +--------
 .../record-detail-modal.vue                   |  1 -
 .../record-detail-modal.vue                   | 75 ++++++++-----------
 3 files changed, 37 insertions(+), 73 deletions(-)

diff --git a/apps/web-antd/src/views/property/resident/carPassRecordManagement/index.vue b/apps/web-antd/src/views/property/resident/carPassRecordManagement/index.vue
index 427a0b32..928130b0 100644
--- a/apps/web-antd/src/views/property/resident/carPassRecordManagement/index.vue
+++ b/apps/web-antd/src/views/property/resident/carPassRecordManagement/index.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import {   ref } from 'vue';
+import { ref } from 'vue';
 import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui';
 
-import {   Space } from 'ant-design-vue';
+import { Space } from 'ant-design-vue';
 
 import { useVbenVxeGrid, type VxeGridProps } from '#/adapter/vxe-table';
 
@@ -57,10 +57,6 @@ async function externalLoginOnLoad() {
       if (!response.ok) {
         throw new Error(`Request failed: ${response.status}`);
       }
-
-      const result2 = await response.json();
-      console.log(result2);
-      // }
     }
   } catch (error) {
     console.error('External login error:', error);
@@ -94,12 +90,8 @@ const gridOptions: VxeGridProps = {
   proxyConfig: {
     ajax: {
       query: async ({ page }, formValues = {}) => {
-        // 修改：添加对token的使用，如果token存在则请求外部接口，否则使用原接口
-        console.log(1243);
         sessionStorage.removeItem('token');
         await externalLoginOnLoad();
-        console.log(23423310248);
-
         if (token.value) {
           try {
             const response = await fetch(
@@ -113,17 +105,6 @@ const gridOptions: VxeGridProps = {
                   Accept: 'application/json, text/plain, */*',
                 },
                 body: JSON.stringify({
-                  // pageReq: {
-                  //   pageNum: page.currentPage,
-                  //   pageSize: page.pageSize,
-                  // },
-                  // parkStates: parkStates.value,
-                  // parkOrderTypes: [100, 200, 201, 300, 500],
-                  // plNos: ['PFN000000022', 'PFN000000012', 'PFN000000025'],
-                  // terminalSource: 50,
-                  // orderStates: [],
-                  // orgId: 10012,
-                  // ...formValues,
                   pageReq: {
                     pageNum: page.currentPage,
                     pageSize: page.pageSize,
@@ -135,19 +116,12 @@ const gridOptions: VxeGridProps = {
                   orderStates: [],
                   parkOrderTypes: [100, 200, 201, 300, 500],
                   terminalSource: 50,
+                  // plNos、carNumber、orgId、orderStates、parkOrderTypes、terminalSource为接口参数固定需求
+                  // parkStates：10-在场、20-离场
                 }),
               },
             );
-
-            // if (!response.ok) {
-            //   throw new Error(
-            //     `External API request failed: ${response.status}`,
-            //   );
-            // }
-
             const result = await response.json();
-            console.log(result);
-
             // 根据返回数据结构调整
             return {
               rows: result.data.dataList || [],
diff --git a/apps/web-antd/src/views/property/resident/carPassRecordManagement/record-detail-modal.vue b/apps/web-antd/src/views/property/resident/carPassRecordManagement/record-detail-modal.vue
index 26893c73..6973f20d 100644
--- a/apps/web-antd/src/views/property/resident/carPassRecordManagement/record-detail-modal.vue
+++ b/apps/web-antd/src/views/property/resident/carPassRecordManagement/record-detail-modal.vue
@@ -76,7 +76,6 @@ const [BasicModal, modalApi] = useVbenModal({
     for (const item of result.data) {
       if (item.fileName.includes('进场图片')) {
         data.parkInImgPath = item.filePath;
-        console.log('图片路径:', data.parkInImgPath);
       } else {
         data.parkOutImgPath = item.filePath;
       }
diff --git a/apps/web-antd/src/views/property/resident/personPassRecordManagement/record-detail-modal.vue b/apps/web-antd/src/views/property/resident/personPassRecordManagement/record-detail-modal.vue
index 59af0ed0..8c19ecf2 100644
--- a/apps/web-antd/src/views/property/resident/personPassRecordManagement/record-detail-modal.vue
+++ b/apps/web-antd/src/views/property/resident/personPassRecordManagement/record-detail-modal.vue
@@ -5,13 +5,9 @@ import { useVbenModal } from '@vben/common-ui';
 
 const emit = defineEmits<{ reload: [] }>();
 
-const picture1 = ref('')
-// const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
-//   {
-//     initializedGetter: defaultFormValueGetter(formApi),
-//     currentGetter: defaultFormValueGetter(formApi),
-//   },
-// );
+const pictureUrl = ref('');
+const monitorPictureUrl = ref('');
+const voucherUrl = ref('');
 
 const [BasicModal, modalApi] = useVbenModal({
   // 在这里更改宽度
@@ -23,22 +19,11 @@ const [BasicModal, modalApi] = useVbenModal({
     if (!isOpen) {
       return null;
     }
-    const {data} = modalApi.getData() as { data:any };
-    console.log(data)
-    picture1.value = data.pictureUrl;
-  // detail.value = await meetInfo(id);
-  // if (detail.value?.picture) {
-  //   const res = await ossInfo([conferenceSettingsDetail.value?.picture]);
-  //   if (res) {
-  //     let imgArr = [] as string[];
-  //     res.forEach(item => {
-  //       imgArr.push(item.url)
-  //     })
-  //     conferenceSettingsDetail.value.pictureArr = imgArr;
-  //   }
-  // }
     modalApi.modalLoading(true);
-
+    const { data } = modalApi.getData() as { data: any };
+    pictureUrl.value = data.pictureUrl;
+    monitorPictureUrl.value = data.monitorPictureUrl;
+    voucherUrl.value = data.voucherUrl;
     modalApi.modalLoading(false);
   },
 });
@@ -54,28 +39,38 @@ async function handleConfirm() {
     modalApi.lock(false);
   }
 }
-async function handleClosed() {}
+async function handleClosed() {
+  pictureUrl.value = '';
+  monitorPictureUrl.value = '';
+  voucherUrl.value = '';
+}
 </script>
 
 <template>
   <BasicModal title="抓拍图片">
     <div class="detail-wrapper">
-  <div class="detail-grid">
-    <div class="detail-card">
-      <img class="detail-thumb" :src="picture1"></img>
-      <div class="detail-caption">人脸凭证照片</div>
+      <div class="detail-grid">
+        <div class="detail-card">
+          <div class="detail-thumb">
+            <img v-if="voucherUrl" :src="voucherUrl" />
+          </div>
+          <div class="detail-caption">人脸凭证照片</div>
+        </div>
+        <div class="detail-card">
+          <div class="detail-thumb">
+            <img v-if="monitorPictureUrl" :src="monitorPictureUrl" />
+          </div>
+          <div class="detail-caption">监控设备抓拍</div>
+        </div>
+        <div class="detail-card">
+          <div class="detail-thumb">
+            <img v-if="pictureUrl" :src="pictureUrl" />
+          </div>
+          <div class="detail-caption">人脸门禁抓拍</div>
+        </div>
+      </div>
     </div>
-    <div class="detail-card">
-      <img class="detail-thumb" :src="picture1"></img>
-      <div class="detail-caption">监控设备抓拍</div>
-    </div>
-    <div class="detail-card">
-      <img class="detail-thumb" :src="picture1"></img>
-      <div class="detail-caption">人脸门禁抓拍</div>
-    </div>
-  </div>
-</div>
-    </BasicModal>
+  </BasicModal>
 </template>
 
 <style scoped>
@@ -93,10 +88,6 @@ async function handleClosed() {}
   display: flex;
   flex-direction: column;
   align-items: center;
-  background-color: #fff;
-  border-radius: 8px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.08);
-  padding: 16px;
 }
 
 .detail-thumb {