优化今日报工状态的显示方式，新增状态标签并移除旧的行样式

yyb

4 小时以前 38dab4b5476d02d686b16d2571ef039200112775

优化今日报工状态的显示方式，新增状态标签并移除旧的行样式

 src/views/productionManagement/workOrderManagement/index.vue

@@ -24,7 +24,6 @@
                :tableData="tableData"
                :page="page"
                :tableLoading="tableLoading"
                :row-class-name="tableRowClassName"
                @pagination="pagination">
        <template #completionStatus="{ row }">
          <el-progress :percentage="toProgressPercentage(row?.completionStatus)"
@@ -32,7 +31,10 @@
                       :status="toProgressPercentage(row?.completionStatus) >= 100 ? 'success' : ''" />
        </template>
        <template #todayReportState="{ row }">
          {{ formatTodayReportState(row?.todayReportState) }}
          <el-tag :type="todayReportStateTagType(row?.todayReportState)"
                  size="small">
            {{ formatTodayReportState(row?.todayReportState) }}
          </el-tag>
        </template>
        <template #totalReportDurationMinutes="{ row }">
          {{ formatDurationHours(row?.totalReportDurationMinutes) }}
@@ -201,6 +203,13 @@
      width: "80",
    },
    {
      label: "今日报工状态",
      prop: "todayReportState",
      dataType: "slot",
      slot: "todayReportState",
      width: "110",
    },
    {
      label: "工单编号",
      prop: "workOrderNo",
      width: "140",
@@ -242,13 +251,6 @@
      prop: "completionStatus",
      dataType: "slot",
      slot: "completionStatus",
      width: "140",
    },
    {
      label: "今日报工状态",
      prop: "todayReportState",
      dataType: "slot",
      slot: "todayReportState",
      width: "140",
    },
    {
@@ -466,12 +468,12 @@
    if (!Number.isFinite(minutes) || minutes < 0) return "-";
    return (minutes / 60).toFixed(2);
  };
  const tableRowClassName = ({ row }) => {
    const state = Number(row?.todayReportState);
    if (state === 1) return "today-report-not-started";
    if (state === 2) return "today-report-started";
    if (state === 3) return "today-report-ended";
    return "";
  const todayReportStateTagType = val => {
    const state = Number(val);
    if (state === 1) return "info";
    if (state === 2) return "warning";
    if (state === 3) return "success";
    return "info";
  };

  // 查询列表
@@ -776,17 +778,6 @@
    margin-top: 20px;
  }

  :deep(.el-table .today-report-not-started > td) {
    background-color: #fff7e6 !important;
  }

  :deep(.el-table .today-report-started > td) {
    background-color: #ecf5ff !important;
  }

  :deep(.el-table .today-report-ended > td) {
    background-color: #f0f9eb !important;
  }
</style>

<style  lang="scss">