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

edi添加业务备注

Browse Source
dev
lilu 2 years ago
parent 97b21f3826
commit 42bd002ffb
6 changed files with 496 additions and 307 deletions
Show Stats Download Patch File Download Diff File

12
src/api/modular/main/TaskmanageList.js
Unescape Escape View File

@ -131,6 +131,7 @@ export function DownloadAttach (parameter) {
data: parameter data: parameter
}) })
} }
/** /**
* 获取详情 * 获取详情
*/ */
@ -141,3 +142,14 @@ export function GetBookingOrderInfo (parameter) {
params: parameter params: parameter
}) })
} }
/**
* lara 记录
*/
export function LaraPaperRegistPost (parameter) {
return axios({
url: '/TaskManage/LaraPaperRegistPost',
method: 'post',
data: parameter
})
}

3
src/layouts/BasicLayout.vue
Unescape Escape View File

@ -41,7 +41,8 @@
/> />
<!-- layout content --> <!-- layout content -->
<a-layout-content :style="{ height: '100%', margin: '24px 24px 0', paddingTop: fixedHeader ? '55px' : '0' }"> <!-- height: '100%', -->
<a-layout-content :style="{ height: '600px', margin: '24px 24px 0', paddingTop: fixedHeader ? '55px' : '0' }">
<multi-tab v-if="multiTab"></multi-tab> <multi-tab v-if="multiTab"></multi-tab>
<transition name="page-transition"> <transition name="page-transition">
<route-view /> <route-view />

130
src/views/main/BookingLedger/detail/components/ediMore.vue
Unescape Escape View File

