ak/zn-admin-vue3-wcs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bug修改

Browse Source
This commit is contained in:
yyy 2025-03-20 16:07:49 +08:00
parent bbdb7c1e43
commit b4f59e79b1
2 changed files with 77 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/views/board/allBoard/index.vue
View File

@ -4,7 +4,7 @@
<el-row :gutter="20">
<el-col :span="12">
<div class="grid-content ep-bg-purple">
<el-card style="max-width: 100%">
<el-card style="max-width: 100%" shadow="never">
<el-row :gutter="5" v-if="data.taskStatusVO">
<el-col :span="4">
<div class="top-item">
@ -41,7 +41,9 @@
<el-col :span="4">
<div class="top-item" style="border: none; color: #c60606">
<div class="top-item-title"> 异常 </div>
<div class="top-item-num" style="color: #c60606"> {{ data.taskStatusVO.abnormalNum || 0 }} </div>
<div class="top-item-num" style="color: #c60606">
{{ data.taskStatusVO.abnormalNum || 0 }}
</div>
</div>
</el-col>
</el-row>
@ -50,7 +52,7 @@
</el-col>
<el-col :span="12">
<div class="grid-content ep-bg-purple">
<el-card style="max-width: 100%">
<el-card style="max-width: 100%" shadow="never">
<el-row :gutter="5" v-if="data.statistics">
<el-col :span="4">
<div class="top-item">
@ -87,7 +89,9 @@
<el-col :span="4">
<div class="top-item" style="border: none; color: #c60606">
<div class="top-item-title"> 故障 </div>
<div class="top-item-num" style="color: #c60606"> {{ data.statistics.fault || 0 }} </div>
<div class="top-item-num" style="color: #c60606">
{{ data.statistics.fault || 0 }}
</div>
</div>
</el-col>
</el-row>
@ -164,9 +168,16 @@
@mouseleave="endDrag"
>
<div class="content">
<div v-for="(n, i) in data.deviceStatusInfoVOS" :key="i" class="item" :class="{ noBoarder: i === data.deviceStatusInfoVOS.length - 1 }">
<div
v-for="(n, i) in data.deviceStatusInfoVOS"
:key="i"
class="item"
:class="{ noBoarder: i === data.deviceStatusInfoVOS.length - 1 }"
>
<div class="scroll-container-item-left">
<div class="scroll-container-item-left-title">{{ filterTypeFun(n.deviceType, typeList) }}</div>
<div class="scroll-container-item-left-title">{{
filterTypeFun(n.deviceType, typeList)
}}</div>
<div class="scroll-container-item-left-img">
<img
:src="n.defaultImage"
@ -178,25 +189,19 @@
</div>
<div class="scroll-container-item-right">
<div class="scroll-container-item-right-item">
<div class="scroll-container-item-right-item-title">
数量：
</div>
<div class="scroll-container-item-right-item-title"> 数量： </div>
<div class="scroll-container-item-right-item-num">
{{ n.totalNum || 0 }}
</div>
</div>
<div class="scroll-container-item-right-item" style="margin-top: 3px;">
<div class="scroll-container-item-right-item-title">
正常数量：
</div>
<div class="scroll-container-item-right-item" style="margin-top: 3px">
<div class="scroll-container-item-right-item-title"> 正常数量： </div>
<div class="scroll-container-item-right-item-num">
{{ n.normalNum || 0 }}
</div>
</div>
<div class="scroll-container-item-right-item" style="margin-top: 3px;">
<div class="scroll-container-item-right-item-title">
异常数量：
</div>
<div class="scroll-container-item-right-item" style="margin-top: 3px">
<div class="scroll-container-item-right-item-title"> 异常数量： </div>
<div class="scroll-container-item-right-item-num" style="color: #c60606">
{{ n.abnormalNum || 0 }}
</div>
@ -316,15 +321,17 @@ const indexPageRef = ref(null)
const typeList = ref([])
defineOptions({ name: 'BoardAllBoard' })
const data = ref({
taskStatusVO: { //顶部左边统计
taskStatusVO: {
//顶部左边统计
pendingExecutionNum: 0,
underwayNum: 0,
completedNum: 0,
cancelledNum: 0,
abnormalNum: 0,
tasksNumber: 0,
tasksNumber: 0
},
statistics: { //顶部右边 统计
statistics: {
//顶部右边 统计
total: 0,
inTask: 0,
doLock: 0,
@ -336,7 +343,7 @@ const data = ref({
pendingExecution: [], //待执行
robotWarnMsgDOS: [], //异常信息
deviceStatusInfoVOS: [], //设备信息
robotElectricityLevelVOS: [], //车辆信息
robotElectricityLevelVOS: [] //车辆信息
})
//获取数据
const getAllData = async () => {
@ -390,8 +397,7 @@ const toManyWarnMsg = () => {
// 前往车辆看板
const goCarBord = () => {
router.push({
path: '/board/carBoard',
path: '/board/carBoard'
})
}
const list = ref([]) // 地图区域列表
@ -542,7 +548,7 @@ const getLeftWidth = () => {
//根据type和列表返回对应中文
const filterTypeFun = (type, list) => {
if (list.length) {
let obj = list.find(item => {
let obj = list.find((item) => {
return item.value == type
})
return obj == undefined ? type : obj.label
@ -556,7 +562,6 @@ onMounted(() => {
getList()
getLeftWidth()
window.addEventListener('resize', getLeftWidth)
})
onBeforeUnmount(() => {
window.removeEventListener('resize', getLeftWidth)
@ -762,17 +767,21 @@ onBeforeUnmount(() => {
flex-shrink: 0;
}
.scroll-container-item-right-item-title {
font-family: PingFangSC, PingFang SC;
font-family:
PingFangSC,
PingFang SC;
font-weight: 400;
font-size: 12px;
color: #0D162A;
color: #0d162a;
flex-shrink: 0;
}
.scroll-container-item-right-item-num {
font-family: PingFangSC, PingFang SC;
font-family:
PingFangSC,
PingFang SC;
font-weight: 400;
font-size: 12px;
color: #0D162A;
color: #0d162a;
flex-shrink: 0;
}
</style>

14
src/views/statisticalView/index.vue
View File

@ -1,5 +1,5 @@
<template>
<ContentWrap>
<el-card shadow="never">
<div class="top-box">
<div class="top-box-left"> 统计视图 </div>
<div class="top-box-right">
@ -12,18 +12,18 @@
<el-button style="margin-left: 16px" @click="openForm()">看板管理</el-button>
</div>
</div>
</ContentWrap>
</el-card>
<div class="">
<div class="mt-4">
<el-row :gutter="16">
<el-col :span="12">
<el-card style="width: 100%">
<el-card style="width: 100%" shadow="never">
<div class="charts-title"> 任务总览 </div>
<div ref="chartDom" style="width: 100%; height: 400px"></div>
</el-card>
</el-col>
<el-col :span="12">
<el-card style="width: 100%">
<el-card style="width: 100%" shadow="never">
<div class="charts-title"> 任务完成率 </div>
<div ref="chartDomFinish" style="width: 100%; height: 400px"></div>
</el-card>
@ -31,13 +31,13 @@
</el-row>
<el-row :gutter="16" style="margin-top: 12px">
<el-col :span="12">
<el-card style="width: 100%">
<el-card style="width: 100%" shadow="never">
<div class="charts-title"> AGV工作利用率统计 </div>
<div ref="chartDomAgv" style="width: 100%; height: 400px"></div>
</el-card>
</el-col>
<el-col :span="12">
<el-card style="width: 100%">
<el-card style="width: 100%" shadow="never">
<div class="charts-title"> 任务异常数 </div>
<div ref="chartDomError" style="width: 100%; height: 400px"></div>
</el-card>