Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
J
jiedao-app-operator-master
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
lanbaoming
jiedao-app-operator-master
Commits
b6692430
Commit
b6692430
authored
May 27, 2023
by
zhoutong
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
空运暂存
parent
9ce80206
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
531 additions
and
263 deletions
+531
-263
boxAir.js
src/api/ecw/boxAir.js
+19
-0
editAirForm.vue
src/views/ecw/box/editAirForm.vue
+169
-0
indexAir.vue
src/views/ecw/box/indexAir.vue
+343
-263
No files found.
src/api/ecw/boxAir.js
0 → 100644
View file @
b6692430
import
request
from
"
@/utils/request
"
;
// 创建出货
export
function
createbox
(
data
)
{
return
request
({
url
:
"
/shipment/box/createAir
"
,
method
:
"
post
"
,
data
:
data
,
});
}
// 更新出货
export
function
updatebox
(
data
)
{
return
request
({
url
:
"
/shipment/box/update
"
,
method
:
"
put
"
,
data
:
data
,
});
}
\ No newline at end of file
src/views/ecw/box/editAirForm.vue
0 → 100644
View file @
b6692430
<
template
>
<div
class=
"shippingSea-dialog"
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
label-width=
"100px"
>
<el-form-item
:label=
"$t('运输方式')"
prop=
"transportType"
>
<el-radio-group
v-model=
"form.transportType"
>
<el-radio
v-for=
"dict in transportTypes"
:key=
"dict.value"
:label=
"dict.value"
>
{{
$l
(
dict
,
'
label
'
)
}}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
:label=
"$t('出货渠道')"
prop=
"shippingChannelId"
>
<el-select
v-model=
"form.shippingChannelId"
:placeholder=
"$t('请选择出货渠道')"
>
<el-option
v-for=
"item in channelList"
:label=
"$l(item, 'name')"
:value=
"item.channelId"
:key=
"item.channelId"
></el-option>
</el-select>
</el-form-item>
<el-form-item
:label=
"$t('始发地')"
prop=
"startWarehouseId"
>
<el-select
v-model=
"form.startWarehouseId"
:placeholder=
"$t('请选择始发地')"
>
<el-option
v-for=
"item in exportWarehouseList"
:label=
"$l(item, 'title')"
:value=
"item.id"
:key=
"item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item
:label=
"$t('目的地')"
prop=
"destWarehouseId"
>
<el-select
v-model=
"form.destWarehouseId"
:placeholder=
"$t('请选择目的地')"
>
<el-option
v-for=
"item in importWarehouseList"
:label=
"$l(item, 'title')"
:value=
"item.id"
:key=
"item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item
:label=
"$t('目的港清关')"
prop=
"transportType"
>
<el-radio-group
v-model=
"form.qingguan"
>
<el-radio
:label=
"1"
>
{{
$t
(
'
我司
'
)
}}
</el-radio>
<el-radio
:label=
"2"
>
{{
$t
(
'
客户
'
)
}}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
v-if=
"form.qingguan==1"
prop=
"qingguan2"
:rules=
"[
{ required: true, message: this.$t('清关方式不能为空'), trigger: 'blur' }
]">
<el-radio-group
v-model=
"form.qingguan2"
>
<el-radio
:label=
"1"
>
{{
$t
(
'
我司清关
'
)
}}
</el-radio>
<el-radio
:label=
"2"
>
{{
$t
(
'
合作方清关
'
)
}}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
:label=
"$t('发货方式')"
prop=
"transportType"
>
<el-radio-group
v-model=
"form.fahuo"
>
<el-radio
:label=
"1"
>
{{
$t
(
'
多票
'
)
}}
</el-radio>
<el-radio
:label=
"2"
>
{{
$t
(
'
单票
'
)
}}
</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
type=
"primary"
@
click=
"submitForm"
>
{{
$t
(
'
确定
'
)
}}
</el-button>
<el-button
@
click=
"cancel"
>
{{
$t
(
'
取消
'
)
}}
</el-button>
</div>
</div>
</
template
>
<
script
>
import
{
createbox
,
updatebox
}
from
"
@/api/ecw/boxAir
"
;
import
{
getChannelList
}
from
'
@/api/ecw/channel
'
export
default
{
name
:
"
editAirForm
"
,
inheritAttrs
:
false
,
props
:
{
transportTypes
:
Array
,
warehouseList
:
Array
,
cabinetList
:
Array
,
shipmentObj
:
Object
,
},
created
()
{
this
.
form
=
{
...
this
.
shipmentObj
};
this
.
getChannelList
()
},
data
()
{
return
{
// 表单参数
form
:
{},
channelList
:
[],
// 表单校验
rules
:
{
shippingChannelId
:
[
{
required
:
true
,
message
:
this
.
$t
(
'
出货渠道不能为空
'
),
trigger
:
'
blur
'
}
],
startWarehouseId
:
[
{
required
:
true
,
message
:
this
.
$t
(
'
始发地不能为空
'
),
trigger
:
'
blur
'
}
],
destWarehouseId
:
[
{
required
:
true
,
message
:
this
.
$t
(
'
目的地不能为空
'
),
trigger
:
'
blur
'
}
]
}
};
},
methods
:
{
getChannelList
()
{
getChannelList
().
then
((
res
)
=>
(
this
.
channelList
=
res
.
data
))
},
/** 提交按钮 */
submitForm
()
{
this
.
$refs
[
'
form
'
].
validate
((
valid
)
=>
{
if
(
!
valid
)
{
return
}
this
.
form
.
transportType
=
4
// 修改的提交
if
(
this
.
form
.
id
!=
null
)
{
updatebox
(
this
.
form
).
then
((
response
)
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'
修改成功
'
))
this
.
$emit
(
"
closeDialog
"
,
"
edit
"
);
})
return
}
// 添加的提交
createbox
(
this
.
form
).
then
((
response
)
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'
新增成功
'
))
this
.
$emit
(
"
closeDialog
"
,
"
edit
"
);
})
})
},
/** 取消按钮 */
cancel
()
{
this
.
$emit
(
"
closeDialog
"
);
},
},
computed
:
{
exportWarehouseList
()
{
return
this
.
warehouseList
.
filter
(
(
item
)
=>
item
.
tradeType
==
"
2
"
||
item
.
type
==
"
3
"
);
},
importWarehouseList
()
{
return
this
.
warehouseList
.
filter
(
(
item
)
=>
item
.
tradeType
==
"
1
"
||
item
.
type
==
"
3
"
);
},
},
};
</
script
>
<
style
lang=
"scss"
>
// 海运操作统一弹窗样式
.shippingSea-dialog
{
// 页面内元素弹窗form控件宽度设置
.el-form-item__content
{
>
div
:not
(
.el-input-number
)
{
width
:
100%
;
}
}
.operate-button
{
text-align
:
center
;
}
.two-element-formItem
{
display
:
flex
;
>
:last-child
{
width
:
100%
;
margin-left
:
10px
;
}
}
.two-element
{
.el-form-item__content
{
display
:
flex
;
>
:last-child
{
margin-left
:
10px
;
}
}
}
}
</
style
>
src/views/ecw/box/indexAir.vue
View file @
b6692430
<
template
>
<div
class=
"app-container"
>
<!-- 搜索工作栏 -->
<el-form
:model=
"queryParams"
ref=
"queryForm"
size=
"small"
:inline=
"true"
v-show=
"showSearch"
label-width=
"68px"
>
<el-form-item
:label=
"$t('自编号')"
prop=
"selfNo"
>
<el-input
v-model=
"queryParams.selfNo"
:placeholder=
"$t('请输入自编号')"
clearable
@
keyup.enter.native=
"handleQuery"
/>
<el-input
v-model=
"queryParams.selfNo"
:placeholder=
"$t('请输入自编号')"
clearable
@
keyup.enter.native=
"handleQuery"
/>
</el-form-item>
<el-form-item
:label=
"$t('柜号')"
prop=
"cubNo"
>
<el-input
v-model=
"queryParams.cubNo"
:placeholder=
"$t('请输入柜号')"
clearable
@
keyup.enter.native=
"handleQuery"
/>
<el-input
v-model=
"queryParams.cubNo"
:placeholder=
"$t('请输入柜号')"
clearable
@
keyup.enter.native=
"handleQuery"
/>
</el-form-item>
<el-form-item
:label=
"$t('始发地')"
prop=
"startWarehouseId"
>
...
...
@@ -24,8 +23,7 @@
<el-form-item
:label=
"$t('状态')"
prop=
"boxStatus"
>
<el-select
v-model=
"queryParams.boxStatus"
:placeholder=
"$t('请选择状态')"
clearable
size=
"small"
>
<el-option
v-for=
"dict in this.getDictDatas(DICT_TYPE.BOX_SHIPMENT_STATUS)"
:key=
"dict.value"
:label=
"$l(dict, 'label')"
:value=
"dict.value"
/>
<el-option
v-for=
"dict in this.getDictDatas(DICT_TYPE.BOX_SHIPMENT_STATUS)"
:key=
"dict.value"
:label=
"$l(dict, 'label')"
:value=
"dict.value"
/>
</el-select>
</el-form-item>
...
...
@@ -36,36 +34,34 @@
</el-form-item>
<el-form-item
label=
""
>
<el-date-picker
v-model=
"queryParams.dateRangeCreateTime"
style=
"width: 240px"
value-format=
"yyyy-MM-dd HH:mm:ss"
type=
"datetimerange"
range-separator=
"-"
start-:placeholder=
"$t('开始日期')"
end-:placeholder=
"$t('结束日期')"
/>
<el-date-picker
v-model=
"queryParams.dateRangeCreateTime"
style=
"width: 240px"
value-format=
"yyyy-MM-dd HH:mm:ss"
type=
"datetimerange"
range-separator=
"-"
start-:placeholder=
"$t('开始日期')"
end-:placeholder=
"$t('结束日期')"
/>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
icon=
"el-icon-search"
@
click=
"handleQuery"
>
{{
$t
(
'
搜索
'
)
}}
</el-button>
<el-button
icon=
"el-icon-refresh"
@
click=
"resetQuery"
>
{{
$t
(
'
重置
'
)
}}
</el-button>
<el-button
type=
"primary"
icon=
"el-icon-search"
@
click=
"handleQuery"
>
{{
$t
(
'
搜索
'
)
}}
</el-button>
<el-button
icon=
"el-icon-refresh"
@
click=
"resetQuery"
>
{{
$t
(
'
重置
'
)
}}
</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row
:gutter=
"10"
class=
"mb8"
>
<el-col
:span=
"1.5"
>
<el-button
type=
"primary"
plain
icon=
"el-icon-plus"
size=
"mini"
@
click=
"handleAdd"
v-hasPermi=
"['shipment:box:create:air']"
>
{{
$t
(
'
出货安排
'
)
}}
</el-button>
<el-button
type=
"primary"
plain
icon=
"el-icon-plus"
size=
"mini"
@
click=
"handleAdd"
v-hasPermi=
"['shipment:box:create:air']"
>
{{
$t
(
'
出货安排
'
)
}}
</el-button>
</el-col>
<el-col
:span=
"1.5"
>
<el-button
type=
"warning"
plain
icon=
"el-icon-download"
size=
"mini"
@
click=
"handleExport"
:loading=
"exportLoading"
v-hasPermi=
"['shipment:box:export:air']"
>
{{
$t
(
'
导出
'
)
}}
</el-button>
<el-button
type=
"warning"
plain
icon=
"el-icon-download"
size=
"mini"
@
click=
"handleExport"
:loading=
"exportLoading"
v-hasPermi=
"['shipment:box:export:air']"
>
{{
$t
(
'
导出
'
)
}}
</el-button>
</el-col>
<right-toolbar
:showSearch.sync=
"showSearch"
@
queryTable=
"getList"
></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table
v-loading=
"loading"
:data=
"list"
>
<el-table-column
:label=
"$t('自编号')"
align=
"center"
prop=
"selfNo"
/>
<el-table-column
:label=
"$t('柜号')"
align=
"center"
prop=
"cubNo"
/>
<el-table-column
:label=
"$t('自编号')"
align=
"center"
prop=
"selfNo"
/>
<el-table-column
:label=
"$t('运输方式')"
align=
"center"
prop=
"transportType"
>
<template
slot-scope=
"scope"
>
<dict-tag
:type=
"DICT_TYPE.ECW_TRANSPORT_TYPE"
:value=
"scope.row.transportType"
/>
</
template
>
</el-table-column>
<el-table-column
:label=
"$t('出货渠道')"
align=
"center"
prop=
"shippingChannelId"
>
<
template
slot-scope=
"scope"
>
...
...
@@ -73,12 +69,12 @@
</
template
>
</el-table-column>
<el-table-column
label=
"方数(预装/已装)"
align=
"center"
prop=
"squareNumber"
/>
<el-table-column
label=
"重量(预装/已装)"
align=
"center"
prop=
"weight"
/>
<el-table-column
label=
"方数(预装/已装)"
align=
"center"
prop=
"squareNumber"
/>
<el-table-column
label=
"重量(预装/已装)"
align=
"center"
prop=
"weight"
/>
<el-table-column
:label=
"$t('状态')"
align=
"center"
prop=
"boxStatus"
>
<
template
slot-scope=
"scope"
>
<dict-tag
:type=
"DICT_TYPE.BOX_SHIPMENT_STATUS"
:value=
"scope.row.boxStatus"
/>
<dict-tag
:type=
"DICT_TYPE.BOX_SHIPMENT_STATUS"
:value=
"scope.row.boxStatus"
/>
</
template
>
</el-table-column>
...
...
@@ -95,77 +91,98 @@
v-hasPermi=
"['shipment:box:update']"
>
{{
$t
(
'
修改
'
)
}}
</el-button>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-delete"
@
click=
"handleDelete(scope.row)"
v-hasPermi=
"['shipment:box:delete']"
>
{{
$t
(
'
删除
'
)
}}
</el-button>
-->
<el-dropdown
trigger=
"click"
@
command=
"(command)=>handleCommand(scope.row, command)"
>
<el-button
type=
"primary"
>
{{
$t
(
'
操作
'
)
}}
<i
class=
"el-icon-arrow-down el-icon--right"
></i>
</el-button>
<el-dropdown
trigger=
"click"
@
command=
"(command) => handleCommand(scope.row, command)"
>
<el-button
type=
"primary"
>
{{
$t
(
'
操作
'
)
}}
<i
class=
"el-icon-arrow-down el-icon--right"
></i>
</el-button>
<el-dropdown-menu
slot=
"dropdown"
>
<el-dropdown-item
command=
"edit"
>
{{
$t
(
'
编辑
'
)
}}
</el-dropdown-item>
<el-dropdown-item
command=
"air"
>
{{
$t
(
'
操作
'
)
}}
-
{{
$t
(
'
空运
'
)
}}
</el-dropdown-item>
<el-dropdown-item
command=
"error"
>
{{
$t
(
'
异常登记
'
)
}}
</el-dropdown-item>
<el-dropdown-item
command=
"cost"
>
{{
$t
(
'
费用登记
'
)
}}
</el-dropdown-item>
<el-dropdown-item
command=
"delete"
>
{{
$t
(
'
删除
'
)
}}
</el-dropdown-item>
<el-dropdown-item
command=
"edit"
>
{{
$t
(
'
编辑
'
)
}}
</el-dropdown-item>
<el-dropdown-item
command=
"air"
>
{{
$t
(
'
操作
'
)
}}
-
{{
$t
(
'
空运
'
)
}}
</el-dropdown-item>
<el-dropdown-item
command=
"error"
>
{{
$t
(
'
异常登记
'
)
}}
</el-dropdown-item>
<el-dropdown-item
command=
"cost"
>
{{
$t
(
'
费用登记
'
)
}}
</el-dropdown-item>
<el-dropdown-item
command=
"delete"
>
{{
$t
(
'
删除
'
)
}}
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</
template
>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination
v-show=
"total > 0"
:total=
"total"
:page.sync=
"queryParams.pageNo"
:limit.sync=
"queryParams.pageSize"
@
pagination=
"getList"
/>
<pagination
v-show=
"total > 0"
:total=
"total"
:page.sync=
"queryParams.pageNo"
:limit.sync=
"queryParams.pageSize"
@
pagination=
"getList"
/>
<!-- 对话框(添加 / 修改) -->
<el-dialog
:title=
"title"
:visible.sync=
"open"
width=
"800px"
append-to-body
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
label-width=
"80px"
>
<el-form-item
:label=
"$t('出货渠道')"
prop=
"shippingChannelId"
>
<el-select
v-model=
"form.shippingChannelId"
:placeholder=
"$t('请选择出货渠道')"
>
<el-option
v-for=
"item in channelList"
:label=
"item.nameZh"
:value=
"item.channelId"
:key=
"item.channelId"
></el-option>
</el-select>
</el-form-item>
<el-form-item
:label=
"$t('始发地')"
prop=
"startWarehouseId"
>
<el-select
v-model=
"form.startWarehouseId"
:placeholder=
"$t('请选择始发地')"
>
<el-option
v-for=
"item in exportWarehouseList"
:label=
"$l(item, 'title')"
:value=
"item.id"
:key=
"item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item
:label=
"$t('目的地')"
prop=
"destWarehouseId"
>
<el-select
v-model=
"form.destWarehouseId"
:placeholder=
"$t('请选择目的地')"
>
<el-option
v-for=
"item in importWarehouseList"
:label=
"$l(item, 'title')"
:value=
"item.id"
:key=
"item.id"
></el-option>
</el-select>
</el-form-item>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
type=
"primary"
@
click=
"submitForm"
>
{{$t('确定')}}
</el-button>
<el-button
@
click=
"cancel"
>
{{$t('取消')}}
</el-button>
<el-dialog
:title=
"dialogCfg.title"
:visible.sync=
"dialogCfg.open"
:width=
"dialogCfg.width"
:fullscreen=
"dialogCfg.fullscreen"
append-to-body
class=
"shippingSea-dialog"
>
<
template
v-if=
"dialogCfg.dialogType === 'edit' || dialogCfg.dialogType === 'add'"
>
<editAirForm
v-if=
"dialogCfg.open"
@
closeDialog=
"closeDialog"
:shipmentObj=
"currRow"
:warehouseList=
"warehouseList"
:transportTypes=
"transportTypes"
/>
</
template
>
<
template
v-if=
"dialogCfg.dialogType === 'cost'"
>
<costForm
v-if=
"dialogCfg.open"
@
closeDialog=
"closeDialog"
:shipmentObj=
"currRow"
/>
</
template
>
<
template
v-if=
"dialogCfg.dialogType === 'error'"
>
<regError
v-if=
"dialogCfg.open"
@
closeDialog=
"closeDialog"
:shipmentObj=
"currRow"
:allUsers=
"allUsers"
/>
</
template
>
<
template
v-if=
"dialogCfg.dialogType === 'editLadingBill'"
>
<ladingBill
v-if=
"dialogCfg.open"
@
closeDialog=
"closeDialog"
:shipmentObj=
"currRow"
:getCabinetName=
"getCabinetName"
/>
</
template
>
<
template
v-if=
"dialogCfg.dialogType === 'notice'"
>
<div
class=
"notice-dialog"
>
<div
class=
"notice-title"
>
{{
$t
(
'
您有{cnt
}
个待处理出货操作,请尽快前往处理
'
,
{
cnt
:
noticeList
.
length
}
)
}}
:
<
/div
>
<
el
-
table
:
data
=
"
noticeList
"
height
=
"
500px
"
border
>
<
el
-
table
-
column
:
label
=
"
$t('自编号')
"
align
=
"
center
"
prop
=
"
selfNo
"
/>
<
el
-
table
-
column
:
label
=
"
$t('类型')
"
align
=
"
center
"
>
<
template
slot
-
scope
=
"
scope
"
>
<
dict
-
tag
:
type
=
"
DICT_TYPE.BOX_SHIPPING_NOTICE_TYPE
"
:
value
=
"
String(scope.row.noticeType)
"
/>
<
/template
>
<
/el-table-column
>
<
el
-
table
-
column
:
label
=
"
$t('预计时间')
"
align
=
"
center
"
>
<
template
slot
-
scope
=
"
scope
"
>
{{
formatDate
(
scope
.
row
.
createTime
)
}}
<
/template
>
<
/el-table-column
>
<
el
-
table
-
column
:
label
=
"
$t('操作')
"
align
=
"
center
"
width
=
"
80
"
>
<
template
slot
-
scope
=
"
scope
"
>
<
el
-
button
type
=
"
text
"
@
click
=
"
handleCommand(scope.row, 'handle')
"
>
{{
$t
(
'
处理
'
)
}}
<
/el-button
>
<
/template
>
<
/el-table-column
>
<
/el-table
>
<
el
-
row
class
=
"
operate-button
"
>
<
el
-
button
type
=
"
primary
"
@
click
=
"
closeDialog
"
>
{{
$t
(
'
关闭窗口
'
)
}}
<
/el-button
>
<
/el-row
>
<
/div
>
<
/template
>
<
/el-dialog
>
<
/div
>
<
/template
>
<
script
>
import
{
createbox
,
updatebox
,
deletebox
,
getbox
,
getboxPage
,
exportboxExcel
}
from
"
@/api/ecw/box
"
;
import
{
getChannelList
}
from
'
@/api/ecw/channel
'
;
import
{
getWarehouseList
}
from
"
@/api/ecw/warehouse
"
import
{
createbox
,
updatebox
,
deletebox
,
getbox
,
getboxPage
,
exportboxExcel
}
from
'
@/api/ecw/box
'
import
{
getChannelList
}
from
'
@/api/ecw/channel
'
import
{
getWarehouseList
}
from
'
@/api/ecw/warehouse
'
import
costForm
from
'
./costForm.vue
'
import
regError
from
'
./regError.vue
'
import
editAirForm
from
'
./editAirForm.vue
'
export
default
{
name
:
"
box
"
,
components
:
{},
export
default
{
name
:
'
indexAir
'
,
components
:
{
costForm
,
regError
,
editAirForm
}
,
data
()
{
return
{
dateTypes
:
[
{
value
:
'
1
'
,
label
:
this
.
$t
(
'
分拣时间
'
)
},
{
value
:
'
2
'
,
label
:
this
.
$t
(
'
装柜时间
'
)
},
{
value
:
'
3
'
,
label
:
this
.
$t
(
'
起运时间
'
)
},
{
value
:
'
4
'
,
label
:
this
.
$t
(
'
到港时间
'
)
},
{
value
:
'
5
'
,
label
:
this
.
$t
(
'
清关时间
'
)
},
{
value
:
'
6
'
,
label
:
this
.
$t
(
'
提货时间
'
)},
dateTypes
:
[
{
value
:
'
1
'
,
label
:
this
.
$t
(
'
分拣时间
'
)
}
,
{
value
:
'
2
'
,
label
:
this
.
$t
(
'
装柜时间
'
)
}
,
{
value
:
'
3
'
,
label
:
this
.
$t
(
'
起运时间
'
)
}
,
{
value
:
'
4
'
,
label
:
this
.
$t
(
'
到港时间
'
)
}
,
{
value
:
'
5
'
,
label
:
this
.
$t
(
'
清关时间
'
)
}
,
{
value
:
'
6
'
,
label
:
this
.
$t
(
'
提货时间
'
)
}
],
// 遮罩层
loading
:
true
,
// 导出遮罩层
...
...
@@ -177,10 +194,19 @@
// 出货列表
list
:
[],
// 弹出层标题
title
:
""
,
title
:
''
,
// 是否显示弹出层
// 弹出类型
dialogCfg
:
{
title
:
''
,
dialogType
:
''
,
width
:
'
600px
'
,
// 是否显示弹出层
open
:
false
,
fullscreen
:
false
}
,
dateRangeCreateTime
:
[],
transportTypes
:
[],
// 查询参数
queryParams
:
{
pageNo
:
1
,
...
...
@@ -192,70 +218,98 @@
boxStatus
:
null
,
startWarehouseId
:
null
,
destWarehouseId
:
null
,
transportType
:
null
,
transportType
:
null
}
,
channelList
:
[],
channelList
:
[],
warehouseList
:
[],
// 表单参数
form
:
{
}
,
// 表单校验
rules
:
{
shippingChannelId
:
[{
required
:
true
,
message
:
this
.
$t
(
"
出货渠道不能为空
"
),
trigger
:
"
blur
"
}],
startWarehouseId
:
[{
required
:
true
,
message
:
this
.
$t
(
"
始发地不能为空
"
),
trigger
:
"
blur
"
}],
destWarehouseId
:
[{
required
:
true
,
message
:
this
.
$t
(
"
目的地不能为空
"
),
trigger
:
"
blur
"
}],
shippingChannelId
:
[
{
required
:
true
,
message
:
this
.
$t
(
'
出货渠道不能为空
'
),
trigger
:
'
blur
'
}
],
startWarehouseId
:
[
{
required
:
true
,
message
:
this
.
$t
(
'
始发地不能为空
'
),
trigger
:
'
blur
'
}
],
destWarehouseId
:
[
{
required
:
true
,
message
:
this
.
$t
(
'
目的地不能为空
'
),
trigger
:
'
blur
'
}
]
}
}
};
}
,
computed
:
{
exportWarehouseList
()
{
return
this
.
warehouseList
.
filter
(
item
=>
item
.
tradeType
==
'
2
'
||
item
.
type
==
'
3
'
)
return
this
.
warehouseList
.
filter
((
item
)
=>
item
.
tradeType
==
'
2
'
||
item
.
type
==
'
3
'
)
}
,
importWarehouseList
()
{
return
this
.
warehouseList
.
filter
(
item
=>
item
.
tradeType
==
'
1
'
||
item
.
type
==
'
3
'
)
return
this
.
warehouseList
.
filter
((
item
)
=>
item
.
tradeType
==
'
1
'
||
item
.
type
==
'
3
'
)
}
,
getShipChannelName
()
{
return
shippingChannelId
=>
{
return
(
shippingChannelId
)
=>
{
for
(
let
index
in
this
.
channelList
)
{
let
channelItem
=
this
.
channelList
[
index
];
let
channelItem
=
this
.
channelList
[
index
]
if
(
channelItem
.
channelId
==
shippingChannelId
)
{
return
this
.
$l
(
channelItem
,
'
name
'
);
return
this
.
$l
(
channelItem
,
'
name
'
)
}
}
return
'
/
'
}
}
}
,
created
()
{
getWarehouseList
().
then
(
res
=>
this
.
warehouseList
=
res
.
data
);
this
.
getList
();
this
.
getChannelList
();
this
.
transportTypes
=
this
.
getDictDatas
(
this
.
DICT_TYPE
.
ECW_TRANSPORT_TYPE
).
filter
((
item
)
=>
item
.
value
==
"
3
"
);
console
.
log
(
this
.
getDictDatas
(
this
.
DICT_TYPE
.
ECW_TRANSPORT_TYPE
),
'
this.transportTypes
'
)
getWarehouseList
().
then
((
res
)
=>
(
this
.
warehouseList
=
res
.
data
))
this
.
getList
()
this
.
getChannelList
()
}
,
methods
:
{
getChannelList
()
{
getChannelList
().
then
(
res
=>
this
.
channelList
=
res
.
data
)
getChannelList
()
{
getChannelList
().
then
((
res
)
=>
(
this
.
channelList
=
res
.
data
)
)
}
,
/** 查询列表 */
getList
()
{
this
.
loading
=
true
;
this
.
loading
=
true
// 处理查询参数
let
params
=
{...
this
.
queryParams
};
params
.
transportType
=
3
;
this
.
addBeginAndEndTime
(
params
,
this
.
dateRangeCreateTime
,
'
createTime
'
);
let
params
=
{
...
this
.
queryParams
}
params
.
transportType
=
3
this
.
addBeginAndEndTime
(
params
,
this
.
dateRangeCreateTime
,
'
createTime
'
)
// 执行查询
getboxPage
(
params
).
then
(
response
=>
{
this
.
list
=
response
.
data
.
list
;
this
.
total
=
response
.
data
.
total
;
this
.
loading
=
false
;
});
getboxPage
(
params
).
then
((
response
)
=>
{
this
.
list
=
response
.
data
.
list
this
.
total
=
response
.
data
.
total
this
.
loading
=
false
}
)
}
,
/** 取消按钮 */
cancel
()
{
this
.
open
=
false
;
this
.
reset
();
this
.
open
=
false
this
.
reset
()
}
,
/* 关闭弹窗 */
closeDialog
(
type
)
{
this
.
$set
(
this
.
dialogCfg
,
"
open
"
,
false
);
if
(
type
===
"
add
"
||
type
===
"
edit
"
)
{
this
.
getList
();
}
}
,
/** 表单重置 */
reset
()
{
...
...
@@ -264,107 +318,133 @@
cabinetId
:
undefined
,
startWarehouseId
:
undefined
,
destWarehouseId
:
undefined
,
transportType
:
undefined
,
};
this
.
resetForm
(
"
form
"
);
transportType
:
undefined
}
this
.
resetForm
(
'
form
'
)
}
,
/** 搜索按钮操作 */
handleQuery
()
{
this
.
queryParams
.
pageNo
=
1
;
this
.
getList
();
this
.
queryParams
.
pageNo
=
1
this
.
getList
()
}
,
/** 重置按钮操作 */
resetQuery
()
{
this
.
dateRangeCreateTime
=
[];
this
.
resetForm
(
"
queryForm
"
);
this
.
handleQuery
();
this
.
dateRangeCreateTime
=
[]
this
.
resetForm
(
'
queryForm
'
)
this
.
handleQuery
()
}
,
/** 新增按钮操作 */
handleAdd
()
{
this
.
reset
();
this
.
open
=
true
;
this
.
title
=
this
.
$t
(
"
添加出货
"
);
this
.
$set
(
this
.
dialogCfg
,
'
title
'
,
this
.
$t
(
'
添加出货
'
))
this
.
$set
(
this
.
dialogCfg
,
'
dialogType
'
,
'
add
'
)
this
.
$set
(
this
.
dialogCfg
,
'
width
'
,
'
600px
'
)
this
.
$set
(
this
.
dialogCfg
,
'
fullscreen
'
,
false
)
this
.
$set
(
this
.
dialogCfg
,
'
open
'
,
true
)
this
.
currRow
=
{
transportType
:
'
1
'
}
}
,
/** 修改按钮操作 */
handleUpdate
(
row
)
{
this
.
reset
();
const
id
=
row
.
id
;
getbox
(
id
).
then
(
response
=>
{
this
.
form
=
response
.
data
;
this
.
open
=
true
;
this
.
title
=
this
.
$t
(
"
修改出货
"
);
});
this
.
reset
()
const
id
=
row
.
id
getbox
(
id
).
then
((
response
)
=>
{
this
.
form
=
response
.
data
this
.
open
=
true
this
.
title
=
this
.
$t
(
'
修改出货
'
)
}
)
}
,
/** 提交按钮 */
submitForm
()
{
this
.
$refs
[
"
form
"
].
validate
(
valid
=>
{
this
.
$refs
[
'
form
'
].
validate
((
valid
)
=>
{
if
(
!
valid
)
{
return
;
return
}
this
.
form
.
transportType
=
3
;
this
.
form
.
transportType
=
3
// 修改的提交
if
(
this
.
form
.
id
!=
null
)
{
updatebox
(
this
.
form
).
then
(
response
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
"
修改成功
"
));
this
.
open
=
false
;
this
.
getList
();
});
return
;
updatebox
(
this
.
form
).
then
((
response
)
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'
修改成功
'
))
this
.
open
=
false
this
.
getList
()
}
)
return
}
// 添加的提交
createbox
(
this
.
form
).
then
(
response
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
"
新增成功
"
));
this
.
open
=
false
;
this
.
getList
();
});
});
createbox
(
this
.
form
).
then
((
response
)
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'
新增成功
'
))
this
.
open
=
false
this
.
getList
()
}
)
}
)
}
,
/** 删除按钮操作 */
handleDelete
(
row
)
{
const
id
=
row
.
id
;
this
.
$modal
.
confirm
(
this
.
$t
(
'
是否确认删除出货编号为{id}的数据项?
'
,
{
id
})).
then
(
function
()
{
return
deletebox
(
id
);
}).
then
(()
=>
{
this
.
getList
();
this
.
$modal
.
msgSuccess
(
this
.
$t
(
"
删除成功
"
));
}).
catch
(()
=>
{
});
const
id
=
row
.
id
this
.
$modal
.
confirm
(
this
.
$t
(
'
是否确认删除出货编号为{id
}
的数据项?
'
,
{
id
}
))
.
then
(
function
()
{
return
deletebox
(
id
)
}
)
.
then
(()
=>
{
this
.
getList
()
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'
删除成功
'
))
}
)
.
catch
(()
=>
{
}
)
}
,
/** 导出按钮操作 */
handleExport
()
{
// 处理查询参数
let
params
=
{...
this
.
queryParams
};
params
.
pageNo
=
undefined
;
params
.
pageSize
=
undefined
;
this
.
addBeginAndEndTime
(
params
,
this
.
dateRangeCreateTime
,
'
createTime
'
);
let
params
=
{
...
this
.
queryParams
}
params
.
pageNo
=
undefined
params
.
pageSize
=
undefined
this
.
addBeginAndEndTime
(
params
,
this
.
dateRangeCreateTime
,
'
createTime
'
)
// 执行导出
this
.
$modal
.
confirm
(
this
.
$t
(
'
是否确认导出所有出货数据项?
'
)).
then
(()
=>
{
this
.
exportLoading
=
true
;
return
exportboxExcel
(
params
);
}).
then
(
response
=>
{
this
.
$download
.
excel
(
response
,
'
${table.classComment}.xls
'
);
this
.
exportLoading
=
false
;
}).
catch
(()
=>
{
});
this
.
$modal
.
confirm
(
this
.
$t
(
'
是否确认导出所有出货数据项?
'
))
.
then
(()
=>
{
this
.
exportLoading
=
true
return
exportboxExcel
(
params
)
}
)
.
then
((
response
)
=>
{
this
.
$download
.
excel
(
response
,
'
${table.classComment
}
.xls
'
)
this
.
exportLoading
=
false
}
)
.
catch
(()
=>
{
}
)
}
,
/** 查看按钮操作 */
handleCommand
(
row
,
command
)
{
switch
(
command
)
{
case
'
sea
'
:
this
.
$router
.
push
(
'
/box/shippingSea/
'
+
row
.
id
)
break
;
break
case
'
edit
'
:
this
.
handleUpdate
(
row
);
break
;
this
.
handleUpdate
(
row
)
break
case
'
delete
'
:
this
.
handleDelete
(
row
);
break
;
this
.
handleDelete
(
row
)
break
}
},
}
};
}
}
<
/script
>
<
style
lang
=
"
scss
"
scoped
>
.
notice
-
dialog
{
::
v
-
deep
.
notice
-
title
{
font
-
size
:
24
px
;
font
-
weight
:
bold
;
margin
-
bottom
:
10
px
;
}
::
v
-
deep
.
operate
-
button
{
margin
-
top
:
10
px
;
text
-
align
:
center
;
}
}
<
/style
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment