富边电子 1.首页修改

gaoluyang

2026-07-06 e55ed49cd975e318a7d2f4b89e8ff4218411f1d0

 src/views/index.vue

@@ -93,62 +93,62 @@
        </div>
      </div>
    </div>
    <div class="dashboard-row">
      <div class="main-panel process-panel">
        <div class="process-panel__header">
          <div class="section-title">工序数据生产统计明细</div>
          <div style="display: flex; gap: 10px; align-items: center;">
            <el-button type="primary" size="small" plain icon="Filter" @click="openProcessDialog">选择工序</el-button>
            <el-button type="info" size="small" plain icon="Refresh" @click="resetProcessFilter">重置</el-button>
            <el-radio-group v-model="processRange" size="small" @change="refreshProcessStats">
              <el-radio-button :value="1">日</el-radio-button>
              <el-radio-button :value="2">周</el-radio-button>
              <el-radio-button :value="3">月</el-radio-button>
            </el-radio-group>
          </div>
        </div>
<!--    <div class="dashboard-row">-->
<!--      <div class="main-panel process-panel">-->
<!--        <div class="process-panel__header">-->
<!--          <div class="section-title">工序数据生产统计明细</div>-->
<!--          <div style="display: flex; gap: 10px; align-items: center;">-->
<!--            <el-button type="primary" size="small" plain icon="Filter" @click="openProcessDialog">选择工序</el-button>-->
<!--            <el-button type="info" size="small" plain icon="Refresh" @click="resetProcessFilter">重置</el-button>-->
<!--            <el-radio-group v-model="processRange" size="small" @change="refreshProcessStats">-->
<!--              <el-radio-button :value="1">日</el-radio-button>-->
<!--              <el-radio-button :value="2">周</el-radio-button>-->
<!--              <el-radio-button :value="3">月</el-radio-button>-->
<!--            </el-radio-group>-->
<!--          </div>-->
<!--        </div>-->

        <div class="process-panel__body">
          <div class="process-panel__chart">
            <Echarts :chartStyle="{ width: '100%', height: '100%' }" :grid="processGrid" :series="processSeries"
              :tooltip="processTooltip" :xAxis="processXAxis" :yAxis="processYAxis" style="height: 100%"
              @click="handleChartClick" />
          </div>
<!--        <div class="process-panel__body">-->
<!--          <div class="process-panel__chart">-->
<!--            <Echarts :chartStyle="{ width: '100%', height: '100%' }" :grid="processGrid" :series="processSeries"-->
<!--              :tooltip="processTooltip" :xAxis="processXAxis" :yAxis="processYAxis" style="height: 100%"-->
<!--              @click="handleChartClick" />-->
<!--          </div>-->

          <div class="process-panel__aside">
            <div class="process-legend">
              <div class="process-legend__item">
                <span class="dot dot-blue"></span><span>投入量</span>
              </div>
              <div class="process-legend__item">
                <span class="dot dot-yellow"></span><span>报废量</span>
              </div>
              <div class="process-legend__item">
                <span class="dot dot-teal"></span><span>产出量</span>
              </div>
            </div>
<!--          <div class="process-panel__aside">-->
<!--            <div class="process-legend">-->
<!--              <div class="process-legend__item">-->
<!--                <span class="dot dot-blue"></span><span>投入量</span>-->
<!--              </div>-->
<!--              <div class="process-legend__item">-->
<!--                <span class="dot dot-yellow"></span><span>报废量</span>-->
<!--              </div>-->
<!--              <div class="process-legend__item">-->
<!--                <span class="dot dot-teal"></span><span>产出量</span>-->
<!--              </div>-->
<!--            </div>-->

            <div class="process-card process-card--name">{{ processAside.processName }}</div>
<!--            <div class="process-card process-card&#45;&#45;name">{{ processAside.processName }}</div>-->

            <div class="process-card">
              <div class="process-card__label">累计总投入</div>
              <div class="process-card__value">{{ formatAmount(processAside.totalInput) }}
              </div>
            </div>
            <div class="process-card">
              <div class="process-card__label">累计总报废</div>
              <div class="process-card__value">{{ formatAmount(processAside.totalScrap) }}
              </div>
            </div>
            <div class="process-card">
              <div class="process-card__label">累计总产出</div>
              <div class="process-card__value">{{ formatAmount(processAside.totalOutput) }}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
<!--            <div class="process-card">-->
<!--              <div class="process-card__label">累计总投入</div>-->
<!--              <div class="process-card__value">{{ formatAmount(processAside.totalInput) }}-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="process-card">-->
<!--              <div class="process-card__label">累计总报废</div>-->
<!--              <div class="process-card__value">{{ formatAmount(processAside.totalScrap) }}-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="process-card">-->
<!--              <div class="process-card__label">累计总产出</div>-->
<!--              <div class="process-card__value">{{ formatAmount(processAside.totalOutput) }}-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->

    <!-- 工序选择弹窗 -->
    <el-dialog v-model="processDialogVisible" title="选择工序" width="500px" append-to-body>