| | |
| | | </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--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> |