@@ -23,31 +23,52 @@
-
-
{{ a.warehouseStorehouseName }}
+ v-for="j in wareData.filter(
+ (item) => item.wareRow === (i - 1) * 4 + 1
+ )"
+ :key="j.id + j.warehouseStorehouseName"
+ :title="j.warehouseStorehouseName"
+ :style="{
+ background: bgColor[j.warehouseStorehouseState],
+ }">
+
+ {{ j.wareColumn }}
+
+
+ {{ j.wareRow }}
+
+
+
+
-
-
{{ b.warehouseStorehouseName }}
+ v-for="j in wareData.filter(
+ (item) => item.wareRow === (i - 1) * 4 + 2
+ )"
+ :key="j.id + j.warehouseStorehouseName"
+ :title="j.warehouseStorehouseName"
+ :style="{
+ background: bgColor[j.warehouseStorehouseState],
+ }">
+
+ {{ j.wareRow }}
+
+
+
+
@@ -58,31 +79,47 @@
-
-
{{ c.warehouseStorehouseName }}
+ v-for="j in wareData.filter(
+ (item) => item.wareRow === (i - 1) * 4 + 3
+ )"
+ :key="j.id + j.warehouseStorehouseName"
+ :title="j.warehouseStorehouseName"
+ :style="{
+ background: bgColor[j.warehouseStorehouseState],
+ }">
+
+ {{ j.wareRow }}
+
+
+
+
-
-
{{ d.warehouseStorehouseName }}
+ v-for="j in wareData.filter((item) => item.wareRow === i * 4)"
+ :key="j.id + j.warehouseStorehouseName"
+ :title="j.warehouseStorehouseName"
+ :style="{
+ background: bgColor[j.warehouseStorehouseState],
+ }">
+
+ {{ j.wareRow }}
+
+
+
+
@@ -108,32 +145,12 @@ export default {
exportURL: exportWarehouseStorehouseExcel,
},
listQuery: {
- stacker: 1,
wareLayer: 1,
total: 0,
},
- wareData: {
- one: [],
- two: [],
- there: [],
- four: [],
- },
- bgColor: ['#16DC09', '#FFA08F', '#7362F3'],
+ wareData: [],
+ bgColor: ['#d3d3d3', '#7362F3', '#16DC09'], //空,锁,满
formConfig: [
- {
- type: 'select',
- label: '选择巷道',
- selectOptions: [
- { id: 1, name: '巷道一' },
- { id: 2, name: '巷道二' },
- { id: 3, name: '巷道三' },
- { id: 4, name: '巷道四' },
- ],
- param: 'stacker',
- filterable: true,
- defaultSelect: 1,
- clearable: false,
- },
{
type: 'select',
label: '选择层',
@@ -167,36 +184,10 @@ export default {
components: {},
created() {},
methods: {
- // 获取数据列表
- getDataList() {
- this.dataListLoading = true;
- (this.wareData = {
- one: [],
- two: [],
- there: [],
- four: [],
- }),
- this.urlOptions.getDataListURL(this.listQuery).then((response) => {
- response.data.forEach((a, b) => {
- if (b % 4 === 0) {
- this.wareData.one.push(a);
- } else if (b % 4 === 1) {
- this.wareData.two.push(a);
- } else if (b % 4 === 2) {
- this.wareData.there.push(a);
- } else if (b % 4 === 3) {
- this.wareData.four.push(a);
- }
- });
- this.listQuery.total = Math.ceil(response.data.length / 40);
- this.dataListLoading = false;
- });
- },
buttonClick(val) {
switch (val.btnName) {
case 'search':
this.listQuery.wareLayer = val.value;
- this.listQuery.stacker = val.stacker;
this.getDataList();
break;
case 'export':
@@ -206,6 +197,15 @@ export default {
console.log(val);
}
},
+ // 获取数据列表
+ getDataList() {
+ this.dataListLoading = true;
+ this.urlOptions.getDataListURL(this.listQuery).then((response) => {
+ this.wareData = response.data;
+ this.listQuery.total = Math.ceil(response.data.length / 120);
+ this.dataListLoading = false;
+ });
+ },
},
};
@@ -213,52 +213,59 @@ export default {
diff --git a/src/views/asrs/warehouseLocationMonitoring/indexb.vue b/src/views/asrs/warehouseLocationMonitoring/indexb.vue
index 2e91d3b..2daf72a 100644
--- a/src/views/asrs/warehouseLocationMonitoring/indexb.vue
+++ b/src/views/asrs/warehouseLocationMonitoring/indexb.vue
@@ -1,8 +1,8 @@
@@ -12,9 +12,9 @@
ref="searchBarForm"
@headBtnClick="buttonClick" />
- 满
- 空
- 锁
+ 满
+ 空
+ 锁
@@ -23,31 +23,52 @@
-
-
{{ a.warehouseStorehouseName }}
+ v-for="j in wareData.filter(
+ (item) => item.wareRow === (i - 1) * 4 + 1
+ )"
+ :key="j.id + j.warehouseStorehouseName"
+ :title="j.warehouseStorehouseName"
+ :style="{
+ background: bgColor[j.warehouseStorehouseState],
+ }">
+
+ {{ j.wareColumn }}
+
+
+ {{ j.wareRow }}
+
+
+
+
-
-
{{ b.warehouseStorehouseName }}
+ v-for="j in wareData.filter(
+ (item) => item.wareRow === (i - 1) * 4 + 2
+ )"
+ :key="j.id + j.warehouseStorehouseName"
+ :title="j.warehouseStorehouseName"
+ :style="{
+ background: bgColor[j.warehouseStorehouseState],
+ }">
+
+ {{ j.wareRow }}
+
+
+
+
@@ -58,31 +79,47 @@
-
-
{{ c.warehouseStorehouseName }}
+ v-for="j in wareData.filter(
+ (item) => item.wareRow === (i - 1) * 4 + 3
+ )"
+ :key="j.id + j.warehouseStorehouseName"
+ :title="j.warehouseStorehouseName"
+ :style="{
+ background: bgColor[j.warehouseStorehouseState],
+ }">
+
+ {{ j.wareRow }}
+
+
+
+
-
-
{{ d.warehouseStorehouseName }}
+ v-for="j in wareData.filter((item) => item.wareRow === i * 4)"
+ :key="j.id + j.warehouseStorehouseName"
+ :title="j.warehouseStorehouseName"
+ :style="{
+ background: bgColor[j.warehouseStorehouseState],
+ }">
+
+ {{ j.wareRow }}
+
+
+
+
@@ -108,32 +145,12 @@ export default {
exportURL: exportWarehouseStorehouseExcel,
},
listQuery: {
- //stacker: 1,
wareLayer: 1,
total: 0,
},
- wareData: {
- one: [],
- two: [],
- there: [],
- four: [],
- },
- bgColor: ['#16DC09', '#FFA08F', '#7362F3'],
+ wareData: [],
+ bgColor: ['#d3d3d3', '#7362F3', '#16DC09'], //空,锁,满
formConfig: [
- {
- type: 'select',
- label: '选择巷道',
- selectOptions: [
- { id: 1, name: '巷道一' },
- { id: 2, name: '巷道二' },
- { id: 3, name: '巷道三' },
- { id: 4, name: '巷道四' },
- ],
- param: 'stacker',
- filterable: true,
- defaultSelect: 1,
- clearable: false,
- },
{
type: 'select',
label: '选择层',
@@ -169,36 +186,10 @@ export default {
this.listQuery.warehouseId = this.bId;
},
methods: {
- // 获取数据列表
- getDataList() {
- this.dataListLoading = true;
- (this.wareData = {
- one: [],
- two: [],
- there: [],
- four: [],
- }),
- this.urlOptions.getDataListURL(this.listQuery).then((response) => {
- response.data.forEach((a, b) => {
- if (b % 4 === 0) {
- this.wareData.one.push(a);
- } else if (b % 4 === 1) {
- this.wareData.two.push(a);
- } else if (b % 4 === 2) {
- this.wareData.there.push(a);
- } else if (b % 4 === 3) {
- this.wareData.four.push(a);
- }
- });
- this.listQuery.total = Math.ceil(response.data.length / 40);
- this.dataListLoading = false;
- });
- },
buttonClick(val) {
switch (val.btnName) {
case 'search':
this.listQuery.wareLayer = val.value;
- this.listQuery.stacker = val.stacker;
this.getDataList();
break;
case 'export':
@@ -208,6 +199,15 @@ export default {
console.log(val);
}
},
+ // 获取数据列表
+ getDataList() {
+ this.dataListLoading = true;
+ this.urlOptions.getDataListURL(this.listQuery).then((response) => {
+ this.wareData = response.data;
+ this.listQuery.total = Math.ceil(response.data.length / 120);
+ this.dataListLoading = false;
+ });
+ },
},
};
@@ -215,52 +215,59 @@ export default {