<template>
<c-content class="eibs-tab" :height="200">
<c-infsearch-group @handleSearch="handleSearch" @handleReset="handleReset">
<!-- 持续展示区 -->
<template slot="keepShow">
<c-row class="infrow">
<c-col :span="11" :offset="1">
<c-row>
<el-form-item label="Own Reference" prop="infcon.seaownref">
<c-input v-model="model.infcon.seaownref"
maxlength="16"
placeholder="请输入Own Reference"
></c-input>
</el-form-item>
</c-row>
</c-col>
<c-col :span="10" :offset="1">
<el-form-item label="Name" prop="infcon.nam">
<c-input
v-model="model.infcon.nam"
maxlength="40"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
</c-row>
</template>
<!-- 可控展示区 -->
<template slot="changeShow">
<c-row class="infrow">
<c-col :span="11" :offset="1">
<c-row >
<c-col :span="24" >
<el-form-item label="Party Reference" prop="infcon.searef">
<c-input
v-model="model.infcon.searef"
maxlength="16"
placeholder="请输入Party Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Select Single Party" prop="infcon.pty.extkey">
<c-input
v-model="model.infcon.pty.extkey"
maxlength="24"
placeholder="请输入Select Single Party"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Party Name/BIC" prop="infcon.seapty">
<c-input
v-model="model.infcon.seapty"
style="width:100%"
maxlength="24"
placeholder="请输入Party Name/BIC"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Opening between" >
<el-date-picker
type="date"
v-model="model.infcon.opndatfrom"
style="width:100%"
placeholder="请选择Opening between"
></el-date-picker>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="and" label-width="40px" >
<el-date-picker
type="date"
v-model="model.infcon.opndatto"
style="width:100%"
placeholder="请选择Open Date to"
></el-date-picker>
</el-form-item>
</c-col>
<c-col :span="15">
<el-form-item label="币种" prop="infcon.seacur">
<c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency">
<el-option
v-for="item in codes.seacur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="10" :offset="1">
<c-row>
<c-col :span="24">
</c-col>
<c-col :span="24">
<el-form-item label="Party Name" prop="infcon.pty.nam">
<c-input
v-model="model.infcon.pty.nam"
maxlength="40"
placeholder="请输入External Visible Name"
></c-input>
</el-form-item>
</c-col>
<c-col :span="15">
<el-form-item label="Role" prop="infcon.searol">
<c-select
v-model="model.infcon.searol"
style="width:100%"
placeholder="请选择Role"
>
<el-option
v-for="item in codes.searol"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="Resp.User" prop="infcon.usr.extkey">
<c-input
v-model="model.infcon.usr.extkey"
style="width:100%"
maxlength="8"
placeholder="请输入User ID"
></c-input>
</el-form-item>
</c-col>
<c-col :span="10" :offset="1">
<el-form-item label="Status" label-width="50px" prop="infcon.seasta">
<c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status">
<el-option
v-for="item in codes.seasta"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="金额" prop="infcon.seaamtfr">
<c-input
v-model="model.infcon.seaamtfr"
style="width:100%"
placeholder="请输入Amount between"
></c-input>
</el-form-item>
</c-col>
<c-col :span="10" :offset="1">
<el-form-item label="and" label-width="50px" prop="infcon.seaamtfr">
<c-input
v-model="model.infcon.seaamtfr"
style="width:100%"
placeholder="请输入Amount to"
></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-col :span="11" :offset="1">
<el-form-item label="Form of L/C" prop="sealcrtyp">
<c-select
v-model="model.sealcrtyp"
style="width:100%"
:code="codes.lcrtyp"
placeholder="请选择Form of L/C"
></c-select>
</el-form-item>
</c-col>
</template>
</c-infsearch-group>
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<c-col>
<c-button size="small" type="primary" @click="onInfbutSearow">
Search
</c-button>
<c-button size="small" type="primary" @click="onInfbutDsp" disabled>
Display
</c-button>
<c-button size="small" type="primary" @click="onInfbutUserow" disabled>
Use
</c-button>
<c-button size="small" type="primary" @click="onInfbutClr">
Clear
</c-button>
<c-button size="small" type="primary" @click="onInfbutButprt">
导Excel
</c-button>
<c-button size="small" type="primary" @click="onInfbutExi">
Exit
</c-button>
</c-col>
</c-row>
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<c-istream-table :list="this.model.infbut.dspstm" :columns="columns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
</c-istream-table>
</c-row>
</c-content>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infled/Event"
import BusNavbar from "~/views/Business/Infled/BusNavbar"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [CommonProcess],
components:{'m-busbtn':BusNavbar},
data(){
return {
// curinr:"",
curownref:"",
initdialog:false,
columns:[
// "1 1 \"业务编号\" 130 200",
// "2 2 \"经办柜员\" 90 80",
// "5 5 \"开立日期\" 120 250",
// "6 6 \"到期日\" 300 250",
// "8 7 \"分行名称\" 200 300",
// "9 8 \"申请人编号\" 150 200",
// "11 9 \"申请人名称\" 150 300",
// "15 10 \"受益人名称\" 60 300",
// "16 3 \"开立币种\" 90 80",
// "17 4 \"开立金额\" 90 80",
"1 1 \"Reference\" 150",
"2 1 \"Resp. User\" 150",
"3 1 \"Tendor day\" 150",
"1 2 \"Party Number\" 150",
"2 2 \"Applicant\" 150",
"3 2 \"PTA NO.\" 150",
"1 3 \"Party Number\" 150",
"2 3 \"Beneficiary\" 150",
"3 3 \"Beneficiary CN\" 150",
"1 4 \"Party Number\" 150",
"2 4 \"Issuing Bank\" 150",
"3 4 \"分行名称\" 150",
"1 5 \"Opened\" 150",
"2 5 \"Expired\" 150",
"3 5 \"Closed\" 150",
"1 6 \"Cur\" 150",
"2 6 \"Cur\" 150",
"1 7 \"L/C Amount\" 150",
"2 7 \"Open Amount\" 150"
]
}
},
methods:{
...Event,
async getButtons(ownref){
this.initdialog = true
this.curownref = ownref
console.log("curownref:" +ownref);
setTimeout(()=>{
this.$refs.childs.$emit("childmethods")
},10
)
},
async onChoose(code){
//跳转交易
this.$router.history.push("/business/" + code)
},
handleReset: function () {
this.model = {
instNo: '',
instName: ''
}
},
},
created:function(){
}
}
</script>
<style>
</style>