From 81412db42fbc5e308eec3e06c3601e87f6b3b5d3 Mon Sep 17 00:00:00 2001
From: huangchenhao <123673748@qq.com>
Date: Wed, 12 Nov 2025 18:12:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=B0=E9=9B=AA=E4=B8=93=E9=A2=98App?=
 =?UTF-8?q?=E7=AB=AF=20=E7=89=A9=E8=B5=84=E7=AE=A1=E7=90=86=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=92=8C=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/Material/MaterialDetails.vue    | 37 ++++++++++++++-----
 1 file changed, 28 insertions(+), 9 deletions(-)

diff --git a/packages/mobile/src/views/Material/MaterialDetails.vue b/packages/mobile/src/views/Material/MaterialDetails.vue
index 1467d9b..6f45127 100644
--- a/packages/mobile/src/views/Material/MaterialDetails.vue
+++ b/packages/mobile/src/views/Material/MaterialDetails.vue
@@ -13,15 +13,24 @@
           style="font-size: 18px; font-weight: bold; line-height: inherit"
         >
         </van-cell>
-        <van-cell :title="'物资名称： ' + wzDetailData.wzmc"> </van-cell>
-        <van-cell :title="'数量： ' + wzDetailData.sl"> </van-cell>
-        <van-cell :title="'余量： ' + wzDetailData.ye"> </van-cell>
-        <van-cell :title="'单位： ' + wzDetailData.dw"> </van-cell>
-        <van-cell :title="'存放地点： ' + wzDetailData.cfdd"> </van-cell>
-        <van-cell :title="'区县名称： ' + wzDetailData.qxmc"> </van-cell>
+        <van-cell :title="'物资名称： ' + wzDetailData.wzmc">
+          <template #right-icon>
+            <van-image
+              :src="photos[0]?.photoUrl"
+              fit="cover"
+              width="100px"
+              @click="showImage(photos)"
+            ></van-image>
+          </template>
+        </van-cell>
+        <van-cell :title="'余量： ' + wzDetailData.ye + ' ' + wzDetailData.dw">
+        </van-cell>
+        <van-cell :title="'物资经度： ' + wzDetailData.jd"> </van-cell>
+        <van-cell :title="'物资纬度： ' + wzDetailData.wd"> </van-cell>
         <van-cell :title="'负责人： ' + wzDetailData.fzr"> </van-cell>
-        <van-cell :title="'联系电话： ' + wzDetailData.lxdh"> </van-cell>
-        <van-cell :title="'入库日期： ' + wzDetailData.rkrq"> </van-cell>
+        <van-cell :title="'入库日期： ' + wzDetailData.rksj"> </van-cell>
+        <van-cell :title="'所属养护站： ' + wzDetailData.yhzMc"> </van-cell>
+        <van-cell :title="'备注： ' + wzDetailData.remark"> </van-cell>
       </van-cell-group>
     </div>
   </div>
@@ -32,7 +41,7 @@ import "vant/es/toast/style";
 import "vant/es/popup/style";
 import { ref, onMounted, toRaw, reactive } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import { showToast, showLoadingToast } from "vant";
+import { showToast, showLoadingToast, showImagePreview } from "vant";
 import { request } from "../../../../shared/utils/request";
 
 const router = useRouter();
@@ -41,6 +50,7 @@ const route = useRoute();
 const yhzDetail = ref({});
 const wzData = ref([]);
 const wzDetailData = ref({}); // 物资详情数据
+const photos = ref([]); // 物资图片数据
 
 onMounted(() => {
   const data = JSON.parse(decodeURIComponent(route.params.data));
@@ -59,6 +69,7 @@ const getwzDetail = async () => {
     });
     if (res.code && res.code === "00000") {
       wzDetailData.value = res.data.material;
+      photos.value = res.data.photos;
     } else {
       throw new Error(res.message);
     }
@@ -77,6 +88,14 @@ const onClickLeft = () => {
     params: { data: encodeURIComponent(JSON.stringify(yhzDetail.value)) },
   });
 };
+
+const showImage = (photos) => {
+  const photosArr = photos.map((item) => item.photoUrl);
+  showImagePreview({
+    images: photosArr,
+    closeable: true,
+  });
+};
 </script>
     
     <style scoped>