bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

假数据调整

This commit is contained in:
bb_pan 2026-02-10 14:48:00 +08:00
parent b46c1744ee
commit 4134dba5f2
9 changed files with 314 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/bgs/1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

BIN
src/assets/images/bgs/2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 358 KiB

BIN
src/assets/images/bgs/3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 196 KiB

2
src/views/home/components/provincial/Bottom1-1.vue
View File

@ -12,7 +12,7 @@
import TitleBox from '../TitleBox'
import * as echarts from 'echarts'
import { getEquipmentStatusApi } from '@/api/wsScreen/index'
import EquipStatusMore from '@/views/home/components/provincial/Dialog/EquipStatusMore'
import EquipStatusMore from '@/views/home/components/provincial/Dialog/EquipStatusMoreImg'
export default {
name: 'Bottom1-1',

2
src/views/home/components/provincial/Bottom2.vue
View File

@ -54,7 +54,7 @@
<script>
import TitleBox from '../TitleBox'
import { getUsageStatisticsApi } from '@/api/wsScreen'
import EquipUsageRateMore from '@/views/home/components/provincial/Dialog/EquipUsageRateMore.vue'
import EquipUsageRateMore from '@/views/home/components/provincial/Dialog/EquipUsageRateMoreImg.vue'
export default {
name: 'Bottom2',

2
src/views/home/components/provincial/Center2.vue
View File

@ -85,7 +85,7 @@
<script>
import TitleBox from '../TitleBox'
import { getEquipmentUseApi, getVoltageLevelApi } from '@/api/wsScreen'
import ProEquipMore from '@/views/home/components/provincial/Dialog/ProEquipMore.vue'
import ProEquipMore from '@/views/home/components/provincial/Dialog/ProEquipMoreImg.vue'
export default {
name: 'Center2',

144
src/views/home/components/provincial/Dialog/EquipStatusMoreImg.vue Normal file
View File

@ -0,0 +1,144 @@
<template>
<div>
<el-dialog
v-if="dialogVisible"
v-loading="isLoading"
:visible.sync="dialogVisible"
width="85%"
:modal="false"
class="dlg-box"
>
<div>
<img src="@/assets/images/bgs/3.png" style="width: 100%" alt="">
</div>
</el-dialog>
</div>
</template>
<script>
import { getDeviceListAPI } from '@/api/EquipmentLedger/index.js'
export default {
data() {
return {
isLoading: false,
dialogVisible: false,
showSearch: true,
queryParams: {
pageNum: 1,
pageSize: 10,
status: '', // 状态
},
equipList: [
{ label: '全网省', value: 1 },
{ label: '合肥市', value: 2 },
],
statusList: [
{ label: '在库', value: 1 },
{ label: '自用', value: 2 },
{ label: '共享', value: 3 },
{ label: '退役', value: 4 },
{ label: '维修', value: 5 },
],
tableColumns: [
{ label: '施工装备', prop: 'major' },
{ label: '型号', prop: 'specificationModel' },
{ label: '数量', prop: 'count' },
{ label: '设备编码', prop: 'code' },
{ label: '特征项1', prop: 'featureItem1' },
{ label: '特征值1', prop: 'featureValue1' },
{ label: '特征项1', prop: 'featureItem2' },
{ label: '特征值2', prop: 'featureValue2' },
{ label: '特征项2', prop: 'featureItem3' },
{ label: '特征值3', prop: 'featureValue3' },
{ label: '特征项4', prop: 'featureItem4' },
{ label: '特征值4', prop: 'featureValue4' },
{ label: '特征项5', prop: 'featureItem5' },
{ label: '特征值5', prop: 'featureValue5' },
{ label: '特征项6', prop: 'featureItem6' },
{ label: '特征值6', prop: 'featureValue6' },
{ label: '特征项7', prop: 'featureItem7' },
{ label: '特征值7', prop: 'featureValue7' },
{ label: '特征项8', prop: 'featureItem8' },
{ label: '特征值8', prop: 'featureValue8' },
{ label: '特征项9', prop: 'featureItem9' },
{ label: '特征值9', prop: 'featureValue9' },
{ label: '产权单位', prop: 'propertyUnit' },
{ label: '资产原值(万元)', prop: 'originalValue' },
{ label: '出厂日期', prop: 'productionDate' },
{ label: '使用项目', prop: 'usingProject' },
// { label: 'vlook的状态', prop: 'vlookStatus' },
{ label: '状态', prop: 'status' },
{ label: '下次维保日期', prop: 'nextMaintenanceDate' },
{ label: '生产厂家', prop: 'manufacturer' },
],
tableList: [],
total: 0,
}
},
created() {},
methods: {
openDialog() {
this.dialogVisible = true
},
async getList() {
try {
// 获取设备列表
const res = await getDeviceListAPI(this.queryParams)
this.tableList = res.data?.rows || []
this.total = res.data?.total || 0
} catch (error) {
this.$message.error('获取设备列表失败：' + (error.message || '未知错误'))
console.error(error)
}
},
getFeatureValue(row, prop) {
const match = prop.match(/feature(Item|Value)(\d+)/)
if (!match) return '-'
const type = match[1] // 'Item' or 'Value'
const index = Number(match[2]) - 1
const list = row.propertyVoList || []
if (!list[index]) return '-'
return type === 'Item' ? list[index].propertyName : list[index].propertyValue
},
// 查询
handleQuery() {
this.queryParams.pageNum = 1
this.getList()
},
// 重置
handleReset() {
this.$refs.queryForm.resetFields()
this.queryParams.pageNum = 1
this.queryParams.pageSize = 10
this.getList()
},
},
}
</script>
<style lang="scss" scoped>
.dlg-box {
// position: absolute;
.close-btn {
width: 39px;
height: 39px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
// background-image: url('../../img/close.png');
// background-size: 100% 100%;
}
.dlg-title {
margin-top: -25px;
margin-bottom: 45px;
font-size: 21px;
text-align: center;
font-weight: 800;
}
}
</style>

76
src/views/home/components/provincial/Dialog/EquipUsageRateMoreImg.vue Normal file
View File

@ -0,0 +1,76 @@
<template>
<div>
<el-dialog
v-if="dialogVisible"
v-loading="isLoading"
:visible.sync="dialogVisible"
width="85%"
:modal="false"
class="dlg-box"
>
<div>
<img src="@/assets/images/bgs/2.png" style="width: 100%" alt="">
</div>
</el-dialog>
</div>
</template>
<script>
import { getUsageStatisticsDetailsApi } from '@/api/wsScreen'
export default {
data() {
return {
isLoading: false,
dialogVisible: false,
queryParams: {
pageNum: 1,
pageSize: 10,
},
tableColumns: [
{ label: '装备名称', prop: 'name' },
{ label: '在用率 (%)', prop: 'proportion' },
{ label: '周转率 (次/年)', prop: 'turnoverRate' },
],
tableList: [],
total: 0,
}
},
created() {},
methods: {
openDialog() {
this.dialogVisible = true
},
async getList() {
try {
const res = await getUsageStatisticsDetailsApi({ ...this.queryParams })
this.tableList = res.rows || []
this.total = res.total || 0
} catch (err) {
console.log('🚀 ~ err:', err)
}
},
},
}
</script>
<style lang="scss" scoped>
.dlg-box {
.close-btn {
width: 39px;
height: 39px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.dlg-title {
margin-top: -25px;
margin-bottom: 45px;
font-size: 21px;
text-align: center;
font-weight: 800;
}
}
</style>

91
src/views/home/components/provincial/Dialog/ProEquipMoreImg.vue Normal file
View File

@ -0,0 +1,91 @@
<template>
<div>
<el-dialog
v-if="dialogVisible"
v-loading="isLoading"
:visible.sync="dialogVisible"
width="85%"
:modal="false"
class="dlg-box"
>
<div>
<img src="@/assets/images/bgs/1.png" style="width: 100%" alt="">
</div>
</el-dialog>
</div>
</template>
<script>
import { getEquipmentDetailsApi } from '@/api/wsScreen'
export default {
data() {
return {
isLoading: false,
dialogVisible: false,
queryParams: {
pageNum: 1,
pageSize: 10,
proName: '', // 装备类型
},
tableColumns: [
{ label: '工程名称', prop: 'proName' },
{ label: '在用装备数量（台）', prop: 'inUser' },
{ label: '类型', prop: 'projectTypeName' },
{ label: '电压等级（kV）', prop: 'voltage' },
{ label: '规模（拆单公里）', prop: 'scale' },
{ label: '百公里线路装备使用情况', prop: 'usage' },
],
tableList: [],
total: 0,
}
},
created() {},
methods: {
openDialog() {
this.dialogVisible = true
},
async getList() {
try {
const res = await getEquipmentDetailsApi({ ...this.queryParams })
this.tableList = res.rows || []
this.total = res.total || 0
} catch (error) {
console.log('🚀 ~ error:', error)
}
},
// 查询
handleQuery() {
this.queryParams.pageNum = 1
this.getList()
},
// 重置
handleReset() {
this.$refs.queryForm.resetFields()
this.queryParams.pageNum = 1
this.queryParams.pageSize = 10
this.getList()
},
},
}
</script>
<style lang="scss" scoped>
.dlg-box {
.close-btn {
width: 39px;
height: 39px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.dlg-title {
margin-top: -25px;
margin-bottom: 45px;
font-size: 21px;
text-align: center;
font-weight: 800;
}
}
</style>