@ -1,8 +1,8 @@
<template> <template>
<div class="more-edi" :style="{paddingTop:'25px'}"> <div class="more-edi" :style="{paddingTop:'25px'}">
<a-form-model ref="ediFrom" :model="details" :rules="rules"> <a-form-model ref="ediFrom" :model="details" :rules="rules">
<a-row :gutter="16"> <div class="normal">
<div class="normal"> <a-row :gutter="16">
<a-col :span="8"> <a-col :span="8">
<a-form-model-item <a-form-model-item
label="发送方EDI代码" label="发送方EDI代码"
@ -201,13 +201,70 @@
has-feedback has-feedback
prop="bookingEDIExt.weiTuoFang" prop="bookingEDIExt.weiTuoFang"
> >
<a-textarea v-model="details.bookingEDIExt.weiTuoFang" /> <a-textarea v-model="details.bookingEDIExt.weiTuoFang" :auto-size="{ minRows: 2, maxRows: 5 }"/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</a-row>
</div>
<div class="ex-remark">
<div class="title">
<span class="line left"></span>
<span class="text">业务备注</span>
<span class="line right"></span>
</div> </div>
<!-- === 太平添加 start === --> <div class="ex-remark-content">
<template v-if="details.carrierid == 'PIL'"> <a-row :gutter="16">
<div class="taiping"> <a-col :span="12">
<a-form-model-item
label="辅助字段1"
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
:wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
has-feedback
prop="bookingEDIExt.exRemark1"
>
<a-textarea :allowClear="true" v-model="details.bookingEDIExt.exRemark1" :auto-size="{ minRows: 2, maxRows: 5 }"/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
label="辅助字段2"
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
:wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
has-feedback
prop="bookingEDIExt.exRemark2"
>
<a-textarea :allowClear="true" v-model="details.bookingEDIExt.exRemark2" :auto-size="{ minRows: 2, maxRows: 5 }"/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
label="辅助字段3"
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
:wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
has-feedback
prop="bookingEDIExt.exRemark3"
>
<a-textarea :allowClear="true" v-model="details.bookingEDIExt.exRemark3" :auto-size="{ minRows: 2, maxRows: 5 }"/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
label="辅助字段4"
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
:wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
has-feedback
prop="bookingEDIExt.exRemark4"
>
<a-textarea :allowClear="true" v-model="details.bookingEDIExt.exRemark4" :auto-size="{ minRows: 2, maxRows: 5 }"/>
</a-form-model-item>
</a-col>
</a-row>
</div>
</div>
<!-- === 太平添加 start === -->
<template v-if="details.carrierid == 'PIL'">
<div class="taiping">
<a-row :gutter="16">
<a-col :span="12"> <a-col :span="12">
<a-form-model-item <a-form-model-item
label="收货人EDI代码" label="收货人EDI代码"
@ -230,7 +287,6 @@
<a-input :allowClear="true" v-model="details.bookingEDIExt.shipperEdiCode" /> <a-input :allowClear="true" v-model="details.bookingEDIExt.shipperEdiCode" />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item <a-form-model-item
label="通知方EDI代码" label="通知方EDI代码"
@ -242,7 +298,6 @@
<a-input :allowClear="true" v-model="details.bookingEDIExt.notifyCdoe" /> <a-input :allowClear="true" v-model="details.bookingEDIExt.notifyCdoe" />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-model-item <a-form-model-item
label="太平销售EDI代码" label="太平销售EDI代码"
@ -292,7 +347,7 @@
has-feedback has-feedback
prop="bookingEDIExt.s0CC0C" prop="bookingEDIExt.s0CC0C"
> >
<a-textarea :allowClear="true" v-model="details.bookingEDIExt.s0CC0C" /> <a-textarea :allowClear="true" v-model="details.bookingEDIExt.s0CC0C" :auto-size="{ minRows: 2, maxRows: 5 }"/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
@ -303,11 +358,13 @@
has-feedback has-feedback
prop="bookingEDIExt.ckhi" prop="bookingEDIExt.ckhi"
> >
<a-textarea v-model="details.bookingEDIExt.ckhi" /> <a-textarea v-model="details.bookingEDIExt.ckhi" :auto-size="{ minRows: 2, maxRows: 5 }"/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</div> </a-row>
<div class="taiping-2"> </div>
<div class="taiping-2">
<a-row :gutter="16">
<a-col :span="12"> <a-col :span="12">
<a-form-model-item <a-form-model-item
label="南美东" label="南美东"
@ -316,7 +373,7 @@
has-feedback has-feedback
prop="bookingEDIExt.cncm" prop="bookingEDIExt.cncm"
> >
<a-textarea v-model="details.bookingEDIExt.cncm" /> <a-textarea v-model="details.bookingEDIExt.cncm" :auto-size="{ minRows: 2, maxRows: 5 }"/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
@ -327,7 +384,7 @@
has-feedback has-feedback
prop="bookingEDIExt.wncm" prop="bookingEDIExt.wncm"
> >
<a-textarea v-model="details.bookingEDIExt.wncm" /> <a-textarea v-model="details.bookingEDIExt.wncm" :auto-size="{ minRows: 2, maxRows: 5 }"/>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
@ -341,10 +398,10 @@
<a-input :allowClear="true" v-model="details.bookingEDIExt.acihbl" /> <a-input :allowClear="true" v-model="details.bookingEDIExt.acihbl" />
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
</div> </a-row>
</template> </div>
<!-- === 太平添加 END === --> </template>
</a-row> <!-- === 太平添加 END === -->
</a-form-model> </a-form-model>
</div> </div>
</template> </template>
@ -464,9 +521,44 @@ export default {
overflow: hidden; overflow: hidden;
} }
.taiping{ .taiping{
border-top: 1px dashed #ddd; border-top: 1px dashed #ccc;
margin-top: 10px; margin-top: 10px;
padding-top: 10px; padding-top: 10px;
overflow: hidden; overflow: hidden;
} }
.ex-remark{
overflow: hidden;
.title{
height: 40px;
display: flex;
width: 100%;
margin-bottom:20px;
.text{
width: 87px;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #666;
font-weight: 600;
text-align: center;
}
span{
display: block;
vertical-align: top;
}
.line{
border-bottom: 1px dashed #ccc;
height: 19px;
}
.left{
width:100px;
}
.right{
flex: 1;
}
}
.ex-remark-content{
overflow: hidden;
}
}
</style> </style>

9
src/views/main/DjyApiAuth/index.vue
Unescape Escape View File

