开发设备管理页面

wxw

2024-08-20 bab30d3e6b218e2db23073cf94a96744599d8242

 Web/src/views/device/index.vue

@@ -1,7 +1,7 @@
<template>
   <div class="sys-user-container">
     <splitpanes>
      <pane size="14">
      <pane size="10">
        <el-collapse v-model="activeName">
         <el-collapse-item title="设备控制" name="1">
           <el-card
@@ -53,7 +53,7 @@
         </el-collapse-item>
        </el-collapse>
      </pane>
      <pane size="86" style="position: relative;background-color: #fff;">
      <pane size="90" style="position: relative;background-color: #fff;">
         <el-card shadow="hover" :body-style="{ paddingBottom: '0', padding: '10px' }" class="card-line">
            <div class="grid-container-line">
               <div 
@@ -144,7 +144,7 @@
   { Id: 20, Code: '020', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
   { Id: 21, Code: '021', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
   { Id: 22, Code: '022', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
   { Id: 23, Code: '023', LineCode:'05',EndLocat:'',IsShow: 0, IsUse: 0,BoxHeight:330 },
   { Id: 23, Code: '023', LineCode:'05',EndLocat:'',IsShow: 0, IsUse: 0,BoxHeight:315 },
   { Id: 24, Code: '024', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10},
   { Id: 25, Code: '025', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
   { Id: 26, Code: '026', LineCode:'',EndLocat:'',IsShow: 1, IsUse: 0,BoxHeight:10 },
@@ -804,8 +804,9 @@
   .grid-container-line{
      display: grid;
      grid-template-columns: repeat(51, 30px); /* 每列宽度 */
      grid-template-rows: repeat(1, 350px);  /* 每行高度 */
      grid-template-rows: repeat(1, 325px);  /* 每行高度 */
      gap: 0px; /* Gap between cells */
      margin-top: 25px;
   }
   .grid-item-line{
      text-align: center;
@@ -824,7 +825,7 @@
      height: 25px;
      border: 2px solid #797777;
      background-color: rgb(182, 180, 180);
      position: fixed;
      position: absolute;
      margin-top: -25px;
      display: flex;
      text-align: center;