UDI
/
udiwms-vue-frame
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 优化

Browse Source
20240912_adapter
chenhc 3 months ago
parent 383eb1bb7b
commit 3242cdb23f
3 changed files with 53 additions and 44 deletions
Show Stats Download Patch File Download Diff File

9
src/api/basic/workPlace/SysWorkplaceLayer.js
Unescape Escape View File

@ -42,3 +42,12 @@ export function getListByFreightCode(query) {
params: query params: query
}); });
} }
export function getListByFreightCodeView(query) {
return axios({
url: "/udiwms/WorkplaceLayer/getListByFreightCodeView",
method: "get",
params: query
});
}

12
src/components/ShelfDisplay/index.vue
Unescape Escape View File

@ -18,16 +18,16 @@
> >
<div class="top-border-boxes"> <div class="top-border-boxes">
<div <div
:class="['top-border-box', {'red-box': slot.colors.includes('red')} ? {'red-box': slot.colors.includes('red')} : 'white-box' ]" :class="['top-border-box', slot.red != null && slot.red != 0 ? 'red-box' : 'white-box' ]"
></div> ></div>
<div <div
:class="['top-border-box', {'blue-box': slot.colors.includes('blue')} ? {'blue-box': slot.colors.includes('blue')} : 'white-box' ]" :class="['top-border-box', slot.blue != null &&slot.blue != 0 ? 'blue-box': 'white-box' ]"
></div> ></div>
<div <div
:class="['top-border-box', {'green-box': slot.colors.includes('green')} ? {'green-box': slot.colors.includes('green')} : 'white-box' ]" :class="['top-border-box', slot.green != null &&slot.green != 0 ? 'green-box' : 'white-box' ]"
></div> ></div>
<div <div
:class="['top-border-box', {'yellow-box': slot.colors.includes('yellow')} ? {'yellow-box': slot.colors.includes('yellow')} : 'white-box' ]" :class="['top-border-box', slot.orange != null &&slot.orange != 0 ? 'orange-box': 'white-box' ]"
></div> ></div>
</div> </div>
<div class="centered-container"> <div class="centered-container">
@ -148,8 +148,8 @@ export default {
background-color: green; background-color: green;
} }
.yellow-box { .orange-box {
background-color: yellow; background-color: orange;
} }
.white-box { .white-box {

76
src/views/basic/workplace/rackManage.vue
Unescape Escape View File

@ -35,7 +35,7 @@
:close-on-press-escape="false" :close-on-press-escape="false"
> >
<ShelfDisplay <ShelfDisplay
:shelfData="shelfData" :shelfData="this.layerList"
@slot-click="handleSlotClick" @slot-click="handleSlotClick"
:freightCode="freightCode" :freightCode="freightCode"
> >
@ -47,7 +47,7 @@
<script> <script>
import ShelfDisplay from "@/components/ShelfDisplay"; import ShelfDisplay from "@/components/ShelfDisplay";
import { getWorkplaceFreightList } from '@/api/basic/workPlace/SysWorkplaceFreight' import { getWorkplaceFreightList } from '@/api/basic/workPlace/SysWorkplaceFreight'
import { getListByFreightCode } from '@/api/basic/workPlace/SysWorkplaceLayer' import { getListByFreightCodeView } from '@/api/basic/workPlace/SysWorkplaceLayer'
export default { export default {
components:{ShelfDisplay}, components:{ShelfDisplay},
@ -59,71 +59,71 @@ export default {
id: 1, id: 1,
height: 50, height: 50,
sysWorkplaceQueues: [ sysWorkplaceQueues: [
{ id: 1, code: 'Item A1' ,colors: [ 'green']}, { id: 1, code: 'Item A1' ,red:0,green:0,blue:0,orange:1 },
{ id: 2, code: 'Item A2' ,colors: [ 'blue', 'green']}, { id: 2, code: 'Item A2' ,red:0,green:0,blue:0,orange:1 },
{ id: 3, code: 'Item 3' ,colors: ['red', 'yellow', ]}, { id: 3, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
{ id: 4, code: 'Item 4' ,colors: ['yellow', ]}, { id: 4, code: 'Item 4' ,red:0,green:0,blue:0,orange:1 },
] ]
}, },
{ {
row: 2, row: 2,
height: 80, height: 80,
sysWorkplaceQueues: [ sysWorkplaceQueues: [
{ id: 1, code: 'Item B1' ,colors: ['red', 'blue', 'green']}, { id: 1, code: 'Item B1' ,red:0,green:0,blue:0,orange:1 },
{ id: 2, code: 'Item B2' ,colors: [ 'yellow' ]}, { id: 2, code: 'Item B2' ,red:0,green:0,blue:0,orange:1 },
{ id: 3, code: 'Item 3' ,colors: [ 'blue' ]}, { id: 3, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
{ id: 4, code: 'Item 4' ,colors: ['red', 'green']}, { id: 4, code: 'Item 4' ,red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3' ,colors: [ 'yellow' ]}, { id: 5, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3' ,colors: [ 'blue' ]}, { id: 5, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
] ]
}, },
{ {
row: 3, row: 3,
height: 80, height: 80,
sysWorkplaceQueues: [ sysWorkplaceQueues: [
{ id: 1, code: 'Item B1' ,colors: ['red', 'green']}, { id: 1, code: 'Item B1' ,red:0,green:0,blue:0,orange:1 },
{ id: 2, code: 'Item B2' ,colors: ['red', 'blue', ]}, { id: 2, code: 'Item B2' ,red:0,green:0,blue:0,orange:1 },
{ id: 3, code: 'Item 3' ,colors: [ 'green']}, { id: 3, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
{ id: 4, code: 'Item 4' ,colors: [ 'green'] }, { id: 4, code: 'Item 4' ,red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3' ,colors: [ 'green']}, { id: 5, code: 'Item 3',red:0,green:0,blue:0,orange:1 },
] ]
}, },
{ {
row: 6, row: 6,
height: 80, height: 80,
sysWorkplaceQueues: [ sysWorkplaceQueues: [
{ id: 1, code: 'Item B1' ,colors: ['red', 'blue', 'green']}, { id: 1, code: 'Item B1' ,red:0,green:0,blue:0,orange:1 },
{ id: 2, code: 'Item B2' ,colors: ['red']}, { id: 2, code: 'Item B2',red:0,green:0,blue:0,orange:1 },
{ id: 3, code: 'Item 3' ,colors: [ 'yellow']}, { id: 3, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
{ id: 4, code: 'Item 4' ,colors: ['red'] }, { id: 4, code: 'Item 4' ,red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3' ,colors: ['red', 'blue', 'green']}, { id: 5, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3' ,colors: ['red'] }, { id: 5, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3' ,colors: [ 'yellow']}, { id: 5, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3' ,colors: [ 'yellow']}, { id: 5, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3' ,colors: ['red', 'blue', 'green']}, { id: 5, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
] ]
}, },
{ {
row: 5, row: 5,
height: 200, height: 200,
sysWorkplaceQueues: [ sysWorkplaceQueues: [
{ id: 1, code: 'Item B1',colors: [ 'yellow'] }, { id: 1, code: 'Item B1',red:0,green:0,blue:0,orange:1 },
{ id: 2, code: 'Item B2' ,colors: [ 'yellow']}, { id: 2, code: 'Item B2' ,red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3',colors: ['red'] }, { id: 5, code: 'Item 3',red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3' ,colors: [ 'yellow']}, { id: 5, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3' ,colors: [ 'yellow']}, { id: 5, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3' ,colors: ['red', 'blue', 'green']}, { id: 5, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
] ]
}, },
{ {
row: 4, row: 4,
height: 80, height: 80,
sysWorkplaceQueues: [ sysWorkplaceQueues: [
{ id: 1, code: 'Item B1' ,colors: [ 'green']}, { id: 1, code: 'Item B1' ,red:0,green:0,blue:0,orange:1 },
{ id: 2, code: 'Item B2' ,colors: ['yellow'] }, { id: 2, code: 'Item B2' ,red:0,green:0,blue:0,orange:1 },
{ id: 3, code: 'Item 3' ,colors: ['red'] }, { id: 3, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
{ id: 4, code: 'Item 4',colors: [ 'yellow'] }, { id: 4, code: 'Item 4',red:0,green:0,blue:0,orange:1 },
{ id: 5, code: 'Item 3' ,colors: [ 'green']}, { id: 5, code: 'Item 3' ,red:0,green:0,blue:0,orange:1 },
] ]
}, },
], ],
@ -152,7 +152,7 @@ export default {
let query = { let query = {
freightCode: this.freightCode freightCode: this.freightCode
} }
getListByFreightCode(query).then(res => { getListByFreightCodeView(query).then(res => {
this.layerList = res.data this.layerList = res.data
}) })
}, },

Write Preview
Loading…
Cancel
Save