宝东 1.报表管理去除半成品展示

gaoluyang

7 天以前 2d934b40addf07198ea16cc9b1fb56e785f61561

宝东
1.报表管理去除半成品展示

 src/views/reportAnalysis/reportManagement/index.vue

@@ -37,30 +37,30 @@
                  </div>
                </div>
              </div>
              <div class="typeNum">
                <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>
                <div class="typeNum-center">
                  <div class="typeNum-leftLine2">-</div>
                  <div class="typeNum-rightLine2"></div>
                </div>
                <div class="typeNum-right">
                  <div class="typeNum-right-top">
                    <div class="typeNum-right-top-name">总数量</div>
                    <div class="typeNum-right-top-text">{{ getInspectStatValue(1, 'totalCount') }} <span
                        class="unit">个</span></div>
                  </div>
                  <div class="typeNum-right-bottom">
                    <div class="typeNum-right-top-name">已完成数</div>
                    <div class="typeNum-right-top-text">{{ getInspectStatValue(1, 'completedCount') }} <span
                        class="unit">个</span>
                    </div>
                  </div>
                </div>
              </div>
<!--              <div class="typeNum">-->
<!--                <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>-->
<!--                <div class="typeNum-center">-->
<!--                  <div class="typeNum-leftLine2">-</div>-->
<!--                  <div class="typeNum-rightLine2"></div>-->
<!--                </div>-->
<!--                <div class="typeNum-right">-->
<!--                  <div class="typeNum-right-top">-->
<!--                    <div class="typeNum-right-top-name">总数量</div>-->
<!--                    <div class="typeNum-right-top-text">{{ getInspectStatValue(1, 'totalCount') }} <span-->
<!--                        class="unit">个</span></div>-->
<!--                  </div>-->
<!--                  <div class="typeNum-right-bottom">-->
<!--                    <div class="typeNum-right-top-name">已完成数</div>-->
<!--                    <div class="typeNum-right-top-text">{{ getInspectStatValue(1, 'completedCount') }} <span-->
<!--                        class="unit">个</span>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
              <div class="typeNum">
                <div class="typeNum-left">
                  <img src="~@/assets/images/chartCard3.svg" alt="图表"
@@ -123,31 +123,31 @@
                  </div>
                </div>
              </div>
              <div class="quality-card green-card">
                <div class="quality-card-title">
                  <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">
                    <div>
                      <div class="quality-item-label blue-label">完成率</div>
                      <div class="quality-item-tip">占比</div>
                      <div class="quality-item-value">{{ getPassRateStatValue(1, 'completionRate') }}</div>
                    </div>
                    <div class="quality-item-chart" ref="semiCompletionChart"></div>
                  </div>
                  <div class="quality-item">
                    <div>
                      <div class="quality-item-label green-label">合格率</div>
                      <div class="quality-item-tip">占比</div>
                      <div class="quality-item-value">{{ getPassRateStatValue(1, 'passRate') }}</div>
                    </div>
                    <div class="quality-item-chart" ref="semiQualityChart"></div>
                  </div>
                </div>
              </div>
<!--              <div class="quality-card green-card">-->
<!--                <div class="quality-card-title">-->
<!--                  <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">-->
<!--                    <div>-->
<!--                      <div class="quality-item-label blue-label">完成率</div>-->
<!--                      <div class="quality-item-tip">占比</div>-->
<!--                      <div class="quality-item-value">{{ getPassRateStatValue(1, 'completionRate') }}</div>-->
<!--                    </div>-->
<!--                    <div class="quality-item-chart" ref="semiCompletionChart"></div>-->
<!--                  </div>-->
<!--                  <div class="quality-item">-->
<!--                    <div>-->
<!--                      <div class="quality-item-label green-label">合格率</div>-->
<!--                      <div class="quality-item-tip">占比</div>-->
<!--                      <div class="quality-item-value">{{ getPassRateStatValue(1, 'passRate') }}</div>-->
<!--                    </div>-->
<!--                    <div class="quality-item-chart" ref="semiQualityChart"></div>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
              <div class="quality-card purple-card">
                <div class="quality-card-title">
                  <img src="~@/assets/images/chartCard3.svg" alt="成品"
@@ -202,10 +202,10 @@
                    <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-num">{{ getYearlyStatValue(1, 'totalCount') }}</div>
                  </div>
<!--                  <div class="inspection-chart-box">-->
<!--                    <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-num">{{ getYearlyStatValue(2, 'totalCount') }}</div>
@@ -266,7 +266,7 @@
            <!-- 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 === 'semi' }" @click="activeTab = 'semi'">半成品</div>-->
              <div class="tab-item" :class="{ active: activeTab === 'final' }" @click="activeTab = 'final'">成品</div>
            </div>
          </el-card>
@@ -526,7 +526,8 @@
        containLabel: true,
      },
      legend: {
        data: ["原材料", "半成品", "成品"], // 图例数据
        // data: ["原材料", "半成品", "成品"], // 图例数据
        data: ["原材料", "成品"], // 图例数据
        icon: ["circle", "circle", "circle"],
        itemWidth: 10, // 设置图标宽度
        itemHeight: 10,
@@ -564,16 +565,16 @@
            color: "#409EFF",
          },
        },
        {
          name: "半成品",
          type: "bar",
          barWidth: "15%",

          data: monthlyCompletionDetailsData.value.map(item => item.processCount),
          itemStyle: {
            color: "#67C23A",
          },
        },
        // {
        //   name: "半成品",
        //   type: "bar",
        //   barWidth: "15%",
                //
        //   data: monthlyCompletionDetailsData.value.map(item => item.processCount),
        //   itemStyle: {
        //     color: "#67C23A",
        //   },
        // },
        {
          name: "成品",
          type: "bar",
@@ -607,7 +608,7 @@
          radius: "70%",
          data: [
            { value: getYearlyStatValue(0, 'totalCount'), name: "原材料", itemStyle: { color: "#1890FF" } },
            { value: getYearlyStatValue(1, 'totalCount'), name: "半成品", itemStyle: { color: "#F7BA1E" } },
            // { value: getYearlyStatValue(1, 'totalCount'), name: "半成品", itemStyle: { color: "#F7BA1E" } },
            { value: getYearlyStatValue(2, 'totalCount'), name: "成品", itemStyle: { color: "#14C9C9" } },
          ],
          label: {
@@ -655,7 +656,7 @@
      },
      // 图例配置
      legend: {
        data: ["原材料", "半成品", "成品"], // 图例数据
        data: ["原材料", "成品"], // 图例数据
        icon: ["circle", "circle", "circle"],
        itemWidth: 10, // 设置图标宽度
        itemHeight: 10,
@@ -697,16 +698,16 @@
          },
          data: monthlyPassRateData.value.map(item => item.rawMaterial.passRate),
        },
        {
          name: "半成品", // 系列名称
          type: "line", // 图表类型为折线图
          // stack: "Total", // 堆叠名称
          symbol: "circle",
          itemStyle: {
            color: "#F7BA1E", // 设置这条线的颜色
          },
          data: monthlyPassRateData.value.map(item => item.process.passRate),
        },
        // {
        //   name: "半成品", // 系列名称
        //   type: "line", // 图表类型为折线图
        //   // stack: "Total", // 堆叠名称
        //   symbol: "circle",
        //   itemStyle: {
        //     color: "#F7BA1E", // 设置这条线的颜色
        //   },
        //   data: monthlyPassRateData.value.map(item => item.process.passRate),
        // },
        {
          name: "成品", // 系列名称
          type: "line", // 图表类型为折线图