From 2fa9c764993b4a7ad51754d0e8587990f96f1529 Mon Sep 17 00:00:00 2001
From: 曹睿 <360930172@qq.com>
Date: 星期二, 22 四月 2025 16:33:27 +0800
Subject: [PATCH] feat: 完成至扫码

---
 src/pages/production/twist/receive/monofil.vue |   82 +++++++++++++++++++++++++---------------
 1 files changed, 51 insertions(+), 31 deletions(-)

diff --git a/src/pages/production/twist/receive/monofil.vue b/src/pages/production/twist/receive/monofil.vue
index 80d234f..f781ff7 100644
--- a/src/pages/production/twist/receive/monofil.vue
+++ b/src/pages/production/twist/receive/monofil.vue
@@ -1,59 +1,79 @@
 <template>
-  <view class="page">
-    <CardTitle title="鍗曚笣棰嗙敤" :hideAction="false">
-      <template #action>
-        <wd-button type="icon" icon="scan" color="#0D867F" @click="scanCode"></wd-button>
+  <view class="list_box">
+    <z-paging
+      ref="pagingRef"
+      v-model="cardList"
+      :fixed="false"
+      :auto-show-back-to-top="true"
+      @query="getList"
+    >
+      <template #top>
+        <CardTitle title="鍗曚笣棰嗙敤" :hideAction="false">
+          <template #action>
+            <wd-button type="icon" icon="scan" color="#0D867F" @click="openScan"></wd-button>
+          </template>
+        </CardTitle>
       </template>
-    </CardTitle>
-    <view class="list_box">
-      <MonofilCard v-for="(item, index) in 4" :key="index" />
-    </view>
-    <scan />
+      <MonofilCard v-for="(item, index) in cardList" :key="index" />
+    </z-paging>
   </view>
+  <Scan ref="scanRef" />
 </template>
 
 <script setup lang="ts">
 import CardTitle from "@/components/card-title/index.vue";
 import MonofilCard from "../components/MonofilCard.vue";
-import scan from "@/components/scan/index.vue";
-import { onLoad, onUnload } from "@dcloudio/uni-app";
+import { onLoad, onUnload, onShow, onHide } from "@dcloudio/uni-app";
+import Scan from "@/components/scan/index.vue";
+import ManageApi from "@/api/product/manage";
+import zPaging from "@/components/z-paging/z-paging.vue";
+// import { useZebraScan } from "@/hooks/useZebraScan";
+// const { init, start, stop, triggerScan } = useZebraScan();
 
+const paramsId = ref();
+const pagingRef = ref();
+const scanRef = ref();
 const cardList = ref<any[]>([]);
 
-const BroadcastScanningToObtainData = (res: any) => {
-  console.log("鑾峰彇娆℃暟", res.code);
-  let barcode = res.code;
-  console.log("鎵撳嵃鏁版嵁", barcode);
+const getScanCode = (code: any) => {
+  // let parseData = code.trim();
+  console.log("鑷畾涔夋壂鎻忕殑缁撴灉鍥炶皟鍑芥暟:", code);
+  cardList.value.push({});
 };
 
-const scanCode = () => {
-  uni.scanCode({
-    onlyFromCamera: true,
-    success: (res) => {
-      console.log("鏉＄爜绫诲瀷锛�" + res.scanType);
-      console.log("鏉＄爜鍐呭锛�" + res.result);
-      cardList.value.push(res.result);
-    },
+const openScan = () => {
+  scanRef.value.triggerScan();
+};
+
+const getList = async () => {
+  const { code, data } = await ManageApi.getStrandedWireDish({
+    wireId: paramsId.value,
+    type: "鍗曚笣",
   });
+  if (code == 200) {
+    pagingRef.value.complete(data);
+  }
 };
 
-onLoad(() => {
+onLoad((options: any) => {
   // 寮�鍚箍鎾洃鍚簨浠�
-  uni.$on("scan", BroadcastScanningToObtainData);
+  uni.$on("scan", getScanCode);
+  paramsId.value = options.id;
 });
 onUnload(() => {
   // 寮�鍚箍鎾洃鍚簨浠�
-  uni.$off("scan", BroadcastScanningToObtainData);
+  uni.$off("scan", getScanCode);
 });
+
+onShow(() => {});
+
+onHide(() => {});
 </script>
 
 <style lang="scss" scoped>
-.page {
+.list_box {
+  height: calc(100vh - 100px);
   background: #f3f9f8;
-  .list_box {
-    height: calc(100% - 100px);
-    overflow: scroll;
-  }
 }
 :deep(.wd-button__content) {
   color: #0d867f;

--
Gitblit v1.9.3