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

Write Preview
Loading…
Cancel
Save