tao.zhang/tianyi_DataV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
刘佳
2024-03-15 10:01:20 +08:00
parent 0c5818fb27
commit 0f2bb63f62
11 changed files with 300 additions and 1044 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/index.js
+29
View File
@@ -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',
})
}
src/assets/scss/index.scss
+12 -3
View File
@@ -8,7 +8,7 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
transform-origin: left top; transform-origin: left top;
overflow: hidden; overflow: hidden;
.bg { .bg {
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -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;
@@ -141,4 +150,4 @@
} }
} }
} }
} }
src/assets/scss/tianyi.scss
+15
View File
@@ -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%));
}
src/utils/fontSize.js
+1 -1
View File
@@ -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);
} }
src/utils/request.js
+1
View File
@@ -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:{}//配置请求头
}) })
src/views/cpcView/index.vue
+63 -207
View File
@@ -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>
src/views/eqpView/index.vue
+50 -68
View File
@@ -1,83 +1,61 @@
<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>
</div> </div>
</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>
src/views/taskView/index.vue
+2 -1
View File
@@ -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;
src/views/yclView/index.vue
+71 -369
View File
@@ -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>
src/views/zccView/index.vue
+55 -394
View File
@@ -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>
vue.config.js
+1 -1
View File
@@ -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: [], //黑名单