Confp.vue

<template>
  <div class="eibs-tab">
       <c-row>
        <c-col :span="24">
            <c-col :span="12">
                    <c-col :span="24">
                        <el-form-item label="">
                            Received Confirmation Instructions:
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item  label="Confirm. Instr." prop="gidgrp.rec.reccnfdet">
                            <c-select disabled v-model="model.gidgrp.rec.reccnfdet" style="width:100%" placeholder="请选择Confirm. Instr.">
                            <el-option
                                v-for="item in codes.cnfsta"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"
                              >
                              </el-option>
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item  label="Confirm. Bank Ref." prop="gidgrp.cnr.pts.ref">
                            <c-input disabled v-model="model.gidgrp.cnr.pts.ref" maxlength="16"  placeholder="请输入Confirm. Bank Ref."></c-input>
                        </el-form-item>
                    </c-col>

                     <c-col :span="24">
                        <el-form-item  label="Confirming. Bank" prop="gidgrp.cnr.pts.extkey">
                            <c-fullbox>
                                <c-input disabled v-model="model.gidgrp.cnr.pts.extkey" 
                                         maxlength="16"  
                                         placeholder="请输入External Key of Address"
                                         @keyup.enter.native="
                                        showGridPromptDialog(`gidgrp.cnr.pts.extkey`)
                                        "></c-input>
                            <template slot="footer">
                                <c-button
                                style="margin:0 10px 0 10px;padding: 0 12px;"
                                size="small"
                                type="primary"
                                >
                                <span style="font-family:'宋体';font-weight:bold">i</span>
                                </c-button>
                                <c-button disabled size="small" type="primary"  @click="onCnrpDet">
                                    Details
                                </c-button>
                            </template>
                            </c-fullbox>  
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="地址名称" prop="gidgrp.cnr.pts.adrblk">
                            <c-input disabled type="textarea" v-model="model.gidgrp.cnr.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址名称" ></c-input>
                        </el-form-item>
                    </c-col>
                      
            </c-col>
            <c-col :span="11" :offset="1">

                    <c-col :span="24">
                        <el-form-item label="">
                            Outgoing Confirmation Instructions:
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item label="Confirm. Instr." prop="gidgrp.rec.cnfdet">
                            <c-select :disabled="model.gidgrp.rec.legfrm!='STBY'" v-model="model.gidgrp.rec.cnfdet" style="width:100%" placeholder="请选择Confirm. Instr.">
                                <el-option
                                v-for="item in codes.cnfdet"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"
                              >
                              </el-option>
                            </c-select>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item  label="Confirm. Bank Ref. " prop="gidgrp.con.pts.ref">
                            <c-input :disabled="model.gidgrp.rec.cnfdet==''" v-model="model.gidgrp.con.pts.ref" maxlength="16"  placeholder="请输入Confirm. Bank Ref. "></c-input>
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item  label="Confirming. Bank" prop="gidgrp.con.pts.extkey">
                            <c-fullbox>
                                <c-input :disabled="model.gidgrp.rec.cnfdet==''"  v-model="model.gidgrp.con.pts.extkey" 
                                         maxlength="16"  
                                         placeholder="请输入External Key of Address"
                                         @keyup.enter.native="
                                        showGridPromptDialog(`gidgrp.con.pts.extkey`)
                                        "></c-input>
                            <template slot="footer">
                                <c-button
                                style="margin:0 10px 0 10px;padding: 0 12px;"
                                size="small"
                                type="primary"
                                >
                                <span style="font-family:'宋体';font-weight:bold">i</span>
                                </c-button>
                                <c-button :disabled="model.gidgrp.rec.cnfdet==''"  size="small" type="primary"  @click="onConpDet">
                                    Details
                                </c-button>
                            </template>
                            </c-fullbox>  
                        </el-form-item>
                    </c-col>
                    <c-col :span="24">
                        <el-form-item  label="地址名称" prop="gidgrp.con.dbfadrblkcn">
                            <c-input :disabled="model.gidgrp.rec.cnfdet==''"     type="textarea" v-model="model.gidgrp.con.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
                        </el-form-item>
                    </c-col>
            </c-col>
        </c-col>
    </c-row>

    <c-row>
        <c-col :span="24">
            <c-col :span="12">
                    <c-col :span="24">
                        <el-form-item v-if="model.gidgrp.rec.purpos=='ADVI'||model.gidgrp.rec.purpos=='ACNF'" label="">
                            Own confirmation details:
                        </el-form-item>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item v-if="model.gidgrp.rec.purpos=='ADVI'||model.gidgrp.rec.purpos=='ACNF'" label="Confirmation Status " prop="gidgrp.rec.cnfsta">
                            <c-select v-model="model.gidgrp.rec.cnfsta" style="width:100%" placeholder="请选择Confirmation Status ">
                                <el-option
                                v-for="item in codes.cnfsta"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"
                              >
                              </el-option>
                            </c-select>
                        </el-form-item>
                    </c-col>

                     <c-col :span="24">
                        <c-col :span="10">
                             <el-form-item v-if="model.gidgrp.rec.purpos=='ADVI'||model.gidgrp.rec.purpos=='ACNF'" label="Confirmation Amount" prop="gidgrp.cbs.cnf.cur">
                                <c-input disabled  v-model="model.gidgrp.cbs.cnf.cur" maxlength="3"  placeholder="请输入Confirmation Amount"></c-input>
                            </el-form-item>
                        </c-col>
                       
                        <c-col v-if="model.gidgrp.rec.purpos=='ADVI'||model.gidgrp.rec.purpos=='ACNF'" :span="4">
                            <!-- <el-form-item  prop="gidgrp.cbs.cnf.amt"> -->
                                <c-input disabled v-model="model.gidgrp.cbs.cnf.amt"  placeholder="请输入Balance"></c-input>
                            <!-- </el-form-item> -->
                        </c-col>
                        <c-col v-if="model.gidgrp.rec.purpos=='ADVI'||model.gidgrp.rec.purpos=='ACNF'" :span="2" style="margin-left:20px">
                            <span>or</span>
                        </c-col>
                        <c-col v-if="model.gidgrp.rec.purpos=='ADVI'||model.gidgrp.rec.purpos=='ACNF'" :span="4">
                            <!-- <el-form-item  prop="gidgrp.rec.partcon"> -->
                                <c-input disabled v-model="model.gidgrp.rec.partcon"  placeholder="请输入Partial Confirmation"></c-input>
                            <!-- </el-form-item> -->
                        </c-col>
                        <c-col v-if="model.gidgrp.rec.purpos=='ADVI'||model.gidgrp.rec.purpos=='ACNF'" :span="2" style="margin-left: 20px">
                            <span>%</span>
                        </c-col>
                    </c-col>

                    <c-col :span="24">
                        <el-form-item v-if="model.gidgrp.rec.purpos=='ADVI'||model.gidgrp.rec.purpos=='ACNF'" label="Confirmation Date" prop="gidgrp.rec.cnfdat">
                            <c-date-picker disabled type="date"  v-model="model.gidgrp.rec.cnfdat" style="width:100%"  placeholder="请选择Confirmation Date"></c-date-picker>
                        </el-form-item>
                    </c-col>
            </c-col>
            <c-col :span="11" :offset="1">

            </c-col>
        </c-col>
    </c-row>
                             <!-- SF001031 : Confirmation Status -->
                 <!-- SF000895 : Received Confirmation Instructions: -->
