曹睿
2025-04-23 1112158bb2f50257f55e5a1963b601e1e0c4be83
src/pages/production/twist/receive/steelCore/index.vue
@@ -1,8 +1,16 @@
<template>
  <view class="page pt-2">
    <CardTitle title="钢芯领用" :hideAction="true" @action="addReport" />
    <view class="list">
      <wd-card v-for="(item, index) in 2" :key="index" type="rectangle" custom-class="round">
    <z-paging
      ref="pagingRef"
      v-model="cardList"
      :fixed="false"
      :auto-show-back-to-top="true"
      @query="getList"
    >
      <template #top>
        <CardTitle title="钢芯领用" :hideAction="true" @action="addReport" />
      </template>
      <wd-card v-for="(item, index) in cardList" :key="index" type="rectangle" custom-class="round">
        <template #title>
          <view class="flex justify-between">
            <view>
@@ -14,6 +22,7 @@
        </template>
        <ProductionCard :data="cardAttr" color="#0D867F" />
      </wd-card>
    </z-paging>
    </view>
    <wd-popup v-model="dialog.visible" position="bottom" custom-class="yl-popup">
      <view class="action px-3">
@@ -23,7 +32,6 @@
      <PlateForm />
    </wd-popup>
    <wd-toast />
  </view>
</template>
<script setup lang="ts">
@@ -31,11 +39,17 @@
import ProductionCard from "../../../components/ProductionCard.vue";
import { useToast } from "wot-design-uni";
import PlateForm from "./form.vue";
import { onLoad } from "@dcloudio/uni-app";
import ManageApi from "@/api/product/manage";
import zPaging from "@/components/z-paging/z-paging.vue";
const paramsId = ref();
const pagingRef = ref();
const toast = useToast();
const dialog = reactive({
  visible: false,
});
const cardList = ref<any[]>([]);
const cardAttr = ref<any[]>([
  {
@@ -80,20 +94,31 @@
  toast.show("取消");
  dialog.visible = false;
};
const getList = async () => {
  const { code, data } = await ManageApi.getStrandedWireDish({
    wireId: paramsId.value,
    type: "盘具",
  });
  if (code == 200) {
    pagingRef.value.complete(data);
  }
};
onLoad((options: any) => {
  paramsId.value = options.id;
});
</script>
<style lang="scss" scoped>
.page {
  background: #f3f9f8;
  .list {
    height: calc(100vh - 120px);
    margin: 12px;
    overflow: scroll;
  padding: 12px;
  background: #f3f9f8;
    :deep() {
      .round {
        border-radius: 4px;
      }
    }
  }
}