Skip to content

V
vue-gjjs
Commit 7f03c8cd by LiRui
Options

gitcrj页面修改

parent e7b53042
Showing with 181 additions and 190 deletions
src/views/Business/Gitcrj/Gitsetp1.vue
<template>
<div class="eibs-tab">
<c-col :span="12 " style="padding-right: 20px;">
<c-col :span="16" v-if="model.gidgrp.rec.expflg=='X'||model.gidgrp.rec.expdat!=''">
<c-col :span="12" style="padding-right: 20px">
<c-col
:span="16"
v-if="model.gidgrp.rec.expflg == 'X' || model.gidgrp.rec.expdat != ''"
>
<el-form-item
label="保函编号"
prop="gidgrp.rec.ownref"
......@@ -23,14 +26,16 @@
icon="el-icon-info"
@click="onSeainf"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24" v-if="model.gidgrp.rec.expflg!='X'&&model.gidgrp.rec.expdat==''">
<c-col
:span="24"
v-if="model.gidgrp.rec.expflg != 'X' && model.gidgrp.rec.expdat == ''"
>
<el-form-item
label="保函编号"
prop="gidgrp.rec.ownref"
......@@ -52,25 +57,21 @@
icon="el-icon-info"
@click="onSeainf"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="8" v-if="model.gidgrp.rec.expflg=='X'">
<el-form-item
style="margin-left:20px"
label="我行责任敞口"
>
<c-col :span="8" v-if="model.gidgrp.rec.expflg == 'X'">
<el-form-item style="margin-left: 20px" label="我行责任敞口">
</el-form-item>
</c-col>
<c-col :span="8" v-if="model.gidgrp.rec.expdat!=''">
<c-col :span="8" v-if="model.gidgrp.rec.expdat != ''">
<el-form-item
label="保函效期"
label-width="50px"
prop="gidgrp.rec.expdat"
prop="gidgrp.rec.expdat"
>
<c-date-picker
type="date"
......@@ -82,7 +83,6 @@
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="索赔编号"
......@@ -105,7 +105,6 @@
icon="el-icon-info"
@click="onSeainf"
>
</c-button>
<c-button
size="small"
......@@ -201,32 +200,34 @@
</c-form-item>
</c-col>
<c-col :span="24">
<c-col :span="24">
<el-form-item label="保函种类" prop="gidgrp.rec.gartyp">
<c-select
disabled
v-model="model.gidgrp.rec.gartyp"
style="width: 100%"
placeholder="请选择保函种类"
:code="typgar2"
placeholder="请选择保函种类"
:code="codes.typgar"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" v-if="model.gidgrp.rec.liadat=='X'" >
<el-form-item
label="我行责任敞口"
>
</el-form-item>
<c-col :span="24" v-if="model.gidgrp.rec.liadat == 'X'">
<el-form-item label="我行责任敞口"> </el-form-item>
</c-col>
<c-col :span="24" v-if="model.gidgrp.rec.liadat!=''" >
<c-col :span="24" v-if="model.gidgrp.rec.liadat != ''">
<el-form-item label="责任截至日" prop="gidgrp.rec.liadat">
<c-date-picker type="date" v-model="model.gidgrp.rec.liadat" disabled style="width:100%" placeholder="请选择责任截至日"></c-date-picker>
<c-date-picker
type="date"
v-model="model.gidgrp.rec.liadat"
disabled
style="width: 100%"
placeholder="请选择责任截至日"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="索赔日期" prop="gcdgrp.rec.clmdat">
......@@ -239,7 +240,7 @@
</el-form-item>
</c-col>
</c-col>
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="12" style="padding-left: 20px">
<c-col :span="12">
<c-form-item
label="保函余额"
......@@ -329,7 +330,7 @@
</c-col>
</c-col>
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="信函名称" prop="lettername">
<c-input
......@@ -339,12 +340,12 @@
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="24">
<el-form-item label="选择拒付类型" prop="rejtypsel">
<c-select
v-model="model.rejtypsel"
style="width:100%"
style="width: 100%"
placeholder=""
:code="rejtypsel"
></c-select>
......@@ -370,10 +371,7 @@
</c-col>
<c-col :span="24">
<el-form-item
label="拒付原因"
prop="trnmod.swiadd.strinfs20"
>
<el-form-item label="拒付原因" prop="trnmod.swiadd.strinfs20">
<c-input
type="textarea"
v-model="model.trnmod.swiadd.strinfs20"
......@@ -413,7 +411,6 @@
)
"
>
</c-button>
</template>
</c-fullbox>
......@@ -421,7 +418,7 @@
</c-col>
</c-col>
<c-col :span="12" style="margin-top: 15px;padding-left: 20px;">
<c-col :span="12" style="margin-top: 15px; padding-left: 20px">
<c-col :span="24">
<c-form-item label="索赔当事人" prop="gcdgrp.rec.docprbrol">
<c-select
......@@ -430,7 +427,7 @@
style="width: 100%"
disabled
>
<el-option
<el-option
v-for="item in codes.docprbrol"
:key="item.value"
:label="item.label"
......@@ -469,7 +466,6 @@
icon="el-icon-info"
@click="onSeainf"
>
</c-button>
<c-button
size="small"
......@@ -534,7 +530,6 @@
icon="el-icon-info"
@click="onSeainf"
>
</c-button>
<c-button
style="margin: 0 0"
......@@ -580,27 +575,26 @@ export default {
rejtypsel: [
{ label: "待定指令", value: "I" },
{ label: "直接返回单据", value: "R" },
],
],
typgar2: [
{ label: "农民工工资保函", value: "1" },
{ label: "农民工工资保函2", value: "2" },
],
],
};
},
watch:{
"model.rejtypsel" : {
watch: {
"model.rejtypsel": {
immediate: true,
handler(val,oldval){
if(this.model.rejtypsel=="I"){
this.model.mtabut.clsflg=""
}else if(this.model.rejtypsel=="R"){
this.model.mtabut.clsflg="X"
}
}
handler(val, oldval) {
if (this.model.rejtypsel == "I") {
this.model.mtabut.clsflg = "";
} else if (this.model.rejtypsel == "R") {
this.model.mtabut.clsflg = "X";
}
},
},
},
},
methods: { ...Event },
created: function () {},
};
......
src/views/Business/Gitcrj/index.vue
<template>
<div class="eContainer">
<c-page title="进口保函拒付">
<!-- <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> -->
<!-- <el-button size="small">拆分报文</el-button> -->
<!-- <el-button size="small">智能提示</el-button> -->
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-tabs
v-model="tabVal"
ref="elment"
type="card"
@tab-click="myTabClick"
>
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes"/>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="费用/账务" name="setpann">
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="费用/账务" name="setpann">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
......@@ -46,139 +49,133 @@
</div>
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="备查/附言" name="coninfp">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="附言" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes" />
</c-content>
</el-collapse-item>
</el-collapse>
</div>
</c-content>
<!--PD000000 -->
<el-tab-pane label="备查/附言" name="coninfp">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="附言" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes" />
</c-content>
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes"/>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes"/>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData"
v-on:select-ety="selectEty">
</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
<c-grid-ety-prompt-dialog
ref="doxpDialog"
:isPty="false"
:promptData="promptData"
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
</c-page>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Gitcrj from "~/model/Gitcrj"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Gitcrj from "~/model/Gitcrj";
import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Gitcrj/Check"
import Default from "~/model/Gitcrj/Default"
import Pattern from "~/model/Gitcrj/Pattern"
import Gitsetp1 from "./Gitsetp1"
import Gitbin from "./Gitbin"
import Limitbody from "~/views/Public/Limitbody"
import Doctre from "~/views/Public/Doctre"
import Docpan from "~/views/Public/Docpan"
import Setpan from "~/views/Public/Setpan"
import Coninfp from "~/views/Public/Coninfp"
import Ovwp from "./Ovwp"
import Check from "~/model/Gitcrj/Check";
import Default from "~/model/Gitcrj/Default";
import Pattern from "~/model/Gitcrj/Pattern";
import Gitsetp1 from "./Gitsetp1";
import Gitbin from "./Gitbin";
import Limitbody from "~/views/Public/Limitbody";
import Doctre from "~/views/Public/Doctre";
import Docpan from "~/views/Public/Docpan";
import Setpan from "~/views/Public/Setpan";
import Coninfp from "~/views/Public/Coninfp";
import Ovwp from "./Ovwp";
export default {
name: "Gitcrj",
components:{
"m-gitsetp1" : Gitsetp1,
"m-setpan" : Setpan,
"m-coninfp" : Coninfp,
"m-docpan" : Docpan,
"m-doctre" : Doctre,
"m-gitbin" : Gitbin,
"m-limitbody" : Limitbody,
"m-ovwp" : Ovwp,
},
provide() {
return {
root: this
}
name: "Gitcrj",
components: {
"m-gitsetp1": Gitsetp1,
"m-setpan": Setpan,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-gitbin": Gitbin,
"m-limitbody": Limitbody,
"m-ovwp": Ovwp,
},
provide() {
return {
root: this,
};
},
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "ovwp",
trnName: "gitcrj",
model: new Gitcrj().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
activeNames: ["setpan", "coninfp"],
};
},
methods: {
myTabClick(tab) {
this.tabClick(tab);
/**
* do it yourself
**/
},
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "ovwp",
trnName: "gitcrj",
model: new Gitcrj().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {...CodeTable
},
activeNames: ["setpan","coninfp"],
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入gitcrj交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
if (this.isInDisplay) {
this.restoreDisplay();
}
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
created: async function () {
console.log("进入gitcrj交易");
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
//TODO 处理数据逻辑
if (this.isInDisplay) {
this.restoreDisplay();
}
} 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