曹睿
2025-04-25 ec1bef3a37e8dcdf22f1bf52e7c272a18306f4b9
src/pages/production/index.vue
@@ -12,10 +12,20 @@
    </wd-row>
    <wd-tabs v-model="tab" auto-line-width>
      <wd-tab :title="`待生产(${total.wait})`" class="tab_bg">
        <ProductList :api="ManageApi.getProductList" state="待完成" @ok="changeWait" />
        <ProductList
          ref="waitRef"
          :api="ManageApi.getProductList"
          state="待完成"
          @ok="changeWait"
        />
      </wd-tab>
      <wd-tab :title="`已生产(${total.already})`" class="tab_bg">
        <ProductList :api="ManageApi.getProductList" state="已完成" @ok="changeAlready" />
        <ProductList
          ref="alreadyRef"
          :api="ManageApi.getProductList"
          state="已完成"
          @ok="changeAlready"
        />
      </wd-tab>
    </wd-tabs>
  </view>
@@ -23,9 +33,11 @@
<script lang="ts" setup>
import ManageApi from "@/api/product/manage";
import { onMounted, ref } from "vue";
import { ref } from "vue";
import ProductList from "./list/index.vue";
const waitRef = ref();
const alreadyRef = ref();
const tab = ref<number>(0);
const total = reactive({
  wait: 0,
@@ -39,8 +51,6 @@
const changeAlready = (num: number) => {
  total.already = num;
};
onMounted(() => {});
</script>
<style lang="scss" scoped>
@@ -48,12 +58,12 @@
  border-radius: unset;
}
.scan_box {
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 6px;
  background: #fff;
}
::v-deep .wd-tabs__line {