|
|
@ -2,7 +2,7 @@
|
|
|
|
<div class="Main">
|
|
|
|
<div class="Main">
|
|
|
|
<a-spin :spinning="spinning">
|
|
|
|
<a-spin :spinning="spinning">
|
|
|
|
<a-row :gutter="16">
|
|
|
|
<a-row :gutter="16">
|
|
|
|
<a-col :span="14">
|
|
|
|
<a-col :span="10">
|
|
|
|
<div class="LeftHead">
|
|
|
|
<div class="LeftHead">
|
|
|
|
<p>Booking Confirmation({{ form.carrierId }})</p>
|
|
|
|
<p>Booking Confirmation({{ form.carrierId }})</p>
|
|
|
|
<p>订舱时间:{{ form.bookingConfirmDate }}</p>
|
|
|
|
<p>订舱时间:{{ form.bookingConfirmDate }}</p>
|
|
|
@ -339,7 +339,7 @@
|
|
|
|
</a-row>
|
|
|
|
</a-row>
|
|
|
|
</a-form>
|
|
|
|
</a-form>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
<a-col :span="10" class="rightBox">
|
|
|
|
<a-col :span="14" class="rightBox">
|
|
|
|
<iframe width="100%" height="720" frameborder="0" scrolling="auto" :src="pdfUrl"></iframe>
|
|
|
|
<iframe width="100%" height="720" frameborder="0" scrolling="auto" :src="pdfUrl"></iframe>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
|
</a-row>
|
|
|
|
</a-row>
|
|
|
@ -378,7 +378,7 @@
|
|
|
|
@search="SearchCustomer"
|
|
|
|
@search="SearchCustomer"
|
|
|
|
@change="ChangeCustomer"
|
|
|
|
@change="ChangeCustomer"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<a-select-option v-for="(item, index) in CustomerList" :key="index" :value="item.codeName">
|
|
|
|
<a-select-option v-for="(item, index) in CustomerList" :key="index" :value="item.id">
|
|
|
|
{{ item.shortName }}
|
|
|
|
{{ item.shortName }}
|
|
|
|
</a-select-option>
|
|
|
|
</a-select-option>
|
|
|
|
</a-select>
|
|
|
|
</a-select>
|
|
|
@ -555,7 +555,15 @@
|
|
|
|
<a-modal v-model="UserVisible" title="转移任务" @ok="UserhandleOk">
|
|
|
|
<a-modal v-model="UserVisible" title="转移任务" @ok="UserhandleOk">
|
|
|
|
<a-form>
|
|
|
|
<a-form>
|
|
|
|
<a-form-item label="接收人:" :label-col="formItemLayout.labelCol1" :wrapper-col="formItemLayout.wrapperCol1">
|
|
|
|
<a-form-item label="接收人:" :label-col="formItemLayout.labelCol1" :wrapper-col="formItemLayout.wrapperCol1">
|
|
|
|
<a-select v-model="UserId" style="width: 120px">
|
|
|
|
<a-select
|
|
|
|
|
|
|
|
show-search
|
|
|
|
|
|
|
|
v-model="UserId"
|
|
|
|
|
|
|
|
:default-active-first-option="false"
|
|
|
|
|
|
|
|
:show-arrow="false"
|
|
|
|
|
|
|
|
:filter-option="false"
|
|
|
|
|
|
|
|
:not-found-content="null"
|
|
|
|
|
|
|
|
@search="SearchUser"
|
|
|
|
|
|
|
|
>
|
|
|
|
<a-select-option v-for="item in UserList" :key="item.id" :value="item.id">
|
|
|
|
<a-select-option v-for="item in UserList" :key="item.id" :value="item.id">
|
|
|
|
{{ item.name }}
|
|
|
|
{{ item.name }}
|
|
|
|
</a-select-option>
|
|
|
|
</a-select-option>
|
|
|
@ -584,8 +592,8 @@ export default {
|
|
|
|
UserId: '',
|
|
|
|
UserId: '',
|
|
|
|
value: '',
|
|
|
|
value: '',
|
|
|
|
formItemLayout: {
|
|
|
|
formItemLayout: {
|
|
|
|
labelCol1: { span: 5 },
|
|
|
|
labelCol1: { span: 6 },
|
|
|
|
wrapperCol1: { span: 19 },
|
|
|
|
wrapperCol1: { span: 18 },
|
|
|
|
labelCol2: { span: 8 },
|
|
|
|
labelCol2: { span: 8 },
|
|
|
|
wrapperCol2: { span: 16 },
|
|
|
|
wrapperCol2: { span: 16 },
|
|
|
|
labelCol3: { span: 4 },
|
|
|
|
labelCol3: { span: 4 },
|
|
|
@ -629,7 +637,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
ChangeCustomer(e) {
|
|
|
|
ChangeCustomer(e) {
|
|
|
|
this.CustomerList.forEach(item => {
|
|
|
|
this.CustomerList.forEach(item => {
|
|
|
|
if (item.codeName == e) {
|
|
|
|
if (item.id == e) {
|
|
|
|
this.CreateData.customerName = item.shortName
|
|
|
|
this.CreateData.customerName = item.shortName
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
@ -664,7 +672,10 @@ export default {
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
FnCancelTask() {
|
|
|
|
FnCancelTask() {
|
|
|
|
CancelTaskBC().then(res => {
|
|
|
|
const ApiData = {
|
|
|
|
|
|
|
|
taskPKId: this.$route.query.taskPKId
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
CancelTaskBC(ApiData).then(res => {
|
|
|
|
if (res.data.succ) {
|
|
|
|
if (res.data.succ) {
|
|
|
|
this.$message.success(res.data.msg)
|
|
|
|
this.$message.success(res.data.msg)
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
@ -678,7 +689,7 @@ export default {
|
|
|
|
getList() {
|
|
|
|
getList() {
|
|
|
|
this.spinning = true
|
|
|
|
this.spinning = true
|
|
|
|
const ApiData = {
|
|
|
|
const ApiData = {
|
|
|
|
taskPkId: this.$route.query.taskPKId
|
|
|
|
taskPKId: this.$route.query.taskPKId
|
|
|
|
}
|
|
|
|
}
|
|
|
|
GetInfoByTaskId(ApiData).then(res => {
|
|
|
|
GetInfoByTaskId(ApiData).then(res => {
|
|
|
|
console.log(res.data)
|
|
|
|
console.log(res.data)
|
|
|
@ -710,6 +721,8 @@ export default {
|
|
|
|
})
|
|
|
|
})
|
|
|
|
DownloadFile(ApiData).then(res => {
|
|
|
|
DownloadFile(ApiData).then(res => {
|
|
|
|
this.pdfUrl = window.URL.createObjectURL(new Blob([res], { type: 'application/pdf;charset=utf-8' }))
|
|
|
|
this.pdfUrl = window.URL.createObjectURL(new Blob([res], { type: 'application/pdf;charset=utf-8' }))
|
|
|
|
|
|
|
|
// this.pdfUrl = window.URL.createObjectURL(new Blob([res], { type: 'text/plain;charset=utf-8' }))
|
|
|
|
|
|
|
|
console.log(this.pdfUrl)
|
|
|
|
})
|
|
|
|
})
|
|
|
|
GetSysUserPage().then(res => {
|
|
|
|
GetSysUserPage().then(res => {
|
|
|
|
this.UserList = res.data
|
|
|
|
this.UserList = res.data
|
|
|
@ -720,8 +733,10 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
OpenModal() {
|
|
|
|
OpenModal() {
|
|
|
|
this.visible = true
|
|
|
|
this.visible = true
|
|
|
|
|
|
|
|
this.CreateData = {}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
OpenUser() {
|
|
|
|
OpenUser() {
|
|
|
|
|
|
|
|
this.UserId = ''
|
|
|
|
this.UserVisible = true
|
|
|
|
this.UserVisible = true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleOk() {
|
|
|
|
handleOk() {
|
|
|
@ -734,8 +749,8 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
let ApiData = {
|
|
|
|
let ApiData = {
|
|
|
|
bcTaskId: this.$route.query.taskPKId,
|
|
|
|
bcTaskId: this.$route.query.taskPKId,
|
|
|
|
bcPkId: '',
|
|
|
|
// bcPkId: '',
|
|
|
|
slotId: '',
|
|
|
|
// slotId: '',
|
|
|
|
projectList,
|
|
|
|
projectList,
|
|
|
|
...this.CreateData
|
|
|
|
...this.CreateData
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -751,7 +766,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
UserhandleOk() {
|
|
|
|
UserhandleOk() {
|
|
|
|
const ApiData = {
|
|
|
|
const ApiData = {
|
|
|
|
taskPkId: this.$route.query.taskPKId,
|
|
|
|
taskPKId: this.$route.query.taskPKId,
|
|
|
|
userId: this.UserId
|
|
|
|
userId: this.UserId
|
|
|
|
}
|
|
|
|
}
|
|
|
|
TransferTask(ApiData).then(res => {
|
|
|
|
TransferTask(ApiData).then(res => {
|
|
|
@ -766,16 +781,16 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
Rcolor(hexColor) {
|
|
|
|
Rcolor(hexColor) {
|
|
|
|
let hex = hexColor.replace('#', '').toLowerCase()
|
|
|
|
let hex = hexColor.replace('#', '').toLowerCase()
|
|
|
|
let red = parseInt(hex.substring(0, 2), 16) - 80
|
|
|
|
let red = parseInt(hex.substring(0, 2), 16) - 90
|
|
|
|
let green = parseInt(hex.substring(2, 4), 16) - 80
|
|
|
|
let green = parseInt(hex.substring(2, 4), 16) - 90
|
|
|
|
let blue = parseInt(hex.substring(4, 6), 16)
|
|
|
|
let blue = parseInt(hex.substring(4, 6), 16) - 50
|
|
|
|
return `rgb(${red}, ${green}, ${blue})`
|
|
|
|
return `rgb(${red}, ${green}, ${blue})`
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
|
|
<style lang="less" scoped>
|
|
|
|
@import url('../../BookingLedger/detail/index.less');
|
|
|
|
// @import url('../../BookingLedger/detail/index.less');
|
|
|
|
@import url('../../BookingLedger/detail/style/rightContent.less');
|
|
|
|
@import url('../../BookingLedger/detail/style/rightContent.less');
|
|
|
|
.modaltitle {
|
|
|
|
.modaltitle {
|
|
|
|
border-bottom: 1px solid #000;
|
|
|
|
border-bottom: 1px solid #000;
|
|
|
@ -787,7 +802,7 @@ export default {
|
|
|
|
color: '#02A7F0';
|
|
|
|
color: '#02A7F0';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.Main {
|
|
|
|
.Main {
|
|
|
|
width: 80%;
|
|
|
|
width: 98%;
|
|
|
|
margin: 0 auto;
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
|
|
|
|
|
|
.LeftHead {
|
|
|
|
.LeftHead {
|
|
|
@ -825,6 +840,7 @@ export default {
|
|
|
|
// border: 1px solid rgba(170, 10, 0, 1);
|
|
|
|
// border: 1px solid rgba(170, 10, 0, 1);
|
|
|
|
border-radius: 3px;
|
|
|
|
border-radius: 3px;
|
|
|
|
box-shadow: none;
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
|
|
// font-weight: bold;
|
|
|
|
// color: #62a10398;
|
|
|
|
// color: #62a10398;
|
|
|
|
margin: 0.5rem;
|
|
|
|
margin: 0.5rem;
|
|
|
|
padding: 0 0.3rem;
|
|
|
|
padding: 0 0.3rem;
|
|
|
|