Ovwpc.vue

<template>
  <div class="eibs-tab">
     <c-row>
            <c-col :span="24">
                <c-col :span="12"> 
                         <c-col :span="24">
                            <el-form-item label="Requested Issue Date" prop="gidgrp.rec.opndatc">
                                <c-date-picker type="date"  v-model="model.gidgrp.rec.opndatc" style="width:100%"  placeholder="请选择Requested Issue Date"></c-date-picker>
                            </el-form-item>
                        </c-col>

                        <c-col :span="24">
                            <c-col :span="12">
                                <el-form-item label="Guarantee Amount" prop="gidgrp.cbs.mac.cur">
                                    <c-select disabled v-model="model.gidgrp.cbs.mac.cur" style="width:100%" placeholder="请选择Guarantee Amount">
                                        <el-option
                                            v-for="item in codes.cur"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value"
                                            >
                                            </el-option>
                                    </c-select>
                                </el-form-item>
                            </c-col>
                            <c-col :span="8">
                                    <c-input disabled v-model="model.gidgrp.cbs.mac.amt" style="margin: 0 0 0 10px; width: 80%" placeholder="请输入Guarantee Amount"></c-input>
                            </c-col>
                            <c-col :span="4" class="centerLable">
                                    <c-checkbox disabled v-model="model.gitp.aacp.aacmod.addamtflg">Add. Amount</c-checkbox>
                            </c-col>
                        </c-col>
                        <c-col :span="24">
                            <c-col :span="12">
                                <el-form-item label="Undertaking Type " prop="gidgrp.rec.gartypc">
                                    <c-select v-model="model.gidgrp.rec.gartypc" style="width:100%" placeholder="请选择Undertaking Type ">
                                                <el-option
                                                v-for="item in codes.gartypc"
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value"
                                                >
                                                </el-option>
                                    </c-select>
                                </el-form-item>
                            </c-col>
                            <c-col :span="8">
                                <c-input disabled v-model="model.gidgrp.blk.gartyptxtc" style="margin: 0 0 0 10px; width: 80%"  placeholder="请输入Undertaking Type "></c-input>
                            </c-col>   
                        </c-col>

                         <c-col :span="24">
                            <el-form-item label="Form of Undertaking" prop="gidgrp.rec.legfrmc">
                                <c-select v-model="model.gidgrp.rec.legfrmc" style="width:100%" placeholder="请选择Form of Undertaking">
                                                <el-option
                                                v-for="item in codes.legfrmc1"
                                                :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="Demand Indicator " prop="gidgrp.rec.demandc">
                                <c-select :code="codes.demand" v-model="model.gidgrp.rec.demandc" style="width:100%" placeholder="请选择Demand Indicator ">
                                </c-select>
                            </el-form-item>
                        </c-col>
                        <c-col :span="24">
                            <el-form-item label="Requested Language" prop="gidgrp.rec.stdwrduilc">
                                <c-select :code="codes.uiltxt2" v-model="model.gidgrp.rec.stdwrduilc" style="width:100%" placeholder="请选择Requested Language">
                                </c-select>
                            </el-form-item>
                        </c-col>
                </c-col>
                <c-col :span="11" :offset="1">
                     <c-col :span="24">
                        <el-form-item label="Choice of Text" prop="gidgrp.rec.gtxinrc">
                            <c-select disabled v-model="model.gidgrp.rec.gtxinrc" style="width:100%" placeholder="请选择Choice of Text">
                                                <el-option
                                                v-for="item in codes.gtxinr"
                                                :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="12">
                            <el-form-item label="Applicable Rules" prop="gidgrp.blk.apprulc">
                                <c-select v-model="model.gidgrp.blk.apprulc" style="width:100%" placeholder="请选择Applicable Rules">
                                    <el-option
                                        v-for="item in codes.apprulc1"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value"
                                        >
                                        </el-option>  
                                </c-select>
                            </el-form-item>
                        </c-col>
                        <c-col :span="8">
                            <c-input :disabled="model.gidgrp.blk.apprulc!='OTHR'" style="margin: 0 0 0 10px; width: 80%" v-model="model.gidgrp.blk.apprultxtc" maxlength="35"  placeholder="请输入Applicable Rules"></c-input>
                        </c-col>
                    </c-col>

                    <c-col :span="24">
                          <el-form-item label="Expiry Type" prop="gidgrp.rec.exptyp">
                              <c-select disabled v-model="model.gidgrp.rec.exptyp" style="width:100%" placeholder="请选择Expiry Type">
                              <el-option
                                      v-for="item in codes.exptyp"
                                      :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="Validity until" prop="gidgrp.rec.expdat">
                      <c-date-picker :disabled="model.gidgrp.rec.exptyp=='OPEN'"
                        type="date"
                        v-model="model.gidgrp.rec.expdat"
                        style="width: 100%"
                        placeholder="请选择Validity until"
                        ></c-date-picker>
                  </el-form-item>
              </c-col>

              <c-col :span="24">
                    <c-col :span="20">
                        <el-form-item label="Expiry Condition/ Evt." prop="gidgrp.blk.exptxt">
                            <c-input type="textarea" rows="4" :disabled="model.gitp.exptxtmodflg==''"   v-model="model.gidgrp.blk.exptxt" maxlength="65" show-word-limit placeholder="请输入Expiry Condition/ Evt." ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="4">
                        <c-checkbox v-model="model.gitp.exptxtmodflg" :disabled="model.gidgrp.rec.exptyp=='FIXD'||model.gidgrp.rec.exptyp=='OPEN'||model.gidgrp.rec.exptyp==''"  style="margin:0 0 0 10px">Modify Text</c-checkbox>
                        <c-button disabled size="small" type="primary" style="margin:5px 0 0 10px"  @click="onGitpButdifexptxt">
                            vs. &System
                        </c-button>
                        <c-button disabled size="small" type="primary" style="margin:5px 0 0 10px"  @click="onGitpButdifhisexptxt">
                            vs. &History
                        </c-button>
                    </c-col>
              </c-col>

                </c-col>
            </c-col>
        </c-row>
                             <!-- SF000750 : Requested Issue Date -->
