初步完成自适应
This commit is contained in:
@@ -0,0 +1,485 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div v-for="(item, index) of data" :key="index" class="box-x">
|
||||
<div class="index">{{ ab[index] }}</div>
|
||||
<div>
|
||||
<div class="item-top">
|
||||
<div v-for="(it, ind) of filterData(item, '1')" :key="ind" class="item-x "
|
||||
:class="it.type == 1 ? 'typeOne' : 'typeTwo'">
|
||||
<div class="lists">
|
||||
<div>{{ it.location_code }}</div>
|
||||
<!-- <div>载具:LX001</div>
|
||||
<div>物料:包装袋</div>
|
||||
<div>数量:10</div> -->
|
||||
<div v-if="it.type == 1">载具:LX001</div>
|
||||
<div v-if="it.type == 1">物料:包装袋</div>
|
||||
<div v-if="it.type == 1">数量:10</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-bo">
|
||||
<div v-for="(it, ind) of filterData(item, '2')" :key="ind" class="item-x"
|
||||
:class="it.type == 1 ? 'typeOne' : 'typeTwo'">
|
||||
<div class="lists">
|
||||
<div>{{ it.location_code }}</div>
|
||||
<div v-if="it.type == 1">载具:LX001</div>
|
||||
<div v-if="it.type == 1">物料:包装袋</div>
|
||||
<div v-if="it.type == 1">数量:10</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'yclView',
|
||||
data() {
|
||||
return {
|
||||
data: [
|
||||
[
|
||||
{ type: 1, location_code: 'YCL-A02-1', layer: '1' },
|
||||
{ type: 2, location_code: 'YCL-A03-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A02-1', layer: '2' },
|
||||
{ type: 2, location_code: 'YCL-A03-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
],
|
||||
[
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A02-1', layer: '2' },
|
||||
{ type: 2, location_code: 'YCL-A03-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
],
|
||||
[
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A02-1', layer: '2' },
|
||||
{ type: 2, location_code: 'YCL-A03-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
],
|
||||
[
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A02-1', layer: '2' },
|
||||
{ type: 2, location_code: 'YCL-A03-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
],
|
||||
[
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A02-1', layer: '2' },
|
||||
{ type: 2, location_code: 'YCL-A03-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
],
|
||||
[
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A02-1', layer: '2' },
|
||||
{ type: 2, location_code: 'YCL-A03-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
{ type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
],
|
||||
// [
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 1, location_code: 'YCL-A02-1', layer: '2' },
|
||||
// { type: 2, location_code: 'YCL-A03-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// ]
|
||||
// ,
|
||||
// [
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1', layer: '1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 1, location_code: 'YCL-A02-1', layer: '2' },
|
||||
// { type: 2, location_code: 'YCL-A03-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1', layer: '2' },
|
||||
// ],
|
||||
// [
|
||||
// { type: 1, location_code: 'YCL-A02-1',layer:'1' },
|
||||
// { type: 2, location_code: 'YCL-A03-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 1, location_code: 'YCL-A02-1',layer:'2' },
|
||||
// { type: 2, location_code: 'YCL-A03-1',layer:'2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 1, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'2' },
|
||||
// ],
|
||||
// [
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 0, location_code: 'YCL-A01-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// ],
|
||||
// [
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// ],
|
||||
// [
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },
|
||||
// { type: 1, location_code: 'YCL-A11-1',layer:'1' },]
|
||||
// ,
|
||||
],
|
||||
ab: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S']
|
||||
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
beforeDestroy() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
filterData(arr, key) {
|
||||
return arr.filter(item => { return item.layer == key })
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
// $sysColor: rgba(0, 194, 255, 0.9);
|
||||
$sysColor: rgba(237, 175, 109, 0.7);
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
height: 860px;
|
||||
margin: 30px;
|
||||
overflow-y: scroll;
|
||||
// margin-bottom: 20px;
|
||||
|
||||
.box-x {
|
||||
display: flex;
|
||||
margin-bottom: 30px;
|
||||
|
||||
.index {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 30px;
|
||||
width: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.item-x {
|
||||
width: 110px;
|
||||
height: 120px;
|
||||
margin-right: 5px;
|
||||
// margin-bottom: 5px;
|
||||
color: rgba(0, 0, 0, .5);
|
||||
display: inline-grid;
|
||||
position: relative;
|
||||
|
||||
// div {
|
||||
// text-align: center;
|
||||
// line-height: 18px;
|
||||
// // display: inline-grid;
|
||||
// }
|
||||
.lists {
|
||||
// text-align: center;
|
||||
line-height: 18px;
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// flex-direction: column;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
div {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-top {
|
||||
border-bottom: 2px solid $sysColor;
|
||||
border-left: 2px solid $sysColor;
|
||||
border-right: 2px solid $sysColor;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 5px;
|
||||
// margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.item-bo {
|
||||
border-left: 2px solid $sysColor;
|
||||
border-right: 2px solid $sysColor;
|
||||
padding-top: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.typeOne {
|
||||
background-color: #35ff39;
|
||||
background-image: linear-gradient(#35ff39, darken(#35ff39, 20%));
|
||||
|
||||
}
|
||||
|
||||
.typeTwo {
|
||||
background-color: #849384;
|
||||
background-image: linear-gradient(#849384, darken(#849384, 20%));
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user