Initial commit
This commit is contained in:
@@ -1,7 +1,36 @@
|
|||||||
import request from '../utils/request'
|
import request from '../utils/request'
|
||||||
|
// 生产任务
|
||||||
export function gettaskList() {
|
export function gettaskList() {
|
||||||
return request({
|
return request({
|
||||||
url: '/api/production/prd-mo/prd-task',
|
url: '/api/production/prd-mo/prd-task',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
// 原材料
|
||||||
|
export function getYclList() {
|
||||||
|
return request({
|
||||||
|
url: '/api/wms/location-definition/yc-llocation',
|
||||||
|
method: 'post',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 中储仓
|
||||||
|
export function getZccList() {
|
||||||
|
return request({
|
||||||
|
url: '/api/wms/location-definition/ct-ulocation',
|
||||||
|
method: 'post',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 成品仓
|
||||||
|
export function getCpcList() {
|
||||||
|
return request({
|
||||||
|
url: '/api/wms/location-definition/c-plocation',
|
||||||
|
method: 'post',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 设备
|
||||||
|
export function getEqpList() {
|
||||||
|
return request({
|
||||||
|
url: '/api/wms/location-definition/zsj-data',
|
||||||
|
method: 'post',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|||||||
@@ -19,18 +19,22 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.host-body {
|
.host-body {
|
||||||
|
|
||||||
.dv-dec-10,
|
.dv-dec-10,
|
||||||
.dv-dec-10-s {
|
.dv-dec-10-s {
|
||||||
width: 33.3%;
|
width: 33.3%;
|
||||||
height: 5px;
|
height: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dv-dec-10-s {
|
.dv-dec-10-s {
|
||||||
transform: rotateY(180deg);
|
transform: rotateY(180deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dv-dec-8 {
|
.dv-dec-8 {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 500px;
|
width: 500px;
|
||||||
@@ -39,7 +43,7 @@
|
|||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
||||||
.title-text {
|
.title-text {
|
||||||
font-size: 24px;
|
font-size: 35px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
@@ -60,6 +64,7 @@
|
|||||||
.aside-width {
|
.aside-width {
|
||||||
width: 40%;
|
width: 40%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.react-r-s,
|
.react-r-s,
|
||||||
.react-l-s {
|
.react-l-s {
|
||||||
background-color: #0f1325;
|
background-color: #0f1325;
|
||||||
@@ -71,6 +76,7 @@
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
width: 500px;
|
width: 500px;
|
||||||
}
|
}
|
||||||
|
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
@@ -94,10 +100,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.react-left {
|
.react-left {
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
&.react-l-s {
|
&.react-l-s {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
|
|||||||
@@ -0,0 +1,15 @@
|
|||||||
|
.typeOne {
|
||||||
|
background-image: linear-gradient(#35ff39, darken(#35ff39, 20%));
|
||||||
|
}
|
||||||
|
|
||||||
|
.typeTwo {
|
||||||
|
background-image: linear-gradient(#849384, darken(#849384, 20%));
|
||||||
|
}
|
||||||
|
|
||||||
|
.typeTh {
|
||||||
|
background-image: linear-gradient(#6acbf0, darken(#6acbf0, 20%));
|
||||||
|
}
|
||||||
|
|
||||||
|
.typeFo {
|
||||||
|
background-image: linear-gradient(red, darken(red, 20%));
|
||||||
|
}
|
||||||
@@ -5,7 +5,7 @@
|
|||||||
function setBodyFontSize() {
|
function setBodyFontSize() {
|
||||||
if (document.body) {
|
if (document.body) {
|
||||||
// 1.body 字体大小默认为 16px
|
// 1.body 字体大小默认为 16px
|
||||||
document.body.style.fontSize = 16 * dpr + "px";
|
document.body.style.fontSize = 14 * dpr + "px";
|
||||||
} else {
|
} else {
|
||||||
document.addEventListener("DOMContentLoaded", setBodyFontSize);
|
document.addEventListener("DOMContentLoaded", setBodyFontSize);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
const server = axios.create({
|
const server = axios.create({
|
||||||
baseURL: "http://192.168.11.109", //配置请求的url
|
baseURL: "http://192.168.11.109", //配置请求的url
|
||||||
|
// baseURL: "http://tnb.tuotong-tech.com", //配置请求的url
|
||||||
timeout: 6000, //配置超时时间
|
timeout: 6000, //配置超时时间
|
||||||
headers:{}//配置请求头
|
headers:{}//配置请求头
|
||||||
})
|
})
|
||||||
|
|||||||
+63
-207
@@ -1,223 +1,85 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<div v-for="(item, index) of data" :key="index" class="box-x">
|
<div v-for="(item, index) of data" :key="index" class="box-x">
|
||||||
<div class="index">{{ index + 1 }}</div>
|
<!-- <div class="index">{{ index + 1 }}</div> -->
|
||||||
<div v-for="(it, ind) of item" :key="ind" class="item" :class="it.type == 1 ? 'typeOne' : 'typeTwo'">
|
<!-- <div v-for="(it, ind) of item" :key="ind" class="item"
|
||||||
<div>
|
:class="it.type == 1 ? 'typeOne' : it.type == 0 ? 'typeTwo' : 'typeTh'">
|
||||||
|
<div class="lists">
|
||||||
<div>{{ it.location_code }}</div>
|
<div>{{ it.location_code }}</div>
|
||||||
<div v-if="it.type == 1">载具:LX001</div>
|
<div v-if="it.type == 1">载具:LX001</div>
|
||||||
<div v-if="it.type == 1">物料:包装袋</div>
|
<div v-if="it.type == 1">物料:包装袋</div>
|
||||||
<div v-if="it.type == 1">数量:10</div>
|
<div v-if="it.type == 1">数量:10</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div> -->
|
||||||
|
<div class="index">{{ index + 1 }}</div>
|
||||||
|
<div>
|
||||||
|
<div class="item-top">
|
||||||
|
<!-- <div class="item-x" v-if="item.type == 0"> </div> -->
|
||||||
|
<div v-for="(it, ind) of item" :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 v-if="it.type == 2">载具:LX00{{ ind }}</div>
|
||||||
|
<div v-if="it.type == 2">物料:包装袋</div>
|
||||||
|
<div v-if="it.type == 2">数量:10</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { getCpcList } from '@/api/index'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'yclView',
|
name: 'yclView',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
data: [
|
data: []
|
||||||
[
|
|
||||||
{ type: 1, location_code: 'YCL-A02-1' },
|
|
||||||
{ type: 2, location_code: 'YCL-A03-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },]
|
|
||||||
,
|
|
||||||
[
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{ type: 1, location_code: 'YCL-A02-1' },
|
|
||||||
{ type: 2, location_code: 'YCL-A03-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 0, location_code: 'YCL-A01-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },
|
|
||||||
{ type: 1, location_code: 'YCL-A11-1' },]
|
|
||||||
,
|
|
||||||
]
|
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.getCpcList()
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
},
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
getCpcList() {
|
||||||
|
const loading = this.$loading({
|
||||||
|
lock: true,
|
||||||
|
text: 'Loading',
|
||||||
|
spinner: 'el-icon-loading',
|
||||||
|
background: 'rgba(0, 0, 0, 0.7)'
|
||||||
|
});
|
||||||
|
getCpcList().then(res => {
|
||||||
|
console.log(res);
|
||||||
|
this.data = res.data.data || []
|
||||||
|
// console.log(this.data, 999);
|
||||||
|
}).finally(e => { loading.close(); })
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
@import '@/assets/scss/tianyi.scss';
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 860px;
|
height: 860px;
|
||||||
// display: flex;
|
margin: 30px;
|
||||||
padding: 30px;
|
overflow-y: scroll;
|
||||||
|
|
||||||
// justify-content: space-evenly;
|
|
||||||
// flex-wrap: wrap;
|
|
||||||
.box-x {
|
.box-x {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 30px;
|
||||||
|
|
||||||
.index {
|
.index {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -227,37 +89,31 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.item {
|
.item-x {
|
||||||
width: 70px;
|
width: 50px;
|
||||||
height: 75px;
|
height: 60px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
// margin-bottom: 5px;
|
||||||
color: rgba(0, 0, 0, .5);
|
color: rgba(0, 0, 0, .5);
|
||||||
font-size: 9px;
|
display: inline-grid;
|
||||||
display: inline-block;
|
position: relative;
|
||||||
display: flex;
|
border-radius: 8%;
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
div {
|
.lists {
|
||||||
text-align: center;
|
line-height: 10px;
|
||||||
// line-height: 18px;
|
width: 100%;
|
||||||
|
font-size: 8px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
|
||||||
|
div {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.typeOne {
|
|
||||||
background-color: #35ff39;
|
|
||||||
background-image: linear-gradient(#35ff39, darken(#35ff39, 20%));
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.typeTwo {
|
|
||||||
background-color: #849384;
|
|
||||||
background-image: linear-gradient(#849384, darken(#849384, 20%));
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.typeth {
|
|
||||||
background-color: #d2de25;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
+48
-66
@@ -1,7 +1,17 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<div v-for="(it,ind) of data" :key="ind" class="item" :class="it.type==1?'typeOne':it.type==0?'typeTwo':'typeth'">
|
<div v-for="(it, ind) of data" :key="ind" class="item"
|
||||||
{{ it.name }}
|
:class="it.type == 1 ? 'typeOne' : it.type == 0 ? 'typeTwo' : 'typeFo'">
|
||||||
|
<div class="lists">
|
||||||
|
<div>{{ it.device_code }}</div>
|
||||||
|
<div>设备状态:{{ it.device_state.replace("。", "") }}</div>
|
||||||
|
<div v-if="it.zsspeed">注射速度:{{ it.zsspeed }}</div>
|
||||||
|
<div v-if="it.sjspeed">射胶速度:{{ it.sjspeed }}</div>
|
||||||
|
<div v-if="it.sjspeed">成型时间:{{ it.sjspeed }}</div>
|
||||||
|
<div v-if="it.temp1">一段温度:{{ it.temp1 }}</div>
|
||||||
|
<div v-if="it.temp3">三段温度:{{ it.temp3 }}</div>
|
||||||
|
<div v-if="it.temp5">五段温度:{{ it.temp5 }}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@@ -9,75 +19,43 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { getEqpList } from '@/api/index'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'yclView',
|
name: 'yclView',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
data: [
|
data: []
|
||||||
{ type: 1, name: '设备1' },
|
|
||||||
{ type: 2, name: '设备2' },
|
|
||||||
{ type: 0, name: '设备3' },
|
|
||||||
{ type: 0, name: '设备3' },
|
|
||||||
{ type: 0, name: '设备3' },
|
|
||||||
{ type: 0, name: '设备3' },
|
|
||||||
{ type: 1, name: '设备3' },
|
|
||||||
{ type: 0, name: '设备3' },
|
|
||||||
{ type: 1, name: '设备3' },
|
|
||||||
{ type: 1, name: '设备3' },
|
|
||||||
{ type: 0, name: '设备3' },
|
|
||||||
{ type: 0, name: '设备3' },
|
|
||||||
{ type: 1, name: '设备3' },
|
|
||||||
{ type: 1, name: '设备3' },
|
|
||||||
{ type: 0, name: '设备3' },
|
|
||||||
{ type: 1, name: '设备3' },
|
|
||||||
{ type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
// { type: 0, name: '设备3' },
|
|
||||||
]
|
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.getEqpList()
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
},
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
getEqpList() {
|
||||||
|
const loading = this.$loading({
|
||||||
|
lock: true,
|
||||||
|
text: 'Loading',
|
||||||
|
spinner: 'el-icon-loading',
|
||||||
|
background: 'rgba(0, 0, 0, 0.7)'
|
||||||
|
});
|
||||||
|
getEqpList().then(res => {
|
||||||
|
this.data = res.data.data || []
|
||||||
|
}).finally(e => { loading.close(); })
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
@import '@/assets/scss/tianyi.scss';
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 860px;
|
height: 860px;
|
||||||
@@ -88,22 +66,26 @@ export default {
|
|||||||
|
|
||||||
.item {
|
.item {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 220px;
|
height: 210px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
color: rgba(0, 0, 0, .5);
|
color: #cbaeae;
|
||||||
font-size: 20px;
|
// color: rgba(0, 0, 0, .5);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 220px;
|
border-radius: 6%;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
// padding-top: 90px;
|
// padding-top: 90px;
|
||||||
|
.lists {
|
||||||
|
line-height: 20px;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 14px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.typeOne{
|
|
||||||
background-color: #35ff39;
|
|
||||||
}
|
|
||||||
.typeTwo{
|
|
||||||
background-color: #849384;
|
|
||||||
}
|
|
||||||
.typeth{
|
|
||||||
background-color: #d2de25;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<el-table :data="data" style="width: 100%" height="760" v-loading="loadingShow">
|
<el-table :data="data" style="width: 100%" height="640" v-loading="loadingShow">
|
||||||
<el-table-column prop="mo_code" label="任务单编号">
|
<el-table-column prop="mo_code" label="任务单编号">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="f_fullname" label="状态">
|
<el-table-column prop="f_fullname" label="状态">
|
||||||
@@ -55,6 +55,7 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
@import '@/assets/scss/tianyi.scss';
|
||||||
.box {
|
.box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 860px;
|
height: 860px;
|
||||||
|
|||||||
+71
-369
@@ -5,26 +5,28 @@
|
|||||||
<div>
|
<div>
|
||||||
<div class="item-top">
|
<div class="item-top">
|
||||||
<div v-for="(it, ind) of filterData(item, '1')" :key="ind" class="item-x "
|
<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 class="lists">
|
||||||
<div>{{ it.location_code }}</div>
|
<div>{{ it.location_code }}</div>
|
||||||
<!-- <div>载具:LX001</div>
|
<!-- <div>载具:LX001</div>
|
||||||
<div>物料:包装袋</div>
|
<div>物料:包装袋</div>
|
||||||
<div>数量:10</div> -->
|
<div>数量:10</div> -->
|
||||||
<div v-if="it.type == 1">载具:LX001</div>
|
<div v-if="it.type == 2">载具:LX001</div>
|
||||||
<div v-if="it.type == 1">物料:包装袋</div>
|
<div v-if="it.type == 2">物料:包装袋</div>
|
||||||
<div v-if="it.type == 1">数量:10</div>
|
<div v-if="it.type == 2">数量:10</div>
|
||||||
</div>
|
</div>
|
||||||
</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"
|
<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 class="lists">
|
||||||
<div>{{ it.location_code }}</div>
|
<div>{{ it.location_code }}</div>
|
||||||
<div v-if="it.type == 1">载具:LX001</div>
|
<div v-if="it.type == 2 || it.type == 1">载具:{{ it.carry_code }}</div>
|
||||||
<div v-if="it.type == 1">物料:包装袋</div>
|
<div v-if="it.type == 2">物料:包装袋</div>
|
||||||
<div v-if="it.type == 1">数量:10</div>
|
<div v-if="it.type == 2">数量:10</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -34,357 +36,19 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { getYclList } from '@/api/index'
|
||||||
export default {
|
export default {
|
||||||
name: 'yclView',
|
name: 'yclView',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
data: [
|
data: [],
|
||||||
[
|
ab: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T']
|
||||||
{ 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']
|
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.getYclList()
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
},
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
@@ -392,15 +56,60 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
filterData(arr, key) {
|
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>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
// $sysColor: rgba(0, 194, 255, 0.9);
|
$sysColor: rgba(85, 110, 255, 0.9);
|
||||||
$sysColor: rgba(237, 175, 109, 0.7);
|
|
||||||
|
|
||||||
|
@import '@/assets/scss/tianyi.scss';
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -411,7 +120,7 @@ $sysColor: rgba(237, 175, 109, 0.7);
|
|||||||
|
|
||||||
.box-x {
|
.box-x {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 40px;
|
||||||
|
|
||||||
.index {
|
.index {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -422,13 +131,14 @@ $sysColor: rgba(237, 175, 109, 0.7);
|
|||||||
}
|
}
|
||||||
|
|
||||||
.item-x {
|
.item-x {
|
||||||
width: 110px;
|
width: 48px;
|
||||||
height: 120px;
|
height: 60px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
// margin-bottom: 5px;
|
// margin-bottom: 5px;
|
||||||
color: rgba(0, 0, 0, .5);
|
color: rgba(0, 0, 0, .5);
|
||||||
display: inline-grid;
|
display: inline-grid;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
border-radius: 8%;
|
||||||
|
|
||||||
// div {
|
// div {
|
||||||
// text-align: center;
|
// text-align: center;
|
||||||
@@ -437,8 +147,9 @@ $sysColor: rgba(237, 175, 109, 0.7);
|
|||||||
// }
|
// }
|
||||||
.lists {
|
.lists {
|
||||||
// text-align: center;
|
// text-align: center;
|
||||||
line-height: 18px;
|
line-height: 10px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
font-size: 8px;
|
||||||
// height: 100%;
|
// height: 100%;
|
||||||
// display: flex;
|
// display: flex;
|
||||||
// justify-content: center;
|
// justify-content: center;
|
||||||
@@ -458,7 +169,7 @@ $sysColor: rgba(237, 175, 109, 0.7);
|
|||||||
border-bottom: 2px solid $sysColor;
|
border-bottom: 2px solid $sysColor;
|
||||||
border-left: 2px solid $sysColor;
|
border-left: 2px solid $sysColor;
|
||||||
border-right: 2px solid $sysColor;
|
border-right: 2px solid $sysColor;
|
||||||
padding-bottom: 5px;
|
// padding-bottom: 5px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
// margin-bottom: 5px;
|
// margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
@@ -470,16 +181,7 @@ $sysColor: rgba(237, 175, 109, 0.7);
|
|||||||
padding-left: 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>
|
</style>
|
||||||
+55
-394
@@ -1,23 +1,23 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<div v-for="(item, index) of data" :key="index" class="box-x">
|
<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>
|
||||||
<div class="item-top">
|
<div class="item-top" v-for="i of 6" :key="i">
|
||||||
<div v-for="(it, ind) of filterData(item, '1')" :key="ind" class="item-x "
|
<!-- <div class="item-x" v-if="item.type == 0"> </div> -->
|
||||||
:class="it.type == 1 ? 'typeOne' : 'typeTwo'">
|
<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 class="lists">
|
||||||
<div>{{ it.location_code }}</div>
|
<div>{{ it.location_code }}</div>
|
||||||
<!-- <div>载具:LX001</div>
|
<div v-if="it.type == 1 || it.type == 2">载具:{{ it.carry_code }}</div>
|
||||||
<div>物料:包装袋</div>
|
<div v-if="it.type == 2">物料:包装袋</div>
|
||||||
<div>数量:10</div> -->
|
<div v-if="it.type == 2">数量: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>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-bo">
|
<!-- <div class="item-bo">
|
||||||
<div v-for="(it, ind) of filterData(item, '2')" :key="ind" class="item-x"
|
<div v-for="(it, ind) of filterData(item, '2')" :key="ind" class="item-x"
|
||||||
:class="it.type == 1 ? 'typeOne' : 'typeTwo'">
|
:class="it.type == 1 ? 'typeOne' : 'typeTwo'">
|
||||||
<div class="lists">
|
<div class="lists">
|
||||||
@@ -27,364 +27,26 @@
|
|||||||
<div v-if="it.type == 1">数量:10</div>
|
<div v-if="it.type == 1">数量:10</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { getZccList } from '@/api/index'
|
||||||
export default {
|
export default {
|
||||||
name: 'yclView',
|
name: 'yclView',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
data: [
|
data: [],
|
||||||
[
|
// ab: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S']
|
||||||
{ 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']
|
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.getZccList()
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
},
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
@@ -392,7 +54,28 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
filterData(arr, key) {
|
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(85, 110, 255, 0.9);
|
||||||
// $sysColor: rgba(237, 175, 109, 0.7);
|
// $sysColor: rgba(237, 175, 109, 0.7);
|
||||||
|
|
||||||
|
@import '@/assets/scss/tianyi.scss';
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 860px;
|
height: 860px;
|
||||||
margin: 30px;
|
margin: 30px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
// margin-bottom: 20px;
|
|
||||||
|
|
||||||
|
// margin-bottom: 20px;
|
||||||
.box-x {
|
.box-x {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 40px;
|
||||||
|
|
||||||
.index {
|
.index {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -422,27 +107,19 @@ $sysColor: rgba(85, 110, 255, 0.9);
|
|||||||
}
|
}
|
||||||
|
|
||||||
.item-x {
|
.item-x {
|
||||||
width: 110px;
|
width: 117px;
|
||||||
height: 120px;
|
height: 135px;
|
||||||
margin-right: 5px;
|
margin-right: 10px;
|
||||||
// margin-bottom: 5px;
|
// margin-bottom: 5px;
|
||||||
color: rgba(0, 0, 0, .5);
|
color: rgba(0, 0, 0, .5);
|
||||||
display: inline-grid;
|
display: inline-grid;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
border-radius: 8%;
|
||||||
|
|
||||||
// div {
|
|
||||||
// text-align: center;
|
|
||||||
// line-height: 18px;
|
|
||||||
// // display: inline-grid;
|
|
||||||
// }
|
|
||||||
.lists {
|
.lists {
|
||||||
// text-align: center;
|
line-height: 20px;
|
||||||
line-height: 18px;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// height: 100%;
|
font-size: 14px;
|
||||||
// display: flex;
|
|
||||||
// justify-content: center;
|
|
||||||
// flex-direction: column;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
@@ -455,29 +132,13 @@ $sysColor: rgba(85, 110, 255, 0.9);
|
|||||||
}
|
}
|
||||||
|
|
||||||
.item-top {
|
.item-top {
|
||||||
border-bottom: 2px solid $sysColor;
|
border: 2px solid $sysColor;
|
||||||
border-left: 2px solid $sysColor;
|
border-top: 0px;
|
||||||
border-right: 2px solid $sysColor;
|
padding: 5px 5px 0 5px;
|
||||||
padding-bottom: 5px;
|
|
||||||
padding-left: 5px;
|
|
||||||
// margin-bottom: 5px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-bo {
|
.item-top:last-child {
|
||||||
border-left: 2px solid $sysColor;
|
border-bottom: 0px;
|
||||||
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>
|
</style>
|
||||||
+1
-1
@@ -13,7 +13,7 @@ module.exports = {
|
|||||||
postcss: {
|
postcss: {
|
||||||
plugins: [
|
plugins: [
|
||||||
require('postcss-plugin-px2rem')({
|
require('postcss-plugin-px2rem')({
|
||||||
rootValue: 100, //换算基数， 默认100 ，这样的话把根标签的字体规定为1rem为50px,这样就可以从设计稿上量出多少个px直接在代码中写多上px了。
|
rootValue: 63, //换算基数， 默认100 ，这样的话把根标签的字体规定为1rem为50px,这样就可以从设计稿上量出多少个px直接在代码中写多上px了。
|
||||||
unitPrecision: 5, //允许REM单位增长到的十进制数字。
|
unitPrecision: 5, //允许REM单位增长到的十进制数字。
|
||||||
propWhiteList: [], //默认值是一个空数组，这意味着禁用白名单并启用所有属性。
|
propWhiteList: [], //默认值是一个空数组，这意味着禁用白名单并启用所有属性。
|
||||||
propBlackList: [], //黑名单
|
propBlackList: [], //黑名单
|
||||||
|
|||||||
Reference in New Issue
Block a user