feat: 完成至扫码

曹睿

2025-04-22 2fa9c764993b4a7ad51754d0e8587990f96f1529

 src/pages/production/index.vue

@@ -10,45 +10,37 @@
        </view>
      </wd-col>
    </wd-row>
    <wd-tabs v-model="tab" :lineWidth="110">
      <block v-for="(item, index) in productList" :key="index" class="tab_bg">
        <wd-tab :title="item.label">
          <view class="card_box">
            <Statistics class="statistics_box" />
            <ProductCard v-for="(item, index) in 10" @click="toDetail(index)" />
            <wd-loadmore custom-class="loadmore" state="loading" />
          </view>
        </wd-tab>
      </block>
    <wd-tabs v-model="tab" auto-line-width>
      <wd-tab :title="`待生产(${total.wait})`" class="tab_bg">
        <ProductList :api="ManageApi.getProductList" state="待完成" @ok="changeWait" />
      </wd-tab>
      <wd-tab :title="`已生产(${total.already})`" class="tab_bg">
        <ProductList :api="ManageApi.getProductList" state="已完成" @ok="changeAlready" />
      </wd-tab>
    </wd-tabs>
  </view>
</template>

<script lang="ts" setup>
import ProductCard from "@/components/product_card/index.vue";
import Statistics from "./components/Statistics.vue";
import ManageApi from "@/api/product/manage";
import { onMounted, ref } from "vue";
import ProductList from "./list/index.vue";

const tab = ref<number>(0);
const total = reactive({
  wait: 0,
  already: 0,
});

const productList = ref<any[]>([
  {
    label: "待生产(10)",
  },
  {
    label: "已生产(20)",
  },
]);

const toDetail = (type: number) => {
  if (Math.floor(type) % 2 === 0) {
    uni.navigateTo({
      url: "/pages/production/detail/wireDetail",
    });
  } else {
    uni.navigateTo({
      url: "/pages/production/detail/twistDetail",
    });
  }
const changeWait = (num: number) => {
  total.wait = num;
};

const changeAlready = (num: number) => {
  total.already = num;
};

onMounted(() => {});
</script>

<style lang="scss" scoped>
@@ -71,7 +63,7 @@
  border-bottom: 1px #dddddd solid;
}
.tab_bg {
  background: linear-gradient(0, #ffffff 29%, #f3f9f8 100%);
  background: #f3f9f8;
}

.icon_box {
@@ -83,10 +75,7 @@
  background: #e7f4ec99;
  border-radius: 50%;
}
.card_box {
  height: calc(100vh - 160px);
  overflow: scroll;
}

.statistics_box {
  margin: 15px;
}