开发设备管理页面

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;