<!--                   
       <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000750')" prop="gidgrp.rec.opndatc">
            <c-date-picker type="date"  v-model="model.gidgrp.rec.opndatc" style="width:100%"  :placeholder="$t('other.please_enter')+$t('gitp.SF000750')"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.gidgrp.rec.autrnwflgc">{{$t('gitp.CF000898')}}</c-checkbox>
       </c-col> -->
                 <!-- SF000778 : Guarantee Amount -->
                  
       <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000778')" prop="gidgrp.cbs.mac.cur">
            <c-select v-model="model.gidgrp.cbs.mac.cur" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000778')">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item :label="$t('gitp.SF000778')" prop="gidgrp.cbs.mac.amt">
            <c-input  v-model="model.gidgrp.cbs.mac.amt"  :placeholder="$t('other.please_enter')+$t('gitp.SF000778')"></c-input>
        </c-form-item>
       </c-col> -->
                  
       <!-- <c-col :span="12">
	    <c-checkbox v-model="model.gitp.aacp.aacmod.addamtflg">{{$t('gitp.CF000780')}}</c-checkbox>
       </c-col> -->
                 <!-- SF000754 : Undertaking Type  -->
                  
       <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000754')" prop="gidgrp.rec.gartypc">
            <c-select v-model="model.gidgrp.rec.gartypc" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000754')">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item :label="$t('gitp.SF000754')" prop="gidgrp.blk.gartyptxtc">
            <c-input  v-model="model.gidgrp.blk.gartyptxtc" maxlength="35"  :placeholder="$t('other.please_enter')+$t('gitp.SF000754')"></c-input>
        </c-form-item>
       </c-col> -->
                 <!-- SF000751 : Form of Undertaking -->
                  
       <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000751')" prop="gidgrp.rec.legfrmc">
            <c-select v-model="model.gidgrp.rec.legfrmc" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000751')">
              </c-select>
        </el-form-item>
       </c-col> -->
                 <!-- SF000883 : Demand Indicator  -->
                  
       <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000883')" prop="gidgrp.rec.demandc">
            <c-select v-model="model.gidgrp.rec.demandc" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000883')">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.gidgrp.rec.stdwrdc">{{$t('gitp.CF000762')}}</c-checkbox>
       </c-col> -->
                 <!-- SF000884 : Requested Language -->
                  
       <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000884')" prop="gidgrp.rec.stdwrduilc">
            <c-select v-model="model.gidgrp.rec.stdwrduilc" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000884')">
              </c-select>
        </el-form-item>
       </c-col> -->
                 <!-- SF000852 : Choice of Text -->
                  
       <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000852')" prop="gidgrp.rec.gtxinrc">
            <c-select v-model="model.gidgrp.rec.gtxinrc" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000852')">
              </c-select>
        </el-form-item>
       </c-col> -->
                 <!-- SF000752 : Applicable Rules -->
                  
       <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000752')" prop="gidgrp.blk.apprulc">
            <c-select v-model="model.gidgrp.blk.apprulc" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000752')">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item :label="$t('gitp.SF000752')" prop="gidgrp.blk.apprultxtc">
            <c-input  v-model="model.gidgrp.blk.apprultxtc" maxlength="35"  :placeholder="$t('other.please_enter')+$t('gitp.SF000752')"></c-input>
        </c-form-item>
       </c-col> -->
                 <!-- SF001085 : Expiry Type -->
                 <!-- SF001086 : Expiry Date -->
                 <!-- SF001087 : Expiry Condition/ Evt. -->
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Gitame/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>