增加生产订单详情-生产记录页面

huminmin

9 小时以前 a215940f3d3f52a1404317c3bb88da2ff12c5fc0

 src/views/productionManagement/productionReporting/components/Detail.vue

@@ -1,5 +1,5 @@
<script setup lang="ts">
import {computed} from "vue";
import {computed, onMounted, ref} from "vue";

defineOptions({
  name: "ReportingDetail"
@@ -23,9 +23,30 @@
  set: (value: boolean) => emits("update:isShow", value),
});

const otherData = ref({})
const otherDataEntries = computed(() => {
  return Object.entries(otherData.value || {})
      .filter(([key]) => key !== "rows")
      .map(([key, value]) => ({key, value}));
});
const init = () => {
  if (props.row.otherData !== null && props.row.otherData !== '') {
    try {
      otherData.value = JSON.parse(props.row.otherData);
    } catch {
      otherData.value = {};
    }
  }
};

onMounted(() => {
  init();
})

</script>

<template>
  {{ row }}
  <el-dialog v-model="visible"
             :title="'详情'"
             width="90%">
@@ -40,6 +61,20 @@
      <el-descriptions-item label="报废数量">{{ row.quantity || '-' }}</el-descriptions-item>
      <el-descriptions-item label="单位">{{ row.scrapQty || '-' }}</el-descriptions-item>
      <el-descriptions-item label="创建时间">{{ row.createTime || '-' }}</el-descriptions-item>
      <el-descriptions-item
          v-for="item in otherDataEntries"
          :key="item.key"
          :label="item.key"
      >
        {{ item.value || '-' }}
      </el-descriptions-item>
      <el-descriptions-item
          v-for="item in (otherData.rows || [])"
          :key="item.parameterItem"
          :label="`${item.parameterItem}`"
      >
        {{ item.value || '-' }}
      </el-descriptions-item>
    </el-descriptions>
    <template #footer>
        <span class="dialog-footer">