<template> <div class="eibs"> <c-col :span="24"> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">20</c-col> <c-col :span="23" class="fieldName"> <c-col :span="14"> <el-form-item label="Undertaking Number" prop="gidgrp.rec.ownref"> <c-input disabled maxlength="16" placeholder="请输入保函编号" v-model="model.gidgrp.rec.ownref"></c-input> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">30</c-col> <c-col :span="23" class="fieldName"> <c-col :span="14"> <el-form-item label="Date of Issue" label-width="200px" prop="gidgrp.rec.opndat"> <c-date-picker placeholder="请选择生效日期" style="width: 100%" disabled type="date" v-model="model.gidgrp.rec.opndat" > </c-date-picker> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">22D</c-col> <c-col :span="23" class="fieldName"> <c-col :span="14"> <el-form-item label="Form of Undertaking" label-width="200px" prop="gidgrp.rec.legfrm"> <c-select dbCode="legfrm" disabled placeholder="请选择保函形式" style="width: 100%" v-model="model.gidgrp.rec.legfrm"> </c-select> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">40C</c-col> <c-col :span="23"> <c-col :span="24"> <c-col :span="14" class="fieldName"> <el-form-item label="Applicable Rules" label-width="200px" prop="gidgrp.blk.apprul"> <c-select disabled dbCode="apprul" isShowKeyAndLabel placeholder="请选择申请条款" style="width: 100%" v-model="model.gidgrp.blk.apprul" > </c-select> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="14" class="fieldName"> <el-form-item label-width="200px" prop="gidgrp.blk.apprultxt"> <c-input disabled maxlength="35" style="width:100%" placeholder="请输入申请条款" v-model="model.gidgrp.blk.apprultxt"></c-input> </el-form-item> </c-col> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;" v-if="model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO'"> <c-col :span="1" class="field">23B</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Expiry Type" label-width="200px" prop="gidgrp.rec.liatypc"> <c-select disabled v-model="model.gidgrp.rec.liatypc" dbCode="LIATYC" isShowKeyAndLabel placeholder="请选择责任类型" style="width: 100%" ></c-select> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;" v-if="model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO'"> <c-col :span="1" class="field">31E</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Date of Expiry" label-width="200px" prop="gidgrp.rec.liadat"> <c-date-picker disabled placeholder="请选择我行责任截至日" style="width: 100%" type="date" v-model="model.gidgrp.rec.liadat"> </c-date-picker> </el-form-item> </c-col> <c-col :span="4" class="fieldName"> <el-form-item label="" prop="gidgrp.rec.liaflg" label-width="0"> <c-checkbox disabled class="checkbox-left" false-label="" style="margin: 0 0 0 10px" true-label="X" v-model="model.gidgrp.rec.liaflg"> 效期敞口 </c-checkbox> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;" v-if="model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO'"> <c-col :span="1" class="field">35G</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Expiry Condition/Event" label-width="200px" prop="gidgrp.blk.atxliatxtc" v-if="model.gitp.liatxtcmodflg == 'X'"> <c-mul-row-input :autosize="{ minRows: 4, maxRows: 4}" :cols="65" :rows="12" disabled placeholder="请输入责任状况" v-model="model.gidgrp.blk.atxliatxtc"> </c-mul-row-input> </el-form-item> <el-form-item label="Expiry Condition/Event" label-width="200px" prop="gidgrp.blk.liatxtc" v-else> <c-mul-row-input :autosize="{ minRows: 4, maxRows: 4}" :cols="65" :rows="12" disabled placeholder="请输入责任状况" v-model="model.gidgrp.blk.liatxtc"> </c-mul-row-input> </el-form-item> </c-col> <c-col :span="5" class="fieldName"> <c-checkbox disabled class="checkbox-left" false-label="" style="margin: 0 0 0 10px" true-label="X" v-model="model.gitp.liatxtcmodflg" v-if="model.gidgrp.rec.hndtyp == 'OT'"> 手工修改 </c-checkbox> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;" v-if="!(model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO')"> <c-col :span="1" class="field">23B</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Expiry Type" label-width="200px" prop="gidgrp.rec.exptyp"> <c-select dbCode="exptyp" disabled isShowKeyAndLabel placeholder="请选择到期类型" style="width: 100%" v-model="model.gidgrp.rec.exptyp"> </c-select> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;" v-if="!(model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO')"> <c-col :span="1" class="field">31E</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Date of Expiry" label-width="200px" prop="gidgrp.rec.expdat"> <c-date-picker disabled placeholder="请选择保函效期" style="width: 100%" type="date" v-model="model.gidgrp.rec.expdat"> </c-date-picker> </el-form-item> </c-col> <c-col :span="4" class="fieldName"> <c-checkbox disabled class="checkbox-left" false-label="" style="margin: 0 0 0 10px" true-label="X" v-model="model.gidgrp.rec.expflg"> 效期敞口 </c-checkbox> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;" v-if="!(model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO')"> <c-col :span="1" class="field">35G</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Expiry Condition/Event" label-width="200px" prop="gidgrp.blk.atxexptxt" v-if="model.gitp.exptxtmodflg == 'X'"> <c-mul-row-input :autosize="{ minRows: 4, maxRows: 4}" :cols="65" :rows="12" disabled placeholder="请输入到期条件" v-model="model.gidgrp.blk.atxexptxt"> </c-mul-row-input> </el-form-item> <el-form-item label="Expiry Condition/Event" label-width="200px" prop="gidgrp.blk.exptxt" v-else> <c-mul-row-input :autosize="{ minRows: 4, maxRows: 4}" :cols="65" :rows="12" disabled placeholder="请输入到期条件" v-model="model.gidgrp.blk.exptxt"> </c-mul-row-input> </el-form-item> </c-col> <c-col :span="5" class="fieldName"> <c-checkbox disabled class="checkbox-left" false-label="" style="margin: 0 0 0 10px" true-label="X" v-model="model.gitp.exptxtmodflg" v-if="model.gidgrp.rec.hndtyp == 'OT'">手工修改 </c-checkbox> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">50</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Applicant" label-width="200px" style="margin-bottom: 0;"> <el-form-item v-if="model.gidgrp.rec.purposin == 'ISCO' || model.gidgrp.rec.purposin == 'ICCO'" label-width="0" style="margin-bottom: 10px;"> <c-ptap :argadr="{ title: $t('gitopn.申请人'), grp: 'gidgrp', rol: 'apl' }" :disabled="true" :disabledRef="true" :disabledExtkey="true" :isAdrblk="model.gidgrp.rec.purposin != ''? false : true" :haveAdrLabel="true" :isFieldLabelVisible="false" :model="model" :ptytyp="model.gidgrp.rec.hndtyp=='OT'?'B,F':'C'" bchinr='00000047'> </c-ptap> </el-form-item> <el-form-item v-if="model.gidgrp.rec.purposin == 'ISSU' || model.gidgrp.rec.purposin == ''" label-width="0" style="margin-bottom: 10px;"> <c-ptap :argadr="{title: $t('gitopn.申请人'), grp: 'gidgrp', rol: 'apl'}" :disabled="true" :disabledRef="true" :disabledExtkey="true" :isAdrblk="model.gidgrp.rec.purposin != ''? false : true" :haveAdrLabel="true" :isFieldLabelVisible="false" :model="model" :ptytyp="model.gidgrp.rec.hndtyp=='OT'?'B,F':'C'" bchinr='00000047'> </c-ptap> </el-form-item> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">51</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Obligor/Instructing Party" label-width="200px" style="margin-bottom: 0;" > <el-form-item label-width="0" style="margin-bottom: 10px;"> <c-ptap :argadr="{title: $t('gitopn.Obligor'), grp: 'gidgrp', rol: 'ctr'}" :haveAdrLabel="true" :disabled="true" :disabledRef="true" :disabledExtkey="true" :isFieldLabelVisible="false" :model="model" bchinr='00000036' ptytyp="B,C,F"> </c-ptap> </el-form-item> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">59a</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Beneficiary" label-width="200px" style="margin-bottom: 0;" prop="gidgrp.ben.pts.extkey"> <el-form-item label-width="0" style="margin-bottom: 10px;"> <c-ptap :argadr="{ title:$t('gitopn.受益人'), grp: 'gidgrp', rol: 'ben'}" :haveAdrLabel="true" :disabled="true" :disabledRef="true" :disabledExtkey="true" :isAdrblk="model.gidgrp.rec.purposin == '' && model.gidgrp.rec.purpos == 'ISSU'? false : true" :isFieldLabelVisible="false" :model="model" :ptytyp="model.gidgrp.rec.purposin == 'ISCO'? 'C': (model.gidgrp.rec.purpos == 'ISSU'? (model.gidgrp.rec.legfrm == 'STBY' && model.gidgrp.rec.gartyp == 'G' ? 'B':'F,C,B'):'B')" bchinr='00000047' ></c-ptap> </el-form-item> </el-form-item> </c-col> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field"> <c-col :span="24">56a</c-col> </c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Advising Bank&Reference" label-width="200px" prop="gidgrp.atb.pts.extkey" style="margin-bottom: 0;"> <el-form-item label-width="0" style="margin-bottom: 10px;"> <c-ptap :argadr="{title:$t('gitopn.通知行或收报行') , grp: 'gidgrp', rol: 'atb'}" :disabled="true" :disabledRef="true" :disabledExtkey="true" :model="model" bchinr='00000036' ptytyp="B" :isAdrblk="true" :isFieldLabelVisible="false" > </c-ptap> </el-form-item> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">57a</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="'Advise Through' Bank" label-width="200px" style="margin-bottom: 0;"> <el-form-item label-width="0" style="margin-bottom: 10px;"> <c-ptap :argadr="{ title: $t('gitopn.第二通知行'), grp: 'gidgrp', rol: 'at2' }" :disabled="true" :disabledRef="true" :disabledExtkey="true" :haveAdrLabel="true" :isAdrblk="true" :isFieldLabelVisible="false" :model="model" bchinr='00000036' ptytyp="B"></c-ptap> </el-form-item> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">32B</c-col> <c-col :span="23"> <c-col :span="14"> <c-col :span="14" class="fieldName"> <el-form-item label="Undertaking Amount" label-width="200px" prop="gidgrp.cbs.max.cur"> <c-select disabled dbCode="curtxt" placeholder="请选择保函币种" sort="SRT" style="width: 100%" v-model="model.gidgrp.cbs.max.cur"> </c-select> </el-form-item> </c-col> <c-col :span="10" class="fieldName"> <el-form-item label-width="5px" prop="gidgrp.cbs.max.amt"> <c-input-currency :currency="model.gidgrp.cbs.max.cur" disabled placeholder="请输入保函金额" style="width:100%" v-model="model.gidgrp.cbs.max.amt"> </c-input-currency> </el-form-item> </c-col> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;" v-if="model.gidgrp.rec.legfrm == 'STBY'"> <c-col :span="1" class="field">41a</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Available With..." label-width="200px" style="margin-bottom: 0;"> <el-form-item label-width="0" style="margin-bottom: 10px;"> <c-ptap :argadr="{title: $t('gitopn.可用银行'), grp: 'gidgrp', rol: 'avb'}" :disabled="true" :disabledRef="true" :disabledExtkey="true" :model="model" ptytyp="B" :isFieldLabelVisible="false"></c-ptap> </el-form-item> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">71D</c-col> <c-col :span="23" class="fieldName"> <c-col :span="24"> <c-col :span="14"> <el-form-item :label="$t('gitopn.费用承担人')" label-width="200px" prop="gidgrp.rec.chato"> <c-select dbCode="chato" placeholder="请选择费用承担人" disabled style="width: 100%" v-model="model.gidgrp.rec.chato"> </c-select> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="14"> <el-form-item label="Charges" label-width="200px" prop="gidgrp.blk.feetxt"> <c-fullbox> <c-mul-row-input :autosize="{ minRows: 2, maxRows: 4}" disabled :cols="35" :rows="6" placeholder="请输入收费代码的附加详情" v-model="model.gidgrp.blk.feetxt"></c-mul-row-input> <template slot="footer"> <!-- <c-button style="margin-left: 10px;" icon="el-icon-more" size="small" type="primary"></c-button> --> </template> </c-fullbox> </el-form-item> </c-col> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">45C</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName over"> <el-form-item label="Document and Presentation Instructions" label-width="200px" prop="gidgrp.blk.atxpreper" > <c-mul-row-input :autosize="{ minRows: 2, maxRows: 6}" :cols="65" disabled :rows="100" placeholder="请输入交单指示" v-model="model.gidgrp.blk.atxpreper"></c-mul-row-input> </el-form-item> <!-- <el-form-item label="Document and Presentation Instructions" label-width="200px" prop="gidgrp.blk.preper" v-else> <c-mul-row-input :autosize="{ minRows: 2, maxRows: 6}" :cols="65" :rows="100" disabled placeholder="请输入交单指示" v-model="model.gidgrp.blk.preper"></c-mul-row-input> </el-form-item> --> </c-col> <c-col :span="5" class="fieldName"> <c-checkbox false-label="" style="margin: 0 0 0 10px" true-label="X" disabled class="checkbox-left" v-model="model.gitp.prepermodflg" v-if="model.gidgrp.rec.hndtyp == 'OT'">手工修改 </c-checkbox> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;" v-if="model.gidgrp.rec.legfrm == 'STBY'"> <c-col :span="1" class="field">49</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Confirmation Instructions" label-width="200px" prop="gidgrp.rec.cnfdet"> <c-select dbCode="CNFFLG" placeholder="请选择确认指示" style="width: 100%" disabled v-model="model.gidgrp.rec.cnfdet"> </c-select> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;" v-if="model.gidgrp.rec.legfrm == 'STBY'"> <c-col :span="1" class="field">58a</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Requested Confirmation Party" label-width="200px" style="margin-bottom: 0;"> <el-form-item label-width="0" style="margin-bottom: 10px;"> <c-ptap :argadr="{title:$t('ptap.保兑行'), grp: 'gidgrp', rol: 'con'}" :disabled="true" :disabledRef="true" :disabledExtkey="true" :haveAdrLabel="true" :isFieldLabelVisible="false" :isAdrblk="false" :model="model" bchinr='00000047' ptytyp="B"> </c-ptap> </el-form-item> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">44H</c-col> <c-col :span="23" class="fieldName"> <c-col :span="24"> <c-col :span="14"> <c-col :span="12"> <el-form-item label="Governing Law and/or|" label-width="200px" prop="gidgrp.rec.jurlaws20"> <c-select :isShowKey="true" disabled dbCode="ctytxt" placeholder="请选择适用法律" style="width: 100%" v-model="model.gidgrp.rec.jurlaws20"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label-width="5px" prop="gidgrp.rec.jurlaw"> <c-select dbCode="ctytxt" disabled maxlength="35" placeholder="请输入" style="width: 100%" v-model="model.gidgrp.rec.jurlaw"> </c-select> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24"> <c-col :span="14"> <el-form-item :label="$t('gitopn.仲裁地')" label-width="200px" prop="gidgrp.rec.jurplc"> <c-input disabled maxlength="35" placeholder="请输入仲裁地" v-model="model.gidgrp.rec.jurplc"></c-input> </el-form-item> </c-col> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">48B</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Demand Indicator" label-width="200px" prop="gidgrp.rec.demand"> <c-select dbCode="demand" placeholder="请选择索赔方式" style="width: 100%" v-model="model.gidgrp.rec.demand" disabled> </c-select> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">45L</c-col> <c-col :span="23"> <c-col :span="14" class="fieldName"> <el-form-item label="Underlying Transaction Details" label-width="200px" prop="gidgrp.blk.atxcovgodsrv" > <c-mul-row-input :autosize="{ minRows: 4, maxRows: 4}" :cols="65" disabled :rows="50" placeholder="请输入合同标的" v-model="model.gidgrp.blk.atxcovgodsrv"></c-mul-row-input> </el-form-item> <!-- <el-form-item label=" Underlying Transaction Details" label-width="200px" prop="gidgrp.blk.covgodsrv" v-else> <c-mul-row-input :autosize="{ minRows: 4, maxRows: 4}" :cols="65" :rows="50" disabled placeholder="请输入合同标的" v-model="model.gidgrp.blk.covgodsrv"></c-mul-row-input> </el-form-item> --> </c-col> <c-col :span="5" class="fieldName"> <c-checkbox disabled class="checkbox-left" false-label="" style="margin: 0 0 0 10px" true-label="X" v-model="model.gitp.covgodsrvmodflg" v-if="model.gidgrp.rec.hndtyp == 'OT'"> 手工修改 </c-checkbox> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">24E</c-col> <c-col :span="23"> <c-col :span="24"> <c-col :span="14" class="fieldName"> <el-form-item label="Delivery of Original Undertaking" label-width="200px" prop="gidgrp.rec.delori"> <c-select disabled dbCode="delori" placeholder="请选择保函文本交付" style="width: 100%" v-model="model.gidgrp.rec.delori" isShowKeyAndLabel> </c-select> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="14"> <el-form-item label-width="200px" prop="gidgrp.rec.deloritxt"> <c-input disabled maxlength="35" placeholder="请输入保函文本交付" v-model="model.gidgrp.rec.deloritxt"></c-input> </el-form-item> </c-col> </c-col> </c-col> </c-col> <c-col :span="24" style="padding-left: 20px;padding-right: 20px;"> <c-col :span="1" class="field">24G</c-col> <c-col :span="23"> <c-col :span="24"> <c-col :span="14" class="fieldName"> <el-form-item label="Delivery To/Collection By|" label-width="200px" prop="gidgrp.rec.delto"> <c-select disabled placeholder="请选择交付收款人" style="width: 100%" v-model="model.gidgrp.rec.delto" dbCode="delto" ></c-select> </el-form-item> </c-col> </c-col> <c-col :span="24" class="fieldName"> <c-col :span="14"> <el-form-item label-width="200px" prop="gidgrp.blk.deltoadr"> <c-mul-row-input :autosize="{ minRows: 4, maxRows: 4}" :cols="35" disabled :rows="6" placeholder="请输入交付地址" v-model="model.gidgrp.blk.deltoadr"></c-mul-row-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="14" class="fieldName"> <el-form-item label="Undertaking Send to" label-width="200px" prop="gidgrp.rec.sndto"> <c-select dbCode="rolall" disabled placeholder="请选择发送保函文本" style="width: 100%" v-model="model.gidgrp.rec.sndto"> </c-select> </el-form-item> </c-col> </c-col> </c-col> </c-col> </div> </template> <script> import event from "../../event"; import Default from "../../model/default"; import commonFunctions from "~/mixin/commonFunctions.js"; export default { inject: ["root"], props: ["model", "codes"], mixins: [event, Default, commonFunctions], data() { return { frameList: [], frameData: {} }; }, methods: {}, mounted() { // this.model.gitp.covgodsrvmodflg = 'X'; // this.model.gitp.exptxtmodflg = 'X'; // this.model.gitp.prepermodflg ='X'; // this.model.gitp.covgodsrvmodflg = 'X'; }, computed: { deltoFilterKey() { let filterKey = ["OTHR"]; if ( this.model.gidgrp.ben.pts.adrblk != null && this.model.gidgrp.ben.pts.adrblk != "" ) { filterKey.push("BENE"); } if ( this.model.gidgrp.ctr.pts.adrblk != null && this.model.gidgrp.ctr.pts.adrblk != "" ) { filterKey.push("OBLI"); } return filterKey; } }, watch: { 'model.gidgrp.rec.hndtyp' : function (){ if(this.model.gidgrp.rec.hndtyp == 'OT'){ this.model.gitp.liatxtcmodflg = 'X'; this.model.gitp.exptxtmodflg = 'X'; this.model.gitp.prepermodflg = 'X'; this.model.gitp.covgodsrvmodflg = 'X'; } } }, created: function() { } }; </script> <style lang="less" scoped> .el-textarea .el-textarea__inner { height: 100px; } .page-wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 2px; box-sizing: border-box; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; border: 1px solid #707070; .form-content { width: 100%; flex: 1; position: relative; border: 1px solid #b1b1b1; overflow-y: auto; background-color: #fff; padding: 5px 0; } } .field { text-align: left; line-height: 32px; width: 40px; } .fieldName { /deep/ .el-form-item--small .el-form-item__label { width: 200px !important; justify-content: flex-start; } /deep/ .el-date-editor.el-input { width: 90%; } /deep/ .el-select { width: 90%; } } .over { /deep/ .el-form-item--small .el-form-item__label { text-align: left; } } </style>