From 9b1805acd1f1bbc84fd670e282b52ae67e68afc5 Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期四, 30 十月 2025 17:40:07 +0800
Subject: [PATCH] 拉丝和绞线的详情

---
 src/pages.json                                 |   28 +
 src/api/routingInspection/routingInspection.ts |   16 +
 src/pages/routingInspection/detail/indexJX.vue |  285 +++++++++++++++++++++++++
 src/pages/routingInspection/list/index.vue     |   13 
 src/pages/routingInspection/detail/indexLS.vue |  294 ++++++++++++++++++++++++++
 5 files changed, 621 insertions(+), 15 deletions(-)

diff --git a/src/api/routingInspection/routingInspection.ts b/src/api/routingInspection/routingInspection.ts
index 074de57..2567f7a 100644
--- a/src/api/routingInspection/routingInspection.ts
+++ b/src/api/routingInspection/routingInspection.ts
@@ -18,6 +18,22 @@
       data: data,
     });
   },
+  // 鑾峰彇鎷変笣鍗曚釜缁撴瀯璁板綍 0
+  getDrawInspectInfoById(params: any) {
+    return request<BaseResult<any>>({
+      url: "/wireInspection/getDrawInspectInfoById/" + params.id,
+      method: "GET",
+      // data: params,
+    });
+  },
+  // 鑾峰彇缁炵嚎鍗曚釜缁撴瀯璁板綍 1
+  getStrandedInspectionStructureInfoById(params: any) {
+    return request<BaseResult<any>>({
+      url: "/wireInspection/getStrandedInspectionStructureInfoById/" + params.id,
+      method: "GET",
+      // data: params,
+    });
+  },
 };
 
 export default RoutingInspectionApi;
diff --git a/src/pages.json b/src/pages.json
index 781c4b7..6841877 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -6,7 +6,6 @@
       "^cu-(.*)": "@/components/cu-$1/index.vue"
     }
   },
-
   "pages": [
     {
       "path": "pages/index/index",
@@ -98,7 +97,6 @@
         "navigationBarTitleText": "涓汉璧勬枡"
       }
     },
-
     {
       "path": "pages/work/user/index",
       "style": {
@@ -145,12 +143,6 @@
       "path": "pages/production/index",
       "style": {
         "navigationBarTitleText": "鐢熶骇绠＄悊"
-      }
-    },
-    {
-      "path": "pages/routingInspection/index",
-      "style": {
-        "navigationBarTitleText": "宸℃"
       }
     },
     {
@@ -290,6 +282,24 @@
       "style": {
         "navigationBarTitleText": "鏃舵晥鎶ュ伐"
       }
+    },
+    {
+      "path": "pages/routingInspection/index",
+      "style": {
+        "navigationBarTitleText": "宸℃"
+      }
+    },
+    {
+      "path": "pages/routingInspection/detail/indexJX",
+      "style": {
+        "navigationBarTitleText": "缁炵嚎宸℃璇︽儏"
+      }
+    },
+    {
+      "path": "pages/routingInspection/detail/indexLS",
+      "style": {
+        "navigationBarTitleText": "鎷変笣宸℃璇︽儏"
+      }
     }
   ],
   "globalStyle": {
@@ -323,4 +333,4 @@
       }
     ]
   }
