From 5b62f70d5df5731a571d709f0f9ff312a7cec5dc Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期四, 20 十一月 2025 16:25:59 +0800
Subject: [PATCH] fix: 巡检加上绞合外径可选

---
 src/components/product_card/index.vue |   63 ++++++++++++++++++++++++++++---
 1 files changed, 57 insertions(+), 6 deletions(-)

diff --git a/src/components/product_card/index.vue b/src/components/product_card/index.vue
index d0ffa6e..e6f64b6 100644
--- a/src/components/product_card/index.vue
+++ b/src/components/product_card/index.vue
@@ -2,12 +2,51 @@
   <wd-card class="card_bg">
     <template #title>
       <view class="flex justify-between w-full">
-        <text class="font-medium text-[#252525]">璁惧缂栧彿: 1234567891</text>
+        <text class="font-medium text-[#252525]">璁惧缂栧彿: {{ data[map.deviceModel] }}</text>
         <wd-tag color="#0D867F" bg-color="#E7F4EC">
-          <text class="text-xs">JL/B20-400-35</text>
+          <text class="text-xs">{{ data[map.model] }}</text>
         </wd-tag>
       </view>
     </template>
+    <wd-row class="my-2" v-if="data[map.systemNo]">
+      <wd-col :span="24">
+        <view class="flex">
+          <view class="icon_box">
+            <wd-icon name="folder" color="#0D867F"></wd-icon>
+          </view>
+          <text class="text-[#646874] mx-2">
+            璐ㄩ噺杩芥函鍙�:
+            <text class="text-[#252525]">{{ data[map.systemNo] }}</text>
+          </text>
+        </view>
+      </wd-col>
+    </wd-row>
+    <wd-row class="my-2" v-if="data.type === '鎷変笣' && data.poleModel">
+      <wd-col :span="24">
+        <view class="flex">
+          <view class="icon_box">
+            <wd-icon name="folder" color="#0D867F"></wd-icon>
+          </view>
+          <text class="text-[#646874] mx-2">
+            閾濇潌鍨嬪彿:
+            <text class="text-[#252525]">{{ data.poleModel }}</text>
+          </text>
+        </view>
+      </wd-col>
+    </wd-row>
+    <wd-row class="my-2" v-if="data.type === '鎷変笣' && data.contractNo">
+      <wd-col :span="24">
+        <view class="flex">
+          <view class="icon_box">
+            <wd-icon name="folder" color="#0D867F"></wd-icon>
+          </view>
+          <text class="text-[#646874] mx-2">
+            鍚堝悓鍙�:
+            <text class="text-[#252525]">{{ data.contractNo }}</text>
+          </text>
+        </view>
+      </wd-col>
+    </wd-row>
     <wd-row class="my-2">
       <wd-col :span="12">
         <view class="flex">
@@ -16,7 +55,7 @@
           </view>
           <text class="text-[#646874] mx-2">
             鎬婚渶姹傛暟閲�:
-            <text class="text-[#252525]">274m</text>
+            <text class="text-[#252525]">{{ data[map.totalAmount] }}{{ data[map.unit] }}</text>
           </text>
         </view>
       </wd-col>
@@ -29,7 +68,7 @@
           </view>
           <text class="text-[#646874] mx-2">
             宸茬敓浜ф暟閲�:
-            <text class="text-[#252525]">202m</text>
+            <text class="text-[#252525]">{{ data[map.amount] }}{{ data[map.unit] }}</text>
           </text>
         </view>
       </wd-col>
@@ -40,7 +79,7 @@
           </view>
           <text class="text-[#646874] mx-2">
             寰呮帓浜ф暟閲�:
-            <text class="text-[#252525]">72m</text>
+            <text class="text-[#252525]">{{ data[map.unAmount] }}{{ data[map.unit] }}</text>
           </text>
         </view>
       </wd-col>
@@ -48,9 +87,21 @@
   </wd-card>
 </template>
 
+<script setup lang="ts">
+defineProps({
+  data: {
+    type: Object,
+    default: () => {},
+  },
+  map: {
+    type: Object,
+    default: () => {},
+  },
+});
+</script>
+
 <style lang="scss" scoped>
 .card_bg {
-  margin-top: 12px;
   box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
   padding-bottom: 10px;
 }

--
Gitblit v1.9.3