@ -394,7 +394,14 @@ export default {
if (res.success) { if (res.success) {
this.$message.success('保存成功') this.$message.success('保存成功')
this.$refs.addForm.handleCancel() this.$refs.addForm.handleCancel()
this.init() const {
form: { validateFields }
} = this
validateFields((err, values) => {
if (!err) {
this.init(values)
}
})
} else { } else {
this.$message.error(res.message) this.$message.error(res.message)
} }

625
src/views/main/Taskmanage/TaskmanageDetail/index.vue
Unescape Escape View File

@ -1,15 +1,15 @@
<template> <template>
<div class="task-detail"> <div class="task-detail">
<div class="nav-btn"> <div class="nav-btn-box">
<a-button type="primary">完成任务</a-button> <a-button class="nav-btn" type="primary">完成任务</a-button>
<a-button type="primary">保存</a-button> <a-button class="nav-btn" type="primary">保存</a-button>
<a-button type="primary">发送SI</a-button> <a-button class="nav-btn" type="primary">发送SI</a-button>
<a-button type="primary">提单确认</a-button> <a-button class="nav-btn" type="primary">提单确认</a-button>
<a-button type="primary">取消完成任务</a-button> <a-button class="nav-btn" type="primary">取消完成任务</a-button>
<a-button type="primary">关闭</a-button> <a-button class="nav-btn" type="primary">关闭</a-button>
</div> </div>
<x-card> <x-card>
<div slot="content" style="padding-top:0;" class="mail-info"> <div slot="content" style="margin-top: -24px;" class="mail-info">
<div class="task-basic-box"> <div class="task-basic-box">
<div class="label"> <div class="label">
<div class="title">提单号</div> <div class="title">提单号</div>
@ -26,286 +26,303 @@
</div> </div>
</div> </div>
</x-card> </x-card>
<div class="mailing-info">
<x-card> <a-collapse class="collapse-box" :bordered="false" expandIconPosition="right" v-model="showKey">
<div slot="content" style="margin-top: -5px;" class="mail-info"> <a-collapse-panel key="1">
<a-form-model :selfUpdate="true" ref="mailingFrom" :model="taskDetail"> <template slot="header">
<a-row :gutter="10"> <div class="base-tit"><i class="iconfont icon-a-fahuodaifahuo"></i>收发通信息</div>
<a-col :xs="24" :sm="24" :md="24" :lg="10" :xl="12"> </template>
<a-form-model-item has-feedback prop="shipper" class="sender-label"> <div class="mailing-info">
<div class="sender"> <x-card>
<div class="top"><div class="name"><span class="iconfont icon-bianji"></span>发货人</div></div> <div slot="content" style="margin-top: -24px;" class="mail-info">
<div class="bottom"> <a-form-model :selfUpdate="true" ref="mailingFrom" :model="taskDetail">
<a-textarea <a-row :gutter="10">
id="shipper-scroll" <a-col :xs="24" :sm="24" :md="24" :lg="10" :xl="12">
:defaultValue="taskDetail.shipper" <a-form-model-item has-feedback prop="shipper" class="sender-label">
v-model="showShipper" <div class="sender">
:auto-size="{ minRows: 2, maxRows: 5 }" <div class="top"><div class="name"><span class="iconfont icon-bianji"></span>发货人</div></div>
style="height: 120px" <div class="bottom">
@blur="textareaChange($event, 'shipper')" <a-textarea
/> id="shipper-scroll"
<div :defaultValue="taskDetail.shipper"
class="line-count" v-model="showShipper"
id="shipper-scroll-right" :auto-size="{ minRows: 2, maxRows: 5 }"
v-if="Object.keys(taskDetail).length > 1 && taskDetail.shipper.length > 1" style="height: 120px"
> @blur="textareaChange($event, 'shipper')"
<div v-for="(num, index) in taskDetail.shipper.split('\n')" :key="index">{{ num.length }}</div> />
</div> <div
</div> class="line-count"
</div> id="shipper-scroll-right"
</a-form-model-item> v-if="Object.keys(taskDetail).length > 1 && taskDetail.shipper.length > 1"
<a-form-model-item has-feedback prop="consignee" class="sender-label"> >
<div class="consignee"> <div v-for="(num, index) in taskDetail.shipper.split('\n')" :key="index">{{ num.length }}</div>
<div class="top"><div class="name"><span class="iconfont icon-bianji"></span>收货人</div></div> </div>
<div class="bottom"> </div>
<a-textarea
id="consignee-scroll"
:defaultValue="taskDetail.consignee"
v-model="showConsignee"
:auto-size="{ minRows: 2, maxRows: 5 }"
style="height: 120px"
@blur="textareaChange($event, 'consignee')"
/>
<div
class="line-count"
id="consignee-scroll-right"
v-if="Object.keys(taskDetail).length > 1 && taskDetail.consignee.length > 1"
>
<div v-for="(num, index) in taskDetail.consignee.split('\n')" :key="index">{{ num.length }}</div>
</div>
</div>
</div>
</a-form-model-item>
<a-form-model-item has-feedback prop="notifyparty" class="sender-label">
<div class="notifier">
<div class="top"><div class="name"><span class="iconfont icon-bianji"></span>通知人</div></div>
<div class="bottom">
<a-textarea
id="notifyparty-scroll"
:defaultValue="taskDetail.notifyparty"
:auto-size="{ minRows: 2, maxRows: 5 }"
style="height: 120px"
v-model="showNotifier"
@blur="textareaChange($event, 'notifyparty')"
/>
<div
class="line-count"
id="notifyparty-scroll-right"
v-if="Object.keys(taskDetail).length > 1 && taskDetail.notifyparty.length > 1"
>
<div v-for="(num, index) in taskDetail.notifyparty.split('\n')" :key="index">{{ num.length }}</div>
</div> </div>
</div>
</div>
</a-form-model-item>
</a-col>
<a-col class="right-content" :xs="24" :sm="24" :md="24" :lg="14" :xl="12">
<a-row :gutter="16">
<a-col :span="12">
<a-form-model-item
class="from-label"
label="装货港代码"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="portloadid"
>
<auto-complete
:allowClear="true"
v-model="taskDetail.portloadid"
class="customer-input"
:data-source="portloadDataArr"
:dropdown-match-select-width="false"
:dropdown-style="{ width: '300px' }"
@select="portloadSelect"
@change="portloadChange"
@focus="portloadChange"
></auto-complete>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="装货港"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="portload"
>
<a-input :allowClear="true" v-model="taskDetail.portload" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="中转港代码"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="transportid"
>
<auto-complete
:allowClear="true"
v-model="taskDetail.transportid"
class="customer-input"
:data-source="transportDataArr"
:dropdown-match-select-width="false"
:dropdown-style="{ width: '300px' }"
@select="transportSelect"
@change="transportChange"
@focus="transportChange"
/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="中转港"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="transport"
>
<a-input :allowClear="true" v-model="taskDetail.transport" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="卸货港代码"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="portdischargeid"
>
<auto-complete
:allowClear="true"
v-model="taskDetail.portdischargeid"
class="customer-input"
:data-source="portdischargeDataArr"
:dropdown-match-select-width="false"
:dropdown-style="{ width: '300px' }"
@select="portdischargeSelect"
@change="portdischargeChange"
@focus="portdischargeChange"
/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="卸货港"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="portdischarge"
>
<a-input :allowClear="true" v-model="taskDetail.portdischarge" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="目的代码"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="destinationid"
>
<auto-complete
:allowClear="true"
v-model="taskDetail.destinationid"
class="customer-input"
:data-source="destinationDataArr"
:dropdown-match-select-width="false"
:dropdown-style="{ width: '300px' }"
@select="destinationSelect"
@change="destinationChange"
@focus="destinationChange"
/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="目的地"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="destination"
>
<a-input :allowClear="true" v-model="taskDetail.destination" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="件数"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="pkgs"
>
<a-input :allowClear="true" v-model="taskDetail.pkgs" type="number"/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="包装"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="kindpkgs"
>
<auto-complete
:allowClear="true"
v-model="taskDetail.kindpkgs"
class="customer-input"
:data-source="kindpkgsDataArr"
:dropdown-match-select-width="false"
:dropdown-style="{ width: '200px' }"
@select="kindpkgsSelect"
@change="kindpkgsChange"
@focus="kindpkgsChange"
/>
</a-form-model-item> </a-form-model-item>
</a-col> <a-form-model-item has-feedback prop="consignee" class="sender-label">
<a-col :span="12"> <div class="consignee">
<a-form-model-item <div class="top"><div class="name"><span class="iconfont icon-bianji"></span>收货人</div></div>
class="from-label" <div class="bottom">
label="毛重" <a-textarea
:labelCol="labelCol" id="consignee-scroll"
:wrapperCol="wrapperCol" :defaultValue="taskDetail.consignee"
has-feedback v-model="showConsignee"
prop="kgs" :auto-size="{ minRows: 2, maxRows: 5 }"
> style="height: 120px"
<div class="line-box"> @blur="textareaChange($event, 'consignee')"
<a-input :allowClear="true" v-model="taskDetail.kgs" /><span class="unit">KGS</span> />
<div
class="line-count"
id="consignee-scroll-right"
v-if="Object.keys(taskDetail).length > 1 && taskDetail.consignee.length > 1"
>
<div v-for="(num, index) in taskDetail.consignee.split('\n')" :key="index">{{ num.length }}</div>
</div>
</div>
</div> </div>
</a-form-model-item> </a-form-model-item>
</a-col> <a-form-model-item has-feedback prop="notifyparty" class="sender-label">
<a-col :span="12"> <div class="notifier">
<a-form-model-item <div class="top"><div class="name"><span class="iconfont icon-bianji"></span>通知人</div></div>
class="from-label" <div class="bottom">
label="尺寸" <a-textarea
:labelCol="labelCol" id="notifyparty-scroll"
:wrapperCol="wrapperCol" :defaultValue="taskDetail.notifyparty"
has-feedback :auto-size="{ minRows: 2, maxRows: 5 }"
prop="cbm" style="height: 120px"
> v-model="showNotifier"
<div class="line-box"> @blur="textareaChange($event, 'notifyparty')"
<a-input :allowClear="true" v-model="taskDetail.cbm" /><span class="unit">CBM</span> />
<div
class="line-count"
id="notifyparty-scroll-right"
v-if="Object.keys(taskDetail).length > 1 && taskDetail.notifyparty.length > 1"
>
<div v-for="(num, index) in taskDetail.notifyparty.split('\n')" :key="index">{{ num.length }}</div>
</div>
</div>
</div> </div>
</a-form-model-item> </a-form-model-item>
</a-col> </a-col>
<a-col class="right-content" :xs="24" :sm="24" :md="24" :lg="14" :xl="12">
<a-row :gutter="16">
<a-col :span="12">
<a-form-model-item
class="from-label"
label="装货港代码"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="portloadid"
>
<auto-complete
:allowClear="true"
v-model="taskDetail.portloadid"
class="customer-input"
:data-source="portloadDataArr"
:dropdown-match-select-width="false"
:dropdown-style="{ width: '300px' }"
@select="portloadSelect"
@change="portloadChange"
@focus="portloadChange"
></auto-complete>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="装货港"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="portload"
>
<a-input :allowClear="true" v-model="taskDetail.portload" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="中转港代码"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="transportid"
>
<auto-complete
:allowClear="true"
v-model="taskDetail.transportid"
class="customer-input"
:data-source="transportDataArr"
:dropdown-match-select-width="false"
:dropdown-style="{ width: '300px' }"
@select="transportSelect"
@change="transportChange"
@focus="transportChange"
/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="中转港"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="transport"
>
<a-input :allowClear="true" v-model="taskDetail.transport" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="卸货港代码"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="portdischargeid"
>
<auto-complete
:allowClear="true"
v-model="taskDetail.portdischargeid"
class="customer-input"
:data-source="portdischargeDataArr"
:dropdown-match-select-width="false"
:dropdown-style="{ width: '300px' }"
@select="portdischargeSelect"
@change="portdischargeChange"
@focus="portdischargeChange"
/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="卸货港"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="portdischarge"
>
<a-input :allowClear="true" v-model="taskDetail.portdischarge" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="目的代码"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="destinationid"
>
<auto-complete
:allowClear="true"
v-model="taskDetail.destinationid"
class="customer-input"
:data-source="destinationDataArr"
:dropdown-match-select-width="false"
:dropdown-style="{ width: '300px' }"
@select="destinationSelect"
@change="destinationChange"
@focus="destinationChange"
/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="目的地"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="destination"
>
<a-input :allowClear="true" v-model="taskDetail.destination" />
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="件数"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="pkgs"
>
<a-input :allowClear="true" v-model="taskDetail.pkgs" type="number"/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="包装"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="kindpkgs"
>
<auto-complete
:allowClear="true"
v-model="taskDetail.kindpkgs"
class="customer-input"
:data-source="kindpkgsDataArr"
:dropdown-match-select-width="false"
:dropdown-style="{ width: '200px' }"
@select="kindpkgsSelect"
@change="kindpkgsChange"
@focus="kindpkgsChange"
/>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="毛重"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="kgs"
>
<div class="line-box">
<a-input :allowClear="true" v-model="taskDetail.kgs" /><span class="unit">KGS</span>
</div>
</a-form-model-item>
</a-col>
<a-col :span="12">
<a-form-model-item
class="from-label"
label="尺寸"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
has-feedback
prop="cbm"
>
<div class="line-box">
<a-input :allowClear="true" v-model="taskDetail.cbm" /><span class="unit">CBM</span>
</div>
</a-form-model-item>
</a-col>
</a-row>
</a-col>
</a-row> </a-row>
</a-col> </a-form-model>
</a-row> </div>
</a-form-model> </x-card>
</div> </div>
</x-card> </a-collapse-panel>
</div> </a-collapse>
<a-collapse class="collapse-box" :bordered="false" expandIconPosition="right" v-model="showKey">
<a-collapse-panel key="1">
<template slot="header">
<div class="base-tit"><i class="iconfont icon-goods"></i>货物信息</div>
</template>
<div></div>
</a-collapse-panel>
</a-collapse>
</div> </div>
</template> </template>
<script> <script>
@ -357,7 +374,8 @@ export default {
kindpkgsData: [], kindpkgsData: [],
showShipper: '', showShipper: '',
showConsignee: '', showConsignee: '',
showNotifier: '' showNotifier: '',
showKey: ['1']
} }
}, },
computed: { computed: {
@ -584,7 +602,7 @@ export default {
display: flex; display: flex;
width: 500px; width: 500px;
margin-top: 10px; margin-top: 10px;
padding: 10px; padding: 0 10px;
background: #fff; background: #fff;
margin-bottom: 10px; margin-bottom: 10px;
.label{ .label{
@ -618,13 +636,15 @@ export default {
padding-left: 5px; padding-left: 5px;
} }
} }
.sender-label{
margin-bottom: 0;
}
.sender, .sender,
.consignee, .consignee,
.notifier { .notifier {
margin-bottom: 20px; // margin-bottom: 20px;
.top { .top {
margin-bottom: 15px; // margin-bottom: 15px;
min-height: 32px; min-height: 32px;
line-height: 32px; line-height: 32px;
overflow: hidden; overflow: hidden;
@ -745,4 +765,41 @@ export default {
} }
} }
} }
.collapse-box {
margin-bottom: 10px;
background: #fff;
}
.base-tit {
font-size: 14px;
font-weight: 600;
color: #666;
position: relative;
height: 34px;
line-height: 40px;
margin-top: -5px;
&::before {
content: '';
position: absolute;
width: 4px;
height: 30px;
background: @primary-color;
top: 6px;
left: 0px;
}
i {
margin-right: 7px;
font-weight: 500;
font-size: 18px;
color: @primary-color;
margin-left: 10px;
}
}
.nav-btn-box{
margin-bottom: 20px;
.nav-btn{
margin-right: 10px;
}
}
</style> </style>

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

@ -368,7 +368,8 @@ import {
PrintBatch, PrintBatch,
DownloadAttach, DownloadAttach,
DownloadOriginalTask, DownloadOriginalTask,
LaraPaperRegist LaraPaperRegist,
LaraPaperRegistPost
} from '@/api/modular/main/TaskmanageList' } from '@/api/modular/main/TaskmanageList'
export default { export default {
name: 'TaskmanageList', name: 'TaskmanageList',
@ -988,7 +989,26 @@ export default {
}, },
// LARA记录 // LARA记录
laraRecordFun () { laraRecordFun () {
const select = this.$refs.xGrid.getCheckboxRecords()
const pkIdArr = select.map((item, index) => {
return item.pkId
})
if (pkIdArr.length === 0) {
this.$message.error('请选择数据')
return false
}
console.log('已选择数据', pkIdArr)
LaraPaperRegistPost({
taskPKId: pkIdArr[0]
}).then((res) => {
debugger
if (res.success) {
} else {
this.$message.error(res.message)
}
}).catch((err) => {
console.log(err)
})
}, },
}, },
} }

Write Preview
Loading…
Cancel
Save