| | |
|---|
| | | <template> |
|---|
| | | div<template> |
|---|
| | | <el-dialog |
|---|
| | | v-model="dialogVisible" |
|---|
| | | :title="dialogType === 'add' ? '新增生产加工' : '编辑生产加工'" |
|---|
| | |
|---|
| | | > |
|---|
| | | <el-button type="primary" @click="handlData">选择数据</el-button> |
|---|
| | | <ETable |
|---|
| | | v-if="tableData.length > 0" |
|---|
| | | :columns="columns" |
|---|
| | | height="200" |
|---|
| | | @cell-edit="handleCellEdit" |
|---|
| | |
|---|
| | | @row-click="handleRowClick" |
|---|
| | | :editableColumns="['used']" |
|---|
| | | /> |
|---|
| | | <div v-if="tableData.length > 0" class="empty-table"> |
|---|
| | | <div class="empty-table"> |
|---|
| | | <h1>生产明细</h1> |
|---|
| | | <el-row :gutter="10"> |
|---|
| | | <el-col :span="2"> |
|---|
| | |
|---|
| | | @input-change="handleDetailsChange" |
|---|
| | | @delete-row="handleDeleteRow" |
|---|
| | | /> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <div style="margin-top: 20px;" v-else>暂无数据，请选择配置数据</div> |
|---|
| | | |
|---|
| | | <template #footer> |
|---|
| | | <div class="dialog-footer"> |
|---|
| | |
|---|
| | | { label: "本次使用数量", prop: "used" }, |
|---|
| | | ]; |
|---|
| | | const detailsTableData = ref([ |
|---|
| | | { |
|---|
| | | coalType: "", |
|---|
| | | calorificValue: "", |
|---|
| | | productionQuantity: "", |
|---|
| | | laborCost: "", |
|---|
| | | energyCost: "", |
|---|
| | | equipmentDepreciation: "", |
|---|
| | | purchasePrice: "", |
|---|
| | | totalCost: "", |
|---|
| | | }, |
|---|
| | | |
|---|
| | | ]); |
|---|
| | | const handleRowClick = (row) => { |
|---|
| | | currentRow.value = row; |
|---|
| | |
|---|
| | | .el-row > .el-col > h1 { |
|---|
| | | font-weight: bolder; |
|---|
| | | } |
|---|
| | | .empty-table > .el-row{ |
|---|
| | | margin-bottom: 12px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
