refactor: 调整储丝单柜卷包产量计算逻辑

zhuguifei

2026-04-03 08114b7451615854cb01556a7c477e32e17f520e

 ruoyi-plus-soybean/src/views/analy/store-silk/modules/store-silk-detail.vue

old mode 100644
new mode 100755
@@ -55,38 +55,38 @@
    key: 'index',
    title: $t('common.index'),
    align: 'center',
    width: 64,
    width: 56,
    render: (_: any, index: number) => index + 1
  },
  {
    key: 'fsNum',
    title: '喂丝机号',
    align: 'center',
    width: 100
    width: 84
  },
  {
    key: 'siloNum',
    title: '储丝柜号',
    align: 'center',
    width: 100
    width: 84
  },
  {
    key: 'pipeNum',
    title: '管道号',
    align: 'center',
    width: 100
    width: 84
  },
  {
    key: 'equNo',
    title: '机台号',
    align: 'center',
    width: 100
    width: 72
  },
  {
    key: 'shiftCode',
    title: '班次代码',
    align: 'center',
    width: 100,
    width: 88,
    render: (row: StoreSilkDetailVo) => {
      const map: Record<string, string> = {
        '1': '早班',
@@ -100,19 +100,19 @@
    key: 'shiftStartTime',
    title: '班次开始时间',
    align: 'center',
    width: 160
    width: 148
  },
  {
    key: 'shiftEndTime',
    title: '班次结束时间',
    align: 'center',
    width: 160
    width: 148
  },
  {
    key: 'output',
    title: '产量(千支)',
    align: 'center',
    width: 120,
    width: 96,
    render: (row: StoreSilkDetailVo) => {
      if (row.output === null || row.output === undefined) return '-';
      const v = Number(row.output);
@@ -124,7 +124,7 @@
    key: 'outputBox',
    title: '产量(箱)',
    align: 'center',
    width: 100,
    width: 84,
    render: (row: StoreSilkDetailVo) => {
      const v = detailType.value === 'roller' ? calcRollerBox(row.output) : calcPackerBox(row.output);
      if (v === null) return '-';
@@ -139,30 +139,34 @@
    title="产量明细"
    :bordered="false"
    size="small"
    class="card-wrapper flex-col-stretch"
    class="flex-col-stretch card-wrapper"
    :content-style="{ flex: 1, overflow: 'hidden', display: 'flex', flexDirection: 'column' }"
  >
    <template #header-extra>
      <NSpace :size="8">
        <NButton size="small" ghost :type="detailType === 'roller' ? 'primary' : 'default'" @click="detailType = 'roller'">
        <NButton
          size="small"
          ghost
          :type="detailType === 'roller' ? 'primary' : 'default'"
          @click="detailType = 'roller'"
        >
          卷接
        </NButton>
        <NButton size="small" ghost :type="detailType === 'packer' ? 'primary' : 'default'" @click="detailType = 'packer'">
        <NButton
          size="small"
          ghost
          :type="detailType === 'packer' ? 'primary' : 'default'"
          @click="detailType = 'packer'"
        >
          包装
        </NButton>
      </NSpace>
    </template>

    <div v-if="!detailList || detailList.length === 0" class="flex-center h-full text-gray-400">
    <div v-if="!detailList || detailList.length === 0" class="h-full flex-center text-gray-400">
      请点击上方表格行查看详情
    </div>
    <NDataTable
      v-else
      :columns="columns as any"
      :data="detailList"
      flex-height
      class="flex-1-hidden"
    />
    <NDataTable v-else :columns="columns as any" :data="detailList" flex-height class="flex-1-hidden" />
  </NCard>
</template>

@@ -170,4 +174,9 @@
:deep(.n-card__content) {
  padding: 8px 12px;
}

:deep(.n-data-table-th),
:deep(.n-data-table-td) {
  padding: 4px 6px;
}
</style>