whm
/
BookingHeChuanFront
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

合并

Browse Source
dev
lilu 2 years ago
parent 572eaf634e 7377d19a8d
commit a885d80edc
1 changed files with 234 additions and 203 deletions
Show Stats Download Patch File Download Diff File

205
src/views/main/Taskmanage/TaskmanageList/index.vue
Unescape Escape View File

@ -5,9 +5,7 @@
<x-card style="padding-bottom: 20px"> <x-card style="padding-bottom: 20px">
<div slot="content"> <div slot="content">
<template v-if="levelLoading"> <template v-if="levelLoading">
<div class="nav-loading"> <div class="nav-loading"><a-icon type="loading" /><span class="tip">加载中...</span></div>
<a-icon type="loading" /><span class="tip">加载中...</span>
</div>
</template> </template>
<template v-else> <template v-else>
<div class="nav-title"> <div class="nav-title">
@ -34,7 +32,14 @@
</a-tabs> </a-tabs>
</template> </template>
<div class="nav-bottom"> <div class="nav-bottom">
<a-button type="link" class="icon" :icon="levelreLoading ? 'loading' : 'reload'" size="small" @click="getCurrentTotalStat">点击重新加载</a-button> <a-button
type="link"
class="icon"
:icon="levelreLoading ? 'loading' : 'reload'"
size="small"
@click="getCurrentTotalStat"
>点击重新加载</a-button
>
</div> </div>
</div> </div>
</x-card> </x-card>
@ -55,7 +60,10 @@
</a-col> </a-col>
<a-col :md="7" :sm="24"> <a-col :md="7" :sm="24">
<a-form-item label="开船日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="开船日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-range-picker format="YYYY-MM-DD" v-decorator="['etd', { rules: [{ required: false, message: '请输入提单号' }] }]"/> <a-range-picker
format="YYYY-MM-DD"
v-decorator="['etd', { rules: [{ required: false, message: '请输入提单号' }] }]"
/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="5" :sm="24"> <a-col :md="5" :sm="24">
@ -101,7 +109,10 @@
</a-col> </a-col>
<a-col :md="7" :sm="24"> <a-col :md="7" :sm="24">
<a-form-item label="任务日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="任务日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-range-picker format="YYYY-MM-DD" v-decorator="['taskDate', { rules: [{ required: false, message: '请输入提单号' }] }]"/> <a-range-picker
format="YYYY-MM-DD"
v-decorator="['taskDate', { rules: [{ required: false, message: '请输入提单号' }] }]"
/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="5" :sm="24"> <a-col :md="5" :sm="24">
@ -110,11 +121,7 @@
:dropdownMatchSelectWidth="false" :dropdownMatchSelectWidth="false"
v-decorator="['status', { rules: [{ required: false, message: '请输入任务状态' }] }]" v-decorator="['status', { rules: [{ required: false, message: '请输入任务状态' }] }]"
> >
<a-select-option <a-select-option v-for="(status, stindex) in statusList" :key="stindex" :value="status.code">
v-for="(status, stindex) in statusList"
:key="stindex"
:value="status.code"
>
{{ status.name }} {{ status.name }}
</a-select-option> </a-select-option>
</a-select> </a-select>
@ -126,14 +133,23 @@
:dropdownMatchSelectWidth="false" :dropdownMatchSelectWidth="false"
v-decorator="['taskType', { rules: [{ required: false, message: '请输入任务类型' }] }]" v-decorator="['taskType', { rules: [{ required: false, message: '请输入任务类型' }] }]"
> >
<a-select-option v-for="(taskItem, tindex) in taskTypeList" :key="tindex" :value="taskItem.code"> <a-select-option
v-for="(taskItem, tindex) in taskTypeList"
:key="tindex"
:value="taskItem.code"
>
{{ taskItem.name }} {{ taskItem.name }}
</a-select-option> </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
</template> </template>
<a-col :md="(!advanced && 7) || 24" :sm="24" :labelCol="{ span: 2, offset: 12 }" :wrapperCol="wrapperCol"> <a-col
:md="(!advanced && 7) || 24"
:sm="24"
:labelCol="{ span: 2, offset: 12 }"
:wrapperCol="wrapperCol"
>
<span class="table-page-search-submitButtons"> <span class="table-page-search-submitButtons">
<a-button type="primary" @click="tableRefresh">查询</a-button> <a-button type="primary" @click="tableRefresh">查询</a-button>
<a-button style="margin-left: 8px" @click="tableReset">重置</a-button> <a-button style="margin-left: 8px" @click="tableReset">重置</a-button>
@ -189,7 +205,7 @@
<a-button class="list-btn"><i class="iconfont icon-duibi"></i>重新比对</a-button> <a-button class="list-btn"><i class="iconfont icon-duibi"></i>重新比对</a-button>
</a-popconfirm> </a-popconfirm>
</template> </template>
<template v-if="taskType === 'DRAFT' || taskType === 'SEAWAY BILL' "> <template v-if="taskType === 'DRAFT' || taskType === 'SEAWAY BILL'">
<a-popconfirm <a-popconfirm
title="确定批量转发当前选择项？" title="确定批量转发当前选择项？"
ok-text="是" ok-text="是"
@ -305,7 +321,10 @@
<template slot="title"> <template slot="title">
LARA登记 LARA登记
</template> </template>
<span class="operate-btn iconfont icon-electronic-signature" @click="laraPaperRegistFun(row)"></span> <span
class="operate-btn iconfont icon-electronic-signature"
@click="laraPaperRegistFun(row)"
></span>
</a-tooltip> </a-tooltip>
<a-tooltip> <a-tooltip>
<template slot="title"> <template slot="title">
@ -340,10 +359,7 @@
}" }"
:wrapperCol="wrapperCol" :wrapperCol="wrapperCol"
> >
<a-input <a-input placeholder="请输入发送邮箱" v-model="sendEmailForm.email" />
placeholder="请输入发送邮箱"
v-model="sendEmailForm.email"
/>
</a-form-model-item> </a-form-model-item>
</a-form-model> </a-form-model>
</a-modal> </a-modal>
@ -458,7 +474,10 @@ export default {
sendEmailVisible: false, sendEmailVisible: false,
sendEmailModelconfirm: false, sendEmailModelconfirm: false,
sendFormRules: { sendFormRules: {
email: [{ required: true, message: '请输入邮箱', trigger: 'blur' }, { type: 'email', message: '请输入有效的邮箱' }] email: [
{ required: true, message: '请输入邮箱', trigger: 'blur' },
{ type: 'email', message: '请输入有效的邮箱' }
]
}, },
// 页数计算 // 页数计算
paperCalcVisible: false, paperCalcVisible: false,
@ -497,8 +516,7 @@ export default {
this.getParaInfo('SOURCE') this.getParaInfo('SOURCE')
this.getParaInfo('CATEGORY') this.getParaInfo('CATEGORY')
}, },
mounted() { mounted() {},
},
methods: { methods: {
onSelect(selectedKeys, info) { onSelect(selectedKeys, info) {
console.log('selected', selectedKeys, info) console.log('selected', selectedKeys, info)
@ -521,19 +539,19 @@ export default {
// this.init() // this.init()
} }
}, },
changeTopLevel () { changeTopLevel() {
this.levelNext = this.selectNextLevel(this.levelNextAll, this.activeTopKey) this.levelNext = this.selectNextLevel(this.levelNextAll, this.activeTopKey)
this.activeNextKey = this.levelNext[0].key this.activeNextKey = this.levelNext[0].key
this.levelTree = this.selectTreeLevel(this.levelTreeAll, this.activeNextKey, this.activeTopKey) this.levelTree = this.selectTreeLevel(this.levelTreeAll, this.activeNextKey, this.activeTopKey)
console.log('切换主菜单- 二级菜单', this.levelNext) console.log('切换主菜单- 二级菜单', this.levelNext)
console.log('切换主菜单- 三级菜单', this.levelTree) console.log('切换主菜单- 三级菜单', this.levelTree)
}, },
changeNextLevel () { changeNextLevel() {
this.levelTree = this.selectTreeLevel(this.levelTreeAll, this.activeNextKey, this.activeTopKey) this.levelTree = this.selectTreeLevel(this.levelTreeAll, this.activeNextKey, this.activeTopKey)
}, },
tableRefresh() { tableRefresh() {
const { const {
form: { validateFields }, form: { validateFields }
} = this } = this
validateFields((err, values) => { validateFields((err, values) => {
if (!err) { if (!err) {
@ -576,7 +594,7 @@ export default {
total: 0, total: 0,
currentPage: 1, currentPage: 1,
pageSize: 10, pageSize: 10,
pageSizes: [10, 20, 50, 100, 200, 500], pageSizes: [10, 20, 50, 100, 200, 500]
} }
this.gridOptions.data = [] this.gridOptions.data = []
this.getList(queryParam) this.getList(queryParam)
@ -586,7 +604,7 @@ export default {
GetParaInfo({ GetParaInfo({
ParaType: type ParaType: type
}) })
.then((res) => { .then(res => {
if (res.success) { if (res.success) {
if (type === 'STATUS') { if (type === 'STATUS') {
this.statusList = res.data.rows this.statusList = res.data.rows
@ -603,7 +621,7 @@ export default {
this.$message.error(res.message) this.$message.error(res.message)
} }
}) })
.catch((err) => { .catch(err => {
console.log(err) console.log(err)
}) })
}, },
@ -621,7 +639,7 @@ export default {
GetCurrentTotalStat({ GetCurrentTotalStat({
isReCalc: false isReCalc: false
}) })
.then((res) => { .then(res => {
this.levelLoading = false this.levelLoading = false
this.levelreLoading = false this.levelreLoading = false
if (res.success) { if (res.success) {
@ -640,11 +658,11 @@ export default {
this.$message.error(res.message) this.$message.error(res.message)
} }
}) })
.catch((err) => { .catch(err => {
console.log(err) console.log(err)
}) })
}, },
selectNextLevel (list, key) { selectNextLevel(list, key) {
const arr = [] const arr = []
list.map((item, index) => { list.map((item, index) => {
if (item.topKey === key) { if (item.topKey === key) {
@ -653,7 +671,7 @@ export default {
}) })
return arr return arr
}, },
selectTreeLevel (list, key, topKey) { selectTreeLevel(list, key, topKey) {
const arr = [] const arr = []
list.map((item, index) => { list.map((item, index) => {
if (item.nextKey === key && item.topKey === topKey) { if (item.nextKey === key && item.topKey === topKey) {
@ -665,7 +683,7 @@ export default {
handlePageChange({ currentPage, pageSize }) { handlePageChange({ currentPage, pageSize }) {
console.log(currentPage, pageSize) console.log(currentPage, pageSize)
const { const {
form: { validateFields }, form: { validateFields }
} = this } = this
validateFields((err, values) => { validateFields((err, values) => {
if (!err) { if (!err) {
@ -709,7 +727,7 @@ export default {
pageNo: currentPage, pageNo: currentPage,
pageSize: pageSize pageSize: pageSize
}) })
.then((res) => { .then(res => {
if (res.success) { if (res.success) {
const _data = res.data.items.map((item, index) => { const _data = res.data.items.map((item, index) => {
item.row_id = (currentPage - 1) * pageSize + index item.row_id = (currentPage - 1) * pageSize + index
@ -723,7 +741,7 @@ export default {
this.$message.error(res.message) this.$message.error(res.message)
} }
}) })
.catch((err) => { .catch(err => {
console.log(err) console.log(err)
}) })
}, },
@ -756,10 +774,10 @@ export default {
}) })
return str return str
}, },
toggleAdvanced () { toggleAdvanced() {
this.advanced = !this.advanced this.advanced = !this.advanced
}, },
changePage (data) { changePage(data) {
if (data.taskType === 'VGM_COMPARE') { // VGM比对查看页面 if (data.taskType === 'VGM_COMPARE') { // VGM比对查看页面
this.$router.push({ path: '/commontaskmanage/TaskVgmContrast', query: { taskPKId: data.pkId, type: data.status } }) this.$router.push({ path: '/commontaskmanage/TaskVgmContrast', query: { taskPKId: data.pkId, type: data.status } })
} else if (data.taskType === 'INVOICE_BILL_MAIL') { // 航次账单查看 } else if (data.taskType === 'INVOICE_BILL_MAIL') { // 航次账单查看
@ -786,11 +804,9 @@ export default {
}) })
return res[0].name return res[0].name
}, },
cancelFun () { cancelFun() {},
},
// 取消 // 取消
removeFun () { removeFun() {
const select = this.$refs.xGrid.getCheckboxRecords() const select = this.$refs.xGrid.getCheckboxRecords()
const pkIdArr = select.map((item, index) => { const pkIdArr = select.map((item, index) => {
return item.pkId return item.pkId
@ -802,18 +818,20 @@ export default {
} }
CancelTask({ CancelTask({
PKIds: pkIdArr PKIds: pkIdArr
}).then((res) => { })
.then(res => {
if (res.success) { if (res.success) {
this.$message.success('取消任务成功') this.$message.success('取消任务成功')
} else { } else {
this.$message.error(res.message) this.$message.error(res.message)
} }
}).catch((err) => { })
.catch(err => {
console.log(err) console.log(err)
}) })
}, },
// 完成 // 完成
submitFun () { submitFun() {
const select = this.$refs.xGrid.getCheckboxRecords() const select = this.$refs.xGrid.getCheckboxRecords()
const pkIdArr = select.map((item, index) => { const pkIdArr = select.map((item, index) => {
return item.pkId return item.pkId
@ -825,18 +843,20 @@ export default {
} }
CompleteTask({ CompleteTask({
PKIds: pkIdArr PKIds: pkIdArr
}).then((res) => { })
.then(res => {
if (res.success) { if (res.success) {
this.$message.success('已完成任务') this.$message.success('已完成任务')
} else { } else {
this.$message.error(res.message) this.$message.error(res.message)
} }
}).catch((err) => { })
.catch(err => {
console.log(err) console.log(err)
}) })
}, },
// 批量下载 // 批量下载
downloadFun () { downloadFun() {
const select = this.$refs.xGrid.getCheckboxRecords() const select = this.$refs.xGrid.getCheckboxRecords()
const pkIdArr = select.map((item, index) => { const pkIdArr = select.map((item, index) => {
return item.pkId return item.pkId
@ -851,10 +871,11 @@ export default {
this.DownloadTaskAttach(item, name) this.DownloadTaskAttach(item, name)
}) })
}, },
DownloadTaskAttach (id, name) { DownloadTaskAttach(id, name) {
DownloadTaskAttach({ DownloadTaskAttach({
taskPKId: id taskPKId: id
}).then((res) => { })
.then(res => {
if (res.message) { if (res.message) {
message.error(`${name}下载失败：${res.message}`, 0) message.error(`${name}下载失败：${res.message}`, 0)
return false return false
@ -868,16 +889,17 @@ export default {
link.click() link.click()
URL.revokeObjectURL(link.href) // 释放URL对象 URL.revokeObjectURL(link.href) // 释放URL对象
document.body.removeChild(link) document.body.removeChild(link)
}).catch((err) => { })
.catch(err => {
console.log(err) console.log(err)
}) })
}, },
// 重新比对 // 重新比对
reComparisonFun () { reComparisonFun() {
// 未找到接口 // 未找到接口
}, },
// 批量转发 // 批量转发
SendEmailFun () { SendEmailFun() {
const select = this.$refs.xGrid.getCheckboxRecords() const select = this.$refs.xGrid.getCheckboxRecords()
const pkIdArr = select.map((item, index) => { const pkIdArr = select.map((item, index) => {
return item.pkId return item.pkId
@ -890,35 +912,37 @@ export default {
this.sendEmailPkIds = pkIdArr this.sendEmailPkIds = pkIdArr
this.sendEmailVisible = true this.sendEmailVisible = true
}, },
handleSendEmail () { handleSendEmail() {
this.$refs.sendForm.validate(valid => { this.$refs.sendForm.validate(valid => {
if (valid) { if (valid) {
console.log(this.sendEmailForm.email) console.log(this.sendEmailForm.email)
SendTelexEmail({ SendTelexEmail({
taskPKId: this.sendEmailPkIds[0], taskPKId: this.sendEmailPkIds[0],
toMail: this.sendEmailForm.email toMail: this.sendEmailForm.email
}).then((res) => { })
.then(res => {
if (res.success) { if (res.success) {
this.$message.success('转发成功') this.$message.success('转发成功')
this.handleSendEmailCancel() this.handleSendEmailCancel()
} else { } else {
this.$message.error(res.message) this.$message.error(res.message)
} }
}).catch((err) => { })
.catch(err => {
console.log(err) console.log(err)
}) })
} else { } else {
return false; return false
} }
}); })
}, },
handleSendEmailCancel () { handleSendEmailCancel() {
this.sendEmailPkIds = [] this.sendEmailPkIds = []
this.sendEmailVisible = false this.sendEmailVisible = false
this.$refs.sendForm.resetFields(); this.$refs.sendForm.resetFields()
}, },
// 页数计算 // 页数计算
laraPaperCalc () { laraPaperCalc() {
const select = this.$refs.xGrid.getCheckboxRecords() const select = this.$refs.xGrid.getCheckboxRecords()
const pkIdArr = select.map((item, index) => { const pkIdArr = select.map((item, index) => {
return item.pkId return item.pkId
@ -933,7 +957,8 @@ export default {
}) })
query = query.substring(0, query.length - 1) query = query.substring(0, query.length - 1)
console.log(query) console.log(query)
LaraPaperCalc(query).then((res) => { LaraPaperCalc(query)
.then(res => {
if (res.success) { if (res.success) {
this.paperCalcRes = res.data this.paperCalcRes = res.data
this.paperCalcExtras = res.extras || '' this.paperCalcExtras = res.extras || ''
@ -941,15 +966,16 @@ export default {
} else { } else {
this.$message.error(res.message) this.$message.error(res.message)
} }
}).catch((err) => { })
.catch(err => {
console.log(err) console.log(err)
}) })
}, },
handlePaperCalcCancel () { handlePaperCalcCancel() {
this.paperCalcVisible = false this.paperCalcVisible = false
}, },
// COPY打印 // COPY打印
copyPrintFun () { copyPrintFun() {
const select = this.$refs.xGrid.getCheckboxRecords() const select = this.$refs.xGrid.getCheckboxRecords()
const pkIdArr = select.map((item, index) => { const pkIdArr = select.map((item, index) => {
return item.pkId return item.pkId
@ -966,19 +992,21 @@ export default {
// console.log(query) // console.log(query)
PrintBatch({ PrintBatch({
PKIds: pkIdArr PKIds: pkIdArr
}).then((res) => { })
.then(res => {
if (res.success) { if (res.success) {
debugger debugger
// 暂时报错 // 暂时报错
} else { } else {
this.$message.error(res.message) this.$message.error(res.message)
} }
}).catch((err) => { })
.catch(err => {
console.log(err) console.log(err)
}) })
}, },
// COPY下载 // COPY下载
copyDownloadFun () { copyDownloadFun() {
const select = this.$refs.xGrid.getCheckboxRecords() const select = this.$refs.xGrid.getCheckboxRecords()
const pkIdArr = select.map((item, index) => { const pkIdArr = select.map((item, index) => {
return item.pkId return item.pkId
@ -995,19 +1023,21 @@ export default {
// console.log(query) // console.log(query)
DownloadAttach({ DownloadAttach({
PKIds: pkIdArr PKIds: pkIdArr
}).then((res) => { })
.then(res => {
if (res.success) { if (res.success) {
debugger debugger
// 暂时报错 接口404 文档中也没有 等更新 // 暂时报错 接口404 文档中也没有 等更新
} else { } else {
this.$message.error(res.message) this.$message.error(res.message)
} }
}).catch((err) => { })
.catch(err => {
console.log(err) console.log(err)
}) })
}, },
// 正本下载 // 正本下载
printBatchFun () { printBatchFun() {
const select = this.$refs.xGrid.getCheckboxRecords() const select = this.$refs.xGrid.getCheckboxRecords()
const pkIdArr = select.map((item, index) => { const pkIdArr = select.map((item, index) => {
return item.pkId return item.pkId
@ -1018,28 +1048,30 @@ export default {
} }
DownloadOriginalTask({ DownloadOriginalTask({
PKIds: pkIdArr PKIds: pkIdArr
}).then((res) => { })
.then(res => {
if (res.success) { if (res.success) {
debugger debugger
// 接口调用成功，但是无下载数据？？？？ // 接口调用成功，但是无下载数据？？？？
} else { } else {
this.$message.error(res.message) this.$message.error(res.message)
} }
}).catch((err) => { })
.catch(err => {
console.log(err) console.log(err)
}) })
}, },
// LARA登记 // LARA登记
laraPaperRegistFun (data) { laraPaperRegistFun(data) {
console.log('跳转页面', data) console.log('跳转页面', data)
this.$router.push({ name: 'TaskLaraRegist', query: { taskPKId: data.pkId } }) this.$router.push({ name: 'TaskLaraRegist', query: { taskPKId: data.pkId } })
}, },
// LARA记录 // LARA记录
laraRecordFun (data) { laraRecordFun(data) {
console.log('跳转页面', data) console.log('跳转页面', data)
this.$router.push({ name: 'TaskLaraRecord', query: { taskPKId: data.pkId } }) this.$router.push({ name: 'TaskLaraRecord', query: { taskPKId: data.pkId } })
}, }
}, }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@ -1064,40 +1096,39 @@ export default {
display: block; display: block;
text-align: right; text-align: right;
} }
.nav-bottom{ .nav-bottom {
width:100%; width: 100%;
text-align: right; text-align: right;
padding-top: 20px; padding-top: 20px;
.icon{ .icon {
font-size: 12px; font-size: 12px;
} }
} }
.list-btn{ .list-btn {
margin-right: 10px; margin-right: 10px;
.iconfont{ .iconfont {
margin-right: 8px; margin-right: 8px;
} }
} }
.task-tit{ .task-tit {
color: @primary-color; color: @primary-color;
cursor: pointer; cursor: pointer;
} }
.nav-loading{ .nav-loading {
width:100%; width: 100%;
height: 100px; height: 100px;
line-height: 100px; line-height: 100px;
text-align: center; text-align: center;
.tip{ .tip {
margin-left: 10px; margin-left: 10px;
} }
} }
.operate-btn{ .operate-btn {
width: 30px; width: 30px;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
&:nth-of-type(1) { &:nth-of-type(1) {
color: @primary-color; color: @primary-color;
} }
} }
</style> </style>

Write Preview
Loading…
Cancel
Save