Initial commit
This commit is contained in:
+55
-394
@@ -1,23 +1,23 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div v-for="(item, index) of data" :key="index" class="box-x">
|
||||
<div class="index">{{ ab[index] }}</div>
|
||||
<!-- <div class="index">{{ ab[index] }}</div> -->
|
||||
<div class="index">{{ index + 1 }}</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="item-top" v-for="i of 6" :key="i">
|
||||
<!-- <div class="item-x" v-if="item.type == 0"> </div> -->
|
||||
<div v-for="(it, ind) of filterData(item, i)" :key="ind" class="item-x"
|
||||
:class="it.type == 2 ? 'typeOne' : it.type == 0 ? 'typeTwo' : 'typeTh'"
|
||||
:style="{ 'opacity': it.type == 4 ? '0' : '1' }">
|
||||
<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 v-if="it.type == 1 || it.type == 2">载具:{{ it.carry_code }}</div>
|
||||
<div v-if="it.type == 2">物料:包装袋</div>
|
||||
<div v-if="it.type == 2">数量:10</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-bo">
|
||||
<!-- <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">
|
||||
@@ -27,364 +27,26 @@
|
||||
<div v-if="it.type == 1">数量:10</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getZccList } from '@/api/index'
|
||||
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']
|
||||
data: [],
|
||||
// ab: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S']
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getZccList()
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
beforeDestroy() {
|
||||
@@ -392,7 +54,28 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
filterData(arr, key) {
|
||||
return arr.filter(item => { return item.layer == key })
|
||||
return arr.filter(item => { return item.layers == key })
|
||||
},
|
||||
getZccList() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
getZccList().then(res => {
|
||||
this.data = res.data.data || []
|
||||
this.data.forEach((item, index) => {
|
||||
const arr = [6, 7, 8, 9, 10, 24, 25, 26, 27, 28, 29, 40, 41, 42, 43, 44]
|
||||
// const obj = { type: 1, location_code: '', layer: '1' }
|
||||
if (arr.some(it => { return it == index + 1 })) {
|
||||
for (let i = 1; i < 7; i++) {
|
||||
item.splice(42, 0, { type: 4, location_code: '', layers: i })
|
||||
item.splice(42, 0, { type: 4, location_code: '', layers: i })
|
||||
}
|
||||
}
|
||||
})
|
||||
}).finally(e => { loading.close(); })
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -402,16 +85,18 @@ export default {
|
||||
$sysColor: rgba(85, 110, 255, 0.9);
|
||||
// $sysColor: rgba(237, 175, 109, 0.7);
|
||||
|
||||
@import '@/assets/scss/tianyi.scss';
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
height: 860px;
|
||||
margin: 30px;
|
||||
overflow-y: scroll;
|
||||
// margin-bottom: 20px;
|
||||
|
||||
// margin-bottom: 20px;
|
||||
.box-x {
|
||||
display: flex;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 40px;
|
||||
|
||||
.index {
|
||||
display: flex;
|
||||
@@ -422,27 +107,19 @@ $sysColor: rgba(85, 110, 255, 0.9);
|
||||
}
|
||||
|
||||
.item-x {
|
||||
width: 110px;
|
||||
height: 120px;
|
||||
margin-right: 5px;
|
||||
width: 117px;
|
||||
height: 135px;
|
||||
margin-right: 10px;
|
||||
// margin-bottom: 5px;
|
||||
color: rgba(0, 0, 0, .5);
|
||||
display: inline-grid;
|
||||
position: relative;
|
||||
border-radius: 8%;
|
||||
|
||||
// div {
|
||||
// text-align: center;
|
||||
// line-height: 18px;
|
||||
// // display: inline-grid;
|
||||
// }
|
||||
.lists {
|
||||
// text-align: center;
|
||||
line-height: 18px;
|
||||
line-height: 20px;
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// flex-direction: column;
|
||||
font-size: 14px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@@ -455,29 +132,13 @@ $sysColor: rgba(85, 110, 255, 0.9);
|
||||
}
|
||||
|
||||
.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;
|
||||
border: 2px solid $sysColor;
|
||||
border-top: 0px;
|
||||
padding: 5px 5px 0 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%));
|
||||
.item-top:last-child {
|
||||
border-bottom: 0px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user