| | |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <el-table :data="deviceList" border style="width: 100%" v-loading="tableLoading"> |
|---|
| | | <el-table :data="deviceList" border style="width: 100%" v-loading="tableLoading" stripe> |
|---|
| | | <el-table-column align="center" label="序号" type="index" width="60" /> |
|---|
| | | <el-table-column label="设备编号" prop="deviceCode" width="120" show-overflow-tooltip /> |
|---|
| | | <el-table-column label="设备名称" prop="deviceName" width="150" show-overflow-tooltip /> |
|---|
| | |
|---|
| | | // 模拟数据生成 |
|---|
| | | const generateMockData = () => { |
|---|
| | | // 更新统计数据 |
|---|
| | | totalDevices.value = Math.floor(Math.random() * 10) + 15 // 15-25台设备 |
|---|
| | | totalDevices.value = Math.floor(Math.random() * 8) // 0-7台设备 |
|---|
| | | dailyConsumption.value = Math.floor(Math.random() * 100) + 200 // 200-300 m³ |
|---|
| | | monthlyConsumption.value = Math.floor(Math.random() * 2000) + 5000 // 5000-7000 m³ |
|---|
| | | gasUnitPrice.value = (Math.random() * 2 + 3).toFixed(2) // 3-5元/m³ |
|---|
