Skip to content

V
vue-gjjs
Commit 204bc1fb by 潘际乾
Options

前端需求改进

parent 344b3578
Showing with 1566 additions and 167 deletions
src/components/BusinessButton.vue
...@@ -59,6 +59,8 @@ export default { ...@@ -59,6 +59,8 @@ export default {
if(result.respCode != SUCCESS) { if(result.respCode != SUCCESS) {
this.$notify.error({title: '错误',message: result.respMsg}); this.$notify.error({title: '错误',message: result.respMsg});
} else { } else {
// 清除之前的校验状态
this.getVM().$refs.modelForm.clearValidate()
const fields = this.getVM().$refs.modelForm.fields const fields = this.getVM().$refs.modelForm.fields
const fieldErrors = result.fieldErrors; const fieldErrors = result.fieldErrors;
Utils.positioningErrorMsg(fieldErrors, fields) Utils.positioningErrorMsg(fieldErrors, fields)
......
src/mixin/commonProcess.js
...@@ -4,10 +4,10 @@ import commonApi from "./commonApi" ...@@ -4,10 +4,10 @@ import commonApi from "./commonApi"
import Utils from "~/utils" import Utils from "~/utils"
export default { export default {
mixins: [commonApi,commonDeclare], mixins: [commonApi, commonDeclare],
data: function () { data: function () {
return { return {
defFlag:true, defFlag: true,
// 弹框回填 // 弹框回填
promptData: { promptData: {
title: '', title: '',
...@@ -20,22 +20,22 @@ export default { ...@@ -20,22 +20,22 @@ export default {
created() { created() {
}, },
mounted() { mounted() {
if(!this.isInDisplay){ if (!this.isInDisplay) {
// this.ruleWatcher() // this.ruleWatcher()
this.ruleCheck() this.ruleCheck()
} }
}, },
methods: { methods: {
openWatch(flag){ openWatch(flag) {
this.defFlag = !!flag this.defFlag = !!flag
}, },
ruleWatcher() { ruleWatcher() {
if(!this.defaultRules) if (!this.defaultRules)
return return
const that = this; const that = this;
Object.keys(that.defaultRules).forEach(key => { Object.keys(that.defaultRules).forEach(key => {
let func = function(){ let func = function () {
if(that.defFlag){ if (that.defFlag) {
that.defaultRules[key].apply(that) that.defaultRules[key].apply(that)
} }
} }
...@@ -43,7 +43,7 @@ export default { ...@@ -43,7 +43,7 @@ export default {
}) })
}, },
ruleCheck() { ruleCheck() {
if(!this.pattern) if (!this.pattern)
return return
// const keySet = new Set(Object.keys(this.pattern).concat(Object.keys(this.checkRules).concat(Object.keys(this.defaultRules)))) // const keySet = new Set(Object.keys(this.pattern).concat(Object.keys(this.checkRules).concat(Object.keys(this.defaultRules))))
const keySet = new Set(Object.keys(this.pattern).concat(Object.keys(this.defaultRules))) const keySet = new Set(Object.keys(this.pattern).concat(Object.keys(this.defaultRules)))
...@@ -51,7 +51,7 @@ export default { ...@@ -51,7 +51,7 @@ export default {
const that = this; const that = this;
for (let key of keySet.keys()) { for (let key of keySet.keys()) {
const rule = [] const rule = []
if(that.pattern[key]){ if (that.pattern[key]) {
rule.push(...that.pattern[key]) rule.push(...that.pattern[key])
} }
const triggerType = that.getTriggerType(key) const triggerType = that.getTriggerType(key)
...@@ -77,7 +77,7 @@ export default { ...@@ -77,7 +77,7 @@ export default {
trigger: triggerType trigger: triggerType
}) })
} }
if(rule.length > 0) { if (rule.length > 0) {
res[key] = rule; res[key] = rule;
} }
} }
...@@ -98,6 +98,42 @@ export default { ...@@ -98,6 +98,42 @@ export default {
return "blur"; return "blur";
}, },
/** /**
* Tabs切换事件
* @param {VM} tab
*/
tabClick(tab) {
if (this.isInDisplay) {
return
}
const name = tab.name
let rulePath;
if (name === "setpan") {
rulePath = "setmod.setpan";
}
if (name === "glepan") {
rulePath = "setmod.glemod.glepan";
}
if (name === "docpan") {
rulePath = "trnmod.trndoc.docpan"
}
if (name === "doctre") {
rulePath = "trnmod.trndoc.doctre"
}
if (name === "engp") {
rulePath = "liaall.engp"
}
if (name === "limitbody") {
rulePath = "liaall.limmod.limitbody"
}
if (!!rulePath) {
this.executeRule(rulePath).then(res => {
if (res.respCode == SUCCESS) {
this.updateModel(res.data)
}
})
}
},
/**
* 以函数形式获取model（请求参数），保证取到的是最新赋值的 * 以函数形式获取model（请求参数），保证取到的是最新赋值的
* @param {any} params 参数 * @param {any} params 参数
* @returns * @returns
...@@ -113,7 +149,7 @@ export default { ...@@ -113,7 +149,7 @@ export default {
resolve(d) resolve(d)
}, 0) }, 0)
}) })
return {...data, params} return { ...data, params }
} }
return fn; return fn;
}, },
...@@ -124,9 +160,13 @@ export default { ...@@ -124,9 +160,13 @@ export default {
updateModel(data) { updateModel(data) {
Utils.copyValueFromVO(this.model, data); Utils.copyValueFromVO(this.model, data);
}, },
/**
* 弹出机构选择框
* @param {String} rulePath 路径
*/
showGridPromptDialog(rulePath) { showGridPromptDialog(rulePath) {
this.executeRule(rulePath).then((res) => { this.executeRule(rulePath).then((res) => {
if (res.respCode = SUCCESS){ if (res.respCode = SUCCESS) {
if (res.data.params) { if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data); Utils.copyValueFromVO(this.model, res.data);
} else { } else {
...@@ -141,20 +181,33 @@ export default { ...@@ -141,20 +181,33 @@ export default {
} }
}) })
}, },
/**
* 机构回填
* @param {String} val 选种行的值（一般是首列）
* @param {String} rulePath 路径
*/
selectEty(val, rulePath) { selectEty(val, rulePath) {
const props = rulePath.replaceAll(".", "_") const props = rulePath.replaceAll(".", "_")
const obj = {} const obj = {}
obj[props] = val; obj[props] = val;
Utils.copyValueFromVO(this.model, obj); Utils.copyValueFromVO(this.model, obj);
this.executeRule(rulePath).then((res) => { this.executeRule(rulePath).then((res) => {
if (res.respCode = SUCCESS){ if (res.respCode = SUCCESS) {
Utils.copyValueFromVO(this.model, res.data); Utils.copyValueFromVO(this.model, res.data);
} }
}); });
},
/**
* 改变表单项的是否必填属性
* @param {String} property 属性
* @param {Boolean} required 是否必填
*/
changeFormItemRequired(property, required) {
this.pattern[property][0].required = required
} }
}, },
computed:{ computed: {
isInDisplay(){ isInDisplay() {
return this.$store.state.Status.mode === 'display' return this.$store.state.Status.mode === 'display'
} }
} }
......
src/model/Cptopn/index.js
...@@ -164,7 +164,7 @@ export default class Cptopn{ ...@@ -164,7 +164,7 @@ export default class Cptopn{
setfel:[] setfel:[]
}, },
glemod:{ glemod:{
gleshwstm: {}
} }
}, },
mtabut:{ mtabut:{
......
src/model/Ditopn/index.js
...@@ -187,6 +187,9 @@ export default class Ditopn{ ...@@ -187,6 +187,9 @@ export default class Ditopn{
}, },
setfeg:{ setfeg:{
setfel:[] setfel:[]
},
glemod:{
gleshwstm: {}
} }
}, },
liaall:{ liaall:{
......
src/model/Sptsel/Event.js
...@@ -51,10 +51,6 @@ export default { ...@@ -51,10 +51,6 @@ export default {
this.$notify.error({ title: '错误', message: '服务请求失败！' }); this.$notify.error({ title: '错误', message: '服务请求失败！' });
} }
}, },
tabClick() {
},
async continueEdit(row) { async continueEdit(row) {
//let rtnmsg = await Api.post("getPendingData",{params:{'selsptinr':row[0]}}) //let rtnmsg = await Api.post("getPendingData",{params:{'selsptinr':row[0]}})
//if (rtnmsg.respCode == SUCCESS) { //if (rtnmsg.respCode == SUCCESS) {
......
src/views/Business/Cptopn/index.vue
...@@ -10,58 +10,58 @@ ...@@ -10,58 +10,58 @@
:validate-on-rule-change="false" :validate-on-rule-change="false"
> >
<el-tabs ref="elment" type="card" @tab-click="tabClick"> <el-tabs ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="Overview"> <el-tab-pane label="Overview" name="opnp1">
<!--PD000020 --> <!--PD000020 -->
<m-opnp1 :model="model" :codes="codes" /> <m-opnp1 :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Settlement"> <el-tab-pane label="Settlement" name="setpan">
<!--PD000000 --> <!--PD000000 -->
<m-setpan :model="model" :codes="codes" /> <m-setpan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Bookings"> <el-tab-pane label="Bookings" name="glepan">
<!--PD000001 --> <!--PD000001 -->
<m-glepan :model="model" :codes="codes" ref="glepan"/> <m-glepan :model="model" :codes="codes" ref="glepan"/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Completion"> <el-tab-pane label="Completion" name="coninfp">
<!--PD000000 --> <!--PD000000 -->
<m-coninfp :model="model" :codes="codes" /> <m-coninfp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Messages"> <el-tab-pane label="Messages" name="docpan">
<!--PD000529 --> <!--PD000529 -->
<m-docpan :model="model" :codes="codes" /> <m-docpan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Attachments"> <el-tab-pane label="Attachments" name="doctre">
<!--PD000546 --> <!--PD000546 -->
<m-doctre :model="model" :codes="codes" /> <m-doctre :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Finance"> <el-tab-pane label="Finance" name="finp">
<!--PD000218 --> <!--PD000218 -->
<m-finp :model="model" :codes="codes" /> <m-finp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="外管信息"> <el-tab-pane label="外管信息" name="wg">
<!--PD000009 --> <!--PD000009 -->
<m-wg :model="model" :codes="codes"/> <m-wg :model="model" :codes="codes"/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="境内汇款申请书-基础信息" v-if="model.bopmod.szflg === '2' && model.bopmod.basflg"> <el-tab-pane label="境内汇款申请书-基础信息" name="dbe" v-if="model.bopmod.szflg === '2' && model.bopmod.basflg">
<m-dbe :model="model" :codes="codes"></m-dbe> <m-dbe :model="model" :codes="codes"></m-dbe>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="境外汇款申请书-基础信息" v-if="model.bopmod.szflg === '1' && model.bopmod.basflg"> <el-tab-pane label="境外汇款申请书-基础信息" name="dbb" v-if="model.bopmod.szflg === '1' && model.bopmod.basflg">
<m-dbb :model="model" :codes="codes"></m-dbb> <m-dbb :model="model" :codes="codes"></m-dbb>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="跨境人民币申报"> <el-tab-pane label="跨境人民币申报" name="cnyp">
<!--PD000002 --> <!--PD000002 -->
<m-cnyp :model="model" :codes="codes"/> <m-cnyp :model="model" :codes="codes"/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="2111跨境支出信息" v-if="model.cnybop.outflg==='1'"> <el-tab-pane label="2111跨境支出信息" name="outp" v-if="model.cnybop.outflg==='1'">
<m-outp :model="model" :codes="codes"></m-outp> <m-outp :model="model" :codes="codes"></m-outp>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
...@@ -82,10 +82,7 @@ import Pattern from "~/model/Cptopn/Pattern"; ...@@ -82,10 +82,7 @@ import Pattern from "~/model/Cptopn/Pattern";
import Default from "~/model/Cptopn/Default"; import Default from "~/model/Cptopn/Default";
import Check from "~/model/Cptopn/Check"; import Check from "~/model/Cptopn/Check";
import Opnp1 from "./Opnp1"; import Opnp1 from "./Opnp1";
import Setpan from "./Setpan";
import Glepan from "./Glepan";
import Coninfp from "./Coninfp"; import Coninfp from "./Coninfp";
import Docpan from "./Docpan";
import Doctre from "./Doctre"; import Doctre from "./Doctre";
import Finp from "./Finp"; import Finp from "./Finp";
import Wg from "./Wg"; import Wg from "./Wg";
...@@ -94,6 +91,10 @@ import Dbe from "./Dbe.vue" ...@@ -94,6 +91,10 @@ import Dbe from "./Dbe.vue"
import Dbb from "./Dbb.vue" import Dbb from "./Dbb.vue"
import Outp from "./Outp.vue" import Outp from "./Outp.vue"
import Glepan from "~/views/Public/Glepan"
import Setpan from "~/views/Public/Setpan"
import Docpan from "~/views/Public/Docpan"
export default { export default {
components: { components: {
"m-opnp1": Opnp1, "m-opnp1": Opnp1,
...@@ -127,51 +128,6 @@ export default { ...@@ -127,51 +128,6 @@ export default {
}; };
}, },
methods:{ methods:{
tabClick(vm){
if(this.isInDisplay){
return
}
const label = vm.label
if (label === "Settlement") {
this.executeRule("setmod.setpan").then(res => {
if (res.respCode == SUCCESS){
const data = res.data;
Utils.copyValueFromVO(this.model, data)
}
})
}
if (label === "Bookings") {
this.executeRule("setmod.glemod.glepan").then(res => {
const data = res.data;
this.$refs.glepan.stmData.data = res.data.setmod_glemod_gleshwstm.rows;
})
}
if (label === "Messages") {
this.executeRule("trnmod.trndoc.docpan").then(res => {
if (res.respCode == SUCCESS){
const data = res.data;
Utils.copyValueFromVO(this.model, data)
var stm = [];
let k = 0;
for(let i = 0; i < res.data.trnmod_trndoc_doceot.length; i++){
if(res.data.trnmod_trndoc_doceot[i].role != ""){
stm[k++] = res.data.trnmod_trndoc_doceot[i];
}
}
this.$refs.docpan.stmData.data = stm
}
})
}
if (label === "Attachments") {
this.executeRule("trnmod.trndoc.doctre").then(res => {
if (res.respCode == SUCCESS){
const data = res.data;
Utils.copyValueFromVO(this.model, data)
}
})
}
}
}, },
created: async function () { created: async function () {
console.log("进入cptopn交易"); console.log("进入cptopn交易");
......
src/views/Business/Cptopn/index_copy.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<c-page title="汇出汇款"> <c-page title="汇出汇款">
<div class="eContainer"> <div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" size="small"> <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" size="small">
<el-tabs v-model="activeName" type="card" @tab-click="onTabClick"> <el-tabs v-model="activeName" type="card" @tab-click="tabClick">
<el-tab-pane label="概况" name="basic"> <el-tab-pane label="概况" name="basic">
<m-basic v-bind:model="model"/> <m-basic v-bind:model="model"/>
</el-tab-pane> </el-tab-pane>
...@@ -2392,10 +2392,6 @@ export default { ...@@ -2392,10 +2392,6 @@ export default {
} }
}, },
methods:{ methods:{
onTabClick(tab, event){
},
onUsrcon(){ onUsrcon(){
this.$refs.modelForm.validate(async valid => { this.$refs.modelForm.validate(async valid => {
if(!valid) if(!valid)
......
src/views/Business/Ditame/index.vue
...@@ -2007,7 +2007,6 @@ export default { ...@@ -2007,7 +2007,6 @@ export default {
}; };
}, },
methods: { methods: {
tabClick(vm) {},
}, },
created: async function () { created: async function () {
console.log("进入ditame交易"); console.log("进入ditame交易");
......
src/views/Business/Ditopn/Glepan.vue
<!--
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="22" :offset="1"> <c-col :span="22" :offset="1">
...@@ -44,3 +46,5 @@ export default { ...@@ -44,3 +46,5 @@ export default {
<style> <style>
</style> </style>
-->
\ No newline at end of file
src/views/Business/Ditopn/SetpanDialog.vue
...@@ -366,8 +366,6 @@ export default { ...@@ -366,8 +366,6 @@ export default {
set:function (value) { set:function (value) {
this.$parent.$parent.dialogVisible2 =value; this.$parent.$parent.dialogVisible2 =value;
} }
} }
} }
}; };
......
src/views/Business/Ditopn/index.vue
...@@ -117,14 +117,15 @@ import Mt799 from "./Mt799" ...@@ -117,14 +117,15 @@ import Mt799 from "./Mt799"
import Litbenl1 from "./Litbenl1" import Litbenl1 from "./Litbenl1"
import Litapll1 from "./Litapll1" import Litapll1 from "./Litapll1"
import Litrmbl1 from "./Litrmbl1" import Litrmbl1 from "./Litrmbl1"
import Setpan from "./Setpan"
import Engp from "./Engp" import Engp from "./Engp"
import Addbcb from "./Addbcb" import Addbcb from "./Addbcb"
import Docpan from "./Docpan"
import Limitbody from "./Limitbody" import Limitbody from "./Limitbody"
import Coninfp from "./Coninfp" import Coninfp from "./Coninfp"
import Ccvpan from "./Ccvpan" import Ccvpan from "./Ccvpan"
import Glepan from "./Glepan"
import Glepan from "~/views/Public/Glepan"
import Setpan from "~/views/Public/Setpan"
import Docpan from "~/views/Public/Docpan"
export default { export default {
...@@ -170,57 +171,6 @@ export default { ...@@ -170,57 +171,6 @@ export default {
} }
}, },
methods:{ methods:{
tabClick(vm){
if(this.isInDisplay){
return
}
const name = vm.name
if (name === "engp") {
this.executeRule("liaall.engp").then(res => {
const data = res.data;
Utils.copyValueFromVO(this.model, data)
})
}
if (name === "glepan") {
this.executeRule("setmod.glemod.glepan").then(res => {
const data = res.data;
this.$refs.glepan.stmData.data = res.data.setmod_glemod_gleshwstm.rows;
//Utils.copyValueFromVO(this.model, data)
})
}
if (name === "setpan") {
this.executeRule("setmod.setpan").then(res => {
if (res.respCode == SUCCESS){
const data = res.data;
Utils.copyValueFromVO(this.model, data)
}
})
}
if (name === "docpan") {
this.executeRule("trnmod.trndoc.docpan").then(res => {
if (res.respCode == SUCCESS){
const data = res.data;
Utils.copyValueFromVO(this.model, data)
var stm = [];
let k = 0;
for(let i = 0; i < res.data.trnmod_trndoc_doceot.length; i++){
if(res.data.trnmod_trndoc_doceot[i].role != ""){
stm[k++] = res.data.trnmod_trndoc_doceot[i];
}
}
this.$refs.docpan.stmData.data = stm
}
})
}
if (name === "limitbody") {
this.executeRule("liaall.limmod.limitbody").then(res => {
if (res.respCode == SUCCESS){
const data = res.data;
Utils.copyValueFromVO(this.model, data)
}
})
}
}
}, },
mounted:async function(){ mounted:async function(){
console.log("进入ditopn交易"); console.log("进入ditopn交易");
...@@ -240,22 +190,20 @@ export default { ...@@ -240,22 +190,20 @@ export default {
this.$notify.error({title: '错误',message: '服务请求失败！'}); this.$notify.error({title: '错误',message: '服务请求失败！'});
} }
}, },
computed:{
flg(){
return this.model.didgrp.rec.elcflg
},
avbby(){
return this.model.didgrp.rec.avbby
}
},
watch:{ watch:{
flg(){ // 动态修改属性的必填属性
this.pattern["didgrp.rec.fenctg"][0].required = this.model.didgrp.rec.elcflg == "Y"; "model.didgrp.rec.elcflg": {
handler(val, oldVal) {
this.changeFormItemRequired("didgrp.rec.fenctg", val == "Y")
}, },
avbby(){ immediate: true
this.pattern["didgrp.rec.tenmaxday"][0].required = this.model.didgrp.rec.avbby == "D";
}, },
"model.didgrp.rec.avbby": {
handler(val, oldVal) {
this.changeFormItemRequired("didgrp.rec.tenmaxday", val == "D")
},
immediate: true
}
} }
} }
</script> </script>
......
src/views/Business/Ditsel/index.vue
...@@ -536,7 +536,6 @@ export default { ...@@ -536,7 +536,6 @@ export default {
}; };
}, },
methods: { methods: {
tabClick(){},
}, },
created: async function () { created: async function () {
console.log("进入ditsel交易"); console.log("进入ditsel交易");
......
src/views/Business/Infpta/index.vue
...@@ -167,8 +167,6 @@ export default { ...@@ -167,8 +167,6 @@ export default {
} }
}, },
methods:{ methods:{
tabClick(){}
}, },
created:async function(){ created:async function(){
console.log("进入infpta交易"); console.log("进入infpta交易");
......
src/views/Business/Office/index.vue
...@@ -185,9 +185,6 @@ export default { ...@@ -185,9 +185,6 @@ export default {
handleClick(index, row){ handleClick(index, row){
console.log(index) console.log(index)
}, },
tabClick(){
}
}, },
mounted:async function(){ mounted:async function(){
......
src/views/Business/Trnrel/Trndtl/index.vue
...@@ -542,9 +542,6 @@ export default { ...@@ -542,9 +542,6 @@ export default {
} }
}) })
}, },
tabClick(){
},
}, },
mounted:async function(){ mounted:async function(){
console.log("进入trndtl交易"); console.log("进入trndtl交易");
......
src/views/Business/Trnrel/index.vue
...@@ -65,9 +65,6 @@ export default { ...@@ -65,9 +65,6 @@ export default {
} }
}, },
methods:{ methods:{
tabClick(){
}
}, },
mounted:async function(){ mounted:async function(){
console.log("进入trnrel交易"); console.log("进入trnrel交易");
......
src/views/Public/Docpan.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="Correspondence"> </el-form-item>
</c-col>
<c-col :span="22" :offset="1">
<c-istream-table-docpan :list="stmData.data" :columns="stmData.columns">
<el-table-column label="报文格式">
<template slot-scope="scope">
<c-select
v-model="
model.trnmod.trndoc.doceot[scope.row.index].cortyp
"
style="width: 100%"
disabled
placeholder="请选择"
>
<el-option
v-for="item in codes.doceotCortyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="报文格式">
<template slot-scope="scope">
<c-select
v-model="
model.trnmod.trndoc.doceot[scope.row.index].docsnf
"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.docsnf"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="语言" width="150%">
<template slot-scope="scope">
<c-select
v-model="
model.trnmod.trndoc.doceot[scope.row.index].docuil
"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.uiltxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="传送方式">
<template slot-scope="scope">
<c-select
v-model="
model.trnmod.trndoc.doceot[scope.row.index].apf
"
disabled
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.apftxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="Or." width="65%">
<template slot-scope="scope">
<c-input
v-model="
model.trnmod.trndoc.doceot[scope.row.index].apfcpy1
"
:readonly="true"
style="width: 100%"
placeholder="请选择"
>
</c-input>
</template>
</el-table-column>
<el-table-column label="CC" width="65%">
<template slot-scope="scope">
<c-input
v-model="
model.trnmod.trndoc.doceot[scope.row.index].apfcpy2
"
style="width: 100%"
placeholder="请选择"
>
</c-input>
</template>
</el-table-column>
<el-table-column label="">
<template slot-scope="scope">
<c-select
v-model="
model.trnmod.trndoc.doceot[scope.row.index].staflg
"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.swttlx"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button
size="mini"
:disabled="
model.trnmod.trndoc.doceot[scope.row.index]
.pandsc == 'MT799' &&
model.didgrp.rec.elcflg == 'Y'
"
@click="handleDisplay(scope.row.index, scope.row)"
>显示</el-button
>
<el-button
size="mini"
type="danger"
@click="handleDetail(scope.row.index, scope.row)"
>明细</el-button
>
</template>
</el-table-column>
<!-- <el-table-column label="">
<template slot-scope="scope">
<el-button
size="medium"
type="danger"
@click="handleDetail(scope.row.index, scope.row)"
>明细</el-button
>
</template>
</el-table-column> -->
</c-istream-table-docpan>
</c-col>
<!-- <c-col :span="24">
<c-table :list="model.trnmod.trndoc.doceot" style="width:80%,text-align:center">
<el-table-column
label="Role"
width="auto"
>
</el-table-column>
<el-table-column
label="Description"
width="auto"
>
</el-table-column>
<el-table-column
label="CORTYP"
width="auto"
>
</el-table-column>
<el-table-column
label="DOCSNF"
width="auto"
>
</el-table-column>
<el-table-column
label="Lang."
width="auto"
>
</el-table-column>
<el-table-column
label="Form"
width="auto"
>
</el-table-column>
<el-table-column
label="Or."
width="auto"
>
</el-table-column>
<el-table-column
label="CC"
width="auto"
>
</el-table-column>
<el-table-column
label=".."
width="auto"
>
</el-table-column>
<el-table-column
label="Show"
width="auto"
>
</el-table-column>
<el-table-column
label="Details"
width="auto"
>
</el-table-column>
</c-table>
</c-col> -->
<!--
<c-col :span="12">
<span v-text="model.trnmod.trndoc.advlabel" data-path=".trnmod.trndoc.advlabel" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="国内证落款">
<c-input v-model="model.trnmod.trndoc.advnam" maxlength="50" placeholder="请输入国内证落款"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="修改申请人名称">
<c-input type="textarea" v-model="model.trnmod.trndoc.amdapl" maxlength="50" show-word-limit placeholder="请输入修改申请人名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.trnmod.trndoc.amdnam" data-path=".trnmod.trndoc.amdnam" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="国内证通知书">
<c-input v-model="model.trnmod.trndoc.advdoc" maxlength="1" placeholder="请输入国内证通知书"></c-input>
</el-form-item>
</c-col>
--><template>
<el-dialog
:title="title"
:visible.sync="centerDialogVisible"
width="60%"
center
>
<el-form label-width="100px" :model="dialog">
<c-row>
<c-col :span="12">
<c-col>
<el-form-item label="per-medium"
><el-input disabled v-model="dialog.cortyp"
/></el-form-item>
</c-col>
<c-col>
<el-form-item label="Form Set">
<el-input
disabled
v-model="dialog.cortyp"
/>
</el-form-item>
</c-col>
<c-col v-if="title != 'elcs.101.001.01'">
<el-form-item>
<el-input
disabled
style="width: 150px"
value="Original"
/>
<el-input
v-model="dialog.apfcpy1"
style="width: 100px; margin-left: 20px"
/>
</el-form-item>
<el-form-item>
<el-input
disabled
style="width: 150px"
value="Customer Copy"
/>
<el-input
v-model="dialog.apfcpy2"
style="width: 100px; margin-left: 20px"
/>
</el-form-item>
<el-form-item>
<el-input
disabled
style="width: 150px"
value="File Copy"
/>
<el-input
v-model="dialog.apfcpy3"
style="width: 100px; margin-left: 20px"
/>
</el-form-item>
<el-form-item>
<el-input
disabled
style="width: 150px"
value="Internal Copy"
/>
<el-input
v-model="dialog.apfcpy4"
style="width: 100px; margin-left: 20px"
/>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item
label="Send Message to"
label-width="150px"
>
<el-input disabled v-model="dialog.roladr" />
</el-form-item>
<el-form-item
label-width="30px"
v-if="title != 'elcs.101.001.01'"
>
<el-input
style="width: 250px"
v-model="dialog.rcv.pts.extkey"
/>
<c-button size="small" type="primary;width:20%"
>i</c-button
>
<c-button size="small" type="primary">
Details
</c-button>
</el-form-item>
<el-form-item v-else label="BIC">
<el-input v-model="dialog.rcv.pts.extkey" />
</el-form-item>
<el-form-item
v-if="title == 'elcs.101.001.01'"
label="行联行号"
>
<el-input v-model="dialog.rcv.pts.bankno" />
</el-form-item>
<el-form-item label-width="30px">
<el-input
:value="
title != 'elcs.101.001.01'
? dialog.rcv.namelc
: dialog.rcv.pts.jigomc
"
:disabled="title != 'elcs.101.001.01'"
type="textarea"
:rows="2"
/>
<br />
<el-input
:value="
title != 'elcs.101.001.01'
? dialog.rcv.adrelc
: dialog.rcv.pts.dizzhii
"
:disabled="title == 'MT799'"
type="textarea"
:rows="2"
/>
</el-form-item>
<el-form-item label="Reference" label-width="100px">
<el-input disabled v-model="dialog.adrref" />
</el-form-item>
<el-form-item label="Medium" label-width="100px">
<el-input
disabled
style="width: 40%"
v-model="dialog.cortyp"
/>
<el-input
disabled
v-model="dialog.docuil"
style="width: 40%; margin-left: 20px"
/>
</el-form-item>
</c-col>
<c-col>&nbsp;</c-col>
<c-col :span="12" v-if="title != 'MT799'">
<el-form-item
label="Adress Amend"
label-width="120px"
>
<el-input
type="textarea"
v-model="dialog.adrblk"
:rows="4"
/>
</el-form-item>
</c-col>
<c-col :span="12" v-else>
<el-form-item label="BIC">
<el-input disabled v-model="dialog.adrbic" />
</el-form-item>
<el-form-item label="Authenticator"
><el-input disabled v-model="dialog.adrbicaut"
/></el-form-item>
<el-form-item label="Priority"
><el-input disabled v-model="dialog.msgpri"
/></el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label-width="30px">
<el-table
:data="dialog.rcv.ptyinftxt.rows"
size="mini"
stripe
:border="true"
empty-text=" "
max-height="430px"
>
<el-table-column label="Corr.Type" sortable>
</el-table-column>
<el-table-column label="Adressing" sortable>
</el-table-column>
<el-table-column
label="Authentication"
sortable
>
</el-table-column>
</el-table>
</el-form-item>
</c-col>
<c-col v-if="title != 'MT799'"
><el-form-item label="Letter Date">
<el-date-picker
type="date"
v-model="dialog.docdat"
>
</el-date-picker
></el-form-item>
</c-col>
<c-col
><el-form-item label="Contact"
><el-input v-model="dialog.ptcnam"
/></el-form-item>
</c-col>
<c-col :span="22"
><el-form-item
:label="
title == 'MT799'
? 'Sender to Rec. information'
: 'Remark'
"
><el-input
type="textarea"
:rows="10"
:disabled="title == 'MT799'"
:v-model="
title == 'MT799'
? dialog.addtxt
: dialog.remark
"
/></el-form-item>
</c-col>
<c-col :span="2">
<el-button size="mini">... </el-button>
</c-col>
</c-row>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="saveDialog"
>确 定</el-button
>
<el-button @click="centerDialogVisible = false"
>取 消</el-button
>
</span>
</template>
</el-dialog>
</template>
</div>
</template>
<script>
import CommonProcess from "~/mixin/CommonProcess";
import Event from "~/model/Ditopn/Event";
import Api from "~/service/Api";
import Utils from "~/utils/index";
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
index: 0,
title: "",
dialog: {
rcv: {
pts: {},
ptyinftxt: {},
},
},
centerDialogVisible: false,
stmData: {
columns: [
//注释的已改成静态
"role 收报人",
"pandsc 描述",
//"cortyp 类型",
//"docsnf 报文格式",
//"docuil 语言",
//"apf 传送方式"
],
data: [],
},
};
},
watch: {
"model.trnmod.trndoc.doceot": {
handler(val, oldVal) {
var stm = [];
let k = 0;
for (let i = 0; i < val.length; i++) {
if (val[i].role != "") {
stm[k++] = val[i];
}
}
this.stmData.data = stm
},
immediate: true
}
},
methods: {
...Event,
saveDialog() {
this.centerDialogVisible = false;
console.log(this.model);
this.model.trnmod.trndoc.doceot.splice(this.index, 1, this.dialog);
this.executeRule("trnmod.trndoc.doccur.butaddok").then(res => {
if(res.data.respCode==SUCCESS){
//TODO
}else{
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
})
},
},
created: function () {},
};
</script>
<style>
</style>
src/views/Public/Glepan.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="22" :offset="1">
<c-istream-table :list="data" :columns="columns">
</c-istream-table>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditopn/Event"
export default {
inject: ['root'],
mixins: [CommonProcess],
props:["model","codes"],
data(){
return {
columns: [
"2 1 \"D/C\" 38 1 0",
"6 2 \"Account Number\" 140",
"3 3 \"Cur\" 60",
"4 4 \"Amount\" 135 2 8:1 2 5",
"5 5 \"Value Date\" 80",
"7 6 \"Rate Type\" 90",
"8 7 \"Rate\" 85 2 0 1 0",
"9 8 \"Term\" 60",
"0 9 \"PN\" 62 1 0"
],
data: [
]
}
},
watch: {
//this.$refs.glepan.stmData.data = res.data.setmod_glemod_gleshwstm.rows;
'model.setmod.glemod.gleshwstm': {
handler(val, oldVal) {
if (val.rows) {
this.data = val.rows
}
},
immediate: true
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
src/views/Public/Setpan.vue 0 → 100644
<template>
<c-row class="eibs-tab">
<!-- ====================顶部==================== -->
<c-col :span="6">
<el-form-item label="参考号" label-width="100px">
<c-input
v-model="model.setmod.ref"
maxlength="16"
:readonly="true"
placeholder="请输入our reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="结算金额" label-width="100px">
<c-input
v-model="model.setmod.doccur"
style="width: 100%"
placeholder="CNY"
:readonly="true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="" label-width="20px">
<c-input
v-model="model.setmod.docamt"
:readonly="true"
placeholder="请输入document amount"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="类型" label-width="100px">
<c-select
v-model="model.setmod.dspflg"
disabled
style="width: 100%"
placeholder="请选择Type of settlement"
>
<el-option
v-for="item in codes.dspflg"
: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 label="自贸区账号">
<c-input v-model="model.setmod.zmqacc" maxlength="20" placeholder="请输入自贸区账号"></c-input>
</el-form-item>
</c-col>
<c-col :span="6" style="text-align:center">
<c-checkbox v-model="model.setmod.xreflg">Recalculate Rates</c-checkbox>
</c-col>
-->
<c-col :span="3" :offset="21">
<el-form-item label="" label-width="20px">
<c-button size="small" type="primary" @click="onSetmodDet">
细节
</c-button>
</el-form-item>
</c-col>
<!-- ==============中部表格===================== -->
<c-col :span="24">
<el-form-item
label="Foreign Commission/Charges:"
label-width="210px"
>
</el-form-item>
</c-col>
<c-col :span="22" style="margin-bottom: 18px" :offset="1">
<c-table
style="text-align: center"
:list="model.setmod.setfog.setfol"
:paginationShow="false"
:border="true"
>
<el-table-column label="Payer" prop="ptydbt" width="auto">
<template slot-scope="scope">
<el-select v-model="scope.ptydbt">
<el-option
v-for="item in codes.ptydbt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Payee" width="auto">
<template slot-scope="scope">
<el-select v-model="scope.Payee">
<el-option
v-for="item in codes.Payee"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Source" prop="src" width="auto">
</el-table-column>
<el-table-column label="Disp" prop="dsp" width="auto">
</el-table-column>
<el-table-column
label="Text for Payer"
prop="txtdbt"
width="auto"
>
</el-table-column>
<el-table-column
label="Text for Payee"
prop="txtpay"
width="auto"
>
</el-table-column>
<el-table-column label="Currency" prop="cur" width="auto">
<template slot-scope="scope">
<el-select v-model="scope.cur">
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Amount" prop="amt" width="auto">
</el-table-column>
<el-table-column label="" prop="det" width="auto">
<template slot-scope="scope" slot="header">
<el-button
class="el-icon-circle-plus-outline"
size="mini"
@click="addRow(scope)"
>
</el-button>
<el-button
class="el-icon-remove-outline"
size="mini"
@click="removeRow(scope)"
>
</el-button>
</template>
<template slot-scope="scoped">
<el-button
size="mini"
@click="detail1(scoped.$index, scoped.row)"
>details</el-button
>
</template>
</el-table-column>
</c-table>
</c-col>
<c-col>
<el-dialog :visible.sync="dialogVisible" center>
<el-form :model="dialog">
<el-form-item label="收款人">
<el-select v-model="dialog.ptypay">
<el-option
v-for="item in codes.ptypay"
:key="item.value"
:labelF="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="收款人摘要"
><c-input v-model="dialog.txtpay" />
</el-form-item>
<el-form-item label="付款人">
<el-select v-model="dialog.ptydbt">
<el-option
v-for="item in codes.ptydbt"
:key="item.value"
:labelF="item.label"
:value="item.value"
/> </el-select
></el-form-item>
<el-form-item label="付款人摘要"
><c-input v-model="dialog.txtdbp" />
</el-form-item>
<el-form-item label="费用"
><c-select v-model="dialog.cur">
<el-option
v-for="item in codes.cur"
:key="item.value"
:labelF="item.label"
:value="item.value"
/>
</c-select>
<c-input v-model="dialog.amt" style="width: 200px"
/></el-form-item>
<el-form-item label-width="10em">
<c-checkbox v-model="dialog.forflg"
>CG00005</c-checkbox
>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="saveDialog"
>确 定</el-button
>
<el-button @click="dialogVisible = false">取 消</el-button>
</span>
</el-dialog>
</c-col>
<!--=================== Own Commission/Charges:================== -->
<c-col :span="24" style="text-align: left">
<el-form-item label="Own Commission/Charges:"> </el-form-item>
</c-col>
<c-col :span="22" style="margin-bottom: 18px" :offset="1">
<c-table
style="text-align: center"
:list="model.setmod.setfeg.setfel"
:paginationShow="false"
:border="true"
>
<el-table-column label="Role" width="auto">
<template #default="scope">
<el-select v-model="scope.row.rol">
<el-option
v-for="item in codes.setfelRol"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Code" prop="feecod" width="auto">
</el-table-column>
<el-table-column label="Source" prop="src" width="auto">
</el-table-column>
<el-table-column label="Disp" width="auto">
<template #default="scope">
<el-select v-model="scope.row.dsp" @change="dispDefault">
<el-option
v-for="item in codes.setfeldsp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Units" prop="unt" width="auto">
</el-table-column>
<el-table-column
label="Long Fee Text"
prop="feetxtinf"
width="auto"
>
</el-table-column>
<el-table-column label="Currency" prop="cur" width="auto">
</el-table-column>
<el-table-column
label="Original Amount"
prop="ogiamt"
width="auto"
>
</el-table-column>
<el-table-column label="Fee Amount" prop="amt" width="auto">
</el-table-column>
<el-table-column label="Details" prop="det" width="auto">
<template slot-scope="scoped">
<el-button
size="mini"
@click="detail2(scoped.$index, scoped.row)"
>details</el-button
>
</template>
</el-table-column>
</c-table>
</c-col>
<setpan-dialog v-if="dialogVisible2" :visible="dialogVisible2" :model="model" :idx="index" :codes="codes"/>
<c-col :span="24" style="text-align: left">
<el-form-item label="Settlement:" label-width="100px">
</el-form-item>
</c-col>
<c-col :span="22" style="margin-bottom: 18px" :offset="1">
<c-table
style="text-align: center"
:list="model.setmod.setglg.setgll"
:paginationShow="false"
:border="true"
>
<el-table-column label="Mod" prop="modflg" width="auto">
</el-table-column>
<el-table-column label="Role" prop="rol" width="auto">
</el-table-column>
<el-table-column label="in" prop="acccur" width="auto">
<template slot-scope="scope">
<el-select v-model="scope.row.acccur">
<el-option
v-for="item in codes.acccur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column
label="Amount Paid"
prop="fmtaccamt"
width="auto"
>
</el-table-column>
<el-table-column label="Disp." width="auto">
<template #default="scope">
<el-select v-model="scope.row.dsp">
<el-option
v-for="item in codes.setglldsp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="Account" prop="act" width="auto">
<template slot-scope="scope">
<el-select v-model="scope.row.act">
<el-option
v-for="item in scope.act"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="C" prop="debcdtflg" width="auto">
</el-table-column>
<el-table-column label="Curr." prop="cur" width="auto">
</el-table-column>
<el-table-column
label="Original Amount"
prop="fmtamt"
width="auto"
>
</el-table-column>
<el-table-column label="Rate" prop="rat" width="auto">
</el-table-column>
<el-table-column label="" width="auto"> </el-table-column>
</c-table>
</c-col>
<c-col :span="12" style="margin-bottom: 10px;">
<span v-text="model.setmod.retmsg" data-path=".setmod.retmsg">
</span>
</c-col>
<c-col :span="12" style="margin-bottom: 10px;">
<span v-text="model.setmod.zmqacclab" data-path=".setmod.zmqacclab">
</span>
</c-col>
<c-col :span="12" style="margin-bottom: 10px;">
<span
v-text="model.setmod.setglg.labdspflg"
data-path=".setmod.setglg.labdspflg"
>
</span>
</c-col>
</c-row>
</template>
<script>
import Event from "~/model/Ditopn/Event";
import CommonProcess from "~/mixin/CommonProcess";
import SetpanDialog from "./SetpanDialog.vue";
import Api from "~/service/Api"
import Utils from "~/utils/index"
export default {
inject: ['root'],
components: { SetpanDialog },
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
dialogVisible: false,
dialogVisible2: false,
dialog: {
payee: "",
ptydbt: "",
txtpay: "",
txtdbt: "",
CG00005: "",
},
dialog2: {
feetxtinf:"",
feetxt:"",
},
index: 0,
};
},
methods: {
...Event,
//第一个表格
addRow() {
let newRow = { ...dialog };
this.model.setmod.setfog.setfol.push(newRow);
},
removeRow() {
this.model.setmod.setfog.setfol.pop();
},
saveDialog() {
this.visiable = false;
this.model.setmod.setfog.setfol[this.index] = this.dialog;
},
// 第二个表格
detail1(index, row) {
this.executeDefault("det").then(res=>{
this.dialogVisible = true;
this.dialog = row;
this.index = index;
})
},
dispDefault(){
this.executeDefault("mac").then(res=>{
Utils.copyValueFromVO(this.model, res.data)
})
},
// 第三个表格
detail2(index, row) {
this.executeRule("det").then(res=>{
this.dialogVisible2 = true;
this.index = index;
this.dialog2 = row
})
},
},
created: function () {},
};
</script>
<style>
</style>
src/views/Public/SetpanDialog.vue 0 → 100644
<template>
<el-dialog :visible.sync="visiable" center fullscreen destroy-on-close><c-col>
<el-form v-model="model.setmod.setfeg.setfel[idx]" inline>
<c-col>
<c-col :span="8">
<el-form-item label="费用代码">
<c-input
v-model="model.setmod.setfeg.setfel[idx].feecod"
disabled/>
</el-form-item>
</c-col>
<c-col :span="16">
<el-form-item label="中文描述">
<c-input
v-model="model.setmod.setfeg.setfel[idx].feetxt"
style="width: 350px"/>
<c-input
v-model="model.setmod.setfeg.setfel[idx].modflg"
disabled
style="width: 350px; margin-left: 100px"/>
</el-form-item>
</c-col>
</c-col>
<c-col>
<c-col :span="6">
<el-form-item label="详细信息">
<c-input
v-model="model.setmod.setfeg.setfel[idx].feetxtinf"
/>
</el-form-item
>
</c-col>
<c-col :span="6">
<el-form-item label="起算时间">
<c-input
v-model="model.setmod.setfeg.setfel[idx].dat1"
type="date"
/>
</el-form-item
>
</c-col>
<c-col :span="6">
<el-form-item label="结束时间">
<c-input
v-model="
model.setmod.setfeg.setfel[idx].dat2
"
type="date"
/>
</el-form-item
>
</c-col>
<c-col :span="6">
<el-form-item label="收取份数">
<c-input
v-model="model.setmod.setfeg.setfel[idx].unt"
/>
</el-form-item
>
</c-col>
</c-col>
<c-col>
<el-form-item label="费用换算">
<c-select
v-model="model.setmod.setfeg.setfel[idx].usrcur">
<el-option
v-for="item in codes.usrcur"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
<c-input
v-model="model.setmod.setfeg.setfel[idx].usramt"
style="width: 200px; margin-left: 50px"
/>
</el-form-item>
</c-col>
<c-col>
<c-col :span="8">
<el-form-item label="应收费用"
>
<c-input
v-model="model.setmod.setfeg.setfel[idx].cur"
disabled
style="width: 100px; margin-right: 10px"
/>
<c-input
v-model="model.setmod.setfeg.setfel[idx].ogiamt"
disabled
style="width: 200px"
/>
</el-form-item
>
</c-col>
<c-col :span="8">
<el-form-item label="优惠百分比"
>
<c-input v-model="model.setmod.setfeg.setfel[idx].dctrat" >
<template #append>%</template>
</c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Period calculation starting at">
<c-input
v-model="model.setmod.setfeg.setfel[idx].datrefbeg"
disabled/>
</el-form-item
>
</c-col>
</c-col>
<c-col>
<c-col :span="8">
<el-form-item label="付款方">
<c-select
v-model="model.setmod.setfeg.setfel[idx].rol">
<el-option
v-for="item in codes.rol"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="优惠金额">
<c-input
v-model="model.setmod.setfeg.setfel[idx].dctamt"/>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="优惠后实收费用金额">
<c-input
v-model="model.setmod.setfeg.setfel[idx].amt"/>
</el-form-item>
</c-col>
</c-col>
<c-col>
<el-form-item
:label="idx==0?'Per mile fee depending on duration':
'A fixed amount per unit is caculated. This type will, for example, be used for correspondence charges.'"
/>
</c-col>
<c-col :span="12">
<c-col v-if="idx==0">
<c-col>
<el-form-item label="千分率">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.ratcal"
style="width: 200px"
/>
</el-form-item>
</c-col>
<c-col>
<el-form-item label="最小值">
<c-select
v-model="model.setmod.setfeg.setfel[idx].fecp1.mincur"
style="width: 200px" >
<el-option
v-for="item in codes.mincur"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
<!-- v-model="model.setmod.setfeg.setfel[idx].fecp1.fec.minamt" -->
<c-input
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.minamt"
/>
<c-input
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.minfcc"
/>
</el-form-item>
</c-col>
<c-col>
<el-form-item label="最大值">
<c-select
v-model="model.setmod.setfeg.setfel[idx].fecp1.maxcur"
style="width: 200px" >
<el-option
v-for="item in codes.maxcur"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
<c-input
style="width: 200px;"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.maxamt"/>
<c-input
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.maxfcc"
/>
</el-form-item>
</c-col>
<c-col>
<el-form-item>
<c-checkbox
label="CG000652"
v-model="model.setmod.setfeg.setfel[idx].fecp1.jnwshx"
/>
</el-form-item>
</c-col>
</c-col>
<c-col v-else>
<el-form-item label="Amount">
<c-select v-model="model.setmod.setfeg.setfel[idx].wrkfec.ratcur">
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
<c-input
style="width:200px;"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.untamt "
>
</c-input>
</el-form-item>
</c-col>
<c-col>
<el-form-item label="销项税">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.taxrat"
disabled
style="width: 200px"
/>
</el-form-item>
</c-col>
<c-col>
<el-form-item label="客户属性">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.custyp"
disabled
style="width: 200px"
/>
</el-form-item>
</c-col>
</c-col>
<c-col v-if="idx==0" :span="12">
<el-form-item label="Caiculation Base">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.calcbs"
disabled
style="width: 200px"
/>
</el-form-item>
<el-form-item label="Calc.Period">
<c-select
v-model="model.setmod.setfeg.setfel[idx].fecp1.pertyp">
<el-option
v-for="item in codes.pertyp"
:label="item.label"
:value="item.value"
:key="item.value"
/>
</c-select>
</el-form-item>
<el-form-item label="Min.Periods">
<c-input
v-model="model.setmod.setfeg.setfel[idx].fecp1.per"
style="width: 200px"
/>
</el-form-item>
<el-form-item label="Rates to Apply per Period Tier"/>
<el-form-item label="from Perimod">
<c-input
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perbegtr2"
/>
<c-input
disabled
style="width: 200px; margin-left: 50px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perrattr2"
/>
</el-form-item>
<el-form-item label="from Perimod">
<c-input
disabled
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perbegtr3"
/>
<c-input
disabled
style="width: 200px; margin-left: 50px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perrattr3"
/>
</el-form-item>
<el-form-item label="from Perimod">
<c-input
disabled
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perbegtr4"
/>
<c-input
disabled
style="width: 200px; margin-left: 50px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perrattr4"
/>
</el-form-item>
<el-form-item label="from Perimod">
<c-input
disabled
style="width: 200px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perbegtr5"
/>
<c-input
disabled
style="width: 200px; margin-left: 50px"
v-model="model.setmod.setfeg.setfel[idx].wrkfec.perrattr5"
/>
</el-form-item>
</c-col>
<c-col>&nbsp;</c-col>
<c-col :span="18" :offset="6">
<el-form-item label="收费的说明信息" >
<c-input
v-model="model.setmod.setfeg.setfel[idx].inftxt"
disabled
rows="10"
type="textarea"
style="width: 500px;"
/>
</el-form-item>
</c-col>
</el-form>
<c-col :span="4" :offset="8">
<c-button type="primary" @click="saveDialog">
确 定
</c-button>
</c-col>
<c-col :span="6" >
<c-button @click="visiable = false">取 消</c-button>
</c-col>
</c-col>
</el-dialog>
</template>
<script>
export default {
props: {
visible: Boolean,
model: Object,
idx: Number,
codes:Object,
},
methods: {
saveDialog() {
this.visiable = false;
},
},
computed:{
visiable:{
get:function () {return this.visible;},
set:function (value) {
this.$parent.$parent.dialogVisible2 =value;
}
}
}
};
</script>
<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