修改问题

IPC-610

2024-10-30 8ea7380ee486d842bdd96824ac490ba53b454b58

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<template> 
    <el-row :gutter="10">
        <el-col :span="8">
            <el-collapse v-model="activeNames">
                <el-collapse-item title="仓库二层" name="1">
                    <el-card class="box-card" shadow="hover">
                        <el-switch v-model="state.boRunningState" active-text="" inactive-text="托盘输送"
                            @change=""></el-switch>
                    </el-card>
                    <el-card class="box-card" shadow="hover" style="margin-top: 3px;">
                        <el-switch active-text="" inactive-text="拆跺机器人1"
                            @change=""></el-switch>
                    </el-card> 
                    
                    <el-card class="box-card" shadow="hover" style="margin-top: 3px;">
                        <el-switch active-text="" inactive-text="拆跺机器人2"
                            @change=""></el-switch>
                    </el-card> 
                    <el-card class="box-card" shadow="hover" style="margin-top: 3px;">
                        <el-switch active-text="" inactive-text="件箱输送"
                            @change=""></el-switch>
                    </el-card> 
                </el-collapse-item>
            </el-collapse> 
        </el-col>
        
        <el-col :span="8">
            <el-collapse v-model="activeNames2">
                <el-collapse-item title="仓库二层" name="2">
                    <el-card class="box-card" shadow="hover">
                        <el-switch active-text="" inactive-text="托盘输送"
                            @change=""></el-switch>
                    </el-card>
                    <el-card class="box-card" shadow="hover" style="margin-top: 3px;">
                        <el-switch active-text="" inactive-text="码垛机器人1"
                            @change=""></el-switch>
                    </el-card> 
                    
                    <el-card class="box-card" shadow="hover" style="margin-top: 3px;">
                        <el-switch active-text="" inactive-text="码垛机器人2"
                            @change=""></el-switch>
                    </el-card> 
                    <el-card class="box-card" shadow="hover" style="margin-top: 3px;">
                        <el-switch active-text="" inactive-text="件箱输送"
                            @change=""></el-switch>
                    </el-card> 
                </el-collapse-item>
            </el-collapse>
        </el-col>
 
        <el-col :span="8">
            <el-collapse v-model="activeNames3">
                <el-collapse-item title="仓库三层" name="3">
                    <el-card class="box-card" shadow="hover" style="margin-top: 3px;">
                        <el-switch active-text="" inactive-text="托盘输送"
                            @change=""></el-switch>
                    </el-card>
                </el-collapse-item>
            </el-collapse>
        </el-col>
 
    </el-row>
    
</template>
 
<script lang="ts" setup>
 
import { ref } from 'vue';
 
const activeNames = ref(['1'])
const activeNames2 = ref(['2'])
const activeNames3= ref(['3'])
 
const state = ref<any>({});
 
 
 
 
</script>
 
<style scoped>
 
.layout-parent > div:first-child{
    flex-direction:row;
}
 
</style>