spring
2026-03-19 783ea9ce91f352267d7c9f3c0cedf511ab9ad994
src/views/reportAnalysis/reportManagement/index.vue
@@ -17,7 +17,7 @@
                <div class="typeNum-left">
                  <img src="~@/assets/images/chartCard.svg" alt="图表"
                    style="width: 40px; height: 40px; object-fit: contain;">
                  <div class="typeNum-left-text">原材料</div>
                  <div class="typeNum-left-text">入厂检</div>
                </div>
                <div class="typeNum-center">
                  <div class="typeNum-leftLine">-</div>
@@ -41,7 +41,7 @@
                <div class="typeNum-left">
                  <img src="~@/assets/images/chartCard2.svg" alt="图表"
                    style="width: 40px; height: 40px; object-fit: contain;">
                  <div class="typeNum-left-text" style="color: #5EB334;">半成品</div>
                  <div class="typeNum-left-text" style="color: #5EB334;">车间检</div>
                </div>
                <div class="typeNum-center">
                  <div class="typeNum-leftLine2">-</div>
@@ -65,7 +65,7 @@
                <div class="typeNum-left">
                  <img src="~@/assets/images/chartCard3.svg" alt="图表"
                    style="width: 40px; height: 40px; object-fit: contain;">
                  <div class="typeNum-left-text" style="color: #8000FF;">成品</div>
                  <div class="typeNum-left-text" style="color: #8000FF;">出厂检</div>
                </div>
                <div class="typeNum-center">
                  <div class="typeNum-leftLine3">-</div>
@@ -100,9 +100,9 @@
            <div class="top-container flex-center">
              <div class="quality-card blue-card">
                <div class="quality-card-title">
                  <img src="~@/assets/images/chartCard.svg" alt="原材料"
                  <img src="~@/assets/images/chartCard.svg" alt="入厂检"
                    style="width: 24px; height: 24px; margin-right: 8px;">
                  原材料合格率
                  入厂检合格率
                </div>
                <div class="quality-card-content">
                  <div class="quality-item">
@@ -125,9 +125,9 @@
              </div>
              <div class="quality-card green-card">
                <div class="quality-card-title">
                  <img src="~@/assets/images/chartCard2.svg" alt="半成品"
                  <img src="~@/assets/images/chartCard2.svg" alt="车间检"
                    style="width: 24px; height: 24px; margin-right: 8px;">
                  半成品合格率
                  车间检合格率
                </div>
                <div class="quality-card-content">
                  <div class="quality-item">
@@ -150,9 +150,9 @@
              </div>
              <div class="quality-card purple-card">
                <div class="quality-card-title">
                  <img src="~@/assets/images/chartCard3.svg" alt="成品"
                  <img src="~@/assets/images/chartCard3.svg" alt="出厂检"
                    style="width: 24px; height: 24px; margin-right: 8px;">
                  成品合格率
                  出厂检合格率
                </div>
                <div class="quality-card-content">
                  <div class="quality-item">
@@ -199,15 +199,15 @@
                </div>
                <div class="container-line-right-bottom">
                  <div class="inspection-chart-box">
                    <div class="chart-box-title">原材料总数</div>
                    <div class="chart-box-title">入厂检总数</div>
                    <div class="chart-box-num">{{ getYearlyStatValue(0, 'totalCount') }}</div>
                  </div>
                  <div class="inspection-chart-box">
                    <div class="chart-box-title">半成品总数</div>
                    <div class="chart-box-title">车间检总数</div>
                    <div class="chart-box-num">{{ getYearlyStatValue(1, 'totalCount') }}</div>
                  </div>
                  <div class="inspection-chart-box">
                    <div class="chart-box-title">成品总数</div>
                    <div class="chart-box-title">出厂检总数</div>
                    <div class="chart-box-num">{{ getYearlyStatValue(2, 'totalCount') }}</div>
                  </div>
                </div>
