Web/src/views/device/alarmManage/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
Web/src/views/device/deviceInfo/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
Web/src/views/device/sortPallet/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
Web/src/views/device/alarmManage/index.vue
@@ -1975,8 +1975,8 @@ } .grid-item-line-box { width: 20px; height: 20px; width: 18px; height: 18px; background-color: rgb(97, 250, 145); position: absolute; display: flex; @@ -2003,7 +2003,6 @@ } .grid-container { margin-top: 10px; width: 100%; display: grid; grid-template-columns: repeat(51, 1fr); @@ -2012,40 +2011,8 @@ /* 每行高度 */ gap: 0px; /* Gap between cells */ } .grid-item { background-color: #9c9c9c; border: 1px solid #797777; text-align: center; line-height: 1.4vw; /* 行高 */ width: 100%; /* 自适应宽度 */ height: 100%; /* 自适应高度 */ color: #fff; font-size: 0.7vw; } .card { width: 100%; position: absolute; border-top: none; z-index: 90; margin-top: 310px; } .grid-container { margin-top: 10px; width: 100%; display: grid; grid-template-columns: repeat(51, 1fr); /* 每列宽度 */ grid-template-rows: repeat(12, 1fr); /* 每行高度 */ gap: 0px; /* Gap between cells */ margin-top: -20px;; } .grid-item { @@ -2062,15 +2029,20 @@ font-size: 0.6vw; } .card { width: 100%; position: absolute; border-top: none; z-index: 90; margin-top: 310px; } .active { background-color: rgb(57, 141, 251); /* IsUse 为1时背景颜色为蓝色 */ color: #f5f5f5; } .active2>div { display: none; } .active2>div { display: none; } Web/src/views/device/deviceInfo/index.vue
@@ -2016,7 +2016,6 @@ } .grid-container { margin-top: 10px; width: 100%; display: grid; grid-template-columns: repeat(51, 1fr); @@ -2025,6 +2024,7 @@ /* 每行高度 */ gap: 0px; /* Gap between cells */ margin-top: -20px } .grid-item { Web/src/views/device/sortPallet/index.vue
@@ -1,14 +1,5 @@ <template> <el-container> <el-card shadow="hover" :body-style="{ paddingBottom: '0', padding: '10px' }" style="width: 100%;display: flex;align-items: center;justify-content: center;"> <div class="card-page"> <el-button type="primary" :plain="isPlain1" @click="floorTogglePlain(1)">1号码垛机器人</el-button> <el-button type="primary" :plain="isPlain2" @click="floorTogglePlain(2)">2号码垛机器人</el-button> <el-button type="primary" :plain="isPlain3" @click="floorTogglePlain(3)">3号码垛机器人</el-button> </div> </el-card> </el-container> <el-container> <div class="card-container"> <el-card class="other-box-card" v-for="deviceInfo in deviceList" :key="deviceInfo.id"> <div slot="header" class="linefix"> @@ -67,31 +58,6 @@ <script lang="ts" setup> import { ref, reactive } from 'vue'; const stackList=[ ]; const isPlain1 = ref(false);//一层 const isPlain2 = ref(true);//二层 const isPlain3 = ref(true);//三层 //切换层平面 function floorTogglePlain(buttonNumber) { if (buttonNumber === 1) { isPlain1.value = !isPlain1.value; isPlain2.value =true; isPlain3.value =true; } else if (buttonNumber === 2) { isPlain2.value = !isPlain2.value; isPlain1.value =true; isPlain3.value =true; } else if (buttonNumber === 3) { isPlain3.value = !isPlain3.value; isPlain1.value =true; isPlain2.value =true; } } const deviceList=[ { @@ -175,7 +141,7 @@ } .otherValuefix{ width: 100%; height: 550px; height: 600px; padding: 10px; border-bottom: 1px solid rgb(197, 195, 195); }