src/pages/production/index.vue
@@ -2,7 +2,14 @@
  <view>
    <wd-row>
      <wd-col :span="21">
        <wd-search placeholder-left hide-cancel></wd-search>
        <wd-search
          v-model="searchKeyword"
          placeholder="请输入"
          placeholder-left
          hide-cancel
          @search="handleSearch"
          @clear="handleClear"
        ></wd-search>
      </wd-col>
      <wd-col :span="3">
        <view class="scan_box" @click="openScan">
@@ -14,16 +21,20 @@
      <wd-tab :title="`待生产(${total.wait})`" class="tab_bg">
        <ProductList
          ref="waitRef"
          :key="`wait-${searchKey}`"
          :api="ManageApi.getProductList"
          state="待完成"
          :search="searchKeyword"
          @ok="changeWait"
        />
      </wd-tab>
      <wd-tab :title="`已生产(${total.already})`" class="tab_bg">
        <ProductList
          ref="alreadyRef"
          :key="`already-${searchKey}`"
          :api="ManageApi.getProductList"
          state="已完成"
          :search="searchKeyword"
          @ok="changeAlready"
        />
      </wd-tab>
@@ -50,6 +61,8 @@
const waitRef = ref();
const alreadyRef = ref();
const tab = ref<number>(0);
const searchKeyword = ref("");
const searchKey = ref(0);
const total = reactive({
  wait: 0,
  already: 0,
@@ -61,6 +74,34 @@
const changeAlready = (num: number) => {
  total.already = num;
};
// 获取统计数据
const getStatistics = async () => {
  try {
    const params: any = {};
    if (searchKeyword.value) {
      params.search = searchKeyword.value;
    }
    const { code, data } = await ManageApi.getProductStatistics(params);
    if (code === 200 && data) {
      total.wait = data["待完成"] || 0;
      total.already = data["已完成"] || 0;
    }
  } catch (error) {
    console.error("获取统计数据失败:", error);
  }
};
const handleSearch = () => {
  searchKey.value++;
  // 搜索时更新统计数据
  getStatistics();
};
const handleClear = () => {
  searchKeyword.value = "";
  handleSearch();
};
const openScan = () => {
@@ -86,6 +127,8 @@
onMounted(() => {
  // 开启广播监听事件
  setupScanListener();
  // 获取统计数据
  getStatistics();
  console.log("显示1");
});
onUnmounted(() => {