Initial commit
This commit is contained in:
+71
-369
@@ -5,26 +5,28 @@
|
||||
<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'">
|
||||
: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 == 2">载具:LX001</div>
|
||||
<div v-if="it.type == 2">物料:包装袋</div>
|
||||
<div v-if="it.type == 2">数量: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'">
|
||||
: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 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 == 2 || it.type == 1">载具:{{ it.carry_code }}</div>
|
||||
<div v-if="it.type == 2">物料:包装袋</div>
|
||||
<div v-if="it.type == 2">数量:10</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -34,357 +36,19 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getYclList } 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', 'T']
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getYclList()
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
beforeDestroy() {
|
||||
@@ -392,15 +56,60 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
filterData(arr, key) {
|
||||
return arr.filter(item => { return item.layer == key })
|
||||
return arr.filter(item => { return item.layers == key })
|
||||
},
|
||||
getYclList() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
getYclList().then(res => {
|
||||
console.log(res);
|
||||
this.data = res.data.data || []
|
||||
this.data.forEach((item, index) => {
|
||||
const arr = [1]
|
||||
const arrone = [3, 7, 10, 13, 14, 17]
|
||||
// const obj = { type: 1, location_code: '', layer: '1' }
|
||||
if (arr.some(it => { return it !== index + 1 })) {
|
||||
let fig = false
|
||||
if (index + 1 == 17 || index + 1 == 18) {
|
||||
for (let i = 1; i < 3; i++) {
|
||||
item.splice(37, 0, { type: 4, location_code: '', layers: i })
|
||||
}
|
||||
fig = true
|
||||
}
|
||||
for (let i = 1; i < 3; i++) {
|
||||
if (fig) break
|
||||
item.splice(36, 0, { type: 4, location_code: '', layers: i })
|
||||
// item.splice(36, 0, { type: 4, location_code: '', layers: i })
|
||||
// item.splice(36, 0, { type: 4, location_code: '', layers: i })
|
||||
}
|
||||
}
|
||||
if (arrone.some(it => { return it == index + 1 })) {
|
||||
for (let i = 1; i < 3; i++) {
|
||||
item.splice(8, 0, { type: 4, location_code: '', layers: i })
|
||||
}
|
||||
for (let i = 1; i < 3; i++) {
|
||||
item.splice(24, 0, { type: 4, location_code: '', layers: i })
|
||||
}
|
||||
for (let i = 1; i < 3; i++) {
|
||||
item.splice(52, 0, { type: 4, location_code: '', layers: i })
|
||||
}
|
||||
}
|
||||
})
|
||||
}).finally(e => { loading.close(); })
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
// $sysColor: rgba(0, 194, 255, 0.9);
|
||||
$sysColor: rgba(237, 175, 109, 0.7);
|
||||
$sysColor: rgba(85, 110, 255, 0.9);
|
||||
|
||||
|
||||
@import '@/assets/scss/tianyi.scss';
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
@@ -411,7 +120,7 @@ $sysColor: rgba(237, 175, 109, 0.7);
|
||||
|
||||
.box-x {
|
||||
display: flex;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 40px;
|
||||
|
||||
.index {
|
||||
display: flex;
|
||||
@@ -422,13 +131,14 @@ $sysColor: rgba(237, 175, 109, 0.7);
|
||||
}
|
||||
|
||||
.item-x {
|
||||
width: 110px;
|
||||
height: 120px;
|
||||
width: 48px;
|
||||
height: 60px;
|
||||
margin-right: 5px;
|
||||
// margin-bottom: 5px;
|
||||
color: rgba(0, 0, 0, .5);
|
||||
display: inline-grid;
|
||||
position: relative;
|
||||
border-radius: 8%;
|
||||
|
||||
// div {
|
||||
// text-align: center;
|
||||
@@ -437,8 +147,9 @@ $sysColor: rgba(237, 175, 109, 0.7);
|
||||
// }
|
||||
.lists {
|
||||
// text-align: center;
|
||||
line-height: 18px;
|
||||
line-height: 10px;
|
||||
width: 100%;
|
||||
font-size: 8px;
|
||||
// height: 100%;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
@@ -458,7 +169,7 @@ $sysColor: rgba(237, 175, 109, 0.7);
|
||||
border-bottom: 2px solid $sysColor;
|
||||
border-left: 2px solid $sysColor;
|
||||
border-right: 2px solid $sysColor;
|
||||
padding-bottom: 5px;
|
||||
// padding-bottom: 5px;
|
||||
padding-left: 5px;
|
||||
// margin-bottom: 5px;
|
||||
}
|
||||
@@ -470,16 +181,7 @@ $sysColor: rgba(237, 175, 109, 0.7);
|
||||
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