-}
+}
\ No newline at end of file
diff --git a/src/pages/routingInspection/detail/indexJX.vue b/src/pages/routingInspection/detail/indexJX.vue
new file mode 100644
index 0000000..715d85d
--- /dev/null
+++ b/src/pages/routingInspection/detail/indexJX.vue
@@ -0,0 +1,285 @@
+<template>
+	<view class="list">
+		<div class="inspection-report">
+			<!-- 鍩烘湰淇℃伅妯″潡 -->
+			<wd-row>
+				<text class="title">{{ "鍩烘湰淇℃伅" }}</text>
+				<wd-col :span="24">
+					<wd-form-item label="鏃ユ湡"
+						prop="recordDate">{{ formatDate(recordData.fixedInfo?.recordDate)}}</wd-form-item>
+					<wd-form-item label="鐝"
+						prop="workShift">{{formatValue(recordData.fixedInfo?.workShift)}}</wd-form-item>
+					<wd-form-item label="鍨嬪彿瑙勬牸" prop="model">{{ formatValue(recordData.fixedInfo?.model)}}</wd-form-item>
+					<wd-form-item label="鎴愬搧绾跨洏鍙�"
+						prop="systemNo">{{ formatValue(recordData.fixedInfo?.systemNo)}}</wd-form-item>
+					<wd-form-item label="璁板綍浜�"
+						prop="createUserName">{{ formatValue(recordData.fixedInfo?.createUserName) }}</wd-form-item>
+					<wd-form-item label="鏈哄彴"
+						prop="deviceModel">{{ formatValue(recordData.fixedInfo?.deviceModel)}}</wd-form-item>
+					<wd-form-item label="浜у搧绫诲埆"
+						prop="productType">{{ formatValue(recordData.fixedInfo?.productType)}}</wd-form-item>
+					<wd-form-item label="鐢熶骇闀垮害"
+						prop="actuallyLength">{{ formatValue(recordData.fixedInfo?.actuallyLength, "m")}}</wd-form-item>
+					<wd-form-item label="寮犲姏璁剧疆"
+						prop="twistTension">{{ formatValue(recordData.fixedInfo?.twistTension, "N/m") }}</wd-form-item>
+					<wd-form-item label="缁炲埗澶栧緞"
+						prop="twistDiameter">{{ formatValue(recordData.inspectionResult?.twistDiameter, "mm") }}</wd-form-item>
+				</wd-col>
+			</wd-row>
+			<!-- 鑷璁板綍璇︽儏妯″潡 -->
+			<wd-row>
+				<text class="title">{{ "鑷璁板綍璇︽儏" }}</text>
+				<wd-col :span="24">
+					<wd-form-item label="璁板綍浣嶇疆"
+						prop="recordPosition">{{ recordData.structureInfo?.recordPosition || "-" }}</wd-form-item>
+					<wd-form-item label="璁板綍浜�"
+						prop="createUserName">{{ recordData.structureInfo?.createUserName || "-"}}</wd-form-item>
+					<wd-form-item label="鐘舵��" prop="status">
+						<wd-tag custom-class="space"
+							:type="getStatusType(recordData.structureInfo?.status)">{{ getStatusText(recordData.structureInfo?.status) }}</wd-tag>
+					</wd-form-item>
+				</wd-col>
+			</wd-row>
+			<!-- 缁撴瀯妫�鏌ユā鍧� -->
+			<wd-row>
+				<text class="title">{{ "缁撴瀯妫�鏌�" }}</text>
+				<wd-col :span="24">
+					<wd-form-item label="鎴愬搧缁撴瀯"
+						prop="inspectStructure">{{recordData.structureInfo.structureRecordResult.inspectStructure.structureFormula || "-"}}</wd-form-item>
+				</wd-col>
+			</wd-row>
+			<wd-row v-if="recordData.structureInfo.structureRecordResult.inspectStructure.structureItems">
+				<text class="title">{{ "缁撴瀯鏍囧噯鍊煎拰瀹炴祴" }}</text>
+				<wd-col :span="24"
+					v-for="(item, index) in recordData.structureInfo.structureRecordResult.inspectStructure.structureItems"
+					:key="index" style="padding-bottom: 10px;">
+					<wd-form-item :label="formatValue(item.structureName)" label-width="400rpx"
+						style="color: red;"></wd-form-item>
+					<wd-form-item label="鏍囧噯鍊�" prop="structureValue">{{formatValue(item.structureValue)}}</wd-form-item>
+					<wd-form-item label="瀹炴祴鏍规暟"
+						prop="actualValue1">{{formatValue(item.actualValue1, "鏍�")}}</wd-form-item>
+					<wd-form-item label="瀹炴祴鐩村緞"
+						prop="actualValue2">{{formatValue(item.actualValue2, "mm")}}</wd-form-item>
+				</wd-col>
+			</wd-row>
+			<!-- 缁炵嚎宸ヨ壓璐ㄩ噺鎺у埗妯″潡 -->
+			<wd-row v-if="recordData.structureInfo?.structureRecordResult?.inspectTwist">
+				<text class="title">{{ "缁炵嚎宸ヨ壓璐ㄩ噺鎺у埗" }}</text>
+				<wd-col :span="24" v-for="(item, index) in recordData.structureInfo.structureRecordResult.inspectTwist"
+					:key="index" style="padding-bottom: 10px;">
+					<wd-form-item :label="formatValue(item.twistName)" label-width="400rpx"
+						style="color: red;"></wd-form-item>
+					<wd-form-item label="缁炲悜" prop="direction">{{ formatValue(item.direction) }}</wd-form-item>
+					<wd-form-item label="鑺傝窛" prop="pitch">{{ formatValue(item.pitch, "mm") }}</wd-form-item>
+					<wd-form-item label="鑺傚緞姣�" prop="pitchRatio">{{ formatValue(item.pitchRatio) }}</wd-form-item>
+				</wd-col>
+			</wd-row>
+			<!-- 澶栬鍜岀粨璁烘ā鍧� -->
+			<wd-row>
+				<text class="title">{{ "澶栬鍜岀粨璁�" }}</text>
+				<wd-col :span="24">
+					<wd-form-item label="缁撹"
+						prop="conclusion">{{formatValue(recordData.structureInfo.structureRecordResult.conclusion)}}</wd-form-item>
+					<wd-form-item label="浜у搧澶栬"
+						prop="productAppearance">{{formatProductAppearance(recordData.structureInfo.structureRecordResult.productAppearance)}}</wd-form-item>
+				</wd-col>
+			</wd-row>
+			<!-- 宸℃缁撴灉妯″潡 -->
+			<wd-row>
+				<text class="title">{{ "宸℃缁撴灉" }}</text>
+				<wd-col :span="24">
+					<wd-form-item label="鏍峰搧鏄惁榻愬叏"
+						prop="sampleComplete">{{formatValue(recordData.inspectionResult?.sampleComplete)}}</wd-form-item>
+				</wd-col>
+			</wd-row>
+			<!-- 闄勪欢妯″潡 -->
+			<wd-row class="attachment-section">
+				<text class="title">{{ "闄勪欢" }}</text>
+				<!-- 鐢� flex 瀹瑰櫒鍖呰９鍥剧墖鍒楋紝瀹炵幇鑷姩鎹㈣ -->
+				<view class="attachment-grid">
+					<wd-col v-for="(file, index) in recordData.structureInfo.files" :key="index"
+						class="attachment-item">
+						<wd-img :width="80" :height="80" :src="file.url" @click="previewImage(file.url)">
+							<template #error>
+								<view class="error-wrap">鍔犺浇澶辫触</view>
+							</template>
+							<template #loading>
+								<view class="loading-wrap">
+									<wd-loading />
+								</view>
+							</template>
+						</wd-img>
+					</wd-col>
+				</view>
+			</wd-row>
+		</div>
+		<wd-popup v-model="show" custom-style="border-radius:32rpx;" @close="handleClose">
+			<div class="image-preview">
+				<img :src="previewImageUrl" alt="棰勮鍥剧墖" style="width: 100%; height: auto" />
+			</div>
+		</wd-popup>
+	</view>
+</template>
+
+<script setup lang="ts">
+	import { onLoad } from "@dcloudio/uni-app";
+	import RoutingInspectionApi from "@/api/routingInspection/routingInspection";
+
+	const paramsId = ref("");
+	const recordData = ref<any>({});
+	const show = ref(false);
+const previewImageUrl = ref("");
+  
+	// 鐘舵�佺被鍨嬫槧灏�
+	const getStatusType = (status : number) => {
+		switch (status) {
+			case 0:
+				return "warning"; // 寰呭贰妫�
+			case 1:
+				return "danger"; // 宸查┏鍥�
+			case 2:
+				return "info"; // 寰呭鏍�
+			case 3:
+				return "success"; // 閫氳繃
+			default:
+				return "info";
+		}
+	};
+
+	// 鐘舵�佹枃鏈槧灏�
+	const getStatusText = (status : number) => {
+		switch (status) {
+			case 0:
+				return "寰呭贰妫�";
+			case 1:
+				return "宸查┏鍥�";
+			case 2:
+				return "寰呭鏍�";
+			case 3:
+				return "閫氳繃";
+			default:
+				return "鏈煡";
+		}
+	};
+
+	// 鑾峰彇澶栬鏂囨湰
+	const getAppearanceText = (appearance : string[]) => {
+		if (!appearance || appearance.length === 0) return "-";
+		return appearance.join("銆�");
+	};
+
+	// 鏍煎紡鍖栦骇鍝佸瑙傛樉绀�
+	const formatProductAppearance = (productAppearance : string[]) => {
+		if (!productAppearance || productAppearance.length === 0) return "-";
+		return productAppearance.join("銆�");
+	};
+
+	// 鏍煎紡鍖栨暟鍊兼樉绀�
+	const formatValue = (value : any, unit ?: string) => {
+		if (value === null || value === undefined || value === "") return "-";
+		return unit ? `${value}${unit}` : value;
+	};
+
+	// 鏍煎紡鍖栨棩鏈熸樉绀�
+	const formatDate = (date : string) => {
+		if (!date) return "-";
+		return new Date(date).toLocaleDateString("zh-CN", {
+			year: "numeric",
+			month: "2-digit",
+			day: "2-digit"
+		});
+	};
+
+	// 鏍煎紡鍖栫粨鏋勫�兼樉绀�
+	const formatStructureValue = (value1 : any, value2 : any) => {
+		const val1 = value1 || "-";
+		const val2 = value2 ? `${value2}mm` : "-";
+		return { count: val1, diameter: val2 };
+	};
+
+	const getDetailData = async (id : string, deviceType : string) => {
+		try {
+			let response;
+				// 鑾峰彇缁炵嚎鍗曚釜缁撴瀯
+				response = await RoutingInspectionApi.getStrandedInspectionStructureInfoById({
+					id: id,
+				});
+				recordData.value = response.data;
+				console.log(recordData.value);
+		} catch (error) {
+			console.error("鑾峰彇璇︽儏澶辫触:", error);
+		}
+	};
+
+	onLoad((options : any) => {
+		paramsId.value = options.id;
+		getDetailData(options.id, options.deviceType);
+	});
+
+	const previewImage = (url : string) => {
+		previewImageUrl.value = url;
+		show.value = true;
+	};
+
+	const handleClose = () => {
+		show.value = false;
+	};
+</script>
+<style lang="scss" scoped>
+	.list {
+		height: calc(100vh - 80px);
+		padding: 12px;
+		background: #f3f9f8;
+
+		:deep() {
+			.round {
+				border-radius: 4px;
+			}
+		}
+	}
+
+	.title {
+		position: relative;
+		margin-left: 10px;
+		font-size: 16px;
+		font-weight: 500;
+		color: #0d867f;
+	}
+
+	.title::after {
+		position: absolute;
+		content: "";
+		top: 4px;
+		left: -10px;
+		width: 4px;
+		height: 16px;
+		background: #0d867f;
+		border-radius: 2px;
+	}
+
+	.attachment-section {
+		width: 100%;
+	}
+
+	.attachment-grid {
+		display: flex;
+		flex-wrap: wrap;
+		/* 瓒呭嚭鑷姩鎹㈣ */
+		gap: 10px;
+		/* 鍥剧墖涔嬮棿鐨勯棿璺� */
+		padding: 10px 0;
+	}
+
+	.attachment-item {
+		width: calc(25% - 10px);
+		/* 姣忚4寮狅紝闂磋窛鐢眊ap鎺у埗锛岄渶璁＄畻瀹藉害 */
+		box-sizing: border-box;
+	}
+
+	/* 閫傞厤灏忓睆骞曪紝鍙皟鏁存瘡琛屾暟閲忥紙濡傛瘡琛�2寮狅級 */
+	@media (max-width: 768px) {
+		.attachment-item {
+			width: calc(25% - 10px);
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/src/pages/routingInspection/detail/indexLS.vue b/src/pages/routingInspection/detail/indexLS.vue
new file mode 100644
index 0000000..08c7ecf
--- /dev/null
+++ b/src/pages/routingInspection/detail/indexLS.vue
@@ -0,0 +1,294 @@
+<template>
+  <view class="list">
+    <div class="inspection-report">
+      <!-- 鍩烘湰淇℃伅妯″潡 -->
+      <wd-row>
+        <text class="title">{{ "鍩烘湰淇℃伅" }}</text>
+        <wd-col :span="24">
+          <wd-form-item label="鏃ユ湡" prop="recordDate">
+            {{ formatDate(detailData.fixedInfo?.recordDate) }}
+          </wd-form-item>
+          <wd-form-item label="鏈哄彴" prop="deviceModel">
+            {{ formatValue(detailData.fixedInfo?.deviceModel) }}
+          </wd-form-item>
+          <wd-form-item label="鐝" prop="workShift">
+            {{ formatValue(detailData.fixedInfo?.workShift) }}
+          </wd-form-item>
+          <wd-form-item label="鐝粍" prop="teamName">
+            {{ formatValue(detailData.fixedInfo?.teamName) }}
+          </wd-form-item>
+          <wd-form-item label="鍗曚笣瑙勬牸" prop="model">
+            {{ formatValue(detailData.fixedInfo?.model) }}
+          </wd-form-item>
+          <wd-form-item label="鐢熶骇杞存暟" prop="outputNumber">
+            {{ formatValue(detailData.fixedInfo?.outputNumber, "杞�") }}
+          </wd-form-item>
+          <wd-form-item label="鍨嬪彿" prop="poleModel">
+            {{ formatValue(detailData.fixedInfo?.poleModel) }}
+          </wd-form-item>
+
+          <wd-form-item label="鎵规" prop="poleNumber">
+            {{ formatValue(detailData.fixedInfo?.poleNumber) }}
+          </wd-form-item>
+          <wd-form-item label="璁板綍浜�" prop="createUserName">
+            {{ formatValue(detailData.fixedInfo?.createUserName) }}
+          </wd-form-item>
+          <wd-form-item label="棣栨鐩樺彿" prop="firstNo">
+            {{ formatValue(detailData.fixedInfo?.firstNo) }}
+          </wd-form-item>
+        </wd-col>
+      </wd-row>
+      <!-- 鑷璁板綍璇︽儏妯″潡 -->
+      <wd-row>
+        <text class="title">{{ "鑷璁板綍璇︽儏" }}</text>
+        <wd-col :span="24">
+          <wd-form-item label="宸℃鍛�" prop="processInspectionUserName">
+            {{ detailData.processInspectionUserName || "-" }}
+          </wd-form-item>
+          <wd-form-item label="鐘舵��" prop="status">
+            <wd-tag custom-class="space" :type="getStatusType(detailData.status)">
+              {{ getStatusText(detailData.status) }}
+            </wd-tag>
+          </wd-form-item>
+        </wd-col>
+      </wd-row>
+      <!-- 妫�楠岀粨鏋� -->
+      <wd-row>
+        <text class="title">{{ "妫�楠岀粨鏋�" }}</text>
+        <wd-col :span="24">
+          <wd-form-item label="鍗曚笣鐩村緞" prop="dia">
+            {{ formatValue(detailData.inspectionResult?.dia, "mm") || "-" }}
+          </wd-form-item>
+          <wd-form-item label="鏈�澶х洿寰�" prop="maxDia">
+            {{ formatValue(detailData.inspectionResult?.maxDia, "mm") || "-" }}
+          </wd-form-item>
+          <wd-form-item label="鏈�灏忕洿寰�" prop="minDia">
+            {{ formatValue(detailData.inspectionResult?.minDia, "mm") || "-" }}
+          </wd-form-item>
+          <wd-form-item label="澶栬" prop="appearance">
+            {{ formatProductAppearance(detailData.inspectionResult?.appearance) || "-" }}
+          </wd-form-item>
+          <wd-form-item label="鍗风粫绱у瘑" prop="windingTightness">
+            {{ formatValue(detailData.inspectionResult?.windingTightness) }}
+          </wd-form-item>
+          <wd-form-item label="鎺掑垪鏁撮綈" prop="arrangementNeatness">
+            {{ formatValue(detailData.inspectionResult?.arrangementNeatness) }}
+          </wd-form-item>
+          <wd-form-item
+            label="澶栧眰閾濈嚎绂讳晶鏉胯竟缂樿窛绂�"
+            prop="aluminumWireDistance"
+            label-width="500rpx"
+          >
+            {{ formatValue(detailData.inspectionResult?.aluminumWireDistance, "mm") || "-" }}
+          </wd-form-item>
+          <wd-form-item label="鎴愬搧妯″悗鎺ュご鎯呭喌" prop="jointCondition" label-width="250rpx">
+            {{ formatValue(detailData.inspectionResult?.jointCondition) || "-" }}
+          </wd-form-item>
+          <wd-form-item label="缁撹" prop="conclusion">
+            {{ formatValue(detailData.inspectionResult?.conclusion) || "-" }}
+          </wd-form-item>
+        </wd-col>
+      </wd-row>
+      <!-- 宸℃缁撴灉 -->
+      <wd-row v-if="detailData.processInspectionResult?.isFully">
+        <text class="title">{{ "宸℃缁撴灉" }}</text>
+        <wd-col :span="24">
+          <wd-form-item label="閾濇潌鍓嶃�佷腑銆佸熬鏍峰搧鏄惁榻愬叏" prop="processInspectionUserName">
+            <wd-tag
+              custom-class="space"
+              :type="detailData.processInspectionResult?.isFully ? 'success' : 'danger'"
+            >
+              {{ detailData.processInspectionResult?.isFully ? "鏄�" : "鍚�" }}
+            </wd-tag>
+          </wd-form-item>
+        </wd-col>
+      </wd-row>
+      <!-- 闄勪欢妯″潡 -->
+      <wd-row class="attachment-section" v-if="detailData.files && detailData.files.length > 0">
+        <text class="title">{{ "闄勪欢" }}</text>
+        <view class="attachment-grid">
+          <wd-col v-for="(file, index) in detailData.files" :key="index" class="attachment-item">
+            <wd-img :width="80" :height="80" :src="file.url" @click="previewImage(file.url)">
+              <template #error>
+                <view class="error-wrap">鍔犺浇澶辫触</view>
+              </template>
+              <template #loading>
+                <view class="loading-wrap">
+                  <wd-loading />
+                </view>
+              </template>
+            </wd-img>
+          </wd-col>
+        </view>
+      </wd-row>
+    </div>
+    <wd-popup v-model="show" custom-style="border-radius:32rpx;" @close="handleClose">
+      <div class="image-preview">
+        <img :src="previewImageUrl" alt="棰勮鍥剧墖" style="width: 100%; height: auto" />
+      </div>
+    </wd-popup>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { onLoad } from "@dcloudio/uni-app";
+import RoutingInspectionApi from "@/api/routingInspection/routingInspection";
+
+const paramsId = ref("");
+const detailData = ref<any>({});
+const show = ref(false);
+const previewImageUrl = ref("");
+
+// 鐘舵�佺被鍨嬫槧灏�
+const getStatusType = (status: number) => {
+  switch (status) {
+    case 0:
+      return "warning"; // 寰呭贰妫�
+    case 1:
+      return "danger"; // 宸查┏鍥�
+    case 2:
+      return "info"; // 寰呭鏍�
+    case 3:
+      return "success"; // 閫氳繃
+    default:
+      return "info";
+  }
+};
+
+// 鐘舵�佹枃鏈槧灏�
+const getStatusText = (status: number) => {
+  switch (status) {
+    case 0:
+      return "寰呭贰妫�";
+    case 1:
+      return "宸查┏鍥�";
+    case 2:
+      return "寰呭鏍�";
+    case 3:
+      return "閫氳繃";
+    default:
+      return "鏈煡";
+  }
+};
+
+// 鑾峰彇澶栬鏂囨湰
+const getAppearanceText = (appearance: string[]) => {
+  if (!appearance || appearance.length === 0) return "-";
+  return appearance.join("銆�");
+};
+
+// 鏍煎紡鍖栦骇鍝佸瑙傛樉绀�
+const formatProductAppearance = (productAppearance: string[]) => {
+  if (!productAppearance || productAppearance.length === 0) return "-";
+  return productAppearance.join("銆�");
+};
+
+// 鏍煎紡鍖栨暟鍊兼樉绀�
+const formatValue = (value: any, unit?: string) => {
+  if (value === null || value === undefined || value === "") return "-";
+  return unit ? `${value}${unit}` : value;
+};
+
+// 鏍煎紡鍖栨棩鏈熸樉绀�
+const formatDate = (date: string) => {
+  if (!date) return "-";
+  return new Date(date).toLocaleDateString("zh-CN", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  });
+};
+
+// 鏍煎紡鍖栫粨鏋勫�兼樉绀�
+const formatStructureValue = (value1: any, value2: any) => {
+  const val1 = value1 || "-";
+  const val2 = value2 ? `${value2}mm` : "-";
+  return { count: val1, diameter: val2 };
+};
+
+const getDetailData = async (id: string, deviceType: string) => {
+  try {
+    let response;
+    // 鑾峰彇鎷変笣鍗曚釜缁撴瀯
+    response = await RoutingInspectionApi.getDrawInspectInfoById({
+      id: id,
+    });
+    detailData.value = response.data;
+    console.log(detailData.value);
+  } catch (error) {
+    console.error("鑾峰彇璇︽儏澶辫触:", error);
+  }
+};
+
+onLoad((options: any) => {
+  paramsId.value = options.id;
+  getDetailData(options.id, options.deviceType);
+});
+
+const previewImage = (url: string) => {
+  previewImageUrl.value = url;
+  show.value = true;
+};
+
+const handleClose = () => {
+  show.value = false;
+};
+</script>
+<style lang="scss" scoped>
+.list {
+  height: calc(100vh - 80px);
+  padding: 12px;
+  background: #f3f9f8;
+
+  :deep() {
+    .round {
+      border-radius: 4px;
+    }
+  }
+}
+
+.title {
+  position: relative;
+  margin-left: 10px;
+  font-size: 16px;
+  font-weight: 500;
+  color: #0d867f;
+}
+
+.title::after {
+  position: absolute;
+  content: "";
+  top: 4px;
+  left: -10px;
+  width: 4px;
+  height: 16px;
+  background: #0d867f;
+  border-radius: 2px;
+}
+
+.attachment-section {
+  width: 100%;
+}
+
+.attachment-grid {
+  display: flex;
+  flex-wrap: wrap;
+  /* 瓒呭嚭鑷姩鎹㈣ */
+  gap: 10px;
+  /* 鍥剧墖涔嬮棿鐨勯棿璺� */
+  padding: 10px 0;
+}
+
+.attachment-item {
+  width: calc(25% - 10px);
+  /* 姣忚4寮狅紝闂磋窛鐢眊ap鎺у埗锛岄渶璁＄畻瀹藉害 */
+  box-sizing: border-box;
+}
+
+/* 閫傞厤灏忓睆骞曪紝鍙皟鏁存瘡琛屾暟閲忥紙濡傛瘡琛�2寮狅級 */
+@media (max-width: 768px) {
+  .attachment-item {
+    width: calc(25% - 10px);
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/routingInspection/list/index.vue b/src/pages/routingInspection/list/index.vue
index 05c3bdf..41b6c0e 100644
--- a/src/pages/routingInspection/list/index.vue
+++ b/src/pages/routingInspection/list/index.vue
@@ -54,15 +54,16 @@
 	const list = ref<any[]>([]);
 
 const toDetail = (id: number, deviceType: number) => {
-    console.log('鐐瑰嚮鍗＄墖', id, deviceType);
-		toast.show("鐐瑰嚮鍗＄墖");
-		if (deviceType == 0) {
+	console.log('鐐瑰嚮鍗＄墖', id, deviceType);
+	if (deviceType == 1) {
+			// 缁炵嚎
 			uni.navigateTo({
-				url: `/pages/production/detail/wireDetail?id=${id}`,
+				url: `/pages/routingInspection/detail/indexJX?id=${id}&deviceType=${deviceType}`,
 			});
-		} else if (deviceType == 1) {
+	} else if (deviceType == 0) {
+			// 鎷変笣
 			uni.navigateTo({
-				url: `/pages/production/detail/twistDetail?id=${id}`,
+				url: `/pages/routingInspection/detail/indexLS?id=${id}&deviceType=${deviceType}`,
 			});
 		}
 	};

--
Gitblit v1.9.3