Commit b94484a9 by wangguangchao

到单和任务列表查询日期控件优化

parent 93f62f9f
......@@ -263,8 +263,11 @@ const CodeTable = {
{ label: "BY ACCEPTANCE", value: "A" },
],
avbby0: [
{ label: "即期付款", value: "P" },
{ label: "远期承兑", value: "A" },
{ label: "远期付款", value: "D" },
{ label: "混合付款", value: "M" },
{ label: "议付", value: "N" },
{ label: "即期付款", value: "P" },
],
avbwth: [
{ label: "Issuing Bank", value: "I" },
......@@ -5817,5 +5820,11 @@ const CodeTable = {
{ label: "粤/深港票据交换", value: "G" },
{ label: "Other", value: "Y" },
],
brdtyp: [
{ label: "远期付款单据(承兑)", value: "A" },
{ label: "远期付款单据", value: "D" },
{ label: "混合付款单据", value: "M" },
{ label: "即期单据", value: "P" },
],
}
export default CodeTable;
\ No newline at end of file
......@@ -30,25 +30,25 @@
<c-col :span="8">
<el-form-item label="起止日期" style="width: 100%">
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.bopquep.frmdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择From"
></el-date-picker>
></c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.bopquep.tildat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Until"
></el-date-picker>
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
......
......@@ -25,25 +25,25 @@
<c-col :span="8">
<el-form-item label="起止日期" style="width: 100%">
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.bopquep.frmdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择From"
></el-date-picker>
></c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.bopquep.tildat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Until"
></el-date-picker>
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
......
......@@ -27,23 +27,23 @@
<c-col :span="8">
<el-form-item label="提示日期" style="width: 100%">
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.diafro"
style="width: 100%"
placeholder="请选择Diary From date"
></el-date-picker>
></c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.diatil"
style="width: 100%"
placeholder="请选择Diary Till date"
></el-date-picker>
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
......
......@@ -5,17 +5,25 @@
<c-col :span="20">
<el-form-item label="不符点">
<c-input type="textarea" v-model="model.bddgrp.blk.docdis" maxlength="50" show-word-limit
<c-input type="textarea" v-model="model.bddgrp.blk.docdis" disabled maxlength="50" show-word-limit
placeholder="请输入不符点"></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<c-button style="text-align: left" label-width="-10px" size="small" type="primary" icon="el-icon-search"
@click="onDocdisButtxmsel">
...
</c-button>
<c-col :span="4" style="text-align: right">
<el-form-item label-width="0">
<c-button
size="small"
type="primary"
icon="el-icon-search"
style="margin-left: 0"
@click="onDocdisButtxmsel"
disabled
></c-button>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="注释和结论">
......@@ -37,11 +45,15 @@
<!-- =================右边====================== -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="" prop="bddgrp.rec.igndisflg">
<c-checkbox v-model="model.bddgrp.rec.igndisflg">忽略不符点</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bddgrp.blk.docdisflg">
<c-checkbox v-model="model.bddgrp.blk.docdisflg">录入不符点</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="24">
......@@ -66,10 +78,12 @@
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bddgrp.rec.approvcod">
<c-checkbox v-model="model.bddgrp.rec.approvcod">议付行担保协议</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="8">
<!-- <c-col :span="8">
<c-checkbox v-model="model.bdtp.cre752flg">Create MT 752</c-checkbox>
</c-col>
......@@ -78,10 +92,12 @@
<c-select v-model="model.bdtp.furide" style="width:100%" placeholder="请选择Further Identification">
</c-select>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="24">
<el-form-item label="" prop="bdtp.cre732flg">
<c-checkbox v-model="model.bdtp.cre732flg">Create MT 732</c-checkbox>
</el-form-item>
</c-col>
......@@ -89,10 +105,31 @@
<!-- =================已交单据====================== -->
<c-col :span="24">
<c-table :border="true" :list="model.bdtp.docgrdm.docgrd" style="width:80%,text-align:center">
<c-table :border="true" :paginationShow="false" :list="model.bdtp.docgrdm.docgrd" style="width:80%,text-align:center">
<el-table-column prop="cmail1" label="1st" width="auto"> </el-table-column>
<el-table-column prop="cmail2" label="2st" width="auto"> </el-table-column>
<el-table-column prop="docnam" label="Document" width="auto"> </el-table-column>
<el-table-column label="" prop="det" width="80px" fixed="right">
<template slot-scope="scope" slot="header">
<el-button
circle
style="padding:4px"
class="el-icon-plus"
size="mini"
@click="addRow(scope)"
>
</el-button>
<el-button
style="padding:4px"
circle
class="el-icon-minus"
size="mini"
@click="removeRow(scope)"
>
</el-button>
</template>
</el-table-column>
</c-table>
</c-col>
......@@ -103,26 +140,23 @@
</div>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditdck/Event"
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {};
},
methods: {
...Event
},
created: function () {
}
}
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditdck/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {};
},
methods: {
...Event,
},
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<div class="eibs-tab">
<c-row>
<c-row>
<!-- =================信用证信息====================== -->
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="8">
<el-form-item label="信用证参考号" prop="didgrp.rec.ownref">
<c-input v-model="model.didgrp.rec.ownref" maxlength="16" placeholder="请输入信用证参考号" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item style="text-align: left" label="" label-width="-10px">
<c-button size="small" type="primary;width:10%" @click="onSeainf">i</c-button>
</el-form-item>
</c-col>
<!-- <c-col :span="4">
<c-col :span="24">
<c-col :span="10">
<el-form-item label="信用证参考号" prop="didgrp.rec.ownref">
<c-input
v-model="model.didgrp.rec.ownref"
placeholder="请输入参考号"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="1" style="text-align: right">
<el-form-item label-width="0">
<c-button
size="small"
type="primary"
icon="el-icon-search"
style="margin-left: 0"
></c-button>
</el-form-item>
</c-col>
<!-- <c-col :span="4">
<el-form-item label="Drag Drop Sender" prop="bdtp.recget.sdamod.dadsnd">
<c-input
v-model="model.bdtp.recget.sdamod.dadsnd"
......@@ -22,177 +30,320 @@
></c-input>
</el-form-item>
</c-col> -->
<c-col :span="11">
<el-form-item label="摘要" prop="didgrp.rec.nam">
<c-input align="middle" v-model="model.didgrp.rec.nam" maxlength="40" placeholder="请输入摘要" disabled>
</c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="didgrp.rec.nam">
<c-input
align="middle"
v-model="model.didgrp.rec.nam"
maxlength="40"
placeholder="请输入摘要"
disabled
>
</c-input>
</el-form-item>
</c-col>
</c-col>
<!-- =================左边====================== -->
<c-col :span="11">
<c-col :span="12">
<el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
<c-select disabled v-model="model.didgrp.cbs.nom1.cur" style="width: 100%" placeholder="请选择币种"
@keyup.enter.native="didCurEvent">
<el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value">
<c-select
disabled
v-model="model.didgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="请选择币种"
@keyup.enter.native="didCurEvent"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item style="text-align: left" label-width="20px" prop="didgrp.cbs.nom1.amt">
<c-input disabled v-model="model.didgrp.cbs.nom1.amt" placeholder="请输入信用证金额"></c-input>
<el-form-item
style="text-align: left"
label-width="20px"
prop="didgrp.cbs.nom1.amt"
>
<c-input
disabled
v-model="model.didgrp.cbs.nom1.amt"
placeholder="请输入信用证金额"
></c-input>
</el-form-item>
</c-col>
<!-- </c-col> -->
<c-col :span="12">
<el-form-item label="单据金额" prop="didgrp.cbs.opn1.cur">
<c-select disabled v-model="model.didgrp.cbs.opn1.cur" style="width: 100%" placeholder="请选择币种"
@keyup.enter.native="didCurEvent">
<el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value">
<c-select
disabled
v-model="model.didgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="请选择币种"
@keyup.enter.native="didCurEvent"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item style="text-align: left" label-width="20px" label="" prop="didgrp.cbs.opn1.amt">
<c-input disabled v-model="model.didgrp.cbs.opn1.amt" placeholder="请输入单据金额"></c-input>
<el-form-item
style="text-align: left"
label-width="20px"
label=""
prop="didgrp.cbs.opn1.amt"
>
<c-input
disabled
v-model="model.didgrp.cbs.opn1.amt"
placeholder="请输入单据金额"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="指定银行" prop="didgrp.avbnam">
<c-input disabled v-model="model.didgrp.avbnam" maxlength="40" placeholder="请输入指定银行"></c-input>
<c-input
disabled
v-model="model.didgrp.avbnam"
maxlength="40"
placeholder="请输入指定银行"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="兑付方式" prop="didgrp.rec.avbby">
<c-select disabled v-model="model.didgrp.rec.avbby" style="width: 100%" placeholder="请选择兑付方式">
<el-option v-for="item in codes.avbby" :key="item.value" :label="item.label" :value="item.value">
<c-select
disabled
v-model="model.didgrp.rec.avbby"
style="width: 100%"
placeholder="请选择兑付方式"
>
<el-option
v-for="item in codes.avbby0"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="开证日期" prop="didgrp.rec.opndat">
<c-date-picker type="date" v-model="model.didgrp.rec.opndat" style="width: 100%" placeholder="请选择开证日期">
<c-date-picker
type="date"
v-model="model.didgrp.rec.opndat"
disabled
style="width: 100%"
placeholder="请选择开证日期"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="到期日" prop="didgrp.rec.expdat">
<c-date-picker type="date" v-model="model.didgrp.rec.expdat" style="width: 100%" placeholder="到期日">
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="信用证类型" prop="didgrp.rec.lcrtyp">
<c-select v-model="model.didgrp.rec.lcrtyp" style="width: 100%" placeholder="请选择信用证类型">
</c-select>
<c-col :span="12">
<!-- <span v-text="model.bdtp.zchday" data-path=".bdtp.zchday"> </span> -->
<el-form-item label="最迟装运日期" prop="didgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.didgrp.rec.shpdat"
disabled
style="width: 100%"
placeholder="请选择最迟货物装运/服务提供日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<span v-text="model.bdtp.zchday" data-path=".bdtp.zchday"> </span>
<el-form-item label="到期日" prop="didgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.didgrp.rec.expdat"
disabled
style="width: 100%"
placeholder="到期日"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="didgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.didgrp.rec.shpdat" style="width: 100%"
placeholder="请选择最迟货物装运/服务提供日期"></c-date-picker>
<el-form-item label="到期地点" label-width="70px">
<c-input
type="textarea"
v-model="model.didgrp.rec.expplc"
disabled
maxlength="35"
show-word-limit
placeholder="请输入到期地点"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="信用证类型" prop="didgrp.rec.lcrtyp">
<c-select
v-model="model.didgrp.rec.lcrtyp"
style="width: 100%"
disabled
placeholder="请选择单据类型"
>
<el-option
v-for="item in codes.lcrtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- =================右边====================== -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="申请人编号" prop="bddgrp.apl.pts.ref">
<c-input v-model="model.bddgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人编号"></c-input>
<c-input
v-model="model.bddgrp.apl.pts.ref"
maxlength="16"
disabled
placeholder="请输入申请人编号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人名称" prop="bddgrp.apl.pts.nam">
<c-input v-model="model.bddgrp.apl.pts.nam" maxlength="40" placeholder="申请人名称"></c-input>
<c-input
v-model="model.bddgrp.apl.pts.nam"
maxlength="40"
disabled
placeholder="申请人名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="受益人编号" prop="bddgrp.ben.pts.ref">
<c-input v-model="model.bddgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人编号"></c-input>
<c-input
v-model="model.bddgrp.ben.pts.ref"
maxlength="16"
disabled
placeholder="请输入受益人编号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="受益人名称" prop="bddgrp.ben.pts.nam">
<c-input v-model="model.bddgrp.ben.pts.nam" maxlength="40" placeholder="受益人名称"></c-input>
<c-input
v-model="model.bddgrp.ben.pts.nam"
maxlength="40"
disabled
placeholder="受益人名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单行编号" prop="bddgrp.prb.pts.ref">
<c-input v-model="model.bddgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单行编号"></c-input>
<c-input
v-model="model.bddgrp.prb.pts.ref"
maxlength="16"
disabled
placeholder="请输入交单行编号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单行名称" prop="bddgrp.prb.pts.nam">
<c-input v-model="model.bddgrp.prb.pts.nam" maxlength="40" placeholder="交单行名称"></c-input>
<c-input
v-model="model.bddgrp.prb.pts.nam"
maxlength="40"
disabled
placeholder="交单行名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="到期地点">
<c-input type="textarea" v-model="model.didgrp.rec.expplc" maxlength="35" show-word-limit
placeholder="请输入到期地点"></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- =================单据信息====================== -->
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="8">
<el-form-item label="单据参考号" prop="bddgrp.rec.ownref">
<c-input v-model="model.bddgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item style="text-align: left" label="" label-width="-25px">
<c-button size="small" type="primary" @click="onBdtmodButgetref">
获取
</c-button>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="9">
<el-form-item label="单据参考号" prop="bddgrp.rec.ownref">
<c-input
v-model="model.bddgrp.rec.ownref"
maxlength="16"
disabled
placeholder="请输入单据参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="摘要" prop="bddgrp.rec.nam">
<c-input align="middle" v-model="model.bddgrp.rec.nam" maxlength="40" placeholder="请输入摘要"></c-input>
</el-form-item>
</c-col>
<c-col :span="2" style="text-align: right">
<el-form-item label-width="0">
<c-button
size="small"
type="primary"
style="margin-left: 0"
@click="onBdtmodButgetref"
>获取</c-button
>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="bddgrp.rec.nam">
<c-input
align="middle"
v-model="model.bddgrp.rec.nam"
disabled
maxlength="40"
placeholder="请输入摘要"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- =================左边====================== -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="单据类型" prop="bddgrp.rec.docflg">
<c-select v-model="model.bddgrp.rec.docflg" style="width: 100%" placeholder="请选择单据类型">
<c-select
v-model="model.bddgrp.rec.docflg"
style="width: 100%"
disabled
placeholder="请选择单据类型"
>
<el-option
v-for="item in codes.brdtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
......@@ -200,216 +351,387 @@
<c-col :span="24">
<c-col :span="12">
<el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
<c-select disabled v-model="model.bddgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种"
@keyup.enter.native="bddCurEvent">
<el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value">
<c-select
disabled
v-model="model.bddgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item style="text-align: left" label-width="20px" label="" prop="bddgrp.cbs.max.amt">
<c-input v-model="model.bddgrp.cbs.max.amt" placeholder="请输入单据金额"></c-input>
<el-form-item
style="text-align: left"
label-width="20px"
label=""
prop="bddgrp.cbs.max.amt"
>
<c-input
v-model="model.bddgrp.cbs.max.amt"
placeholder="请输入单据金额"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="原发起直接参与机构" prop="trnmod.swiadd.oriinstgagt">
<c-input v-model="model.trnmod.swiadd.oriinstgagt" maxlength="20" placeholder="请输入原发起直接参与机构"></c-input>
<el-form-item
label="原发起直接参与机构"
prop="trnmod.swiadd.oriinstgagt"
>
<c-input
v-model="model.trnmod.swiadd.oriinstgagt"
maxlength="20"
disabled
placeholder="请输入原发起直接参与机构"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="此信用证下的到单次数" prop="didgrp.rec.utlnbr">
<c-input v-model="model.didgrp.rec.utlnbr" placeholder="请输入此信用证下的到单次数"></c-input>
<c-input
v-model="model.didgrp.rec.utlnbr"
disabled
placeholder="请输入此信用证下的到单次数"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单行类型" prop="bddgrp.rec.docprbrol">
<c-select v-model="model.bddgrp.rec.docprbrol" style="width: 100%" placeholder="请选择交单行类型">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
<c-date-picker type="date" v-model="model.bddgrp.rec.rcvdat" style="width: 100%" placeholder="请选择到单日期">
<c-date-picker
type="date"
v-model="model.bddgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择到单日期"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="交单日期" prop="bddgrp.rec.predat">
<c-date-picker type="date" v-model="model.bddgrp.rec.predat" style="width: 100%" placeholder="请选择交单日期">
<c-date-picker
type="date"
v-model="model.bddgrp.rec.predat"
style="width: 100%"
placeholder="请选择交单日期"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="通知日期" prop="bddgrp.rec.orddat">
<c-date-picker type="date" v-model="model.bddgrp.rec.orddat" style="width: 100%" placeholder="请选择通知日期">
<c-date-picker
type="date"
v-model="model.bddgrp.rec.orddat"
style="width: 100%"
placeholder="请选择通知日期"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="货物装运/服务提供日期" prop="bddgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.bddgrp.rec.shpdat" style="width: 100%" placeholder="请选择货物装运/服务提供日期">
<c-date-picker
type="date"
v-model="model.bddgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择货物装运/服务提供日期"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="远期起算日" prop="bddgrp.rec.stadat">
<c-date-picker type="date" v-model="model.bddgrp.rec.stadat" style="width: 100%" placeholder="请选择起算日">
<c-date-picker
type="date"
v-model="model.bddgrp.rec.stadat"
disabled
style="width: 100%"
placeholder="请选择起算日"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="到期日" prop="bddgrp.rec.matdat">
<c-date-picker type="date" v-model="model.bddgrp.rec.matdat" style="width: 100%" placeholder="请选择到期日">
<c-date-picker
type="date"
v-model="model.bddgrp.rec.matdat"
style="width: 100%"
placeholder="请选择到期日"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="期限" prop="bddgrp.rec.tenmaxday">
<c-input v-model="model.bddgrp.rec.tenmaxday" placeholder="请输入期限"></c-input>
<c-input
v-model="model.bddgrp.rec.tenmaxday"
disabled
placeholder="请输入期限"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="发票类型" prop="bddgrp.rec.invtyp">
<c-select v-model="model.bddgrp.rec.invtyp" style="width: 100%" placeholder="请选择发票类型">
<c-select
v-model="model.bddgrp.rec.invtyp"
style="width: 100%"
placeholder="请选择发票类型"
>
<el-option
v-for="item in codes.invtypCodes"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-checkbox v-model="model.bddgrp.rec.dscinsflg">录入单据、不符点、结算指示和货运详细信息</c-checkbox>
<el-form-item label="收款行行号" prop="bddgrp.skh.pts.bankno">
<c-input
v-model="model.bddgrp.skh.pts.bankno"
maxlength="20"
style="width: 100%"
placeholder="请输入收款行行号"
@keyup.enter.native="ptsBanknoEvent"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-checkbox v-model="model.bdtp.setnowflg">Register to Send and Settle Document</c-checkbox>
<el-form-item label="收款行名称">
<c-input
type="textarea"
v-model="model.bddgrp.skh.pts.jigomc"
style="width: 100%"
maxlength="35"
show-word-limit
placeholder="请输入收款行名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人编号" prop="didgrp.apl.pts.ref">
<c-input
v-model="model.didgrp.apl.pts.ref"
maxlength="16"
style="width: 100%"
placeholder="请输入申请人编号"
@keyup.enter.native="ptsRefEvent"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- =================右边====================== -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="交单行" prop="bddgrp.rec.docprbrol">
<c-select
v-model="model.bddgrp.rec.docprbrol"
:code="getValues('bddgrp.rec.docprbrol')"
style="width: 100%"
placeholder="请选择交单行类型"
@change="docprbrolChange"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单行编号" prop="bddgrp.prb.pts.ref">
<c-input v-model="model.bddgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单行编号"></c-input>
<c-input
v-model="model.bddgrp.prb.pts.ref"
maxlength="16"
style="width: 100%"
placeholder="请输入交单行编号"
@keyup.enter.native="ptsRefEvent"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单行BIC" prop="bddgrp.prb.pts.extkey">
<c-input v-model="model.bddgrp.prb.pts.extkey" maxlength="16" placeholder="请输入交单行BIC"></c-input>
<c-input
v-model="model.bddgrp.prb.pts.extkey"
maxlength="16"
style="width: 100%"
placeholder="请输入交单行BIC"
:disabled="model.bddgrp.rec.docprbrol == 'PRB' ? false : true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单行联行行号" prop="bddgrp.prb.pts.bankno">
<c-input v-model="model.bddgrp.prb.pts.bankno" maxlength="20" placeholder="请输入交单行联行行号"></c-input>
<c-input
v-model="model.bddgrp.prb.pts.bankno"
maxlength="20"
style="width: 100%"
placeholder="请输入交单行联行行号"
:disabled="model.bddgrp.rec.docprbrol == 'PRB' ? false : true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单行联行名称(电证用)">
<c-input type="textarea" v-model="model.bddgrp.prb.pts.jigomc" maxlength="35" show-word-limit
placeholder="请输入联行名称"></c-input>
<c-input
type="textarea"
v-model="model.bddgrp.prb.pts.jigomc"
style="width: 100%"
maxlength="35"
show-word-limit
placeholder="请输入联行名称"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单行地址(电证用)">
<c-input type="textarea" v-model="model.bddgrp.prb.pts.dizhii" maxlength="35" show-word-limit
placeholder="请输入交单行地址"></c-input>
<c-input
type="textarea"
v-model="model.bddgrp.prb.pts.dizhii"
style="width: 100%"
maxlength="35"
show-word-limit
placeholder="请输入交单行地址"
:disabled="model.bddgrp.rec.docprbrol == 'PRB' ? false : true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="原报文标识号" prop="trnmod.swiadd.orimsgid">
<c-input v-model="model.trnmod.swiadd.orimsgid" maxlength="35" placeholder="请输入原报文标识号"></c-input>
<c-input
v-model="model.trnmod.swiadd.orimsgid"
maxlength="35"
disabled
style="width: 100%"
placeholder="请输入原报文标识号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据状态" prop="bddgrp.rec.docsta">
<c-input v-model="model.bddgrp.rec.docsta" maxlength="1" placeholder="请输入单据状态"></c-input>
<c-input
v-model="model.bddgrp.rec.docsta"
maxlength="1"
disabled
style="width: 100%"
placeholder="请输入单据状态"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="原报文类型" prop="trnmod.swiadd.orimsgtyp">
<c-select v-model="model.trnmod.swiadd.orimsgtyp" style="width: 100%" placeholder="请选择原报文类型">
<c-select
v-model="model.trnmod.swiadd.orimsgtyp"
disabled
style="width: 100%"
placeholder="请选择原报文类型"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款行行号" prop="bddgrp.skh.pts.bankno">
<c-input v-model="model.bddgrp.skh.pts.bankno" maxlength="20" placeholder="请输入收款行行号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款行名称">
<c-input type="textarea" v-model="model.bddgrp.skh.pts.jigomc" maxlength="35" show-word-limit
placeholder="请输入收款行名称"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人编号" prop="didgrp.apl.pts.ref">
<c-input v-model="model.didgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人编号"></c-input>
<el-form-item label="" prop="model.bddgrp.rec.dscinsflg">
<c-checkbox v-model="model.bddgrp.rec.dscinsflg"
>录入单据、不符点、结算指示和货运详细信息</c-checkbox
>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<c-checkbox v-model="model.bdtp.setnowflg">Register to Send and Settle Document</c-checkbox>
</c-col> -->
</c-col>
</c-row>
</div>
</c-row>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditdck/Event";
import Utils from "~/utils";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {};
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditdck/Event";
import Utils from "~/utils";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {};
},
methods: {
...Event,
didCurEvent() {
this.executeDefault("didgrp.cbs.nom1.cur").then((res) => {
if ((res.respCode = SUCCESS)) {
Utils.copyValueFromVO(this.model, res.data);
}
});
},
bddCurEvent() {
this.executeDefault("bddgrp.cbs.max.cur").then((res) => {
if ((res.respCode = SUCCESS)) {
Utils.copyValueFromVO(this.model, res.data);
}
});
},
docprbrolChange(){
this.executeRule("bddgrp.rec.docprbrol").then((res) => {
if ((res.respCode = SUCCESS)) {
debugger;
Utils.copyValueFromVO(this.model, res.data);
}
});
},
ptsRefEvent(){
this.executeRule("trnmod.ptsmod.wrkptspta.pts.ref").then((res) => {
if ((res.respCode = SUCCESS)) {
debugger;
Utils.copyValueFromVO(this.model, res.data);
}
});
},
methods: {
...Event,
didCurEvent() {
this.executeDefault("didgrp.cbs.nom1.cur").then(
(res) => {
if (res.respCode = SUCCESS) {
Utils.copyValueFromVO(this.model, res.data);
}
}
);
},
bddCurEvent() {
this.executeDefault("bddgrp.cbs.max.cur").then(
(res) => {
if (res.respCode = SUCCESS) {
Utils.copyValueFromVO(this.model, res.data);
}
}
);
}
ptsBanknoEvent(){
this.executeRule("bddgrp.skh.pts.bankno").then((res) => {
if ((res.respCode = SUCCESS)) {
debugger;
Utils.copyValueFromVO(this.model, res.data);
}
});
},
created: function () {},
};
},
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<c-page title="到单">
<div class="eContainer">
<c-bus-button :$pntvm="this"></c-bus-button>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left" size="small" :validate-on-rule-change="false">
<c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000047 -->
<el-tab-pane label="单据概况" name="litdckp">
<c-content>
<m-litdckp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000137 -->
<!-- <el-tab-pane label="ovwp" name="ovwp">
<c-page title="到单">
<div class="eContainer">
<c-bus-button :$pntvm="this"></c-bus-button>
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000047 -->
<el-tab-pane label="单据概况" name="litdckp">
<c-content>
<m-litdckp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000137 -->
<!-- <el-tab-pane label="ovwp" name="ovwp">
<m-ovwp :model="model" :codes="codes"/>
</el-tab-pane> -->
<!--PD000062 -->
<el-tab-pane label="单据详情" name="docpre">
<m-docpre :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000079 -->
<!-- <el-tab-pane label="Shipping Detail" name="shpdet">
<!--PD000062 -->
<el-tab-pane label="单据详情" name="docpre">
<m-docpre :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000079 -->
<!-- <el-tab-pane label="Shipping Detail" name="shpdet">
<m-shpdet :model="model" :codes="codes"/>
</el-tab-pane> -->
<el-tab-pane label="或有" name="engp">
<!-- <el-tab-pane label="或有" name="engp">
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="帐务" name="setpan">
<el-tab-pane label="帐务" name="setpan">
<m-setpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="分录" name="glepan">
<!-- <el-tab-pane label="分录" name="glepan">
<m-glepan :model="model" :codes="codes" ref="glepan" />
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="保证金" name="ccvpan">
<!-- <el-tab-pane label="保证金" name="ccvpan">
<m-ccvpan :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="面函" name="docpan">
<m-docpan :model="model" :codes="codes" ref="docpan" />
</el-tab-pane>
<el-tab-pane label="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
</div>
</c-page>
</el-form>
</div>
</c-page>
</template>
<script>
import Api from "~/service/Api"
import Utils from "~/utils/index"
import CodeTable from "~/config/CodeTable"
import Ditdck from "~/model/Ditdck"
import CommonProcess from "~/mixin/CommonProcess"
import Pattern from "~/model/Ditdck/Pattern"
import Api from "~/service/Api";
import Utils from "~/utils/index";
import CodeTable from "~/config/CodeTable";
import Ditdck from "~/model/Ditdck";
import CommonProcess from "~/mixin/CommonProcess";
import Pattern from "~/model/Ditdck/Pattern";
import Default from "~/model/Ditdck/Default";
import Check from "~/model/Ditdck/Check";
import Litdckp from "./Litdckp"
import Ovwp from "./Ovwp"
import Docpre from "./Docpre"
import Shpdet from "./Shpdet"
import Litdckp from "./Litdckp";
import Ovwp from "./Ovwp";
import Docpre from "./Docpre";
import Shpdet from "./Shpdet";
import Limitbody from "./Limitbody";
import Glepan from "~/views/Public/Glepan";
......@@ -83,62 +89,72 @@ import Engp from "~/views/Public/Engp";
import Ccvpan from "~/views/Public/Ccvpan";
import Coninfp from "~/views/Public/Coninfp";
export default {
components:{
"m-litdckp" : Litdckp,
"m-ovwp" : Ovwp,
"m-docpre" : Docpre,
"m-shpdet" : Shpdet,
"m-engp": Engp,
"m-setpan": Setpan,
"m-glepan": Glepan,
"m-docpan": Docpan,
"m-limitbody": Limitbody,
"m-coninfp": Coninfp,
"m-ccvpan": Ccvpan,
},
provide() {
return {
root: this
}
},
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "litdckp",
trnName:"ditdck",
model:new Ditdck().data,
//checkRules: Check,
defaultRules: Default,
//pattern: Pattern,
rules:null,
codes:{...CodeTable},
}
},
methods:{
},
created:async function(){
console.log("进入ditdck交易");
let rtnmsg = await this.init(this.$route.query)
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
console.log(rtnmsg)
Utils.copyValueFromVO(this.model,rtnmsg.data)
console.log(this.model);
if(this.isInDisplay){
this.restoreDisplay()
}
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
name: "Infdid",
components: {
"m-litdckp": Litdckp,
"m-ovwp": Ovwp,
"m-docpre": Docpre,
"m-shpdet": Shpdet,
"m-engp": Engp,
"m-setpan": Setpan,
"m-glepan": Glepan,
"m-docpan": Docpan,
"m-limitbody": Limitbody,
"m-coninfp": Coninfp,
"m-ccvpan": Ccvpan,
},
provide() {
return {
root: this,
};
},
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "litdckp",
trnName: "ditdck",
model: new Ditdck().data,
// checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable,
invtypCodes:[
{ label: "type1", value: "1" }
], },
};
},
methods: {
tabClick() {},
},
created: async function () {
// console.log("进入ditdck交易");
// let rtnmsg = await this.init(this.$route.query)
// if(rtnmsg.respCode == SUCCESS)
// {
// //TODO 处理数据逻辑
// console.log(rtnmsg)
// Utils.copyValueFromVO(this.model,rtnmsg.data)
// console.log(this.model);
// if(this.isInDisplay){
// this.restoreDisplay()
// }
// }
// else
// {
// this.$notify.error({title: '错误',message: '服务请求失败!'});
// }
console.log("进入ditdck交易");
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, rtnmsg.data);
} else {
this.$notify.error({ title: "错误", message: "服务请求失败!" });
}
}
},
};
</script>
<style>
</style>
......@@ -74,23 +74,23 @@
<c-col :span="8">
<el-form-item label="创建时间" style="width: 100%">
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.inidatfro"
style="width: 100%"
placeholder="请选择Date of entry of Transaction"
></el-date-picker>
></c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.inidattil"
style="width: 100%"
placeholder="请选择Date of entry of Transaction until"
></el-date-picker>
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
......
......@@ -74,23 +74,23 @@
<c-col :span="8">
<el-form-item label="创建时间" style="width: 100%">
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.inidatfro"
style="width: 100%"
placeholder="请选择Date of entry of Transaction"
></el-date-picker>
></c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.inidattil"
style="width: 100%"
placeholder="请选择Date of entry of Transaction until"
></el-date-picker>
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
......
......@@ -30,23 +30,23 @@
<c-col :span="8">
<el-form-item label="创建时间" style="width: 100%">
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.trncorco.inidatfro"
style="width: 100%"
placeholder="请选择Date of entry of Transaction"
></el-date-picker>
></c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.trncorco.inidattil"
style="width: 100%"
placeholder="请选择Date of entry of Transaction until"
></el-date-picker>
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
......
......@@ -29,23 +29,23 @@
<c-col :span="8">
<el-form-item label="创建时间" style="width: 100%">
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.trncorco.inidatfro"
style="width: 100%"
placeholder="请选择Date of entry of Transaction"
></el-date-picker>
></c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<el-date-picker
<c-date-picker
type="date"
v-model="model.trncorco.inidattil"
style="width: 100%"
placeholder="请选择Date of entry of Transaction until"
></el-date-picker>
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment