产出数量字段名修改

zhangwencui

6 天以前 905cfed9b092caf16143e2a2a21bc740d268c1dc

 src/views/productionManagement/productionReporting/Output.vue

@@ -1,21 +1,18 @@
<template>
  <div>
    <el-dialog
        v-model="isShow"
        title="产出"
        @close="closeModal"
    >
      <PIMTable
          rowKey="id"
          :column="tableColumn"
          :tableData="data"
          :page="page"
          :tableLoading="tableLoading"
          @pagination="pagination"
      ></PIMTable>
    <el-dialog v-model="isShow"
               title="产出"
               @close="closeModal">
      <PIMTable rowKey="id"
                :column="tableColumn"
                :tableData="data"
                :page="page"
                :tableLoading="tableLoading"
                @pagination="pagination"></PIMTable>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="closeModal">关闭</el-button>
          <el-button type="primary"
                     @click="closeModal">关闭</el-button>
        </div>
      </template>
    </el-dialog>
@@ -23,85 +20,87 @@
</template>

<script setup>
import {ref, computed, onMounted} from "vue";
import { productionProductOutputListPage } from "@/api/productionManagement/productionProductOutput.js";
  import { ref, computed, onMounted } from "vue";
  import { productionProductOutputListPage } from "@/api/productionManagement/productionProductOutput.js";

const props = defineProps({
  visible: {
    type: Boolean,
    required: true,
  },
  productionProductMainId: {
    type: Number,
    required: true,
  },
});
  const props = defineProps({
    visible: {
      type: Boolean,
      required: true,
    },
    productionProductMainId: {
      type: Number,
      required: true,
    },
  });

const emit = defineEmits(['update:visible', 'completed']);
  const emit = defineEmits(["update:visible", "completed"]);

const page = reactive({
  current: 1,
  size: 100,
  total: 0
});
  const page = reactive({
    current: 1,
    size: 100,
    total: 0,
  });

const pagination = (obj) => {
  page.current = obj.page;
  page.size = obj.limit;
  fetchData();
};
  const pagination = obj => {
    page.current = obj.page;
    page.size = obj.limit;
    fetchData();
  };

const tableLoading = ref(false);
  const tableLoading = ref(false);

const tableColumn = [
  {
    label: '报工单号',
    prop: 'productNo',
  },
  {
    label: '产品型号',
    prop: 'model',
  },
  {
    label: '投入数量',
    prop: 'quantity',
  },
]
  const tableColumn = [
    {
      label: "报工单号",
      prop: "productNo",
    },
    {
      label: "产品型号",
      prop: "model",
    },
    {
      label: "产出数量",
      prop: "quantity",
    },
  ];

const isShow = computed({
  get() {
    return props.visible;
  },
  set(val) {
    emit('update:visible', val);
  },
});
  const isShow = computed({
    get() {
      return props.visible;
    },
    set(val) {
      emit("update:visible", val);
    },
  });

const data = ref([])
  const data = ref([]);

const closeModal = () => {
  isShow.value = false;
};
  const closeModal = () => {
    isShow.value = false;
  };

const fetchData = () => {
  tableLoading.value = true;
  const params = { productMainId: props.productionProductMainId, ...page };
  const fetchData = () => {
    tableLoading.value = true;
    const params = { productMainId: props.productionProductMainId, ...page };

  productionProductOutputListPage(params).then(res => {
    tableLoading.value = false;
    data.value = res.data.records;
    page.total = res.data.total;
  }).catch(err => {
    tableLoading.value = false;
  })
};
    productionProductOutputListPage(params)
      .then(res => {
        tableLoading.value = false;
        data.value = res.data.records;
        page.total = res.data.total;
      })
      .catch(err => {
        tableLoading.value = false;
      });
  };

defineExpose({
  closeModal,
  isShow,
});
  defineExpose({
    closeModal,
    isShow,
  });

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