Preperp.vue

<template>
  <div class="eibs-tab">

    <c-row>
        <c-col :span="24">
            <c-col :span="11">
                <c-col :span="24">
                    <el-form-item label="Delivery of Undertak." prop="gidgrp.rec.delori">
                        <c-fullbox>
                            <c-select :disabled="model.gidgrp.rec.purpos=='ICCO'||model.gidgrp.rec.purpos=='ISCO'" v-model="model.gidgrp.rec.delori" style="width:100%" placeholder="请选择Delivery of Undertak.">
                                <el-option
                                        v-for="item in codes.delori1"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value"
                                        >
                                </el-option>
                            </c-select>
                            <template slot="footer">
                                <c-input :disabled="model.gidgrp.rec.delori!='COUR'&&model.gidgrp.rec.delori!='OTHR'" v-model="model.gidgrp.rec.deloritxt" maxlength="35"  placeholder="请输入Delivery of Undertak."></c-input>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="Undertaking Send to" prop="gidgrp.rec.sndto">
                        <c-select :disabled="model.gidgrp.rec.purpos=='ICCO'||model.gidgrp.rec.purpos=='ISCO'" v-model="model.gidgrp.rec.sndto" style="width:100%" placeholder="请选择Undertaking Send to">
                            <el-option
                                    v-for="item in codes.rolall"
                                    :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="Deliv. To/Collection By" prop="gidgrp.rec.delto">
                        <c-select :disabled="model.gidgrp.rec.purpos=='ICCO'||model.gidgrp.rec.purpos=='ISCO'" v-model="model.gidgrp.rec.delto" style="width:100%" placeholder="请选择Deliv. To/Collection By">
                            <el-option
                                v-for="item in codes.delto"
                                :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="Delivery to Address" prop="gidgrp.blk.deltoadr">
                        <c-input :disabled="model.gidgrp.rec.delto==''" rows="4" type="textarea" v-model="model.gidgrp.blk.deltoadr" maxlength="210" show-word-limit placeholder="请输入Delivery to Address" ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="Transfer Conditions" prop="gidgrp.blk.trfcond">
                        <c-input disabled type="textarea" rows="4" v-model="model.gidgrp.blk.trfcond" maxlength="6630" show-word-limit placeholder="请输入Transfer Conditions" ></c-input>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="11" :offset="1">
                <c-col :span="24">
                    <el-form-item label="Own Charges Borne by" prop="gidgrp.rec.chato">
                        <c-select v-model="model.gidgrp.rec.chato" style="width:100%" placeholder="请选择Own Charges Borne by">
                            <el-option
                                v-for="item in chato"
                                :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="Charges">
                        <c-fullbox>
                            <template slot="footer">
	                            <c-checkbox v-model="model.gitp.chargi.chkast">Allow *</c-checkbox>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item label="Additional Details to Code for Charges" prop="gidgrp.blk.feetxt">
                        <c-fullbox>
                            <c-input type="textarea" rows="4" v-model="model.gidgrp.blk.feetxt" maxlength="210" show-word-limit placeholder="请输入Additional Details to Code for Charges" ></c-input>
                            <template slot="footer"> 
                                <c-button size="small" type="primary" icon="el-icon-search" @click="onChargiButtxmsel">
                                    ...
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <c-col :span="20">
                        <el-form-item label="Presentation Instr." prop="gidgrp.blk.preper">
                            <c-input :disabled="model.gitp.prepermodflg == ''" type="textarea" :rows="5" v-model="model.gidgrp.blk.preper" maxlength="6500" show-word-limit placeholder="请输入Presentation Instr." ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="4">
                        <c-checkbox v-model="model.gitp.prepermodflg" style="margin:0 0 0 10px">Modify Text</c-checkbox>
                        <c-checkbox v-model="model.gitp.chkpreper" style="margin:0 0 0 10px">Allow *</c-checkbox>
                        <c-button disabled size="small" type="primary" style="margin:5px 0 0 10px;width:100px" @click="onGitpButdifpreper">
                            vs. S&ystem
                        </c-button> 
                        <c-button disabled size="small" style="margin:5px 0 0 10px;width:100px" type="primary"  @click="onGitpButdifhispreper">
                            vs. &History
                        </c-button>
                    </c-col>
                </c-col>
            </c-col>
        </c-col>
    </c-row>
                                               
       <!-- <c-col :span="12">
        <el-form-item label="Delivery of Undertak." prop="gidgrp.rec.delori">
            <c-select v-model="model.gidgrp.rec.delori" style="width:100%" placeholder="请选择Delivery of Undertak.">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Delivery of Undertak." prop="gidgrp.rec.deloritxt">
            <c-input  v-model="model.gidgrp.rec.deloritxt" maxlength="35"  placeholder="请输入Delivery of Undertak."></c-input>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="Undertaking Send to" prop="gidgrp.rec.sndto">
            <c-select v-model="model.gidgrp.rec.sndto" style="width:100%" placeholder="请选择Undertaking Send to">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Own Charges Borne by" prop="gidgrp.rec.chato">
            <c-select v-model="model.gidgrp.rec.chato" style="width:100%" placeholder="请选择Own Charges Borne by">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Deliv. To/Collection By" prop="gidgrp.rec.delto">
            <c-select v-model="model.gidgrp.rec.delto" style="width:100%" placeholder="请选择Deliv. To/Collection By">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
	    <c-checkbox v-model="model.gitp.chargi.chkast">Allow *</c-checkbox>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Delivery to Address" prop="gidgrp.blk.deltoadr">
            <c-input type="textarea" v-model="model.gidgrp.blk.deltoadr" maxlength="35" show-word-limit placeholder="请输入Delivery to Address" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Additional Details to Code for Charges" prop="gidgrp.blk.feetxt">
            <c-input type="textarea" v-model="model.gidgrp.blk.feetxt" maxlength="35" show-word-limit placeholder="请输入Additional Details to Code for Charges" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onChargiButtxmsel">
            ...
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Presentation Instr." prop="gidgrp.blk.preper">
            <c-input type="textarea" v-model="model.gidgrp.blk.preper" maxlength="65" show-word-limit placeholder="请输入Presentation Instr." ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Presentation Instr." prop="gidgrp.blk.atxpreper">
            <c-input type="textarea" v-model="model.gidgrp.blk.atxpreper" maxlength="65" show-word-limit placeholder="请输入Presentation Instr." ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.gitp.prepermodflg">Modify Document and Presentation Instructions</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.gitp.chkpreper">Allow *</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onGitpButdifpreper">
            vs. S&ystem
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onGitpButdifhispreper">
            vs. &History
        </c-button>
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.gidgrp.rec.transfer">Transfer Indicator</c-checkbox>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Transfer Conditions" prop="gidgrp.blk.trfcond">
            <c-input type="textarea" v-model="model.gidgrp.blk.trfcond" maxlength="65" show-word-limit placeholder="请输入Transfer Conditions" ></c-input>
        </el-form-item>
        </c-col> -->
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Gitopn/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
            chato:[
                {value: "U", label:"Applicant Side"},
                {value: "B", label: "Beneficiay Side"},
                {value: "O", label: "Other"},
            ]
        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>