| | |
| | | color: #303133; |
| | | } |
| | | |
| | | .deviceContainer { |
| | | display: flex; |
| | | justify-content: space-around; |
| | | flex-wrap: wrap; |
| | | } |
| | | |
| | | .deviceBox { |
| | | width: 600px; |
| | | margin-top: 10px; |
| | | } |
| | | |
| | | .devpBox { |
| | | margin-top: 20px; |
| | | } |
| | |
| | | } |
| | | |
| | | .deviceItem { |
| | | width: 300px; |
| | | width: 200px; |
| | | height: 40px; |
| | | } |
| | | |
| | | .devpDeviceBox { |
| | | width: 230px; |
| | | margin-top: 10px; |
| | | } |
| | | |
| | | .devpDeviceItem { |
| | |
| | | <div slot="header" class="clearfix"> |
| | | <span>堆垛机</span> |
| | | </div> |
| | | <el-carousel :interval="4000" type="card" :height="crnListHeight"> |
| | | <el-carousel-item v-for="(item,index) in crnList" :key="index"> |
| | | <div ref="crnCarousel" class="deviceBox"> |
| | | <div class="deviceContainer"> |
| | | <div v-for="(item,index) in crnList" :key="index" class="deviceBox"> |
| | | <div class="deviceHeader">{{item.crnNo}}号堆垛机</div> |
| | | <div class="deviceBody"> |
| | | <div class="deviceItem"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-carousel-item> |
| | | </el-carousel> |
| | | </div> |
| | | </el-card> |
| | | |
| | | <el-card class="box-card devpBox"> |
| | | <div slot="header" class="clearfix"> |
| | | <span>输送线</span> |
| | | </div> |
| | | <el-carousel :interval="4000" type="card" :height="devpListHeight"> |
| | | <el-carousel-item v-for="(val,index) in devpList" :key="index" w> |
| | | <div style="display: flex;justify-content: space-around;width: 100%;"> |
| | | <div v-for="(val,index) in devpList" :key="index" w> |
| | | <div style="display: flex;justify-content: space-around;width: 100%;margin-top: 20px;"> |
| | | <div v-for="(item,idx) in val" :key="idx" class="devpDeviceBox"> |
| | | <div class="deviceHeader">{{item.devNo}}号站点</div> |
| | | <div class="deviceBody"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-carousel-item> |
| | | </el-carousel> |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | | <script> |
| | |
| | | let list = [] |
| | | let tmp = [] |
| | | res.data.forEach((item,index) => { |
| | | if (index % 3 == 0) { |
| | | if (index % 5 == 0) { |
| | | if (tmp.length != 0) { |
| | | list.push(tmp) |
| | | } |