连接signalR

hwh

2024-09-02 86d88edcc0af550fe34253fec3a782aa83f4242a

 Web/src/views/device/deviceInfo/index.vue

@@ -18,14 +18,14 @@
               <el-collapse-item title="堆垛机" name="2">
                  <div style="overflow-x: auto;white-space: nowrap;">
                     <el-card v-for="(stacker, index) in stackers" :key="index" class="box-card" shadow="hover">
                        <el-switch disabled  v-model="stacker.isConn" :inactive-text="`${stacker.text}`"></el-switch>
                        <el-switch v-model="stacker.isConn" :inactive-text="`${stacker.text}`" disabled ></el-switch>
                     </el-card>
                  </div>
               </el-collapse-item>

               <el-collapse-item title="输送线" name="3">
                  <el-card v-for="(conveyor, index) in conveyors" :key="index" class="box-card" shadow="hover">
                     <el-switch disabled  v-model="conveyor.isConn" :inactive-text="`${conveyor.text}`"></el-switch>
                     <el-switch v-model="conveyor.isConn" :inactive-text="`${conveyor.text}`" disabled ></el-switch>
                  </el-card>
               </el-collapse-item>
            </el-collapse>
@@ -65,10 +65,9 @@
</template>

<script lang="ts" setup>
import { ref, reactive, onMounted } from 'vue';
import { ref, reactive,onMounted } from 'vue';
import { listStatus } from '/@/api/wcs/wcsPlc';
import { signalR } from './signalR';


const state = ref<any>({});
const stackers = ref<any>({});
@@ -1910,7 +1909,7 @@


//输送线数据
let cellsData = ref(cellsDataOne);;
let cellsData = ref(cellsDataOne);

const isPlain1 = ref(false);//一层
const isPlain2 = ref(true);//二层
@@ -1972,16 +1971,12 @@

.grid-container-line {
   display: grid;
   grid-template-columns: repeat(51, 1fr);
   /* 自适应列宽 */
   grid-template-rows: 1fr;
   /* 自适应行高 */
   grid-template-columns: repeat(51, 1fr); /* 自适应列宽 */
   grid-template-rows: 1fr; /* 自适应行高 */
   gap: 0;
   margin-top: 25px;
   width: 100%;
   /* 宽度自适应 */
   height: 1fr;
   /* 高度自适应 */
   width: 100%; /* 宽度自适应 */
   height: 1fr; /* 高度自适应 */
}

.grid-item-line {
@@ -2058,12 +2053,9 @@
   background-color: #9c9c9c;
   border: 1px solid #797777;
   text-align: center;
   line-height: 1.4vw;
   /* 行高 */
   width: 100%;
   /* 自适应宽度 */
   height: 100%;
   /* 自适应高度 */
   line-height: 1.4vw; /* 行高 */
   width: 100%; /* 自适应宽度 */
   height: 100%; /* 自适应高度 */
   color: #fff;
   font-size: 0.7vw;
}