feat: 完成框架

曹睿

2025-04-21 1e5646aadae902d9f9043cc0d79395bf6b06a38c

 src/pages/production/twist/receive/monofil.vue

@@ -2,48 +2,64 @@
  <view class="page">
    <CardTitle title="单丝领用" :hideAction="false">
      <template #action>
        <wd-button type="icon" icon="scan" color="#0D867F" @click="scanCode"></wd-button>
        <wd-button type="icon" icon="scan" color="#0D867F" @click="openScan"></wd-button>
      </template>
    </CardTitle>
    <view class="list_box">
      <MonofilCard v-for="(item, index) in 4" :key="index" />
      <MonofilCard v-for="(item, index) in cardList" :key="index" />
    </view>
    <scan />
    <Scan ref="scanRef" />
  </view>
</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 { useZebraScan } from "@/hooks/useZebraScan";

// const { init, start, stop, triggerScan } = useZebraScan();

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 = () => {
  // uni.scanCode({
  //   onlyFromCamera: true,
  //   success: (res) => {
  //     console.log("条码类型：" + res.scanType);
  //     console.log("条码内容：" + res.result);
  //     cardList.value.push(res.result);
  //   },
  // });
  // triggerScan();
  scanRef.value.triggerScan();
};

onLoad(() => {
  // 开启广播监听事件
  uni.$on("scan", BroadcastScanningToObtainData);
  uni.$on("scan", getScanCode);
  // init(getScanCode);
});
onUnload(() => {
  // 开启广播监听事件
  uni.$off("scan", BroadcastScanningToObtainData);
  uni.$off("scan", getScanCode);
  // stop();
});

onShow(() => {
  // start();
});

onHide(() => {
  // stop();
});
</script>