This commit is contained in:
xhf 2025-03-20 16:49:33 +08:00
commit 00cfeae17a
6 changed files with 95 additions and 79 deletions

View File

@ -68,10 +68,10 @@ const toDocument = () => {
<Icon icon="ep:tools" />
<div @click="toProfile">{{ t('common.profile') }}</div>
</ElDropdownItem>
<ElDropdownItem>
<!-- <ElDropdownItem>
<Icon icon="ep:menu" />
<div @click="toDocument">{{ t('common.document') }}</div>
</ElDropdownItem>
</ElDropdownItem> -->
<ElDropdownItem divided>
<Icon icon="ep:lock" />
<div @click="lockScreen">{{ t('lock.lockScreen') }}</div>

View File

@ -22,9 +22,9 @@
<el-tab-pane :label="t('profile.info.resetPwd')" name="resetPwd">
<ResetPwd />
</el-tab-pane>
<el-tab-pane :label="t('profile.info.userSocial')" name="userSocial">
<!-- <el-tab-pane :label="t('profile.info.userSocial')" name="userSocial">
<UserSocial v-model:activeName="activeName" />
</el-tab-pane>
</el-tab-pane> -->
</el-tabs>
</div>
</el-card>

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>

View File

@ -253,8 +253,20 @@
<el-text v-if="scope.row.taskStatus == 4">异常</el-text>
</template>
</el-table-column>
<el-table-column prop="startTime" label="开始时间" align="center" width="150" />
<el-table-column prop="endTime" label="结束时间" align="center" width="150" />
<el-table-column
prop="startTime"
label="开始时间"
align="center"
:formatter="dateFormatter"
width="170"
/>
<el-table-column
prop="endTime"
label="结束时间"
align="center"
:formatter="dateFormatter"
width="170"
/>
</el-table>
<!-- 分页 -->
<Pagination

View File

@ -2713,7 +2713,6 @@ const cmConversionPx = (cWidth, cHeight) => {
pHeight
}
}
// 线
const getLineMidArrowPath = (item) => {
const midX = (Number(item.startPointX) + Number(item.endPointX)) / 2
@ -2738,7 +2737,6 @@ const getLineMidArrowPath = (item) => {
return `M ${startXArrow} ${startYArrow} L ${endXArrow} ${endYArrow}`
}
// 线
const getBezierMidArrowPath = (item) => {
const path = document.createElementNS('http://www.w3.org/2000/svg', 'path')
@ -2748,7 +2746,6 @@ const getBezierMidArrowPath = (item) => {
const prevPoint = path.getPointAtLength(length / 2 - 1)
return `M ${prevPoint.x} ${prevPoint.y} L ${midPoint.x} ${midPoint.y}`
}
// 线 x
const computedCurveTextX = (item) => {
return (
@ -2759,7 +2756,6 @@ const computedCurveTextX = (item) => {
4
)
}
// 线 y
const computedCurveTextY = (item) => {
return (
@ -2770,7 +2766,6 @@ const computedCurveTextY = (item) => {
4
)
}
document.onmousedown = function (e) {
//
if (e.button == 2) {

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>