Compare commits
20 Commits
aae6117db7
...
445ad7f280
Author | SHA1 | Date | |
---|---|---|---|
|
445ad7f280 | ||
|
15f9fb0f5b | ||
114bfeccf3 | |||
018695fe70 | |||
9aaffbb8b4 | |||
2a2bd1d726 | |||
dd029f2055 | |||
fe54918801 | |||
ced191b4df | |||
995db83484 | |||
40f426f7f5 | |||
61270a542d | |||
3ecaa99a8c | |||
79238fca27 | |||
73d8951bbb | |||
2f19b50e20 | |||
6d4594b338 | |||
d4168e6157 | |||
dfb1f3d97b | |||
26772a324a |
27
src/api/dashboard.js
Normal file
27
src/api/dashboard.js
Normal file
@ -0,0 +1,27 @@
|
||||
/*
|
||||
* @Author: gtz
|
||||
* @Date: 2022-03-16 16:08:06
|
||||
* @LastEditors: gtz
|
||||
* @LastEditTime: 2022-03-16 16:45:41
|
||||
* @Description: file content
|
||||
* @FilePath: \mt-ck-wms-ui\src\api\dashboard.js
|
||||
*/
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 获取菜单列表
|
||||
export function getPortList(data) {
|
||||
return request({
|
||||
url: '/api/wms/location/shelfList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 获取菜单详情
|
||||
export function getPortDetail(id) {
|
||||
return request({
|
||||
url: '/api/wms/storage/box/circ/info/getByLocationId',
|
||||
method: 'post',
|
||||
data: { id }
|
||||
})
|
||||
}
|
@ -115,6 +115,10 @@ export default {
|
||||
design: {
|
||||
zh: '设计',
|
||||
en: 'Design'
|
||||
},
|
||||
refresh: {
|
||||
zh: '刷新',
|
||||
en: 'Refresh'
|
||||
}
|
||||
},
|
||||
navbar: {
|
||||
|
@ -1,8 +1,8 @@
|
||||
/*
|
||||
* @Author: gtz
|
||||
* @Date: 2021-03-04 16:13:51
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-16 10:10:59
|
||||
* @LastEditors: fzq
|
||||
* @LastEditTime: 2022-03-18 14:03:12
|
||||
* @Description: file content
|
||||
*/
|
||||
export default {
|
||||
@ -31,7 +31,6 @@ export default {
|
||||
Tips: 'Tips',
|
||||
TipsBefore: 'Are you sure you want to delete',
|
||||
TipsStorageBefore: 'Confirm to add location:',
|
||||
PleaseAddLocationFirst: 'Please Add Location First!',
|
||||
Description: 'Description',
|
||||
Remarks: 'Remarks',
|
||||
Yes: 'Yes',
|
||||
|
@ -1,8 +1,8 @@
|
||||
/*
|
||||
* @Author: gtz
|
||||
* @Date: 2022-03-15 16:42:34
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-16 08:57:49
|
||||
* @LastEditors: gtz
|
||||
* @LastEditTime: 2022-03-16 20:01:32
|
||||
* @Description: file content
|
||||
* @FilePath: \mt-ck-wms-ui\src\lang\i18n\en\module\dashboard.js
|
||||
*/
|
||||
@ -12,5 +12,12 @@ export default {
|
||||
second: 'Second Row',
|
||||
title: 'WMS Inventory Information',
|
||||
pageHeader: 'No.',
|
||||
pageFooter: ' Page'
|
||||
pageFooter: ' Page',
|
||||
isEmpty: 'Is Empty',
|
||||
status: 'Status',
|
||||
storageBoxCode: 'Cassette Code',
|
||||
name: 'Location Name',
|
||||
attribute: 'Location Attribute',
|
||||
cassetteStatus: 'Cassette Status',
|
||||
workOrderNo: 'Work Order Number'
|
||||
}
|
||||
|
@ -1,8 +1,8 @@
|
||||
/*
|
||||
* @Author: gtz
|
||||
* @Date: 2021-04-22 19:48:46
|
||||
* @LastEditors: gtz
|
||||
* @LastEditTime: 2021-04-23 14:36:08
|
||||
* @LastEditors: fzq
|
||||
* @LastEditTime: 2022-03-18 14:50:00
|
||||
* @Description: file content
|
||||
*/
|
||||
|
||||
@ -11,7 +11,35 @@ export default {
|
||||
reportName: 'Report name',
|
||||
reportSort: 'Report Sort',
|
||||
createTime: 'Create Date',
|
||||
operation: 'Operation'
|
||||
operation: 'Operation',
|
||||
storageBoxNumber: 'StorageBox Number',
|
||||
queryFiltering: 'Query Filtering',
|
||||
storageBoxReport: 'StorageBoxReport'
|
||||
},
|
||||
inventory: {
|
||||
code: 'Code',
|
||||
status: 'Status',
|
||||
inprocessCode: 'Inprocess Code',
|
||||
nextprocessCode: 'Next Process Code',
|
||||
currentLocation: 'Current Location',
|
||||
storeTime: 'Store Time',
|
||||
orderName: 'Order Name',
|
||||
substrateDetails: 'Substrate Details',
|
||||
viewSubstrates: 'View Substrates',
|
||||
manual: 'Manual',
|
||||
downl: 'Download'
|
||||
},
|
||||
substrate: {
|
||||
substrateCode: 'SubstrateCode',
|
||||
location: 'Location',
|
||||
storeTime: 'Store Time',
|
||||
substrateStatus: 'Substrate Status',
|
||||
editSubstrate: 'Edit Substrate',
|
||||
interCode: 'Inter Code',
|
||||
subStorageStatus: 'Sub Storage Status',
|
||||
load: 'Load',
|
||||
unload: 'Unload',
|
||||
machineHandID: 'Machine Hand ID'
|
||||
},
|
||||
reportSort: {
|
||||
all: 'All'
|
||||
|
@ -1,9 +1,9 @@
|
||||
/*
|
||||
* @Author: gtz
|
||||
* @Date: 2021-03-04 16:13:51
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-16 10:10:43
|
||||
* @Description: file content
|
||||
* @LastEditors: fzq
|
||||
* @LastEditTime: 2022-03-18 14:56:18
|
||||
* * @Description: file content
|
||||
*/
|
||||
export default {
|
||||
visual: {
|
||||
|
@ -2,7 +2,7 @@
|
||||
* @Author: gtz
|
||||
* @Date: 2022-03-15 16:42:34
|
||||
* @LastEditors: gtz
|
||||
* @LastEditTime: 2022-03-15 16:58:30
|
||||
* @LastEditTime: 2022-03-16 20:01:27
|
||||
* @Description: file content
|
||||
* @FilePath: \mt-ck-wms-ui\src\lang\i18n\zh\module\dashboard.js
|
||||
*/
|
||||
@ -12,5 +12,12 @@ export default {
|
||||
second: '第二排',
|
||||
title: 'WMS库存信息',
|
||||
pageHeader: '第',
|
||||
pageFooter: '页'
|
||||
pageFooter: '页',
|
||||
isEmpty: '是否为空',
|
||||
status: '状态',
|
||||
storageBoxCode: '存储箱编码',
|
||||
name: '库位名',
|
||||
attribute: '库位属性',
|
||||
cassetteStatus: '存储箱状态',
|
||||
workOrderNo: '工单号'
|
||||
}
|
||||
|
@ -2,7 +2,7 @@
|
||||
* @Author: gtz
|
||||
* @Date: 2021-04-22 19:48:46
|
||||
* @LastEditors: fzq
|
||||
* @LastEditTime: 2022-03-06 16:50:50
|
||||
* @LastEditTime: 2022-03-18 14:49:43
|
||||
* @Description: file content
|
||||
*/
|
||||
|
||||
@ -13,7 +13,8 @@ export default {
|
||||
createTime: '添加时间',
|
||||
operation: '操作',
|
||||
storageBoxNumber: '存储箱号',
|
||||
queryFiltering: '查询过滤'
|
||||
queryFiltering: '查询过滤',
|
||||
storageBoxReport: '存储箱报表'
|
||||
},
|
||||
inventory: {
|
||||
code: '存储箱号',
|
||||
@ -34,7 +35,11 @@ export default {
|
||||
storeTime: '入库时间',
|
||||
substrateStatus: '基板状态',
|
||||
editSubstrate: '编辑基板',
|
||||
interCode: '内部编码'
|
||||
interCode: '内部编码',
|
||||
subStorageStatus: '存取状态',
|
||||
load: '上片',
|
||||
unload: '下片',
|
||||
machineHandID: '机械手ID'
|
||||
},
|
||||
reportSort: {
|
||||
all: '全部'
|
||||
|
@ -11,10 +11,10 @@
|
||||
|
||||
<div class="right-menu">
|
||||
|
||||
<div v-if="showhome" class="right-menu-back" @click="toHome">
|
||||
<!-- <div v-if="showhome" class="right-menu-back" @click="toHome">
|
||||
<svg-icon class="item-icon" icon-class="home" />
|
||||
{{ 'navbar.homepage' | i18nFilter }}
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<template>
|
||||
<lang-select class="right-menu-item hover-effect" />
|
||||
|
@ -2,7 +2,7 @@
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 16:37:56
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-09 16:53:23
|
||||
* @LastEditTime: 2022-03-16 14:30:59
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
@ -15,7 +15,7 @@
|
||||
<el-input v-model="dataForm.name" :placeholder="$i18nForm(['placeholder.input', $t('module.art.processList.processName')])" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('module.art.processList.processEq')" prop="equipmentIds">
|
||||
<el-select v-model="dataForm.equipmentIds" clearable filterable multiple>
|
||||
<el-select v-model="dataForm.equipmentIds" clearable filterable multiple @change="$forceUpdate()">
|
||||
<el-option v-for="item in eqList" :key="item.id" :value="item.id" :label="item.name" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
@ -2,7 +2,7 @@
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 15:41:11
|
||||
* @LastEditors: fzq
|
||||
* @LastEditTime: 2022-03-15 09:45:30
|
||||
* @LastEditTime: 2022-03-18 13:53:50
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
@ -143,10 +143,11 @@ export default {
|
||||
}],
|
||||
listLoading: true,
|
||||
listQuery: {
|
||||
name: '',
|
||||
current: 1,
|
||||
size: 990,
|
||||
shelfId: '',
|
||||
id: ''
|
||||
size: 20
|
||||
// shelfId: '',
|
||||
// id: ''
|
||||
},
|
||||
sheCode: this.$t('module.basicData.cache.sheCode'),
|
||||
sheName: this.$t('module.basicData.cache.sheName'),
|
||||
@ -188,6 +189,7 @@ export default {
|
||||
this.listLoading = true
|
||||
this.listQuery.name = key
|
||||
// shelfId与查询参数id关联
|
||||
console.log(this.listQuery)
|
||||
this.listQuery.id = this.listQuery.shelfId
|
||||
locationList(this.listQuery).then(response => {
|
||||
if (response.data.records) {
|
||||
|
@ -57,7 +57,7 @@
|
||||
<!-- <el-form-item :label="$t('module.basicData.equipment.EquipmentType')" prop="equipmentType">
|
||||
<el-input v-model="dataForm.equipmentType" :disabled="isdetail" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.equipment.EquipmentType')])" clearable :style="{width: '100%'}" />
|
||||
</el-form-item> -->
|
||||
<el-form-item :label="$t('module.basicData.equipment.EquipmentType')" prop="EquipmentType">
|
||||
<el-form-item :label="$t('module.basicData.equipment.EquipmentType')" prop="equipmentType">
|
||||
<el-select v-model="dataForm.equipmentType" :placeholder="this.$t('module.basicData.cache.logisticsEquipment')" default>
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
@ -399,7 +399,7 @@ export default {
|
||||
code: '',
|
||||
enName: '',
|
||||
abbr: '',
|
||||
equipmentType: this.$t('module.basicData.cache.logisticsEquipment'),
|
||||
equipmentType: '1',
|
||||
spec: '',
|
||||
createTime: '',
|
||||
enterTime: '',
|
||||
@ -442,6 +442,11 @@ export default {
|
||||
required: true,
|
||||
message: this.$i18nForm(['placeholder.input', this.$t('module.basicData.equipment.EquipmentCode')]),
|
||||
trigger: 'blur'
|
||||
}],
|
||||
equipmentType: [{
|
||||
required: true,
|
||||
message: this.$i18nForm(['placeholder.select', this.$t('module.basicData.equipment.EquipmentType')]),
|
||||
trigger: 'blur'
|
||||
}]
|
||||
// maintenanceCycle: [{
|
||||
// required: true,
|
||||
@ -581,6 +586,7 @@ export default {
|
||||
})
|
||||
})
|
||||
} else {
|
||||
console.log(data)
|
||||
equipmentInfoAdd(data).then(res => {
|
||||
this.$message({
|
||||
message: this.$t('module.basicData.visual.success'),
|
||||
|
@ -2,7 +2,7 @@
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 15:41:11
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-16 09:52:07
|
||||
* @LastEditTime: 2022-03-17 14:50:20
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
@ -62,7 +62,7 @@ const tableProps = [
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
prop: 'name',
|
||||
prop: 'locationName',
|
||||
label: i18n.t('module.basicData.cache.LocationName'),
|
||||
align: 'center'
|
||||
}
|
||||
|
@ -2,16 +2,18 @@
|
||||
* @Author: gtz
|
||||
* @Date: 2022-03-03 09:16:10
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-16 10:11:10
|
||||
* @LastEditTime: 2022-03-18 09:25:04
|
||||
* @Description: file content
|
||||
* @FilePath: \mt-ck-wms-ui\src\views\dashboard\index.vue
|
||||
* @FilePath: \mt-ck-wms-ui\src\views\basicData\Warehouse\components\processStorageLink.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="dashboard-container">
|
||||
<el-card class="dashboard-main">
|
||||
<el-row class="dashboard-title">
|
||||
<div class="dashboard-header-line" />
|
||||
<div class="dashboard-header-title">{{ $t('module.dashboard.title') }}</div>
|
||||
<div class="dashboard-header-title">
|
||||
{{ $t("module.dashboard.title") }}
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row class="dashboard-legend">
|
||||
<div
|
||||
@ -38,21 +40,33 @@
|
||||
<el-button type="primary" size="mini" @click="submitLinkList">{{
|
||||
"btn.submit" | i18nFilter
|
||||
}}</el-button>
|
||||
<el-button type="warning" size="mini" @click="init()">{{ 'btn.reset' | i18nFilter }}</el-button>
|
||||
<el-button type="success" size="mini" @click="goback()">{{ 'btn.back' | i18nFilter }}</el-button>
|
||||
<el-button type="warning" size="mini" @click="init()">{{
|
||||
"btn.reset" | i18nFilter
|
||||
}}</el-button>
|
||||
<el-button type="success" size="mini" @click="goback()">{{
|
||||
"btn.back" | i18nFilter
|
||||
}}</el-button>
|
||||
</div>
|
||||
<div class="dashboard-legend-search">
|
||||
<el-select
|
||||
v-model="current"
|
||||
size="mini"
|
||||
placeholder="请选择库存范围"
|
||||
@change="handleChange"
|
||||
><el-option v-for="item in totalPage" :key="'select' + item" :label="$t('module.dashboard.pageHeader') + item + $t('module.dashboard.pageFooter')" :value="item" />
|
||||
><el-option
|
||||
v-for="item in totalPage"
|
||||
:key="'select' + item"
|
||||
:label="
|
||||
$t('module.dashboard.pageHeader') +
|
||||
item +
|
||||
$t('module.dashboard.pageFooter')
|
||||
"
|
||||
:value="item"
|
||||
/>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row
|
||||
v-if="current * 80 < shelfList[0].rowList[0].portList.length"
|
||||
v-if="current * 80 < shelfVoList[0].rowVoList[0].portVoList.length"
|
||||
class="dashboard-layout"
|
||||
:gutter="12"
|
||||
>
|
||||
@ -64,14 +78,14 @@
|
||||
>
|
||||
<el-row>
|
||||
<el-col
|
||||
v-for="(i, index) in shelfList"
|
||||
v-for="(i, index) in shelfVoList"
|
||||
:key="item + 'shelf' + i.id"
|
||||
:span="12"
|
||||
class="dashboard-layout-shelf"
|
||||
>
|
||||
<el-row>
|
||||
<el-col
|
||||
v-for="z in i.rowList"
|
||||
v-for="z in i.rowVoList"
|
||||
:key="item + 'shelf' + i + 'row' + z.id"
|
||||
:span="12"
|
||||
class="dashboard-layout-row"
|
||||
@ -83,41 +97,89 @@
|
||||
:style="{
|
||||
background:
|
||||
portAttributeObj[
|
||||
z.portList[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute
|
||||
],
|
||||
cursor:
|
||||
z.portList[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute === 3
|
||||
? 'not-allowed'
|
||||
: 'pointer',
|
||||
color:
|
||||
z.portList[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute === 3
|
||||
? '#A2A8B5'
|
||||
: '',
|
||||
border:
|
||||
selectStorageList.some(StorageItem=>StorageItem.locationId===z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].id)
|
||||
? '1px solid red' : ''
|
||||
border: selectStorageList.some(
|
||||
StorageItem =>
|
||||
StorageItem.locationId ===
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].id
|
||||
)
|
||||
? '2px dashed red'
|
||||
: ''
|
||||
}"
|
||||
@click="
|
||||
setType(
|
||||
z.portList[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
]
|
||||
)
|
||||
"
|
||||
>
|
||||
<div v-if="z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0] ? cassetteStatusObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0].status] : ''}" />
|
||||
{{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
|
||||
<div
|
||||
v-if="
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute !== 3
|
||||
"
|
||||
class="dashboard-layout-item-cricle"
|
||||
:style="{
|
||||
background: z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].cassetteVoList[0]
|
||||
? cassetteStatusObj[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].cassetteVoList[0].status
|
||||
]
|
||||
: ''
|
||||
}"
|
||||
/>
|
||||
<div
|
||||
v-if="
|
||||
StorageList.some(
|
||||
StorageItem =>
|
||||
StorageItem.id ===
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].id
|
||||
)"
|
||||
class="dashboard-layout-item-horn"
|
||||
/>
|
||||
{{
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute !== 3
|
||||
? z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].name
|
||||
: "XXXX"
|
||||
}}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="dashboard-layout-footer">
|
||||
{{ $t(bottomIndex[index]) + '(' + ((current - 1) * 4 + item) + ')' }}
|
||||
{{
|
||||
$t(bottomIndex[index]) +
|
||||
"(" +
|
||||
((current - 1) * 4 + item) +
|
||||
")"
|
||||
}}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@ -126,7 +188,9 @@
|
||||
<el-row v-else class="dashboard-layout" :gutter="12">
|
||||
<el-col
|
||||
v-for="item in Math.ceil(
|
||||
(shelfList[0].rowList[0].portList.length - (current - 1) * 80) / 20
|
||||
(shelfVoList[0].rowVoList[0].portVoList.length -
|
||||
(current - 1) * 80) /
|
||||
20
|
||||
)"
|
||||
:key="'shelfbox' + item"
|
||||
class="dashboard-layout-shelf-box"
|
||||
@ -134,7 +198,7 @@
|
||||
>
|
||||
<el-row>
|
||||
<el-col
|
||||
v-for="(i, index) in shelfList"
|
||||
v-for="(i, index) in shelfVoList"
|
||||
:key="item + 'shelf' + i.id"
|
||||
:span="12"
|
||||
class="dashboard-layout-shelf"
|
||||
@ -143,14 +207,14 @@
|
||||
v-if="
|
||||
item <
|
||||
Math.ceil(
|
||||
(shelfList[0].rowList[0].portList.length -
|
||||
(shelfVoList[0].rowVoList[0].portVoList.length -
|
||||
(current - 1) * 80) /
|
||||
20
|
||||
)
|
||||
"
|
||||
>
|
||||
<el-col
|
||||
v-for="z in i.rowList"
|
||||
v-for="z in i.rowVoList"
|
||||
:key="item + 'shelf' + i + 'row' + z.id"
|
||||
:span="12"
|
||||
class="dashboard-layout-row"
|
||||
@ -162,48 +226,91 @@
|
||||
:style="{
|
||||
background:
|
||||
portAttributeObj[
|
||||
z.portList[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute
|
||||
],
|
||||
cursor:
|
||||
z.portList[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute === 3
|
||||
? 'not-allowed'
|
||||
: 'pointer',
|
||||
color:
|
||||
z.portList[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute === 3
|
||||
? '#A2A8B5'
|
||||
: '',
|
||||
border:
|
||||
selectStorageList.some(StorageItem=>StorageItem.locationId===z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].id)
|
||||
? '1px solid red' : ''
|
||||
border: selectStorageList.some(
|
||||
StorageItem =>
|
||||
StorageItem.locationId ===
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].id
|
||||
)
|
||||
? '2px dashed red'
|
||||
: ''
|
||||
}"
|
||||
@click="
|
||||
setType(
|
||||
z.portList[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
]
|
||||
)
|
||||
"
|
||||
>
|
||||
<div v-if="z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0] ? cassetteStatusObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0].status] : ''}" />
|
||||
{{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
|
||||
<div
|
||||
v-if="
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute !== 3
|
||||
"
|
||||
class="dashboard-layout-item-cricle"
|
||||
:style="{
|
||||
background: z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].cassetteVoList[0]
|
||||
? cassetteStatusObj[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].cassetteVoList[0].status
|
||||
]
|
||||
: ''
|
||||
}"
|
||||
/>
|
||||
<div
|
||||
v-if="
|
||||
StorageList.some(
|
||||
StorageItem =>
|
||||
StorageItem.id ===
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].id
|
||||
)"
|
||||
class="dashboard-layout-item-horn"
|
||||
/>
|
||||
{{
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute !== 3
|
||||
? z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].name
|
||||
: "XXXX"
|
||||
}}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row v-else>
|
||||
<el-col
|
||||
v-for="z in i.rowList"
|
||||
v-for="z in i.rowVoList"
|
||||
:key="item + 'shelf' + i + 'row' + z.id"
|
||||
:span="12"
|
||||
class="dashboard-layout-row"
|
||||
>
|
||||
<div
|
||||
v-for="x in shelfList[0].rowList[0].portList.length -
|
||||
v-for="x in shelfVoList[0].rowVoList[0].portVoList.length -
|
||||
(item - 1) * 20 -
|
||||
(current - 1) * 80"
|
||||
:key="item + 'shelf' + i + 'row' + z + 'item' + x"
|
||||
@ -211,41 +318,89 @@
|
||||
:style="{
|
||||
background:
|
||||
portAttributeObj[
|
||||
z.portList[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute
|
||||
],
|
||||
cursor:
|
||||
z.portList[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute === 3
|
||||
? 'not-allowed'
|
||||
: 'pointer',
|
||||
color:
|
||||
z.portList[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute === 3
|
||||
? '#A2A8B5'
|
||||
: '',
|
||||
border:
|
||||
selectStorageList.some(StorageItem=>StorageItem.locationId===z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].id)
|
||||
? '1px solid red' : ''
|
||||
border: selectStorageList.some(
|
||||
StorageItem =>
|
||||
StorageItem.locationId ===
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].id
|
||||
)
|
||||
? '2px dashed red'
|
||||
: ''
|
||||
}"
|
||||
@click="
|
||||
setType(
|
||||
z.portList[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
]
|
||||
)
|
||||
"
|
||||
>
|
||||
<div v-if="z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0] ? cassetteStatusObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0].status] : ''}" />
|
||||
{{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
|
||||
<div
|
||||
v-if="
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute !== 3
|
||||
"
|
||||
class="dashboard-layout-item-cricle"
|
||||
:style="{
|
||||
background: z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].cassetteVoList[0]
|
||||
? cassetteStatusObj[
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].cassetteVoList[0].status
|
||||
]
|
||||
: ''
|
||||
}"
|
||||
/>
|
||||
<div
|
||||
v-if="
|
||||
StorageList.some(
|
||||
StorageItem =>
|
||||
StorageItem.id ===
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].id
|
||||
)"
|
||||
class="dashboard-layout-item-horn"
|
||||
/>
|
||||
{{
|
||||
z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].attribute !== 3
|
||||
? z.portVoList[
|
||||
(current - 1) * 80 + (item - 1) * 20 + (x - 1)
|
||||
].name
|
||||
: "XXXX"
|
||||
}}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="dashboard-layout-footer">
|
||||
{{ $t(bottomIndex[index]) + '(' + ((current - 1) * 4 + item) + ')' }}
|
||||
{{
|
||||
$t(bottomIndex[index]) +
|
||||
"(" +
|
||||
((current - 1) * 4 + item) +
|
||||
")"
|
||||
}}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@ -261,6 +416,8 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getPortList } from '@/api/dashboard'
|
||||
import { locationByProcessList } from '@/api/basicData/Warehouse/StorageBoxInfo'
|
||||
import { batchListAdd } from '@/api/basicData/Warehouse/StorageBoxInfo'
|
||||
import testdata from './testdata'
|
||||
import processStorageType from './processStorageType'
|
||||
@ -274,22 +431,52 @@ export default {
|
||||
created() {
|
||||
this.id = this.$route.query.id
|
||||
this.totalPage = Math.ceil(
|
||||
this.shelfList[0].rowList[0].portList.length / 80
|
||||
this.shelfVoList[0].rowVoList[0].portVoList.length / 80
|
||||
)
|
||||
this.init()
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
getPortList().then(res => {
|
||||
this.shelfVoList = res.data[0].shelfVoList
|
||||
this.totalPage = Math.ceil(
|
||||
this.shelfVoList[0].rowVoList[0].portVoList.length / 80
|
||||
)
|
||||
})
|
||||
locationByProcessList({
|
||||
current: 1,
|
||||
size: 990,
|
||||
workSequenId: this.id
|
||||
}).then(response => {
|
||||
if (response.data.records) {
|
||||
this.StorageList = response.data.records
|
||||
} else {
|
||||
this.StorageList.splice(0, this.StorageList.length)
|
||||
}
|
||||
})
|
||||
this.selectStorageList.splice(0, this.selectStorageList.length)
|
||||
},
|
||||
setType(item) {
|
||||
if (item.attribute !== 3) {
|
||||
if (this.selectStorageList.findIndex(StorageItem => StorageItem.locationId === item.id) + 1) {
|
||||
this.selectStorageList.splice(this.selectStorageList.findIndex(StorageItem => StorageItem.locationId === item.id), 1)
|
||||
if (
|
||||
this.selectStorageList.findIndex(
|
||||
StorageItem => StorageItem.locationId === item.id
|
||||
) + 1
|
||||
) {
|
||||
this.selectStorageList.splice(
|
||||
this.selectStorageList.findIndex(
|
||||
StorageItem => StorageItem.locationId === item.id
|
||||
),
|
||||
1
|
||||
)
|
||||
} else {
|
||||
const isExist = this.StorageList.some(
|
||||
StorageItem =>
|
||||
StorageItem.id === item.id
|
||||
)
|
||||
this.typeVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.typeRef.init(item.id, item.name)
|
||||
this.$refs.typeRef.init(item.id, item.name, item.attribute, isExist)
|
||||
})
|
||||
}
|
||||
}
|
||||
@ -310,22 +497,34 @@ export default {
|
||||
workSequenId: this.id,
|
||||
processLocationStorageList: this.selectStorageList
|
||||
}
|
||||
this.$confirm(`${this.$t('module.basicData.visual.TipsStorageBefore')}[${tipArr.join(',')}]?`, this.$t('module.basicData.visual.Tips'), {
|
||||
confirmButtonText: this.$t('module.basicData.visual.confirmButtonText'),
|
||||
cancelButtonText: this.$t('module.basicData.visual.cancelButtonText'),
|
||||
this.$confirm(
|
||||
`${this.$t(
|
||||
'module.basicData.visual.TipsStorageBefore'
|
||||
)}[${tipArr.join(',')}]?`,
|
||||
this.$t('module.basicData.visual.Tips'),
|
||||
{
|
||||
confirmButtonText: this.$t(
|
||||
'module.basicData.visual.confirmButtonText'
|
||||
),
|
||||
cancelButtonText: this.$t(
|
||||
'module.basicData.visual.cancelButtonText'
|
||||
),
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
}
|
||||
)
|
||||
.then(() => {
|
||||
batchListAdd(obj).then(res => {
|
||||
this.$message({
|
||||
message: this.$t('module.basicData.visual.success'),
|
||||
type: 'success',
|
||||
duration: 1500,
|
||||
onClose: () => {
|
||||
this.selectStorageList.splice(0, this.selectStorageList.length)
|
||||
this.init()
|
||||
}
|
||||
})
|
||||
})
|
||||
}).catch(() => {})
|
||||
})
|
||||
.catch(() => {})
|
||||
} else {
|
||||
this.$message({
|
||||
message: this.$t('module.basicData.visual.PleaseAddLocationFirst'),
|
||||
@ -425,6 +624,7 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
.dashboard-layout-item-cricle {
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
@ -432,6 +632,16 @@ export default {
|
||||
border-radius: 6px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
.dashboard-layout-item-horn {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
border-style: solid;
|
||||
border-width: 14px 0px 0px 14px;
|
||||
border-color: #0B58FF transparent transparent transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -2,7 +2,7 @@
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 16:37:56
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2022-03-16 09:47:01
|
||||
* @LastEditTime: 2022-03-18 09:39:09
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
@ -18,9 +18,9 @@
|
||||
label-position="left"
|
||||
>
|
||||
<el-form-item :label="$t('module.basicData.Warehouse.SelectStorageType')" prop="portAttrId">
|
||||
<el-radio v-model="dataForm.portAttrId" :label="1">Working Port</el-radio>
|
||||
<el-radio v-model="dataForm.portAttrId" :label="2">Buffer Port</el-radio>
|
||||
<el-radio v-model="dataForm.portAttrId" :label="3">Exception Port</el-radio>
|
||||
<el-radio v-model="dataForm.portAttrId" label="1">Working Port</el-radio>
|
||||
<el-radio v-model="dataForm.portAttrId" label="2">Buffer Port</el-radio>
|
||||
<el-radio v-model="dataForm.portAttrId" label="3">Exception Port</el-radio>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('module.basicData.storageBox.name')" prop="storageId">
|
||||
<el-select v-model="dataForm.storageId" filterable :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.storageBox.name')])" clearable>
|
||||
@ -41,6 +41,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getPortDetail } from '@/api/dashboard'
|
||||
import { storageBoxList } from '@/api/basicData/Cache/storageBox'
|
||||
|
||||
export default {
|
||||
@ -50,7 +51,7 @@ export default {
|
||||
locationId: '',
|
||||
locationName: '',
|
||||
dataForm: {
|
||||
portAttrId: 1,
|
||||
portAttrId: '1',
|
||||
storageId: ''
|
||||
},
|
||||
dataRule: {
|
||||
@ -65,7 +66,7 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
init(id, name) {
|
||||
init(id, name, attribute, isExist) {
|
||||
this.locationId = id
|
||||
this.locationName = name
|
||||
const listQuery = {
|
||||
@ -81,6 +82,16 @@ export default {
|
||||
})
|
||||
this.$nextTick(() => {
|
||||
this.$refs['dataForm'].resetFields()
|
||||
if (attribute) {
|
||||
this.dataForm.portAttrId = attribute
|
||||
} else {
|
||||
this.dataForm.portAttrId = '1'
|
||||
}
|
||||
if (isExist) {
|
||||
getPortDetail(id).then(res => {
|
||||
if (res.code === 0) { this.dataForm.storageId = res.data.storageBoxId }
|
||||
})
|
||||
}
|
||||
})
|
||||
this.visible = true
|
||||
},
|
||||
|
File diff suppressed because it is too large
Load Diff
75
src/views/dashboard/components/PortDetail.vue
Normal file
75
src/views/dashboard/components/PortDetail.vue
Normal file
@ -0,0 +1,75 @@
|
||||
<!--
|
||||
* @Author: zwq
|
||||
* @Date: 2020-12-29 16:37:56
|
||||
* @LastEditors: gtz
|
||||
* @LastEditTime: 2022-03-17 10:49:54
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="'btn.detail' | i18nFilter"
|
||||
:visible.sync="visible"
|
||||
>
|
||||
<el-form ref="dataForm" :model="dataForm" label-width="150px">
|
||||
<el-form-item :label="$t('module.dashboard.name')" prop="name">
|
||||
{{ dataForm.name }}
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('module.dashboard.attribute')" prop="attribute">
|
||||
{{ dataForm.attribute ? portAttributeObj[dataForm.attribute] : '' }}
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('module.dashboard.cassetteStatus')" prop="cassetteVoList">
|
||||
{{ dataForm.cassetteVoList.length && dataForm.cassetteVoList[0].status ? cassetteStatusObj[dataForm.cassetteVoList[0].status] : '' }}
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('module.dashboard.workOrderNo')" prop="workOrderNo">
|
||||
{{ dataForm.workOrderNo }}
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('module.dashboard.storageBoxCode')" prop="storageBoxCode">
|
||||
{{ dataForm.storageBoxCode }}
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
dataForm: {
|
||||
code: null,
|
||||
createTime: null,
|
||||
currLocation: null,
|
||||
currLocationId: null,
|
||||
id: null,
|
||||
isEmpty: null,
|
||||
status: null,
|
||||
storageBoxCode: null,
|
||||
storageBoxId: null,
|
||||
updateTime: null
|
||||
},
|
||||
cassetteStatusObj: {
|
||||
'1': 'Empty Cassette',
|
||||
'2': 'Dummy Cassette',
|
||||
'3': 'OK Cassette',
|
||||
'4': 'NOK Cassette'
|
||||
},
|
||||
portAttributeObj: {
|
||||
1: 'Working Port',
|
||||
2: 'Buffer Port',
|
||||
3: 'Exception Port'
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
init(data) {
|
||||
console.log(data)
|
||||
this.visible = true
|
||||
this.dataForm = data
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
@ -2,7 +2,7 @@
|
||||
* @Author: gtz
|
||||
* @Date: 2022-03-03 09:16:10
|
||||
* @LastEditors: gtz
|
||||
* @LastEditTime: 2022-03-15 16:47:57
|
||||
* @LastEditTime: 2022-03-16 20:07:40
|
||||
* @Description: file content
|
||||
* @FilePath: \mt-ck-wms-ui\src\views\dashboard\index.vue
|
||||
-->
|
||||
@ -23,20 +23,21 @@
|
||||
{{ item.name }}
|
||||
</div>
|
||||
<div class="dashboard-legend-search">
|
||||
<el-select v-model="current" size="mini" placeholder="请选择库存范围" @change="handleChange">
|
||||
<el-select v-model="current" size="mini" @change="handleChange">
|
||||
<el-option v-for="item in totalPage" :key="'select' + item" :label="$t('module.dashboard.pageHeader') + item + $t('module.dashboard.pageFooter')" :value="item" />
|
||||
</el-select>
|
||||
<el-button type="primary" @click="refresh">{{ 'btn.refresh' | i18nFilter }}</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row v-if="current * 80 < shelfList[0].rowList[0].portList.length" class="dashboard-layout" :gutter="12">
|
||||
<el-row v-if="current * 80 < shelfVoList[0].rowVoList[0].portVoList.length" class="dashboard-layout" :gutter="12">
|
||||
<el-col v-for="item in 4" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6">
|
||||
<el-row>
|
||||
<el-col v-for="(i, index) in shelfList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf">
|
||||
<el-col v-for="(i, index) in shelfVoList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf">
|
||||
<el-row>
|
||||
<el-col v-for="z in i.rowList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
|
||||
<div v-for="x in 20" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}">
|
||||
<div v-if="z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0] ? cassetteStatusObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0].status] : ''}" />
|
||||
{{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
|
||||
<el-col v-for="z in i.rowVoList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
|
||||
<div v-for="x in 20" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}" @click="handlePort(z, x)">
|
||||
<div v-if="z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteVoList[0] ? cassetteStatusObj[z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteVoList[0].status] : ''}" />
|
||||
{{ z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@ -48,22 +49,22 @@
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row v-else class="dashboard-layout" :gutter="12">
|
||||
<el-col v-for="item in Math.ceil((shelfList[0].rowList[0].portList.length - (current - 1) * 80) / 20)" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6">
|
||||
<el-col v-for="item in Math.ceil((shelfVoList[0].rowVoList[0].portVoList.length - (current - 1) * 80) / 20)" :key="'shelfbox' + item" class="dashboard-layout-shelf-box" :span="6">
|
||||
<el-row>
|
||||
<el-col v-for="(i, index) in shelfList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf">
|
||||
<el-row v-if="item < Math.ceil((shelfList[0].rowList[0].portList.length - (current - 1) * 80) / 20)">
|
||||
<el-col v-for="z in i.rowList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
|
||||
<div v-for="x in 20" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}">
|
||||
<div v-if="z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0] ? cassetteStatusObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0].status] : ''}" />
|
||||
{{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
|
||||
<el-col v-for="(i, index) in shelfVoList" :key="item + 'shelf' + i.id" :span="12" class="dashboard-layout-shelf">
|
||||
<el-row v-if="item < Math.ceil((shelfVoList[0].rowVoList[0].portVoList.length - (current - 1) * 80) / 20)">
|
||||
<el-col v-for="z in i.rowVoList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
|
||||
<div v-for="x in 20" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}" @click="handlePort(z, x)">
|
||||
<div v-if="z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteVoList[0] ? cassetteStatusObj[z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteVoList[0].status] : ''}" />
|
||||
{{ z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row v-else>
|
||||
<el-col v-for="z in i.rowList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
|
||||
<div v-for="x in shelfList[0].rowList[0].portList.length - (item - 1) * 20 - (current - 1) * 80" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}">
|
||||
<div v-if="z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0] ? cassetteStatusObj[z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteList[0].status] : ''}" />
|
||||
{{ z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
|
||||
<el-col v-for="z in i.rowVoList" :key="item + 'shelf' + i + 'row' + z.id" :span="12" class="dashboard-layout-row">
|
||||
<div v-for="x in shelfVoList[0].rowVoList[0].portVoList.length - (item - 1) * 20 - (current - 1) * 80" :key="item + 'shelf' + i + 'row' + z + 'item' + x" class="dashboard-layout-item" :style="{background: portAttributeObj[z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute], cursor: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? 'not-allowed' : 'pointer', color: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute === 3 ? '#A2A8B5' : ''}" @click="handlePort(z, x)">
|
||||
<div v-if="z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3" class="dashboard-layout-item-cricle" :style="{background: z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteVoList[0] ? cassetteStatusObj[z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].cassetteVoList[0].status] : ''}" />
|
||||
{{ z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].attribute !== 3 ? z.portVoList[(current - 1) * 80 + (item - 1) * 20 + (x - 1)].name : 'XXXX' }}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@ -75,24 +76,45 @@
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
<port-detail ref="addOrUpdate" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import testdata from './testdata'
|
||||
import { getPortList, getPortDetail } from '@/api/dashboard'
|
||||
import portDetail from './components/PortDetail'
|
||||
|
||||
export default {
|
||||
name: 'Dashboard',
|
||||
components: { portDetail },
|
||||
data() {
|
||||
return testdata
|
||||
},
|
||||
created() {
|
||||
console.log(this.shelfList)
|
||||
this.totalPage = Math.ceil(this.shelfList[0].rowList[0].portList.length / 80)
|
||||
this.totalPage = Math.ceil(this.shelfVoList[0].rowVoList[0].portVoList.length / 80)
|
||||
this.init()
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
getPortList().then(res => {
|
||||
this.shelfVoList = res.data[0].shelfVoList
|
||||
this.totalPage = Math.ceil(this.shelfVoList[0].rowVoList[0].portVoList.length / 80)
|
||||
})
|
||||
},
|
||||
handleChange(v) {
|
||||
console.log(v)
|
||||
},
|
||||
handlePort(z, x) {
|
||||
getPortDetail(z.portVoList[x - 1].id).then(res => {
|
||||
this.addOrUpdateVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.addOrUpdate.init({ ...(res.data), ...z.portVoList[x - 1] })
|
||||
})
|
||||
})
|
||||
},
|
||||
refresh() {
|
||||
this.init()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -4,7 +4,7 @@
|
||||
* @Author: fzq
|
||||
* @Date: 2022-03-04 20:54:54
|
||||
* @LastEditors: fzq
|
||||
* @LastEditTime: 2022-03-07 09:46:36
|
||||
* @LastEditTime: 2022-03-18 14:55:13
|
||||
-->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
@ -198,7 +198,8 @@ export default {
|
||||
let fileName = ''
|
||||
const contentDisposition = res.headers['content-disposition']
|
||||
if (contentDisposition) {
|
||||
fileName = contentDisposition.slice(contentDisposition.indexOf('filename=') + 9)
|
||||
// fileName = contentDisposition.slice(contentDisposition.indexOf('filename=') + 9)
|
||||
fileName = this.$t('module.report.reportList.storageBoxReport') + '.xlsx'
|
||||
}
|
||||
const blob = new Blob([res.data])
|
||||
const reader = new FileReader()
|
||||
|
@ -4,7 +4,7 @@
|
||||
* @Author: fzq
|
||||
* @Date: 2022-03-05 17:45:46
|
||||
* @LastEditors: fzq
|
||||
* @LastEditTime: 2022-03-16 16:11:55
|
||||
* @LastEditTime: 2022-03-18 14:46:26
|
||||
-->
|
||||
<template>
|
||||
<!-- <el-dialog
|
||||
@ -19,17 +19,33 @@
|
||||
<el-form-item :label="$t('module.report.substrate.substrateCode')" prop="substrateCode">
|
||||
<el-input v-model="dataForm.substrateCode" :placeholder="$i18nForm(['placeholder.input', $t('module.report.substrate.substrateCode')])" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('module.report.substrate.location')" prop="location">
|
||||
<el-input v-model="dataForm.location" :placeholder="$i18nForm(['placeholder.input', $t('module.report.substrate.location')])" clearable />
|
||||
<el-form-item :label="$t('module.report.substrate.location')" prop="locationName">
|
||||
<el-input v-model="dataForm.locationName" :placeholder="$i18nForm(['placeholder.input', $t('module.report.substrate.location')])" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('module.report.substrate.storeTime')" prop="storeTime">
|
||||
<el-input v-model="dataForm.storeTime" :placeholder="$i18nForm(['placeholder.input', $t('module.report.substrate.storeTime')])" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('module.report.substrate.substrateStatus')" prop="substrateStatus">
|
||||
<el-input v-model="dataForm.substrateStatus" :placeholder="$i18nForm(['placeholder.input', $t('module.report.substrate.substrateStatus')])" clearable />
|
||||
<el-form-item :label="$t('module.report.substrate.substrateStatus')" prop="status">
|
||||
<el-input v-model="dataForm.status" :placeholder="$i18nForm(['placeholder.input', $t('module.report.substrate.substrateStatus')])" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('module.report.substrate.interCode')" prop="interCode">
|
||||
<!-- <el-form-item :label="$t('module.report.substrate.interCode')" prop="interCode">
|
||||
<el-input v-model="dataForm.interCode" :placeholder="$i18nForm(['placeholder.input', $t('module.report.substrate.interCode')])" clearable />
|
||||
</el-form-item> -->
|
||||
<!-- <el-form-item :label="$t('module.report.substrate.subStorageStatus')" prop="subStorageStatus">
|
||||
<el-input v-model="dataForm.subStorageStatus" :placeholder="$i18nForm(['placeholder.input', $t('module.report.substrate.subStorageStatus')])" clearable />
|
||||
</el-form-item> -->
|
||||
<el-form-item :label="$t('module.report.substrate.subStorageStatus')" prop="subStorageStatus">
|
||||
<el-select v-model="dataForm.subStorageStatus" :placeholder="this.$t('module.report.substrate.subStorageStatus')" default>
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('module.report.substrate.machineHandID')" prop="machineHandID">
|
||||
<el-input v-model="dataForm.machineHandID" :placeholder="$i18nForm(['placeholder.input', $t('module.report.substrate.machineHandID')])" clearable />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
@ -56,7 +72,7 @@ export default {
|
||||
visible: false,
|
||||
dataForm: {
|
||||
// substrateCode: '',
|
||||
// location: '',
|
||||
// locationName: '',
|
||||
// storeTime: '',
|
||||
// substrateStatus: '',
|
||||
// code: '',
|
||||
@ -68,9 +84,19 @@ export default {
|
||||
// size: 10,
|
||||
// locationStorageSubID: ''
|
||||
},
|
||||
options: [
|
||||
{
|
||||
value: 1,
|
||||
label: this.$t('module.report.substrate.load')
|
||||
},
|
||||
{
|
||||
value: 2,
|
||||
label: this.$t('module.report.substrate.unload')
|
||||
}
|
||||
],
|
||||
list: {
|
||||
id: '',
|
||||
location: '',
|
||||
locationName: '',
|
||||
storeTime: '',
|
||||
substrateCode: '',
|
||||
substrateStatus: ''
|
||||
@ -78,12 +104,6 @@ export default {
|
||||
dataRule: {
|
||||
substrateCode: [
|
||||
{ required: true, message: this.$i18nForm(['placeholder.input', this.$t('module.report.substrate.substrateCode')]), trigger: 'blur' }
|
||||
],
|
||||
code: [
|
||||
{ required: true, message: this.$i18nForm(['placeholder.input', this.$t('module.report.substrate.substrateCode')]), trigger: 'blur' }
|
||||
],
|
||||
interCode: [
|
||||
{ required: true, message: this.$i18nForm(['placeholder.input', this.$t('module.report.substrate.substrateCode')]), trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -135,13 +155,15 @@ export default {
|
||||
this.$refs['dataForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
const data = {
|
||||
'substrateStatus': this.dataForm.substrateStatus,
|
||||
'status': this.dataForm.status,
|
||||
'storeTime': this.dataForm.storeTime,
|
||||
'id': this.dataForm.id,
|
||||
'code': this.dataForm.substrateCode,
|
||||
'location': this.dataForm.location,
|
||||
'interCode': this.dataForm.interCode,
|
||||
'storageBoxFid': this.dataForm.storageBoxFid
|
||||
'substrateCode': this.dataForm.substrateCode,
|
||||
'locationName': this.dataForm.locationName,
|
||||
// 'interCode': this.dataForm.interCode,
|
||||
'storageBoxFid': this.dataForm.storageBoxFid,
|
||||
'machineHandID': this.dataForm.machineHandID,
|
||||
'subStorageStatus': this.dataForm.subStorageStatus
|
||||
}
|
||||
console.log(data)
|
||||
updateSubstrate(data).then(res => {
|
||||
|
@ -4,7 +4,7 @@
|
||||
* @Author: fzq
|
||||
* @Date: 2022-03-05 15:55:45
|
||||
* @LastEditors: fzq
|
||||
* @LastEditTime: 2022-03-16 16:09:15
|
||||
* @LastEditTime: 2022-03-18 14:39:56
|
||||
-->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
@ -71,7 +71,7 @@ const tableProps = [
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
prop: 'location',
|
||||
prop: 'locationName',
|
||||
label: i18n.t('module.report.substrate.location'),
|
||||
align: 'center'
|
||||
},
|
||||
@ -81,9 +81,19 @@ const tableProps = [
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
prop: 'substrateStatus',
|
||||
prop: 'status',
|
||||
label: i18n.t('module.report.substrate.substrateStatus'),
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
prop: 'subStorageStatusName',
|
||||
label: i18n.t('module.report.substrate.subStorageStatus'),
|
||||
align: 'center'
|
||||
},
|
||||
{
|
||||
prop: 'machineHandID',
|
||||
label: i18n.t('module.report.substrate.machineHandID'),
|
||||
align: 'center'
|
||||
}
|
||||
]
|
||||
|
||||
@ -161,6 +171,13 @@ export default {
|
||||
// console.log(response)
|
||||
if (response.data) {
|
||||
this.list = response.data
|
||||
for (var x = 0; x < this.list.length; x++) {
|
||||
if (this.list[x].subStorageStatus === 1) {
|
||||
this.list[x].subStorageStatusName = this.$t('module.report.substrate.load')
|
||||
} else if (this.list[x].subStorageStatus === 2) {
|
||||
this.list[x].subStorageStatusName = this.$t('module.report.substrate.unload')
|
||||
}
|
||||
}
|
||||
console.log(this.list)
|
||||
} else {
|
||||
this.list.splice(0, this.list.length)
|
||||
|
Loading…
Reference in New Issue
Block a user