Skip to content

V
vue-gjjs
Commit a5424d67 by liuxin
Options

detsel,detdrv样式调整

parent d4f207bd
Showing with 536 additions and 234 deletions
src/views/Business/Detdrv/Drv.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-row> <c-row>
<!-- -------------------Left------------------- -->
<c-col :span="12">
<c-col :span="24"> <c-col :span="24">
<c-col :span="8">
<el-form-item label="参考号" prop="dedgrp.rec.ownref"> <el-form-item label="参考号" prop="dedgrp.rec.ownref">
<c-input v-model="model.dedgrp.rec.ownref" maxlength="16" placeholder="请输入参考号"></c-input> <c-input
</el-form-item> v-model="model.dedgrp.rec.ownref"
</c-col> maxlength="16"
placeholder="请输入参考号"
<c-col :span="8" :offset="1"> ></c-input>
<el-form-item label="概要" prop="dedgrp.rec.nam">
<c-input v-model="model.dedgrp.rec.nam" maxlength="40" placeholder="请输入概要"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="11"> <c-col :span="13">
<c-col :span="11">
<el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur"> <el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
<c-select <c-select
disabled
v-model="model.dedgrp.cbs.nom1.cur" v-model="model.dedgrp.cbs.nom1.cur"
style="width: 100%" style="width: 100%"
placeholder="请选择币种" placeholder="请选择Currency"
:code="codes.cur"> @keyup.enter.native="nom1CurEvent"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="11">
<el-form-item label="" label-width="10px" prop="dedgrp.cbs.nom1.amt"> <el-form-item
style="text-align: left"
label-width="5px"
prop="dedgrp.cbs.nom1.amt"
>
<c-input-currency <c-input-currency
v-model="model.dedgrp.cbs.nom1.amt" v-model="model.dedgrp.cbs.nom1.amt"
style="width: 90%" style="text-align: left; width: 100%"
placeholder="请输入金额" placeholder="请输入信用证金额"
@keyup.enter.native="
defaultFunction('dedgrp.cbs.nom1.amt', model.dedgrp.cbs.nom1.amt)
"
></c-input-currency> ></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="11"> <c-col :span="24">
<el-form-item label="信用证余额" prop="dedgrp.cbs.opn1.cur"> <c-col :span="13">
<el-form-item
label="信用证余额"
prop="dedgrp.cbs.opn1.cur"
>
<c-select <c-select
v-model="model.dedgrp.cbs.opn1.cur" v-model="model.dedgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="请选择币种" placeholder="请选择币种"
:code="codes.cur"> :code="codes.cur"
style="width:100%"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="11">
<el-form-item label="" label-width="10px" prop="dedgrp.cbs.opn1.amt"> <el-form-item
label=""
label-width="5px"
prop="dedgrp.cbs.opn1.amt"
>
<c-input-currency <c-input-currency
v-model="model.dedgrp.cbs.opn1.amt" v-model="model.dedgrp.cbs.opn1.amt"
style="width: 90%"
placeholder="请输入金额" placeholder="请输入金额"
></c-input-currency> ></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<el-form-item label="指定银行" prop="dedgrp.avbnam">
<c-input v-model="model.dedgrp.avbnam" maxlength="40" placeholder="请输入指定银行"></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="兑付方式" prop="dedgrp.rec.avbby">
<c-select v-model="model.dedgrp.rec.avbby" style="width:100%" placeholder="请选择兑付方式">
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="开证日期" prop="dedgrp.rec.opndat"> <el-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-date-picker type="date" v-model="model.dedgrp.rec.opndat" style="width:90%" placeholder="请选择开证日期"></c-date-picker> <c-date-picker
type="date"
v-model="model.dedgrp.rec.opndat"
placeholder="请选择开证日期"
style="width:100%"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col>
<c-col :span="12"> <!-- <c-col :span="12">
<el-form-item label="" prop="dedgrp.rec.shpdat"> <el-form-item label="" prop="dedgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.dedgrp.rec.shpdat" style="width:90%" placeholder="请选择Shipment Date"></c-date-picker> <c-date-picker
</el-form-item> type="date"
</c-col> v-model="model.dedgrp.rec.shpdat"
placeholder="请选择Shipment Date"
<c-col :span="8"> ></c-date-picker>
<el-form-item label="最迟交单日期/交单地" prop="dedgrp.rec.expdat">
<c-date-picker type="date" v-model="model.dedgrp.rec.expdat" style="width:100%" placeholder="请选择最迟交单日期/交单地"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="dedgrp.rec.expplc">
<c-input type="textarea" v-model="model.dedgrp.rec.expplc" maxlength="35" show-word-limit placeholder="请输入最迟交单日期/交单地" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="信用证类型" prop="dedgrp.rec.lcrtyp">
<c-select v-model="model.dedgrp.rec.lcrtyp" style="width:100%" placeholder="请选择信用证类型">
</c-select>
</el-form-item> </el-form-item>
</c-col> -->
</c-col> </c-col>
</c-col>
<c-col :span="8">
<c-col :span="24">
<el-form-item label="申请人" prop="bfdgrp.apl.pts.ref">
<c-input v-model="model.bfdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人"></c-input>
</el-form-item>
</c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="" prop="bfdgrp.apl.pts.nam"> <el-form-item label="指定银行" prop="dedgrp.avbnam">
<c-input v-model="model.bfdgrp.apl.pts.nam" maxlength="40" placeholder="请输入申请人"></c-input> <c-input
v-model="model.dedgrp.avbnam"
maxlength="40"
placeholder="请输入指定银行"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="开证行" prop="bfdgrp.iss.pts.ref"> <el-form-item label="兑付方式" prop="dedgrp.rec.avbby">
<c-input v-model="model.bfdgrp.iss.pts.ref" maxlength="16" placeholder="请输入开证行"></c-input> <c-select
</el-form-item> v-model="model.dedgrp.rec.avbby"
</c-col> style="width: 100%"
<c-col :span="24"> placeholder="请选择兑付方式"
<el-form-item label="" prop="bfdgrp.iss.pts.nam"> >
<c-input v-model="model.bfdgrp.iss.pts.nam" maxlength="40" placeholder="请输入开证行"></c-input> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="交单人" prop="bfdgrp.prb.pts.ref"> <el-form-item
<c-input v-model="model.bfdgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单人"></c-input> label="最迟交单日期/交单地"
prop="dedgrp.rec.expdat"
>
<c-date-picker
type="date"
v-model="model.dedgrp.rec.expdat"
style="width: 100%"
placeholder="请选择最迟交单日期/交单地"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="" prop="bfdgrp.prb.pts.nam"> <el-form-item label="" prop="dedgrp.rec.expplc">
<c-input v-model="model.bfdgrp.prb.pts.nam" maxlength="40" placeholder="请输入交单人"></c-input> <c-input
type="textarea"
v-model="model.dedgrp.rec.expplc"
maxlength="35"
show-word-limit
placeholder="请输入最迟交单日期/交单地"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
</c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="11">
<c-col :span="16">
<el-form-item label="单据编号" prop="bfdgrp.rec.ownref"> <el-form-item label="单据编号" prop="bfdgrp.rec.ownref">
<c-input v-model="model.bfdgrp.rec.ownref" maxlength="16" placeholder="请输入单据编号"></c-input> <c-fullbox>
</el-form-item> <c-input
</c-col> v-model="model.bfdgrp.rec.ownref"
<c-col :span="6"> maxlength="16"
<c-button size="small" type="primary" @click="onBftmodButgetref"> placeholder="请输入单据编号"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
@click="onBftmodButgetref"
>
获取 获取
</c-button> </c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="单据类型" prop="bfdgrp.rec.doctypcod"> <el-form-item
<c-select v-model="model.bfdgrp.rec.doctypcod" style="width:100%" placeholder="请选择单据类型"> label="单据类型"
prop="bfdgrp.rec.doctypcod"
>
<c-select
v-model="model.bfdgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择单据类型"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="24">
<el-form-item label="单据金额" prop="bfdgrp.cbs.max.cur"> <c-col :span="13">
<el-form-item
label="单据金额"
prop="bfdgrp.cbs.max.cur"
>
<c-select <c-select
v-model="model.bfdgrp.cbs.max.cur" v-model="model.bfdgrp.cbs.max.cur"
style="width: 100%" style="width: 100%"
placeholder="请选择币种" placeholder="请选择币种"
:code="codes.cur"> :code="codes.cur"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="11">
<el-form-item label="" label-width="10px" prop="bfdgrp.cbs.max.amt"> <el-form-item
label=""
label-width="5px"
prop="bfdgrp.cbs.max.amt"
>
<c-input-currency <c-input-currency
v-model="model.bfdgrp.cbs.max.amt" v-model="model.bfdgrp.cbs.max.amt"
style="width: 90%"
placeholder="请输入金额" placeholder="请输入金额"
></c-input-currency> ></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="24">
<c-col :span="13">
<el-form-item label="收单日期" prop="bfdgrp.rec.rcvdat"> <el-form-item label="收单日期" prop="bfdgrp.rec.rcvdat">
<c-date-picker type="date" v-model="model.bfdgrp.rec.rcvdat" style="width:100%" placeholder="请选择收单日期"></c-date-picker> <c-date-picker
type="date"
v-model="model.bfdgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择收单日期"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="11">
<el-form-item label="寄单日期" prop="bfdgrp.rec.orddat"> <el-form-item label="寄单日期" prop="bfdgrp.rec.orddat" label-width="100px">
<c-date-picker type="date" v-model="model.bfdgrp.rec.orddat" style="width:100%" placeholder="请选择寄单日期"></c-date-picker> <c-date-picker
type="date"
v-model="model.bfdgrp.rec.orddat"
style="width: 100%"
placeholder="请选择寄单日期"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="24">
<c-col :span="13">
<el-form-item label="到期日" prop="bfdgrp.rec.matdat"> <el-form-item label="到期日" prop="bfdgrp.rec.matdat">
<c-date-picker type="date" v-model="model.bfdgrp.rec.matdat" style="width:100%" placeholder="请选择到期日"></c-date-picker> <c-date-picker
type="date"
v-model="model.bfdgrp.rec.matdat"
style="width: 100%"
placeholder="请选择到期日"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="11">
<el-form-item label="装运日期" prop="bfdgrp.rec.shpdat"> <el-form-item label="装运日期" prop="bfdgrp.rec.shpdat" label-width="100px">
<c-date-picker type="date" v-model="model.bfdgrp.rec.shpdat" style="width:100%" placeholder="请选择装运日期"></c-date-picker> <c-date-picker
type="date"
v-model="model.bfdgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择装运日期"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="Maturity Period" prop="bfdgrp.blk.matper"> <el-form-item
<c-input type="textarea" v-model="model.bfdgrp.blk.matper" maxlength="65" show-word-limit placeholder="请输入Maturity Period" ></c-input> label="Maturity Period"
prop="bfdgrp.blk.matper"
>
<c-input
type="textarea"
v-model="model.bfdgrp.blk.matper"
maxlength="65"
show-word-limit
placeholder="请输入Maturity Period"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<el-form-item
label="Presented by"
prop="bfdgrp.rec.docprbrol"
>
<c-select
v-model="model.bfdgrp.rec.docprbrol"
style="width: 100%"
placeholder="请选择交单人"
>
</c-select>
</el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="8" :offset="1"> <el-form-item label="发票类型" prop="bfdgrp.rec.invtyp">
<c-fullbox>
<c-select
v-model="model.bfdgrp.rec.invtyp"
style="width: 100%"
placeholder="请选择发票类型"
>
</c-select>
<template slot="footer">
<c-checkbox v-model="model.bfdgrp.rec.dscinsflg"
>输入单据不符点指示</c-checkbox
>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="概要" prop="bfdgrp.rec.nam"> <el-form-item
<c-input v-model="model.bfdgrp.rec.nam" maxlength="40" placeholder="请输入概要"></c-input> label="已交单次数"
prop="dedgrp.rec.utlnbr"
>
<c-input
v-model="model.dedgrp.rec.utlnbr"
placeholder="请输入已交单次数"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<!-- -------------------Right------------------- -->
<c-col :span="12">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="Presented by" prop="bfdgrp.rec.docprbrol"> <el-form-item label="概要" prop="dedgrp.rec.nam">
<c-select v-model="model.bfdgrp.rec.docprbrol" style="width:100%" placeholder="请选择交单人"> <c-input
</c-select> v-model="model.dedgrp.rec.nam"
maxlength="40"
placeholder="请输入概要"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -239,63 +343,128 @@ ...@@ -239,63 +343,128 @@
<c-ptap <c-ptap
:model="model" :model="model"
:argadr="{ :argadr="{
title: '交单人', title: '申请人',
grp: 'bfdgrp', grp: 'bfdgrp',
rol: 'prb', rol: 'apl',
}" }"
:disabled="true" :disabled="true"
:isAdrblk="false"
@onSeainf="onSeainf" @onSeainf="onSeainf"
@onAplpDet="onPrbpDet" @onAplpDet="onBenpDet"
> >
</c-ptap> </c-ptap>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="发票类型" prop="bfdgrp.rec.invtyp"> <el-form-item
<c-select v-model="model.bfdgrp.rec.invtyp" style="width:100%" placeholder="请选择发票类型"> label="信用证类型"
prop="dedgrp.rec.lcrtyp"
>
<c-select
v-model="model.dedgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择信用证类型"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24" class="centerLable marginLable"> <c-col :span="24">
<c-checkbox v-model="model.bfdgrp.rec.dscinsflg">输入单据不符点指示</c-checkbox> <el-form-item label="开证行" prop="bfdgrp.iss.pts.ref">
<c-input
v-model="model.bfdgrp.iss.pts.ref"
maxlength="16"
placeholder="请输入开证行"
></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="已交单次数" prop="dedgrp.rec.utlnbr"> <el-form-item label="" prop="bfdgrp.iss.pts.nam">
<c-input v-model="model.dedgrp.rec.utlnbr" placeholder="请输入已交单次数"></c-input> <c-input
v-model="model.bfdgrp.iss.pts.nam"
maxlength="40"
placeholder="请输入开证行"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '交单人',
grp: 'bfdgrp',
rol: 'prb',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onPrbpDet"
>
</c-ptap>
</c-col>
</c-col> </c-col>
<!-- <c-col :span="24">
<el-form-item label="申请人" prop="bfdgrp.apl.pts.ref">
<c-input
v-model="model.bfdgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入申请人"
></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="24">
<el-form-item label="" prop="bfdgrp.apl.pts.nam">
<c-input
v-model="model.bfdgrp.apl.pts.nam"
maxlength="40"
placeholder="请输入申请人"
></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="24">
<el-form-item label="交单人" prop="bfdgrp.prb.pts.ref">
<c-input
v-model="model.bfdgrp.prb.pts.ref"
maxlength="16"
placeholder="请输入交单人"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bfdgrp.prb.pts.nam">
<c-input
v-model="model.bfdgrp.prb.pts.nam"
maxlength="40"
placeholder="请输入交单人"
></c-input>
</el-form-item>
</c-col> -->
</c-row> </c-row>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Detdrv/Event" import Event from "~/model/Detdrv/Event";
import Ptap from "~/views/Public/Ptap";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ components: { "c-ptap": Ptap },
return { data() {
return {};
}
}, },
methods:{...Event}, methods: { ...Event },
created:function(){ created: function () {},
};
}
}
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Detdrv/index.vue
...@@ -129,14 +129,14 @@ export default { ...@@ -129,14 +129,14 @@ export default {
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal: "", tabVal: "drv",
trnName: "detdrv", trnName: "detdrv",
model: new Detdrv().data, model: new Detdrv().data,
checkRules: Check, checkRules: Check,
defaultRules: Default, defaultRules: Default,
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { codes: {...CodeTable
}, },
} }
}, },
......
src/views/Business/Detsel/Sel.vue
<template> <template>
<c-row> <c-row>
<c-col :span="24"> <c-col :span="24">
<c-col :span="7"> <c-col :span="11">
<el-form-item label="信用证编号" prop="dedgrp.rec.ownref"> <el-form-item label="信用证编号" prop="dedgrp.rec.ownref">
<c-fullbox>
<c-input <c-input
v-model="model.dedgrp.rec.ownref" v-model="model.dedgrp.rec.ownref"
maxlength="16" maxlength="16"
style="width: 96%"
placeholder="请输入信用证编号" placeholder="请输入信用证编号"
@keyup.enter.native="showGridPromptDialog('dedgrp.rec.ownref')" @keyup.enter.native="
showGridPromptDialog('dedgrp.rec.ownref')
"
></c-input> ></c-input>
</el-form-item> <template slot="footer">
</c-col>
<c-col :span="2">
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
@click="onSeainf" @click="onSeainf"
icon="el-icon-search" icon="el-icon-search"
style="margin-right:10px"
></c-button> ></c-button>
</c-col>
<c-col :span="2" class="centerLable">
<c-checkbox v-model="model.clsflg">Show closed</c-checkbox> <c-checkbox v-model="model.clsflg">Show closed</c-checkbox>
</template>
</c-fullbox>
</el-form-item>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="dedgrp.rec.nam"> <el-form-item label="摘要" prop="dedgrp.rec.nam">
...@@ -107,7 +109,10 @@ ...@@ -107,7 +109,10 @@
</c-col> </c-col>
<c-col :span="13"> <c-col :span="13">
<el-form-item label="最迟交单日期/交单地" prop="dedgrp.rec.expdat"> <el-form-item
label="最迟交单日期/交单地"
prop="dedgrp.rec.expdat"
>
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.dedgrp.rec.expdat" v-model="model.dedgrp.rec.expdat"
...@@ -118,7 +123,11 @@ ...@@ -118,7 +123,11 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<el-form-item label="" label-width="0px" prop="dedgrp.rec.expplc"> <el-form-item
label=""
label-width="0px"
prop="dedgrp.rec.expplc"
>
<c-input <c-input
v-model="model.dedgrp.rec.expplc" v-model="model.dedgrp.rec.expplc"
maxlength="29" maxlength="29"
...@@ -143,7 +152,10 @@ ...@@ -143,7 +152,10 @@
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="受益人参考号" prop="dedgrp.ben.pts.ref"> <el-form-item
label="受益人参考号"
prop="dedgrp.ben.pts.ref"
>
<c-input <c-input
v-model="model.dedgrp.ben.pts.ref" v-model="model.dedgrp.ben.pts.ref"
maxlength="16" maxlength="16"
...@@ -165,7 +177,10 @@ ...@@ -165,7 +177,10 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="开证行参考号" prop="dedgrp.iss.pts.ref"> <el-form-item
label="开证行参考号"
prop="dedgrp.iss.pts.ref"
>
<c-input <c-input
v-model="model.dedgrp.iss.pts.ref" v-model="model.dedgrp.iss.pts.ref"
maxlength="16" maxlength="16"
...@@ -186,7 +201,10 @@ ...@@ -186,7 +201,10 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="申请人参考号" prop="dedgrp.apl.pts.ref"> <el-form-item
label="申请人参考号"
prop="dedgrp.apl.pts.ref"
>
<c-input <c-input
v-model="model.dedgrp.apl.pts.ref" v-model="model.dedgrp.apl.pts.ref"
maxlength="16" maxlength="16"
...@@ -226,7 +244,11 @@ ...@@ -226,7 +244,11 @@
</c-col> </c-col>
<c-col :offset="12" :span="10"> <c-col :offset="12" :span="10">
<el-tabs tab-position="right" @tab-click="onTabClick"> <el-tabs tab-position="right" @tab-click="onTabClick">
<el-tab-pane v-for="it in meum" :key="it.label" :label="it.label"> <el-tab-pane
v-for="it in meum"
:key="it.label"
:label="it.label"
>
<sel-mune :data="it.item" :model="model" /> <sel-mune :data="it.item" :model="model" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
...@@ -264,8 +286,16 @@ export default { ...@@ -264,8 +286,16 @@ export default {
disabled: false, disabled: false,
}, },
{ title: "Reservation", url: "#", disabled: false }, { title: "Reservation", url: "#", disabled: false },
{ title: "Resevation & Receving Docs", url: "#", disabled: false }, {
{ title: "Confirmation an Export L/C", url: "#", disabled: true }, title: "Resevation & Receving Docs",
url: "#",
disabled: false,
},
{
title: "Confirmation an Export L/C",
url: "#",
disabled: true,
},
{ {
title: "Amending Issuing Bank", title: "Amending Issuing Bank",
url: "/business/letame", url: "/business/letame",
...@@ -283,9 +313,17 @@ export default { ...@@ -283,9 +313,17 @@ export default {
{ {
label: "Others", label: "Others",
item: [ item: [
{ title: "Charge Settlement", url: "#", disabled: true }, {
title: "Charge Settlement",
url: "#",
disabled: true,
},
{ title: "Attachment", url: "#", disabled: true }, { title: "Attachment", url: "#", disabled: true },
{ title: "Editing References", url: "#", disabled: true }, {
title: "Editing References",
url: "#",
disabled: true,
},
{ title: "Common Message", url: "#", disabled: true }, { title: "Common Message", url: "#", disabled: true },
{ title: "Cancelling", url: "#", disabled: true }, { title: "Cancelling", url: "#", disabled: true },
{ title: "Re_Opening", url: "#", disabled: true }, { title: "Re_Opening", url: "#", disabled: true },
...@@ -295,9 +333,21 @@ export default { ...@@ -295,9 +333,21 @@ export default {
label: "Docs", label: "Docs",
item: [ item: [
{ title: "Correct Drawing", url: "#", disabled: true }, { title: "Correct Drawing", url: "#", disabled: true },
{ title: "Processing Discrepant Docs", url: "#", disabled: true }, {
{ title: "Sending Documents", url: "#", disabled: true }, title: "Processing Discrepant Docs",
{ title: "Changing Maturity", url: "#", disabled: true }, url: "#",
disabled: true,
},
{
title: "Sending Documents",
url: "#",
disabled: true,
},
{
title: "Changing Maturity",
url: "#",
disabled: true,
},
{ title: "Funds Settlement", url: "#", disabled: true }, { title: "Funds Settlement", url: "#", disabled: true },
{ title: "Reimbursement", url: "#", disabled: true }, { title: "Reimbursement", url: "#", disabled: true },
], ],
...@@ -305,10 +355,22 @@ export default { ...@@ -305,10 +355,22 @@ export default {
{ {
label: "Oth.Docs", label: "Oth.Docs",
item: [ item: [
{ title: "Charge Settlement", url: "#", disabled: true }, {
title: "Charge Settlement",
url: "#",
disabled: true,
},
{ title: "Attachment", url: "#", disabled: true }, { title: "Attachment", url: "#", disabled: true },
{ title: "Confirmation Limit Canclling", url: "#", disabled: true }, {
{ title: "Editing Reference", url: "#", disabled: true }, title: "Confirmation Limit Canclling",
url: "#",
disabled: true,
},
{
title: "Editing Reference",
url: "#",
disabled: true,
},
{ title: "Common Message", url: "#", disabled: true }, { title: "Common Message", url: "#", disabled: true },
{ title: "Cancelling", url: "#", disabled: true }, { title: "Cancelling", url: "#", disabled: true },
{ title: "Re_Opening", url: "#", disabled: true }, { title: "Re_Opening", url: "#", disabled: true },
...@@ -317,21 +379,49 @@ export default { ...@@ -317,21 +379,49 @@ export default {
{ {
label: "Advance", label: "Advance",
item: [ item: [
{ title: "Creating an Advance", url: "#", disabled: true }, {
{ title: "Amending an Advance", url: "#", disabled: true }, title: "Creating an Advance",
{ title: "Setting an Advance", url: "#", disabled: true }, url: "#",
disabled: true,
},
{
title: "Amending an Advance",
url: "#",
disabled: true,
},
{
title: "Setting an Advance",
url: "#",
disabled: true,
},
{ title: "递延收益冲销", url: "#", disabled: true }, { title: "递延收益冲销", url: "#", disabled: true },
{ title: "资产转卖收入或损失确认", url: "#", disabled: true }, {
title: "资产转卖收入或损失确认",
url: "#",
disabled: true,
},
{ title: "Cancelling", url: "#", disabled: true }, { title: "Cancelling", url: "#", disabled: true },
], ],
}, },
{ {
label: "Oth.Advance", label: "Oth.Advance",
item: [ item: [
{ title: "Charge Settlement", url: "#", disabled: true }, {
title: "Charge Settlement",
url: "#",
disabled: true,
},
{ title: "Attachment", url: "#", disabled: true }, { title: "Attachment", url: "#", disabled: true },
{ title: "Editing References", url: "#", disabled: true }, {
{ title: "Engagement Adjustment", url: "#", disabled: true }, title: "Editing References",
url: "#",
disabled: true,
},
{
title: "Engagement Adjustment",
url: "#",
disabled: true,
},
{ title: "Common Messages", url: "#", disabled: true }, { title: "Common Messages", url: "#", disabled: true },
], ],
}, },
...@@ -344,7 +434,11 @@ export default { ...@@ -344,7 +434,11 @@ export default {
hotsubx: "1", hotsubx: "1",
disabled: false, disabled: false,
}, },
{ title: "Amenting a Transfer L/C", url: "#", disabled: true }, {
title: "Amenting a Transfer L/C",
url: "#",
disabled: true,
},
{ {
title: "Receiving Docs from 2nd Benfic", title: "Receiving Docs from 2nd Benfic",
url: "#", url: "#",
...@@ -355,9 +449,17 @@ export default { ...@@ -355,9 +449,17 @@ export default {
{ {
label: "Oth.Transfer", label: "Oth.Transfer",
item: [ item: [
{ title: "Charge Settlement", url: "#", disabled: true }, {
title: "Charge Settlement",
url: "#",
disabled: true,
},
{ title: "Attachment", url: "#", disabled: true }, { title: "Attachment", url: "#", disabled: true },
{ title: "Editing References", url: "#", disabled: true }, {
title: "Editing References",
url: "#",
disabled: true,
},
{ title: "Common Messages", url: "#", disabled: true }, { title: "Common Messages", url: "#", disabled: true },
{ title: "Cancelling", url: "#", disabled: true }, { title: "Cancelling", url: "#", disabled: true },
{ title: "Re_Opening", url: "#", disabled: true }, { title: "Re_Opening", url: "#", disabled: true },
...@@ -372,19 +474,43 @@ export default { ...@@ -372,19 +474,43 @@ export default {
disabled: true, disabled: true,
}, },
{ title: "Correct Drawing", url: "#", disabled: true }, { title: "Correct Drawing", url: "#", disabled: true },
{ title: "Processing discrepant Docs", url: "#", disabled: true }, {
{ title: "Sending Documents", url: "#", disabled: true }, title: "Processing discrepant Docs",
{ title: "Changing Maturity", url: "#", disabled: true }, url: "#",
disabled: true,
},
{
title: "Sending Documents",
url: "#",
disabled: true,
},
{
title: "Changing Maturity",
url: "#",
disabled: true,
},
{ title: "funds Settlement", url: "#", disabled: true }, { title: "funds Settlement", url: "#", disabled: true },
{ title: "Reimbursement Clain", url: "#", disabled: true }, {
title: "Reimbursement Clain",
url: "#",
disabled: true,
},
], ],
}, },
{ {
label: "Oth.L/T Docs", label: "Oth.L/T Docs",
item: [ item: [
{ title: "Charge Settlement", url: "#", disabled: true }, {
title: "Charge Settlement",
url: "#",
disabled: true,
},
{ title: "Attachment", url: "#", disabled: true }, { title: "Attachment", url: "#", disabled: true },
{ title: "Editing References", url: "#", disabled: true }, {
title: "Editing References",
url: "#",
disabled: true,
},
{ title: "Common Messages", url: "#", disabled: true }, { title: "Common Messages", url: "#", disabled: true },
{ title: "Cancelling", url: "#", disabled: true }, { title: "Cancelling", url: "#", disabled: true },
{ title: "Re_Opening", url: "#", disabled: true }, { title: "Re_Opening", url: "#", disabled: true },
...@@ -405,10 +531,13 @@ export default { ...@@ -405,10 +531,13 @@ export default {
this.hotreg = "1"; this.hotreg = "1";
} }
let rtnmsg = await this.executeRule(`cfgfil.hotreg${this.hotreg}`); let rtnmsg = await this.executeRule(`cfgfil.hotreg${this.hotreg}`);
if ((rtnmsg.respCode == SUCCESS)) { if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data); this.updateModel(rtnmsg.data);
} else { } else {
this.$notify.error({ title: "错误", message: "服务请求失败！" }); this.$notify.error({
title: "错误",
message: "服务请求失败！",
});
} }
}, },
}, },
......
src/views/Business/Detsel/index.vue
<template> <template>
<c-page title="出口信用证查询"> <c-page title="出口信用证查询">
<!-- <div class="eContainer"> --> <!-- <div class="eContainer"> -->
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false"> <el-form
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> :model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-tabs
v-model="tabVal"
ref="elment"
type="card"
@tab-click="myTabClick"
>
<!--PD000035 --> <!--PD000035 -->
<el-tab-pane label="查询" name="sel"> <el-tab-pane label="查询" name="sel">
<m-sel :model="model" :codes="codes"/> <m-sel :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
</c-tabs> </c-tabs>
</el-form> </el-form>
...@@ -20,65 +32,57 @@ ...@@ -20,65 +32,57 @@
</c-page> </c-page>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Detsel from "~/model/Detsel" import Detsel from "~/model/Detsel";
import commonProcess from "~/mixin/commonProcess" import commonProcess from "~/mixin/commonProcess";
import Check from "~/model/Detsel/Check" import Check from "~/model/Detsel/Check";
import Default from "~/model/Detsel/Default" import Default from "~/model/Detsel/Default";
import Pattern from "~/model/Detsel/Pattern" import Pattern from "~/model/Detsel/Pattern";
import Sel from "./Sel" import Sel from "./Sel";
export default { export default {
name: "Detsel", name: "Detsel",
components:{ components: {
"m-sel" : Sel, "m-sel": Sel,
}, },
provide() { provide() {
return { return {
root: this root: this,
} };
}, },
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){ data() {
return { return {
tabVal: "", tabVal: "sel",
trnName: "detsel", trnName: "detsel",
model: new Detsel().data, model: new Detsel().data,
checkRules: Check, checkRules: Check,
defaultRules: Default, defaultRules: Default,
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { codes: {},
}, };
}
}, },
methods:{ methods: {
myTabClick(tab){ myTabClick(tab) {
this.tabClick(tab) this.tabClick(tab);
/** /**
* do it yourself * do it yourself
**/ **/
}
}, },
created:async function(){ },
created: async function () {
console.log("进入detsel交易"); console.log("进入detsel交易");
let rtnmsg = await this.init({}) let rtnmsg = await this.init({});
if(rtnmsg.respCode == SUCCESS) if (rtnmsg.respCode == SUCCESS) {
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑 //TODO 处理数据逻辑
Utils.copyValueFromVO(this.model, rtnmsg.data); this.updateModel(rtnmsg.data);
} else {
} this.$notify.error({ title: "错误", message: "服务请求失败！" });
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
} }
} },
} };
</script> </script>
<style> <style>
</style> </style>
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