feat: 完成单丝编号展示

曹睿

2025-04-23 863490a56ebc6675587d163faacf2bf4ef03fa50

feat: 完成单丝编号展示

 src/pages/production/twist/components/MonofilCard.vue

@@ -1,30 +1,19 @@
<template>
  <wd-card>
    <wd-form :model="model">
      <wd-cell-group :border="true">
        <wd-input
          v-model="model.monofilamentNumber"
          label="单丝编号"
          label-width="100px"
          prop="no"
          clearable
          placeholder="请输入单丝编号"
        />
        <wd-input
          v-model="model.oneLength"
          label="长度"
          label-width="100px"
          prop="length"
          clearable
          placeholder="请输入长度"
        />
      </wd-cell-group>
    </wd-form>
    <wd-cell-group :border="true">
      <wd-cell title="单丝编号" :value="data.monofilamentNumber" />
      <wd-cell title="长度" :value="data.oneLength" />
    </wd-cell-group>
  </wd-card>
</template>

<script setup lang="ts">
const model: any = defineModel("value");
defineProps({
  data: {
    type: Object,
    default: () => {},
  },
});
</script>

<style lang="scss" scoped></style>

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

@@ -14,7 +14,7 @@
          </template>
        </CardTitle>
      </template>
      <MonofilCard v-for="(item, index) in cardList" v-model:value="item" :key="index" />
      <MonofilCard v-for="(item, index) in cardList" :key="index" :data="item" />
      <template #bottom>
        <view class="flex justify-center items-center">
          <wd-button block>
@@ -35,7 +35,6 @@
import ManageApi from "@/api/product/manage";
import TwistApi from "@/api/product/twist";
import zPaging from "@/components/z-paging/z-paging.vue";
import { useMessage } from "wot-design-uni";
// import { useZebraScan } from "@/hooks/useZebraScan";
// const { init, start, stop, triggerScan } = useZebraScan();

@@ -43,7 +42,6 @@
const pagingRef = ref();
const scanRef = ref();
const cardList = ref<any[]>([]);
const message = useMessage();

const getScanCode = async (code: any) => {
  console.log("自定义扫描的结果回调函数:", code);
@@ -53,11 +51,6 @@
  const { data } = await TwistApi.getScarn({
    outPutId: codeArr[1],
  });
  // console.log("单丝编号", data);
  // message.alert({
  //   title: "单丝编号",
  //   msg: JSON.stringify(data),
  // });
  pagingRef.value.complete([data]);
};