Commit 9bcc2847 by wangna

dbeame界面布局

parent 9fd41ac7
import Utils from "~/utils"
/**
* Dbeame Check规则
*/
let checkObj = {
"recgrp.bas.othamt" :null,
"recgrp.bas.actiontype" :null,
"recgrp.bas.custnm" :null,
"recgrp.bas.rptno" :null,
"recgrp.bas.othacc" :null,
"recgrp.bas.oppuser" :null,
"recgrp.bas.txccy" :null,
"ctlmod.wrkdbl.trdtyp" :null,
"recgrp.bas.exrate" :null,
"recgrp.bas.oppacc" :null,
"bopbut.acttyp" :null,
"recgrp.bas.lcyacc" :null,
"recgrp.bas.idcode" :null,
"recgrp.bas.fcyacc" :null,
"recgrp.bas.custcod" :null,
"recgrp.bas.fcyamt" :null,
"recgrp.bas.txamt" :null,
"recgrp.bas.buscode" :null,
"recgrp.bas.custype" :null,
"bopbut.paydat" :null,
"recgrp.bas.actiondesc" :null,
"recgrp.bas.lcyamt" :null,
"recgrp.bas.methods" :null,
}
for (const key in checkObj) {
if (Object.hasOwnProperty.call(checkObj, key)) {
checkObj[key] = checkObj[key] ? checkObj[key] : Utils.reflectCheck(key)
}
}
export default checkObj
/**
* Dbeame Default规则
*/
import Api from "~/service/Api";
import Utils from "~/utils/index"
export default {
"recgrp.bas.tmpref" :Utils.defaultFunction,
"recgrp.bas.buscode" :Utils.defaultFunction,
"bopbut.basflg" :Utils.defaultFunction,
"recgrp.bas.custype" :Utils.defaultFunction,
"ctlmod.wrkdbl.trdtyp" :Utils.defaultFunction,
"bopbut.vrfflg" :Utils.defaultFunction,
"bopbut.dclflg" :Utils.defaultFunction,
"recp.baspp.acp" :Utils.defaultFunction,
"recgrp.bas.custcod" :Utils.defaultFunction,
"recgrp.bas.rptno" :Utils.defaultFunction,
"bopbut.ackflg" :Utils.defaultFunction,
"recgrp.bas.ownextkey" :Utils.defaultFunction,
}
//你可以添加自动default处理
import Api from "~/service/Api"
import Utils from "~/utils"
export default {
async onButpSav(){
let rtnmsg = await this.executeRule("butp.sav")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onButpMod(){
let rtnmsg = await this.executeRule("butp.mod")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onBasppGetreftmp(){
let rtnmsg = await this.executeRule("baspp.getreftmp")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onBasppGetref(){
let rtnmsg = await this.executeRule("baspp.getref")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onButpChk(){
let rtnmsg = await this.executeRule("butp.chk")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onButpDel(){
let rtnmsg = await this.executeRule("butp.del")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onButpErr(){
let rtnmsg = await this.executeRule("butp.err")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onButpExi(){
let rtnmsg = await this.executeRule("butp.exi")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onButpSav(){
let rtnmsg = await this.executeRule("butp.sav")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onButpMod(){
let rtnmsg = await this.executeRule("butp.mod")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onButpChk(){
let rtnmsg = await this.executeRule("butp.chk")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onButpDel(){
let rtnmsg = await this.executeRule("butp.del")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onBopbutAdd(){
let rtnmsg = await this.executeRule("bopbut.add")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onButpErr(){
let rtnmsg = await this.executeRule("butp.err")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
async onButpExi(){
let rtnmsg = await this.executeRule("butp.exi")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败!'});
}
},
}
\ No newline at end of file
export default {
"recgrp.bas.rptno":[
{type: "string", required: false, message: "必输项"},
{max: 22,message:"长度不能超过22"}
],
"recgrp.bas.tmpref":[
{type: "string", required: false, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"recgrp.bas.actiondesc":[
{type: "string", required: true, message: "必输项"},
{max: 32,message:"长度不能超过32"}
],
"recgrp.bas.buscode":[
{type: "string", required: false, message: "必输项"},
{max: 22,message:"长度不能超过22"}
],
"recgrp.bas.custcod":[
{type: "string", required: false, message: "必输项"},
{max: 18,message:"长度不能超过18"}
],
"recgrp.bas.custnm":[
{type: "string", required: true, message: "必输项"},
{max: 63,message:"长度不能超过63"}
],
"recgrp.bas.oppuser":[
{type: "string", required: true, message: "必输项"},
{max: 63,message:"长度不能超过63"}
],
"recgrp.bas.idcode":[
{type: "string", required: false, message: "必输项"},
{max: 32,message:"长度不能超过32"}
],
"recgrp.bas.exrate":[
{type: "string", required: false, message: "必输项"},
{max: 13,message:"长度不能超过13"}
],
"recgrp.bas.lcyamt":[
{type: "number", required: false, message: "必输项"} ],
"recgrp.bas.lcyacc":[
{type: "string", required: false, message: "必输项"},
{max: 32,message:"长度不能超过32"}
],
"recgrp.bas.fcyamt":[
{type: "number", required: false, message: "必输项"} ],
"recgrp.bas.fcyacc":[
{type: "string", required: false, message: "必输项"},
{max: 32,message:"长度不能超过32"}
],
"recgrp.bas.othamt":[
{type: "number", required: false, message: "必输项"} ],
"recgrp.bas.othacc":[
{type: "string", required: false, message: "必输项"},
{max: 32,message:"长度不能超过32"}
],
"recgrp.bas.txamt":[
{type: "number", required: false, message: "必输项"} ],
"recgrp.bas.oppacc":[
{type: "string", required: false, message: "必输项"},
{max: 32,message:"长度不能超过32"}
],
"bopbut.paydat":[
{type: "date", required: false, message: "输入正确的日期"}
],
"bopbut.actiondesc":[
{type: "string", required: true, message: "必输项"},
{max: 32,message:"长度不能超过32"}
],
}
\ No newline at end of file
import Api from "~/service/Api"
import Pts from "../Common/Pts"
export default class Dbeame{
constructor () {
this.data = {
recp:{
baspp:{
cusnam:"", // .recp.baspp.cusnam
cornam:"", // .recp.baspp.cornam
corpnam:"", // .recp.baspp.corpnam
roptnam:"", // RoptNam .recp.baspp.roptnam
exratelab:"", // �'�汇/结汇汇率 .recp.baspp.exratelab
lcyamtlab:"", // �'�汇/结汇金额 .recp.baspp.lcyamtlab
acp:"", // 确认 .recp.baspp.acp
tmprefnew:"", // TMPREFLABEL .recp.baspp.tmprefnew
},
},
recgrp:{
bas:{
tmpref:"", // �'时申报流�'号 .recgrp.bas.tmpref
ownextkey:"", // 地区机构号 .recgrp.bas.ownextkey
actiontype:"", // 操作类型 .recgrp.bas.actiontype
rptno:"", // 申报号码 .recgrp.bas.rptno
idcode:"", // 身份证件号码 .recgrp.bas.idcode
lcyacc:"", // 人民币帐号/银行卡号 .recgrp.bas.lcyacc
fcyamt:"", // 现汇金额 .recgrp.bas.fcyamt
fcyacc:"", // 外汇帐号/银行卡号 .recgrp.bas.fcyacc
othamt:"", // 其它金额 .recgrp.bas.othamt
othacc:"", // 其它帐号/银行卡号 .recgrp.bas.othacc
methods:"", // 结算方式 .recgrp.bas.methods
buscode:"", // 银行业务编号 .recgrp.bas.buscode
custype:"", // 类型 .recgrp.bas.custype
actiondesc:"", // 操作类型 .recgrp.bas.actiondesc
exrate:"", // �'�汇汇率 .recgrp.bas.exrate
lcyamt:"", // �'�汇金额 .recgrp.bas.lcyamt
custnm:"", // 汇款人名称 .recgrp.bas.custnm
oppuser:"", // 收款人名称 .recgrp.bas.oppuser
custcod:"", // 组织机构 .recgrp.bas.custcod
txccy:"", // 汇款币种和金额 .recgrp.bas.txccy
txamt:"", // 汇款币种和金额 .recgrp.bas.txamt
oppacc:"", // 收款人账号 .recgrp.bas.oppacc
},
},
bopbut:{
boplabel:"", // 申报信息 .bopbut.boplabel
acttyplab:"", // ACTTYP Label .bopbut.acttyplab
basflg:"", // 基'⌒畔 .bopbut.basflg
dclflg:"", // 申报信息 .bopbut.dclflg
vrfflg:"", // 管理信息 .bopbut.vrfflg
ackflg:"", // 申报无误 .bopbut.ackflg
actiondesc:"", // 修改/删除原因 .bopbut.actiondesc
paydat:"", // 收付汇日期 .bopbut.paydat
acttyp:"", // 款项标志 .bopbut.acttyp
},
ctlmod:{
wrkdbl:{
trdtyp:"", // �'�易类型 .ctlmod.wrkdbl.trdtyp
},
dbl:{
reldat:"", // 收付汇日期 .ctlmod.dbl.reldat
},
},
pageId: "" // ctx的key
}
}
}
\ No newline at end of file
......@@ -239,6 +239,7 @@ import Ecadel from "./Ecadel"
import Ecainf from "./Ecainf"
import Dbeadd from "./Dbeadd"
import Dbeame from "./Dbeame"
import Dbeinf from "./Dbeinf"
import Dbfadd from "./Dbfadd"
import Dbfinf from "./Dbfinf"
......@@ -497,9 +498,10 @@ const BusRouter = [
{ path: 'Ecadel', component: Ecadel, name: 'Ecadel', meta: { title: '删 -- 国内外汇贷款' } },
{ path: 'Ecainf', component: Ecainf, name: 'Ecainf', meta: { title: '查 -- 国内外汇贷款' } },
{ path: 'Dbeadd', component: Dbeadd, name: 'Dbeadd', meta: { title: '境内汇款申请书(新建)' } },
{ path: 'Dbeame', component: Dbeame, name: 'Dbeame', meta: { title: '境内汇款申请书(修改)' } },
{ path: 'Dbeinf', component: Dbeinf, name: 'Dbeinf', meta: { title: '境内汇款申请书(查询)' } },
{ path: 'Dbfadd', component: Dbfadd, name: 'Dbfadd', meta: { title: '境内汇款申请书(新建)' } },
{ path: 'Dbfinf', component: Dbfinf, name: 'Dbfinf', meta: { title: '境内汇款申请书(查询)' } },
{ path: 'Dbfadd', component: Dbfadd, name: 'Dbfadd', meta: { title: '境内付款/承兑通知书(新建)' } },
{ path: 'Dbfinf', component: Dbfinf, name: 'Dbfinf', meta: { title: '境内付款/承兑通知书(查询)' } },
{ path: 'dzsys/:path', name: 'DzSys', meta: { title: (tag) => { return '电证 - ' + tag.params.title } } },
]
......
<template>
<div class="eibs-tab">
<!-- ======================= 左边 ========================= -->
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="申报号码" prop="recgrp.bas.rptno">
<c-input
v-model="model.recgrp.bas.rptno"
placeholder="请输入申报号码"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="操作类型" prop="recgrp.bas.actiontype">
<c-select
v-model="model.recgrp.bas.actiontype"
style="width: 100%"
placeholder="请选择操作类型"
:code="codes.actiontype"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地区机构号" prop="recgrp.bas.ownextkey">
<c-select
v-model="model.recgrp.bas.ownextkey"
style="width: 100%"
placeholder="请选择地区机构号"
:code="codes.ownextkey3"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="银行业务编号" prop="recgrp.bas.buscode">
<c-input
v-model="model.recgrp.bas.buscode"
maxlength="22"
placeholder="请输入银行业务编号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="汇款人类型" prop="recgrp.bas.custype">
<c-select
v-model="model.recgrp.bas.custype"
style="width: 100%"
placeholder="请选择汇款人类型"
:code="codes.custype"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="汇款人名称" prop="recgrp.bas.custnm">
<c-input
type="textarea"
v-model="model.recgrp.bas.custnm"
maxlength="63"
show-word-limit
placeholder="请输入汇款人名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人名称" prop="recgrp.bas.oppuser">
<c-input
type="textarea"
v-model="model.recgrp.bas.oppuser"
maxlength="63"
show-word-limit
placeholder="请输入收款人名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="身份证件号码" prop="recgrp.bas.idcode">
<c-input
v-model="model.recgrp.bas.idcode"
maxlength="32"
placeholder="请输入身份证件号码"
:disabled="model.recgrp.bas.custype == 'C'"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="购汇金额" prop="recgrp.bas.lcyamt">
<c-input
v-model="model.recgrp.bas.lcyamt"
placeholder="请输入购汇金额"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="现汇金额" prop="recgrp.bas.fcyamt">
<c-input
v-model="model.recgrp.bas.fcyamt"
placeholder="请输入现汇金额"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="其它金额" prop="recgrp.bas.othamt">
<c-input
v-model="model.recgrp.bas.othamt"
placeholder="请输入其它金额"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="汇款币种和金额" prop="recgrp.bas.txccy">
<c-select
v-model="model.recgrp.bas.txccy"
style="width: 100%"
placeholder="请选择汇款币种"
:code="codes.curtxt1"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" prop="recgrp.bas.txamt" label-width="5px">
<c-input
v-model="model.recgrp.bas.txamt"
placeholder="请输入汇款金额"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- ======================= 右边 ========================= -->
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="修改/删除原因" prop="recgrp.bas.actiondesc">
<c-input
type="textarea"
v-model="model.recgrp.bas.actiondesc"
maxlength="32"
show-word-limit
placeholder="请输入修改/删除原因"
:rows="7"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="结算方式" prop="recgrp.bas.methods">
<c-select
v-model="model.recgrp.bas.methods"
style="width: 100%"
placeholder="请选择结算方式"
:code="codes.methods"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="组织机构代码" prop="recgrp.bas.custcod">
<c-input
v-model="model.recgrp.bas.custcod"
maxlength="18"
placeholder="请输入组织机构代码"
:disabled="
model.recgrp.bas.custype == 'D' ||
model.recgrp.bas.custype == 'F'
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-checkbox v-model="model.recp.baspp.acp" :checked="true"
>确认</c-checkbox
>
</c-col>
<c-col :span="24">
<el-form-item label="购汇汇率" prop="recgrp.bas.exrate">
<c-input
v-model="model.recgrp.bas.exrate"
placeholder="请输入购汇汇率"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="人民币帐号/银行卡号" prop="recgrp.bas.lcyacc">
<c-input
v-model="model.recgrp.bas.lcyacc"
maxlength="32"
placeholder="请输入人民币帐号/银行卡号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="外汇帐号/银行卡号" prop="recgrp.bas.fcyacc">
<c-input
v-model="model.recgrp.bas.fcyacc"
maxlength="32"
placeholder="请输入外汇帐号/银行卡号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="其它帐号/银行卡号" prop="recgrp.bas.othacc">
<c-input
v-model="model.recgrp.bas.othacc"
maxlength="32"
placeholder="请输入其它帐号/银行卡号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人账号" prop="recgrp.bas.oppacc">
<c-input
v-model="model.recgrp.bas.oppacc"
maxlength="32"
placeholder="请输入收款人账号"
></c-input>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Dbeame/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
<template>
<div class="eibs-tab">
<!-- ======================= 左边 ========================= -->
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="收付汇日期" prop="ctlmod.dbl.reldat">
<c-date-picker
type="date"
v-model="model.ctlmod.dbl.reldat"
style="width: 100%"
placeholder="请选择收付汇日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="请选择接口数据"
prop="bopbut.basflg"
class="checkbox-left"
>
<c-checkbox disabled :checked="true" v-model="model.bopbut.basflg"
>基础数据</c-checkbox
>
</el-form-item>
</c-col>
</c-col>
<!-- ======================= 右边 ========================= -->
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24">
<el-form-item label="款项去向" prop="bopbut.acttyp">
<c-select
v-model="model.bopbut.acttyp"
style="width: 100%"
placeholder="请选择款项去向"
:code="codes.acttyp"
disabled
>
</c-select>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Dbeame/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
<template>
<div class="eContainer">
<c-page title="境内汇款申请书(修改)">
<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"
>
<!--bopbut PD000000 接口数据 -->
<el-tab-pane label="接口数据" name="selection">
<m-selection :model="model" :codes="codes" />
</el-tab-pane>
<!--dbep PD000000 境内汇款申请书-基础信息 -->
<el-tab-pane label="境内汇款申请书-基础信息" name="basp">
<c-content>
<m-basp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-tabs>
</el-form>
</c-page>
</div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Dbeame from "~/model/Dbeame";
import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Dbeame/Check";
import Default from "~/model/Dbeame/Default";
import Pattern from "~/model/Dbeame/Pattern";
import Basp from "./Basp";
import Selection from "./Selection";
export default {
name: "Dbeame",
components: {
"m-basp": Basp,
"m-selection": Selection,
},
provide() {
return {
root: this,
};
},
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "selection",
trnName: "dbeame",
trnType: "",
model: new Dbeame().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("进入dbeame交易");
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
//TODO 处理数据逻辑
} else {
this.$notify.error({ title: "错误", message: "服务请求失败!" });
}
},
};
</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