工作台增加演示模式开关

wxw

2024-09-12 73a728c441cf444d5c4d3813d7a8a5df2c01499a

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

@@ -16,6 +16,10 @@
                     <el-switch v-model="state.boRefresh" active-text="" inactive-text="自刷新"
                        @change="handleSwitchChange('boRefresh', $event)"></el-switch>
                  </el-card>
                  <el-card class="box-card" shadow="hover" style="margin-top: 3px;">
                     <el-switch v-model="state.boDemo" active-text="" inactive-text="演示模式"
                        @change="handleSwitchChange('boDemo', $event)"></el-switch>
                  </el-card>
               </el-collapse-item>

               <el-collapse-item title="堆垛机" name="2">
@@ -37,9 +41,12 @@
         </el-col>
         <el-col :span="21">
            <div class="card-page">
               <el-button type="primary" :plain="floorStates.isPlain1" @click="floorTogglePlain(1)">一层平面</el-button>
               <el-button type="primary" :plain="floorStates.isPlain2" @click="floorTogglePlain(2)">二层平面</el-button>
               <el-button type="primary" :plain="floorStates.isPlain3" @click="floorTogglePlain(3)">三层平面</el-button>
               <el-button type="primary" :plain="floorStates.isPlain1"
                  @click="floorTogglePlain(1)">一层平面</el-button>
               <el-button type="primary" :plain="floorStates.isPlain2"
                  @click="floorTogglePlain(2)">二层平面</el-button>
               <el-button type="primary" :plain="floorStates.isPlain3"
                  @click="floorTogglePlain(3)">三层平面</el-button>
            </div>
            <div style="margin: 40px; height: 50%;">
               <div class="grid-container-line">
@@ -148,7 +155,9 @@
   });
});
const handleSwitchChange = (field: string, value: boolean) => {
   signalR.invoke('UpdateService', state.value);
   const param = { [field]: value };
   debugger;
   signalR.invoke('UpdateService', param);
};

// 更新输送线数据的通用函数