Skip to content

V
vue-gjjs
Commit f1ca1205 by zhengxiaokui
Options

Merge branch 'master' of http://114.115.138.98:8900/fukai/vue-gjjs

parents e14f7f5c dbb75e8f
Showing with 313 additions and 201 deletions
src/views/Business/Ditsel/Sel.vue
......@@ -16,8 +16,13 @@
</el-form-item>
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<c-button size="mini" type="primary" icon="el-icon-search"></c-button>
<el-form-item label="" label-width="10px">
<c-button
size="small"
type="primary"
icon="el-icon-search"
style="margin-left: 0"
></c-button>
</el-form-item>
</c-col>
......@@ -30,13 +35,13 @@
</el-form-item>
</c-col> -->
<c-col :span="3">
<el-form-item label="显示闭卷业务">
<c-col :span="2" style="text-align: right">
<el-form-item class="itemLabel" label="显示闭卷业务" label-width="85px">
<c-checkbox v-model="model.didget.clsflg" />
</el-form-item>
</c-col>
<c-col :span="11">
<c-col :span="11" :offset="1">
<el-form-item label="摘要" label-width="150px ">
<c-input
v-model="model.didgrp.rec.nam"
......@@ -69,70 +74,150 @@
></c-input>
</el-form-item>
</c-col> -->
<c-col v-if="flag==1">
<c-col :span="6">
<c-col :span="24" v-if="flag == 1">
<!-- ==========left======= -->
<c-col :span="11">
<c-col :span="24">
<c-col :span="13">
<el-form-item label="信用证金额">
<c-select
v-model="model.didgrp.cbs.nom1.cur"
style="width: 100%"
style="width: 95%"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="" label-width="20px">
<c-col :span="11">
<el-form-item label="" label-width="0">
<c-input v-model="model.didgrp.cbs.nom1.amt" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="信用证余额">
<c-select
v-model="model.didgrp.cbs.nom1.cur"
style="width: 95%"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label-width="0">
<c-input
v-model="model.didgrp.cbs.nom1.amt"
v-model="model.didgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入信用证余额"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="11">
<el-form-item label="Drag Drop Sender">
</c-col>
<c-col :span="24">
<el-form-item label="指定银行">
<c-input
v-model="model.bddget.sdamod.dadsnd"
placeholder="请输入Drag Drop Sender"
v-model="model.didgrp.avbnam"
maxlength="40"
placeholder="请输入指定银行"
disabled
></c-input>
</el-form-item>
</c-col> -->
<c-col :span="3">
<el-form-item label="申请人"> </el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="编号">
<c-col :span="24">
<c-col :span="13">
<el-form-item label="兑付方式">
<c-select
v-model="model.didgrp.rec.avbby"
style="width: 95%"
placeholder="请选择兑付方式"
disabled
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :spam="24">
<c-col :span="13">
<el-form-item label="开证日期">
<c-date-picker
type="date"
v-model="model.didgrp.rec.opndat"
style="width: 95%"
placeholder="请选择开证日期"
disabled
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :spam="24">
<c-col :span="13">
<el-form-item label="最迟装船日期">
<c-date-picker
type="date"
v-model="model.bddgrp.rec.rcvdat"
style="width: 95%"
disabled
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :spam="24">
<c-col :span="13">
<el-form-item label="到期日/到期地点">
<c-date-picker
type="date"
v-model="model.didgrp.rec.expdat"
style="width: 95%"
placeholder="请选择到期日/到期地点"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="0">
<c-input
v-model="model.bddgrp.apl.pts.ref"
v-model="model.bddgrp.rec.ownref"
maxlength="16"
placeholder="请输入申请人"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="信用证金额">
</c-col>
<c-col :sapn="24">
<c-col :span="13">
<el-form-item label="信用证种类">
<c-select
v-model="model.didgrp.cbs.nom1.cur"
style="width: 100%"
v-model="model.didgrp.rec.lcrtyp"
style="width: 95%"
placeholder="请选择信用证种类"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label-width="20px">
</c-col>
</c-col>
<!-- ==========right======= -->
<c-col :span="11" :offset="1">
<!-- <c-col :span="3">
<el-form-item label="申请人"> </el-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item label="申请人编号">
<c-input
v-model="model.didgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入信用证余额"
v-model="model.bddgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入申请人"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<c-col :span="24">
<el-form-item label="">
<c-input
v-model="model.bpdget.sdamod.seainf"
......@@ -141,82 +226,110 @@
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="指定银行">
<!-- <c-col :span="3">
<el-form-item label="受益人"> </el-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item label="受益人编号">
<c-input
v-model="model.didgrp.avbnam"
maxlength="40"
placeholder="请输入指定银行"
v-model="model.bddgrp.ben.pts.ref"
maxlength="16"
placeholder="请输入受益人"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="3">
<el-form-item label="受益人"> </el-form-item>
<c-col :span="24">
<el-form-item label="">
<c-input
v-model="model.bddget.sdamod.seainf"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="编号">
<c-col :span="24">
<el-form-item label="通知行">
<c-input
v-model="model.bddgrp.ben.pts.ref"
v-model="model.didgrp.adv.pts.ref"
maxlength="16"
placeholder="请输入受益人"
placeholder="请输入通知行"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="兑付方式">
<c-select
v-model="model.didgrp.rec.avbby"
style="width: 100%"
placeholder="请选择兑付方式"
<c-col :span="24">
<el-form-item label="">
<c-input
maxlength="16"
disabled
>
</c-select>
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="11">
<el-form-item label="Drag Drop Sender">
<c-input
v-model="model.bddget.sdamod.dadsnd"
placeholder="请输入Drag Drop Sender"
></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="3">
<el-form-item label="申请人"> </el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="编号">
<c-input
v-model="model.bddgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入申请人"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="">
<c-input
v-model="model.bddget.sdamod.seainf"
v-model="model.bpdget.sdamod.seainf"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="开证日期">
<c-date-picker
type="date"
v-model="model.didgrp.rec.opndat"
style="width: 100%"
placeholder="请选择开证日期"
disabled
></c-date-picker>
</el-form-item>
<c-col :span="3">
<el-form-item label="受益人"> </el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="最迟装船日期">
<c-date-picker
type="date"
v-model="model.bddgrp.rec.rcvdat"
style="width: 100%"
<c-col :span="8">
<el-form-item label="编号">
<c-input
v-model="model.bddgrp.ben.pts.ref"
maxlength="16"
placeholder="请输入受益人"
disabled
></c-date-picker>
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="到期日/到期地点">
<c-date-picker
type="date"
v-model="model.didgrp.rec.expdat"
style="width: 100%"
placeholder="请选择到期日/到期地点"
<c-col :span="11">
<el-form-item label="">
<c-input
v-model="model.bddget.sdamod.seainf"
placeholder="请输入"
disabled
></c-date-picker>
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="通知行">
<c-input
......@@ -226,8 +339,8 @@
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
</c-col> -->
<!-- <c-col :span="12">
<el-form-item>
<c-input
type="textarea"
......@@ -248,22 +361,12 @@
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">&nbsp;</c-col>
<c-col :span="6">
<el-form-item label="信用证种类">
<c-select
v-model="model.didgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择信用证种类"
disabled
>
</c-select>
</el-form-item>
</c-col>
</c-col> -->
<!-- <c-col :span="12">&nbsp;</c-col> -->
</c-col>
<!-- =======================单据 ============================ -->
<c-col v-if="flag==2">
<c-col v-if="flag == 2">
<c-col :span="8">
<el-form-item label="单据业务编号">
<c-input
......@@ -458,7 +561,7 @@
</c-col>
</c-col>
<!-- ==================== 融资 ============================ -->
<c-col v-if="flag==3">
<c-col v-if="flag == 3">
<c-col>
<c-col :span="23">
<el-form-item label="业务合同">
......@@ -481,9 +584,11 @@
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<c-button size="mini" type="primary" icon="el-icon-search"
></c-button
>
<c-button
size="mini"
type="primary"
icon="el-icon-search"
></c-button>
</el-form-item>
</c-col>
......@@ -515,9 +620,11 @@
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<c-button size="mini" type="primary" icon="el-icon-search"
></c-button
>
<c-button
size="mini"
type="primary"
icon="el-icon-search"
></c-button>
</el-form-item>
</c-col>
......@@ -548,9 +655,7 @@
>&nbsp;%
</el-form-item>
</c-col>
<c-col :span="3"
><el-form-item label="融资客户"></el-form-item>
</c-col>
<c-col :span="3"><el-form-item label="融资客户"></el-form-item> </c-col>
<c-col :span="8">
<el-form-item label="编号">
<c-input
......@@ -584,7 +689,7 @@
</c-col>
<c-col :span="11">
<el-form-item>
<c-input disabled/>
<c-input disabled />
</el-form-item>
</c-col>
<c-col :span="7">
......@@ -655,7 +760,7 @@
</c-col>
<!-- ===================== 代付 =========================== -->
<c-col v-if="flag==4">
<c-col v-if="flag == 4">
<c-col>
<c-col :span="23">
<el-form-item label="业务合同">
......@@ -678,9 +783,11 @@
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<c-button size="mini" type="primary" icon="el-icon-search"
></c-button
>
<c-button
size="mini"
type="primary"
icon="el-icon-search"
></c-button>
</el-form-item>
</c-col>
......@@ -712,9 +819,11 @@
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<c-button size="mini" type="primary" icon="el-icon-search"
></c-button
>
<c-button
size="mini"
type="primary"
icon="el-icon-search"
></c-button>
</el-form-item>
</c-col>
......@@ -791,7 +900,7 @@
</c-col>
<c-col :span="11">
<el-form-item>
<c-input disabled/>
<c-input disabled />
</el-form-item>
</c-col>
<c-col :span="6">
......@@ -854,7 +963,7 @@
</c-col>
<c-col :span="11">
<el-form-item>
<c-input disabled/>
<c-input disabled />
</el-form-item>
</c-col>
</c-col>
......@@ -866,28 +975,28 @@
</c-col>
<c-col :offset="12" :span="10">
<el-tabs tab-position="right" @tab-click="change">
<el-tab-pane label="信用证" >
<el-tab-pane label="信用证">
<sel-mune :data="items.item1" />
</el-tab-pane>
<el-tab-pane label="信用证其他" >
<el-tab-pane label="信用证其他">
<sel-mune :data="items.item2" />
</el-tab-pane>
<el-tab-pane label="单据"
><sel-mune :data="items.item3" />
</el-tab-pane>
<el-tab-pane label="单据其他" >
<el-tab-pane label="单据其他">
<sel-mune :data="items.item4"
/></el-tab-pane>
<el-tab-pane label="融资" >
<el-tab-pane label="融资">
<sel-mune :data="items.item5"
/></el-tab-pane>
<el-tab-pane label="融资其他"
><sel-mune :data="items.item6" />
</el-tab-pane>
<el-tab-pane label="同行代付" >
<el-tab-pane label="同行代付">
<sel-mune :data="items.item7"
/></el-tab-pane>
<el-tab-pane label="其他" >
<el-tab-pane label="其他">
<sel-mune :data="items.item8"
/></el-tab-pane>
</el-tabs>
......@@ -1757,140 +1866,140 @@ import Event from "~/model/Ditsel/Event";
import SelMune from "./SelMune.vue";
export default {
inject: ['root'],
inject: ["root"],
components: { SelMune },
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
flag:1,
items:{
"item1": [
{title: "保证金收取", url: "#",disabled: false,},
{title: "保证金注销",url: "#",disabled: false,},
{title: "保证金调整",url: "#",disabled: true,},
flag: 1,
items: {
item1: [
{ title: "保证金收取", url: "#", disabled: false },
{ title: "保证金注销", url: "#", disabled: false },
{ title: "保证金调整", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{title: "开立信用证",url: "#/business/ditopn",disabled: false,},
{title: "信用证修改",url: "#/business/ditame",disabled: true,},
{title: "减额修改接受",url: "#",disabled: true,},
{ title: "开立信用证", url: "#/business/ditopn", disabled: false },
{ title: "信用证修改", url: "#/business/ditame", disabled: true },
{ title: "减额修改接受", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "到单", url: "#", disabled: true },
],
"item2": [
{title: "收费", url: "#",disabled: true,},
{title: "",url: "#",disabled: false,},
{title: "闭卷后定期保证金处理",url: "#",disabled: true,},
item2: [
{ title: "收费", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "闭卷后定期保证金处理", url: "#", disabled: true },
{ title: "修改相关当事人参考号", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{title: "买方信用证附加电子凭证",url: "#",disabled: true,},
{title: "",url: "#",disabled: false,},
{title: "自由格式报文",url: "#",disabled: true,},
{ title: "买方信用证附加电子凭证", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "自由格式报文", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "注销", url: "#", disabled: true },
],
"item3": [
{title: "二次到单或修改单据", url: "#",disabled: true,},
{title: "拒付、不符点处理",url: "#",disabled: true,},
{title: "",url: "#",disabled: false,},
item3: [
{ title: "二次到单或修改单据", url: "#", disabled: true },
{ title: "拒付、不符点处理", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "承兑", url: "#", disabled: true },
{ title: "展期", url: "#", disabled: true },
{title: "付款",url: "#",disabled: true,},
{title: "偿还垫款",url: "#",disabled: true,},
{title: "",url: "#",disabled: false,},
{ title: "付款", url: "#", disabled: true },
{ title: "偿还垫款", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
],
"item4": [
{title: "收费", url: "#",disabled: true,},
{title: "",url: "#",disabled: false,},
{title: "",url: "#",disabled: false,},
item4: [
{ title: "收费", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "修改参考号", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{title: "买方信用证单据附加电子凭证",url: "#",disabled: true,},
{title: "",url: "#",disabled: false,},
{title: "函电来往",url: "#",disabled: true,},
{ title: "买方信用证单据附加电子凭证", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "函电来往", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "注销", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
],
"item5": [
{title: "融资放款", url: "#",disabled: true,},
{title: "融资修改",url: "#",disabled: true,},
{title: "融资还款",url: "#",disabled: true,},
item5: [
{ title: "融资放款", url: "#", disabled: true },
{ title: "融资修改", url: "#", disabled: true },
{ title: "融资还款", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{title: "",url: "#",disabled: false,},
{title: "",url: "#",disabled: false,},
{title: "",url: "#",disabled: false,},
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
],
"item6": [
{title: "收费", url: "#",disabled: true,},
{title: "",url: "#",disabled: false,},
{title: "",url: "#",disabled: false,},
item6: [
{ title: "收费", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "修改参考号", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{title: "",url: "#",disabled: false,},
{title: "",url: "#",disabled: false,},
{title: "函电来往",url: "#",disabled: true,},
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "函电来往", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "注销", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
],
"item7": [
{title: "同业代付开立", url: "#",disabled: true,},
{title: "同业代付修改",url: "#",disabled: true,},
{title: "同业代付还款",url: "#",disabled: true,},
item7: [
{ title: "同业代付开立", url: "#", disabled: true },
{ title: "同业代付修改", url: "#", disabled: true },
{ title: "同业代付还款", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "同业代付偿付", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{title: "同业代付偿付",url: "#",disabled: true,},
{title: "",url: "#",disabled: false,},
{title: "",url: "#",disabled: false,},
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
],
"item8": [
{title: "收费", url: "#",disabled: true,},
{title: "",url: "#",disabled: false,},
{title: "",url: "#",disabled: false,},
item8: [
{ title: "收费", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "代付信息补录", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{title: "",url: "#",disabled: false,},
{title: "",url: "#",disabled: false,},
{title: "函电往来",url: "#",disabled: true,},
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "函电往来", url: "#", disabled: true },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
{ title: "", url: "#", disabled: false },
],
}
},
};
},
methods: {
...Event,
change(tab,event) {
if(tab.label==='信用证')
this.flag = 1
if(tab.label==='信用证其他')
this.flag = 1;
if(tab.label==='单据')
this.flag = 2;
if(tab.label==='单据其他')
this.flag = 2;
if(tab.label==='融资')this.flag = 3;
if(tab.label==='融资其他')this.flag = 3;
if(tab.label==='同行代付')this.flag = 4;
if(tab.label==='其他')this.flag = 4;
change(tab, event) {
if (tab.label === "信用证") this.flag = 1;
if (tab.label === "信用证其他") this.flag = 1;
if (tab.label === "单据") this.flag = 2;
if (tab.label === "单据其他") this.flag = 2;
if (tab.label === "融资") this.flag = 3;
if (tab.label === "融资其他") this.flag = 3;
if (tab.label === "同行代付") this.flag = 4;
if (tab.label === "其他") this.flag = 4;
},
},
created: function () {},
};
</script>
<style>
<style scoped>
.itemLabel >>> .el-form-item__label {
text-align: right;
padding-right: 0;
}
</style>
src/views/Business/Ditsel/index.vue
<template>
<c-page title="信用证查询">
<div class="eContainer">
<el-form
:model="model"
......@@ -10,14 +11,17 @@
<!--PD000058 -->
<c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="菜单" name="sel">
<c-content>
<m-sel :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
</div>
</c-page>
</template>
<script>
import Utils from '~/utils/index'
import Utils from "~/utils/index";
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Ditsel from "~/model/Ditsel";
......@@ -26,14 +30,14 @@ import Pattern from "~/model/Ditsel/Pattern";
import Sel from "./Sel";
export default {
name: 'Ditsel',
name: "Ditsel",
components: {
"m-sel": Sel,
},
provide() {
return {
root: this
}
root: this,
};
},
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
data() {
......@@ -536,14 +540,13 @@ export default {
},
};
},
methods: {
},
methods: {},
created: async function () {
console.log("进入ditsel交易");
let rtnmsg = await Api.post("ditsel/init", { params: {} });
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
Utils.copyValueFromVO(this.model,rtnmsg.data)
Utils.copyValueFromVO(this.model, rtnmsg.data);
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
......
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