From 91b7b3900aec8a54d188e3109a73784ab7b35b7a Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期五, 24 十一月 2023 17:57:06 +0800 Subject: [PATCH] 1、设备综合效率分析页面删除按照班次班制管查询功能与重置查询按钮功能 2、大屏车间管理页面选择已有设备方式从表格多选改为树多选 --- src/views/WorkshopSignage.vue | 61 ++++++++++++++++-------------- 1 files changed, 33 insertions(+), 28 deletions(-) diff --git a/src/views/WorkshopSignage.vue b/src/views/WorkshopSignage.vue index 5353f00..645ebbd 100644 --- a/src/views/WorkshopSignage.vue +++ b/src/views/WorkshopSignage.vue @@ -2,7 +2,7 @@ <dv-full-screen-container class="full-screen-container"> <header class="page-header"> {{ workshopDetails.workshopName }} - <div class="header-right" v-has="'home:saveDevicePositionAndSize'"> + <div class="header-left" v-has="'home:saveDevicePositionAndSize'"> <a-space> <span v-if="!isSwitchChecked">寮�鍚姛鑳�</span> <span v-else>鍏抽棴鍔熻兘</span> @@ -15,6 +15,13 @@ /> </a-space> <a-button type="primary" icon="save" size="large" @click="saveDevicePositionAndSizeByApi">淇濆瓨浣嶇疆</a-button> + </div> + <div class="device-status-info"> + <a-space v-for="item in deviceStatusList" :key="item.value" class="single-status-info"> + <div>{{ item.label }}</div> + <div class="status-square" :style="{ backgroundColor: item.color }"></div> + <div>{{ getDeviceNumberByStatus(item.value) }}</div> + </a-space> </div> </header> @@ -30,8 +37,8 @@ v-on:resizing="resize($event, index)" v-on:dragging="resize($event, index)" :parentLimitation="true" - :minw="100" - :minh="100" + :minw="70" + :minh="70" :isDraggable="isDraggable" :isResizable="isResizable" :stickSize="6" @@ -70,13 +77,7 @@ </div> </div> </VueDragResize> - <div class="device-status-info"> - <div v-for="item in deviceStatusList" :key="item.value" class="single-status-info"> - <div>{{ item.label }}</div> - <div class="status-square" :style="{ backgroundColor: item.color }"></div> - <div>{{ getDeviceNumberByStatus(item.value) }}</div> - </div> - </div> + </div> </dv-border-box-8> @@ -317,38 +318,32 @@ text-align: center; position: relative; - .header-right { + .header-left { width: 450px; position: absolute; - right: 0px; + left: 0px; top: 35px; display: flex; justify-content: space-evenly; align-items: center; font-size: 16px; } - } - - .content-container { - width: 100%; - height: calc(100% - 80px); - background-repeat: no-repeat; - background-size: 100% 100%; .device-status-info { + font-size: 16px; width: 400px; position: absolute; - top: 5px; - right: 5px; + top: 40px; + right: 40px; display: flex; align-items: center; justify-content: space-between; .single-status-info { - width: 60px; - display: flex; - align-items: center; - justify-content: space-between; + /*width: 70px;*/ + /*display: flex;*/ + /*align-items: center;*/ + /*justify-content: space-between;*/ .status-square { width: 14px; @@ -358,6 +353,14 @@ } } } + } + + .content-container { + width: 100%; + height: calc(100% - 80px); + background-repeat: no-repeat; + background-size: 100% 100%; + .single-device { position: absolute; @@ -377,13 +380,15 @@ width: 100%; height: 100%; display: flex; - justify-content: space-between; + align-items:end ; + .status-image { background-size: 100% 100%; background-repeat: no-repeat; - width: 45px; - margin-right: 10px; + width: 10px; + height: 60%; + margin-right: 5px; } .device-image { -- Gitblit v1.9.3