<template> <div class="eibs-tab"> <c-col :span="12" style="padding-right: 20px"> <c-col :span="24"> <el-form-item label="Available with" prop="ltdgrp.rec.avbwth"> <c-select v-model="model.ltdgrp.rec.avbwth" dbCode="avbwth" @change="onAvbwthChange" style="width: 100%" placeholder="请选择"> </c-select> </el-form-item> </c-col> <c-col :span="24" class="fieldName" v-if="model.ltdgrp.rec.avbwth!='O'"> <el-form-item label="" style="margin-bottom: 0"> <el-form-item label-width="0" style="margin-bottom: 10px"> <c-ptap :argadr="{ title: '', grp: 'ltdgrp', rol: 'avt' }" :haveAdrLabel="true" :isAdrblk="true" :isFieldLabelVisible="false" :model="model" @handleChange='cnfinsDefault' ptytyp="B" :disabled="avbDisabled" :isLabel120="false"></c-ptap> </el-form-item> </el-form-item> </c-col> <c-col :span="24" v-if="model.ltdgrp.rec.avbwth == 'O'"> <el-form-item label="" prop="ltdgrp.blk.avbwthtxt"> <c-mul-row-input type="textarea" v-model="model.ltdgrp.blk.avbwthtxt" @blur="onBlur" :rows="4" :cols="35" :autosize="{minRows: 4, maxRows: 4}" :charmod="2" show-word-limit placeholder="请输入Available in"></c-mul-row-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Available by" prop="ltdgrp.rec.avbby"> <c-select v-model="model.ltdgrp.rec.avbby" dbCode="avbby0" @change="avbbyDefault" style="width: 100%" placeholder="请选择兑付方式"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Tenor days" prop="ltdgrp.rec.tenmaxday"> <c-input v-model.number="model.ltdgrp.rec.tenmaxday" :disabled="model.ltdgrp.rec.avbby =='P'" placeholder="请输入天数" maxlength="3"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Negotiation/Deferred Payment Details" prop="ltdgrp.blk.defdet"> <c-mul-row-input type="textarea" v-model="model.ltdgrp.blk.defdet" :rows="4" :cols="35" :autosize="{minRows: 3, maxRows: 3}" :charmod="2" :disabled="model.ltdgrp.rec.avbby != 'D' && model.ltdgrp.rec.avbby != 'N'" show-word-limit placeholder="请输入指示内容"></c-mul-row-input> </el-form-item> </c-col> <c-col :span="24"> <!-- <c-ptap-commons :cols="35" :rows="3" :minRows="3" :maxRows="3" :model="model" :disabledButton="model.ltdgrp.rec.avbby != 'A' && model.ltdgrp.rec.avbby != 'N' && model.ltdgrp.rec.avbby != 'P'" :extCodes="['ltdgrp','blk']" lastModel="dftat" title="Drafts at"> </c-ptap-commons> --> <el-form-item label="Drafts at" prop="ltdgrp.blk.dftat"> <c-mul-row-input type="textarea" v-model="model.ltdgrp.blk.dftat" :rows="3" :cols="35" :autosize="{minRows: 3, maxRows: 3}" :charmod="2" :disabled="model.ltdgrp.rec.avbby != 'A' && model.ltdgrp.rec.avbby != 'N' && model.ltdgrp.rec.avbby != 'P'" show-word-limit placeholder=""> </c-mul-row-input> </el-form-item> </c-col> <c-col :span="24"> <c-ptap :model="model" :disabled="drwdisabled" :disabledExtkey="model.ltdgrp.rec.avbby != 'A' && model.ltdgrp.rec.avbby != 'N' && model.ltdgrp.rec.avbby != 'P'" :disabledDetailTrn="model.ltdgrp.rec.avbby != 'A' && model.ltdgrp.rec.avbby != 'N' && model.ltdgrp.rec.avbby != 'P'" :argadr="{ title: 'Drawee', grp: 'ltdgrp', rol: 'drw', }" :haveAdrLabel="true" :isAdrblk="true" :isLabel120="false" ptytyp="B,C"> </c-ptap> </c-col> <c-col :span="24"> <el-form-item label="Shipment Period" prop="ltdgrp.blk.shpper"> <c-mul-row-input type="textarea" v-model="model.ltdgrp.blk.shpper" :rows="6" :cols="65" :autosize="{minRows: 4, maxRows: 4}" :charmod="2" :disabled="model.ltdgrp.rec.shpdat != null && model.ltdgrp.rec.shpdat !=''" show-word-limit placeholder=""></c-mul-row-input> </el-form-item> </c-col> </c-col> <c-col :span="12" style="padding-left: 20px"> <c-col :span="24"> <el-form-item label="Mixed Payment Details" prop="ltdgrp.blk.mixdet"> <c-mul-row-input type="textarea" v-model="model.ltdgrp.blk.mixdet" :rows="4" :cols="35" :autosize="{minRows: 4, maxRows: 4}" :charmod="2" :disabled="model.ltdgrp.rec.avbby != 'M'" show-word-limit placeholder=""></c-mul-row-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Place of taking in Charge/Dispatch from .../Place of Receipt" prop="ltdgrp.rec.shpfro"> <c-mul-row-input type="textarea" show-word-limit v-model="model.ltdgrp.rec.shpfro" :rows="30" :cols="65" :autosize="{minRows: 5, maxRows: 5}" :charmod="3" placeholder=""></c-mul-row-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Port of Loading/Airport of Departure" prop="ltdgrp.rec.porloa"> <c-mul-row-input type="textarea" show-word-limit v-model="model.ltdgrp.rec.porloa" :rows="30" :cols="65" :autosize="{minRows: 5, maxRows: 5}" :charmod="3" placeholder=""></c-mul-row-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Port of Discharge/Airport of Destination" prop="ltdgrp.rec.pordis"> <c-mul-row-input type="textarea" show-word-limit v-model="model.ltdgrp.rec.pordis" :rows="30" :cols="65" :autosize="{minRows: 5, maxRows: 5}" :charmod="3" placeholder=""></c-mul-row-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Place of Final Destination/For Transportation to .../Place of Delivery" prop="ltdgrp.rec.shpto"> <c-mul-row-input type="textarea" show-word-limit v-model="model.ltdgrp.rec.shpto" :rows="30" :cols="65" :autosize="{minRows: 5, maxRows: 5}" :charmod="3" placeholder=""></c-mul-row-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Instructions from Transferring Bank" prop="ltdgrp.blk.insintbnk"> <c-mul-row-input type="textarea" show-word-limit v-model="model.ltdgrp.blk.insintbnk" :rows="12" :cols="65" :autosize="{minRows: 5, maxRows: 5}" :charmod="2" placeholder=""></c-mul-row-input> </el-form-item> </c-col> </c-col> </div> </template> <script> import Api from "~/service/Api"; import commonProcess from "~/mixin/commonProcess"; import CodeTable from "~/config/CodeTable"; import event from "../event"; import Default from "../model/default"; import { getCodetable } from "~/service/business/codeTable"; import Pts from "~/components/business/commonModel/Pts.js"; import { cloneDeep } from "lodash"; export default { inject: ["root"], props: ["model", "codes"], mixins: [event,Default], data() { return { disabledExtkey: false, avbDisabled: false, drwdisabled: false, dbCodes: { avbwth: [] } }; }, mounted() { this.getdbCode("avbwth", "EN", "avbwth"); }, methods: { onBlur() { if(this.model.ltdgrp.rec.avbwth == 'O' && !this.model.ltdgrp.blk.avbwthtxt){ let value = this.getCodeTableValue("O", "avbwth"); this.model.ltdgrp.blk.avbwthtxt = value; } } }, created: function () {}, watch:{ }, }; </script> <style></style>