@@ -265,9 +265,9 @@
            </div>
            <!-- Tab 选择器 -->
            <div class="tab-selector">
              <div class="tab-item" :class="{ active: activeTab === 'raw' }" @click="activeTab = 'raw'">原材料</div>
              <div class="tab-item" :class="{ active: activeTab === 'semi' }" @click="activeTab = 'semi'">半成品</div>
              <div class="tab-item" :class="{ active: activeTab === 'final' }" @click="activeTab = 'final'">成品</div>
              <div class="tab-item" :class="{ active: activeTab === 'raw' }" @click="activeTab = 'raw'">入厂检</div>
              <div class="tab-item" :class="{ active: activeTab === 'semi' }" @click="activeTab = 'semi'">车间检</div>
              <div class="tab-item" :class="{ active: activeTab === 'final' }" @click="activeTab = 'final'">出厂检</div>
            </div>
          </el-card>
        </el-col>
@@ -526,7 +526,7 @@
        containLabel: true,
      },
      legend: {
        data: ["原材料", "半成品", "成品"], // 图例数据
        data: ["入厂检", "车间检", "出厂检"], // 图例数据
        icon: ["circle", "circle", "circle"],
        itemWidth: 10, // 设置图标宽度
        itemHeight: 10,
@@ -556,7 +556,7 @@
      },
      series: [
        {
          name: "原材料",
          name: "入厂检",
          type: "bar",
          barWidth: "15%",
          data: monthlyCompletionDetailsData.value.map(item => item.rawMaterialCount),
@@ -565,7 +565,7 @@
          },
        },
        {
          name: "半成品",
          name: "车间检",
          type: "bar",
          barWidth: "15%",
@@ -575,7 +575,7 @@
          },
        },
        {
          name: "成品",
          name: "出厂检",
          type: "bar",
          barWidth: "15%",
@@ -606,9 +606,9 @@
          type: "pie",
          radius: "70%",
          data: [
            { value: getYearlyStatValue(0, 'totalCount'), name: "原材料", itemStyle: { color: "#1890FF" } },
            { value: getYearlyStatValue(1, 'totalCount'), name: "半成品", itemStyle: { color: "#F7BA1E" } },
            { value: getYearlyStatValue(2, 'totalCount'), name: "成品", itemStyle: { color: "#14C9C9" } },
            { value: getYearlyStatValue(0, 'totalCount'), name: "入厂检", itemStyle: { color: "#1890FF" } },
            { value: getYearlyStatValue(1, 'totalCount'), name: "车间检", itemStyle: { color: "#F7BA1E" } },
            { value: getYearlyStatValue(2, 'totalCount'), name: "出厂检", itemStyle: { color: "#14C9C9" } },
          ],
          label: {
            show: true,
@@ -655,7 +655,7 @@
      },
      // 图例配置
      legend: {
        data: ["原材料", "半成品", "成品"], // 图例数据
        data: ["入厂检", "车间检", "出厂检"], // 图例数据
        icon: ["circle", "circle", "circle"],
        itemWidth: 10, // 设置图标宽度
        itemHeight: 10,
@@ -688,7 +688,7 @@
      // 系列数据
      series: [
        {
          name: "原材料", // 系列名称
          name: "入厂检", // 系列名称
          type: "line", // 图表类型为折线图
          // stack: "Total", // 堆叠名称
          symbol: "circle",
@@ -698,7 +698,7 @@
          data: monthlyPassRateData.value.map(item => item.rawMaterial.passRate),
        },
        {
          name: "半成品", // 系列名称
          name: "车间检", // 系列名称
          type: "line", // 图表类型为折线图
          // stack: "Total", // 堆叠名称
          symbol: "circle",
@@ -708,7 +708,7 @@
          data: monthlyPassRateData.value.map(item => item.process.passRate),
        },
        {
          name: "成品", // 系列名称
          name: "出厂检", // 系列名称
          type: "line", // 图表类型为折线图
          // stack: "Total", // 堆叠名称
          symbol: "circle",