<!--                   
       <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000888')" prop="gidgrp.rec.cnfsta">
            <c-select v-model="model.gidgrp.rec.cnfsta" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000888')">
              </c-select>
        </el-form-item>
       </c-col> -->
                 <!-- SF000894 : Outgoing Confirmation Instructions: -->
                 <!-- SF001030 : Confirmation Amount -->
                 <!-- SF000896 : Confirm. Instr. -->
<!--                   
       <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000896')" prop="gidgrp.rec.reccnfdet">
            <c-select v-model="model.gidgrp.rec.reccnfdet" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000896')">
              </c-select>
        </el-form-item>
       </c-col> -->
                  
       <!-- <c-col :span="12">
        <c-form-item :label="$t('gitp.SF000890')" prop="gidgrp.cbs.cnf.cur">
            <c-input  v-model="model.gidgrp.cbs.cnf.cur" maxlength="3"  :placeholder="$t('other.please_enter')+$t('gitp.SF000890')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Balance" prop="gidgrp.cbs.cnf.amt">
            <c-input  v-model="model.gidgrp.cbs.cnf.amt"  :placeholder="$t('other.please_enter')+'Balance'"></c-input>
        </c-form-item>
       </c-col> -->
                 <!-- SF001032 : or -->
                  
       <!-- <c-col :span="12">
        <c-form-item label="Partial Confirmation" prop="gidgrp.rec.partcon">
            <c-input  v-model="model.gidgrp.rec.partcon"  :placeholder="$t('other.please_enter')+'Partial Confirmation'"></c-input>
        </c-form-item>
       </c-col> -->
                 <!-- SF000729 : Confirm. Instr. -->
                 <!-- SF001033 : % -->
                  
       <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000729')" prop="gidgrp.rec.cnfdet">
            <c-select v-model="model.gidgrp.rec.cnfdet" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000729')">
              </c-select>
        </el-form-item>
       </c-col> -->
                 <!-- SF001034 : Confirmed on -->
                 <!-- SF001077 : Confirm. Bank Ref. -->
                  
       <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000889')" prop="gidgrp.rec.cnfdat">
            <c-date-picker type="date"  v-model="model.gidgrp.rec.cnfdat" style="width:100%"  :placeholder="$t('other.please_enter')+$t('gitp.SF000889')"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item :label="$t('gitp.SF001077')" prop="gidgrp.cnr.pts.ref">
            <c-input  v-model="model.gidgrp.cnr.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('gitp.SF001077')"></c-input>
        </c-form-item>
       </c-col> -->
                 <!-- SF001078 : Confirm. Bank Ref.  -->
                  
       <!-- <c-col :span="12">
        <c-form-item :label="$t('gitp.SF001078')" prop="gidgrp.con.pts.ref">
            <c-input  v-model="model.gidgrp.con.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('gitp.SF001078')"></c-input>
        </c-form-item>
       </c-col> -->
                 <!-- SF000898 : Confirming Bank -->
                  
       <!-- <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="gitp.cnrp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.gitp.cnrp.ptsget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="External Key of Address" prop="gidgrp.cnr.pts.extkey">
            <c-input  v-model="model.gidgrp.cnr.pts.extkey" maxlength="16"  :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
        </c-form-item>
       </c-col> -->
                  
       <!-- <c-col :span="12">
        <c-form-item label="" prop="gitp.cnrp.ptsget.sdamod.seainf">
            <c-input  v-model="model.gitp.cnrp.ptsget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onCnrpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col> -->
                 <!-- SF000730 : Confirming Bank -->
                  
       <!-- <c-col :span="12">
        <c-form-item label="名称" prop="gidgrp.cnr.namelc">
            <c-input type="textarea" v-model="model.gidgrp.cnr.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Address Block" prop="gidgrp.cnr.pts.adrblk">
            <c-input type="textarea" v-model="model.gidgrp.cnr.pts.adrblk" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Address Block'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Chinese address" prop="gidgrp.cnr.dbfadrblkcn">
            <c-input type="textarea" v-model="model.gidgrp.cnr.dbfadrblkcn" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Chinese address'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="地址" prop="gidgrp.cnr.adrelc">
            <c-input type="textarea" v-model="model.gidgrp.cnr.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col> -->
                 <!-- SF000887 : Own confirmation details: -->
                 <!-- SF000888 : Confirmation Status  -->
                 <!-- SF000890 : Confirmation Amount -->
                 <!-- SF000892 : or -->
                 <!-- SF000893 : % -->
                 <!-- SF000889 : Confirmation Date -->
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Getopn/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
            cnfdet:[
                {label:"MAYADD",value:"A"},
                {label:"CONFIRM",value:"C"},
                {label:"WITHOUT",value:"W"},    
            ]
        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>