1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<template>
<div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<el-button size="small">流程附言</el-button>
<el-button size="small">交易历史</el-button>
<el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<!-- <el-button size="small">保存模板</el-button> -->
<!-- <el-button size="small">使用模板</el-button> -->
<el-button size="small">制裁信息</el-button>
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button>
</c-function-btn>
<el-form
: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">
<!--lttp PD000001 Overview -->
<el-tab-pane label="Overview" name="ovwp">
<m-ovwp :model="model" :codes="codes" />
</el-tab-pane>
<!--aamp PD000001 Additional Amount -->
<el-tab-pane label="Additional Amount" name="aamp" v-if="model.lttp.aamp.aammod.addamtflg">
<m-aamp :model="model" :codes="codes"/>
</el-tab-pane>
<!--lttp PD000077 Details -->
<el-tab-pane label="Details" name="detp">
<c-content>
<m-detp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--lttp PD000042 Parties -->
<el-tab-pane label="Patries" name="ptyp">
<m-ptyp :model="model" :codes="codes" />
</el-tab-pane>
<!--lttp PD000057 Goods -->
<el-tab-pane label="Goods" name="dogp">
<m-dogp :model="model" :codes="codes" />
</el-tab-pane>
<!--lttp PD000060 Documents -->
<el-tab-pane label="Documents" name="dorp">
<m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'led'" />
</el-tab-pane>
<!--lttp PD000073 Add. Cond. -->
<el-tab-pane label="Additional Conditions" name="adcp">
<m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'led'" />
</el-tab-pane>
<!--lttp PD000169 Orig. L/C Details -->
<el-tab-pane label="Orig. L/C Details" name="lttinf">
<m-lttinf :model="model" :codes="codes" />
</el-tab-pane>
<!--liaall PD000027 Liability -->
<el-tab-pane label="Liability" name="engp">
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
<!--setmod PD000000 Settlement -->
<el-tab-pane label="Settlement" name="setpan">
<m-setpan :model="model" :codes="codes" />
</el-tab-pane>
<!--glemod PD000001 -->
<el-tab-pane label="Bookings" name="glepan">
<m-glepan :model="model" :codes="codes" />
</el-tab-pane>
<!--coninf PD000000 Completion -->
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<!--trndoc PD000529 &Messages -->
<el-tab-pane label="Messages" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
<!--trndoc PD000546 Attachments -->
<el-tab-pane label="Attachments" name="doctre">
<m-doctre :model="model" :codes="codes" />
</el-tab-pane>
<!--cnybop PD000002 跨境人民币申报 -->
<el-tab-pane label="跨境人民币申报" name="cnyp">
<m-cnyp :model="model" :codes="codes" />
</el-tab-pane>
<!--cnybop PD000110 2106银行跟单结算及表外融资 -->
<el-tab-pane label="2106银行跟单结算及表外融资" name="libp" v-if="model.cnybop.libflg=='1'">
<m-libp :model="model" :codes="codes"/>
</el-tab-pane>
<!--lttp PD000371 Special Payment Beneficiary -->
<el-tab-pane
label="Special Paymt Cond. Beneficiary"
name="spcbenp"
v-if="model.ltdgrp.rec.spcbenflg"
>
<m-doxp
:model="model"
:codes="codes"
:dtyp="'spcbenp'"
:rec="'led'"
/>
</el-tab-pane>
<!--lttp PD000372 Special Payment Rcv Bank only -->
<el-tab-pane
label="Special Paymt Cond. Bank only"
name="spcrcvp"
v-if="model.ltdgrp.rec.spcrcbflg"
>
<m-doxp
:model="model"
:codes="codes"
:dtyp="'spcrcvp'"
:rec="'led'"
/>
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
<c-grid-ety-prompt-dialog
ref="doxpDialog"
:isPty="false"
:promptData="promptData"
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
</div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Lttopn from "~/model/Lttopn";
import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Lttopn/Check";
import Default from "~/model/Lttopn/Default";
import Pattern from "~/model/Lttopn/Pattern";
import Ovwp from "./Ovwp";
import Lttinf from "./Lttinf";
import Ptyp from "./Ptyp";
import Dogp from "./Dogp";
// import Dorp from "./Dorp";
import Cnyp from "./Cnyp";
// import Spcbenp from "./Spcbenp";
// import Spcrcvp from "./Spcrcvp";
// import Adcp from "./Adcp";
import Detp from "./Detp";
import Engp from "~/views/Public/Engp";
import Setpan from "~/views/Public/Setpan";
import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
import Doctre from "~/views/Public/Doctre";
import Glepan from "~/views/Public/Glepan";
import Doxp from '~/views/Public/Doxp';
import Aamp from "./Aamp"
import Libp from "./Libp"
export default {
name: "Lttopn",
components: {
"m-ovwp": Ovwp,
"m-lttinf": Lttinf,
"m-ptyp": Ptyp,
"m-libp" : Libp,
"m-setpan": Setpan,
"m-glepan": Glepan,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-cnyp": Cnyp,
"m-engp": Engp,
"m-detp": Detp,
'm-doxp': Doxp,
'm-dogp': Dogp,
"m-aamp" : Aamp,
},
provide() {
return {
root: this,
};
},
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "ovwp",
trnName: "lttopn",
model: new Lttopn().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
...CodeTable,
},
};
},
methods: {
myTabClick(tab) {
this.tabClick(tab);
/**
* do it yourself
**/
},
},
created: async function () {
console.log("进入lttopn交易");
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
if (this.isInDisplay) {
this.restoreDisplay();
}
//TODO 处理数据逻辑
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
},
};
</script>
<style>
</style>