Ovwp.vue

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

    <c-col :span="11">
      <el-col :spam="24">
        <el-form-item
          label="Reference"
          prop="lidgrp.rec.ownref"
          style="width: 100%"
        >
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.rec.ownref"
              maxlength="16"
              disabled
              placeholder="请输入Reference"
            ></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf"
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                :disabled="this.flag1"
                @click="onLitpButgetref"
              >
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </el-col>

      <c-col :span="24">
        <el-form-item label="Form of L/C" prop="lidgrp.rec.lcrtyp">
          <c-select
            v-model="model.lidgrp.rec.lcrtyp"
            placeholder="请选择Form of L/C"
            style="width: 100%"
            :code="codes.lcrtyp "
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="Responsible User"
          prop="litp.usr.extkey"
          style="width: 100%"
        >
          <c-fullbox>
            <c-input
              v-model="model.litp.usr.extkey"
              maxlength="8"
              disabled
              placeholder="请输入Responsible User"
              
            ></c-input>
            <template slot="footer">
            <c-button 
            size="small" 
            style="margin-left: 10px; padding: 0 10px"
            type="primary" 
            @click="onExtkey">
              <span style="font-family: '宋体'; font-weight: bold">i</span>
            </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- LITPOP INFLID 显示-->
      <!--           
       <c-col :span="12">
	    <c-checkbox v-model="model.lidgrp.rec.resflg">Reserved Contract</c-checkbox>
       </c-col>
       -->
    <el-col :span="24">
      <c-col :span="10">
        <el-form-item label="Nominal Amount" prop="lidgrp.cbs.nom1.cur">
          <c-select
            v-model="model.lidgrp.cbs.nom1.cur"
            style="width: 100%"
            placeholder="Cur Type"
            :code="codes.cur"
            @keyup.enter.native="nom1CurEvent"
          >
            <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="10">
        <el-form-item
          style="text-align: left"
          label-width="20px"
          prop="lidgrp.cbs.nom1.amt"
        >
          <c-input
            v-model="model.lidgrp.cbs.nom1.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入Nominal Amount"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="4" class="centerLable">
        <template>
        <c-checkbox 
        
        @change="open"
        v-model="model.litp.aamp.aammod.addamtflg" 
        style="margin-left:11px;padding: 0 10px;"
          >Add. Amount</c-checkbox>
        </template>
      </c-col>
    </el-col>
      <c-col :span="14">
        <el-form-item label="Amount Tolerance +/-" prop="lidgrp.rec.nomtop">
          <c-input
            v-model="model.lidgrp.rec.nomtop"
            maxlength="2"
            placeholder="请输入Amount Tolerance - Positive"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="10" style="text-align: left">
        <el-form-item
          label="-"
          style="text-align: left; margin-left: 12px"
          label-width="20px"
          prop="lidgrp.rec.nomton"
        >
          <c-input
            v-model="model.lidgrp.rec.nomton"
            maxlength="2"
            placeholder="请输入Amount Tolerance - Negative"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Amount Specification" prop="lidgrp.rec.nomspc">
          <c-select
            v-model="model.lidgrp.rec.nomspc"
            style="width: 100%"
            disabled
            placeholder="请选择Amount Specification"
            :code="codes.nomspc"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="13">
        <el-form-item label="Maximum Amount" prop="lidgrp.cbs.max.cur">
          <c-select
            v-model="model.lidgrp.cbs.max.cur"
            style="width: 100%"
            disabled
            placeholder="请选择Currency"
            @keyup.enter.native="nom1CurEvent"
          >
            <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="11">
        <el-form-item
          label=""
          label-width="5px"
          prop="lidgrp.cbs.max.amt"
        >
          <c-input
            v-model="model.lidgrp.cbs.max.amt"
            disabled
            placeholder="请输入信用证最大金额t"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="13">
        <el-form-item label="L/C Issued on" prop="lidgrp.rec.opndat">
          <c-date-picker
            type="date"
            v-model="model.lidgrp.rec.opndat"
            style="width: 100%"
            placeholder="请选择L/C Issued on"
            value-format="yyyy-MM-dd"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="11">
        <el-form-item
          label="Date Pre-advised"
          prop="lidgrp.rec.preadvdt" 
        >
          <c-date-picker
            type="date"
            v-model="model.lidgrp.rec.preadvdt"
            style="width: 100%"
            disabled
            placeholder="请选择Date Pre-advised"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="19">
        <el-form-item label="Latest Shipment Date" prop="lidgrp.rec.shpdat">
          <c-date-picker
            type="date"
            v-model="model.lidgrp.rec.shpdat"
            style="width: 100%"
            placeholder="请选择Latest Shipment Date"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="5"  class="centerLable">
        <c-checkbox 
        v-model="model.lidgrp.rec.dkflg" 
        style="margin-left:17px;padding: 0 10px;"
        disabled
          >是否代开信用证</c-checkbox
        >
      </c-col>

      <c-col :span="24">
        <el-form-item label="L/C Expiring on" prop="lidgrp.rec.expdat">
          <c-date-picker
            type="date"
            v-model="model.lidgrp.rec.expdat"
            style="width: 100%"
            placeholder="请选择L/C Expiring on"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="in (Place)/ counters of" prop="lidgrp.rec.expplc">
          <c-input
            v-model="model.lidgrp.rec.expplc"
            maxlength="29"
            placeholder="请输入in (Place)/ counters of"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Partial Shipment" prop="lidgrp.rec.shppar">
          <c-select
            v-model="model.lidgrp.rec.shppar"
            style="width: 100%"
            placeholder="请选择Partial Shipment"
            :code="codes.shptrss18"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Transhipment" prop="lidgrp.rec.shptrss18">
          <c-select
            v-model="model.lidgrp.rec.shptrss18"
            style="width: 100%"
            placeholder="请选择Transhipment"
            :code="codes.shptrss18"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Applicable Rules" prop="lidgrp.rec.apprul">
          <c-select
            v-model="model.lidgrp.rec.apprul"
            style="width: 100%"
            placeholder="请选择Applicable Rules"
            :code="codes.apprul"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item
          label="Other Applicable Rules"
          prop="lidgrp.rec.apprultxt"
        >
          <c-input
            v-model="model.lidgrp.rec.apprultxt"
            maxlength="35"
            :disabled="this.flag"
            placeholder="请输入Other Applicable Rules"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Confirm. Instructions" prop="lidgrp.rec.cnfdet">
          <c-select
            v-model="model.lidgrp.rec.cnfdet"
            style="width: 100%"
            placeholder="请选择Confirm. Instructions"
            :code="codes.cnfflg1"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <!--
            <c-col :span="12">
                <span  v-text="model.litp.oppbnkl"   data-path=".litp.oppbnkl" > </span>
            </c-col>
            -->
      <c-col :span="12">
        <el-form-item label="对手行代码" prop="lidgrp.rec.oppbnk" v-if="zmqflg">
          <!--自贸区标志 -->
          <c-input
            v-model="model.lidgrp.rec.oppbnk"
            maxlength="12"
            placeholder="请输入对手行代码"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Mortgage Flag" prop="lidgrp.rec.guaflg">
          <c-select
            v-model="model.lidgrp.rec.guaflg"
            style="width: 100%"
            placeholder="请选择Mortgage Flag"
            :code="codes.guaflg"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Register Ref." prop="lidgrp.rec.regref">
          <c-input
            v-model="model.lidgrp.rec.regref"
            maxlength="16"
            disabled
            placeholder="请输入Register Ref."
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ======================右边====================== -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="Name" prop="lidgrp.rec.nam">
          <c-input
            v-model="model.lidgrp.rec.nam"
            maxlength="40"
            disabled
            placeholder="请输入Externally Displayed Name to Identify the Contract"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="Application Ref"
          prop="lidgrp.apl.pts.ref"
        >
          <c-input
            v-model="model.lidgrp.apl.pts.ref"
            maxlength="16"
            style="width: 100%"
            placeholder="请输入Application Ref"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Extkey" prop="lidgrp.apl.pts.extkey">
            <c-fullbox>
          <c-input
            v-model="model.lidgrp.apl.pts.extkey"
            maxlength="50"
            placeholder="请输入External Key of Address"
            @keyup.enter.native="showGridPromptDialog('lidgrp.apl.pts.extkey')"
          ></c-input>
            <template slot="footer">
                <c-button
                style="margin:0 10px 0 10px;padding: 0 12px;"
                  size="small"
                  type="primary"
                 @click="onSeainf('lidgrp.apl.pts.extkey')"
                >
                <span style="font-family:'宋体';font-weight:bold">i</span>
                </c-button>
                <c-button
                style="margin:0 0"
                  size="small"
                  type="primary"
                  disabled
                  @click="onAplpDet"
                >
                  详情
                </c-button>
              </template>
            </c-fullbox>
        </el-form-item>

    </c-col>

      <!-- <c-col :span="8">
        <el-form-item label="" label-width="15px">
          <c-button
            size="small"
            type="primary;width:10%"
            @click="onSeainf('lidgrp.apl.pts.extkey')"
            >i</c-button
          >
          <c-button size="small" type="primary" @click="onAplpDet">
            Details
          </c-button>
        </el-form-item>
      </c-col> -->

      <c-col :span="24">
        <el-form-item label="Address Block" prop="lidgrp.apl.pts.adrblk">
          <c-input
            type="textarea"
            :rows="4"
            v-model="model.lidgrp.apl.pts.adrblk"
            maxlength="50"
            disabled
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <!-- 需要处理            
            <c-col :span="12">
                <el-form-item label="Chinese address" prop="lidgrp.apl.dbfadrblkcn">
                    <c-input type="textarea" v-model="model.lidgrp.apl.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
                </el-form-item>
            </c-col>
            -->

      <!--           
            <c-col :span="12">
                <el-form-item label="名称" prop="lidgrp.apl.namelc">
                    <c-input type="textarea" v-model="model.lidgrp.apl.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
                </el-form-item>
            </c-col>
                                            
            <c-col :span="12">
                <el-form-item label="地址" prop="lidgrp.apl.adrelc">
                    <c-input type="textarea" v-model="model.lidgrp.apl.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
                </el-form-item>
            </c-col>
            -->

      <c-col :span="24">
        <el-form-item label="Advising Bank Ref." prop="lidgrp.adv.pts.ref">
          <c-input
            v-model="model.lidgrp.adv.pts.ref"
            maxlength="16"
            style="width: 100%"
            placeholder="请输入Advising Bank Ref."
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Extkey" prop="lidgrp.adv.pts.extkey" style="width:100%">
            <c-fullbox>
          <c-input
            v-model="model.lidgrp.adv.pts.extkey"
            maxlength="50"
            style="width:100%"
            placeholder="请输入External Key of Address"
            @keyup.enter.native="showGridPromptDialog('lidgrp.adv.pts.extkey')"
          ></c-input>
            <template slot="footer">
                <c-button
                style="margin:0 10px 0 10px;padding: 0 12px;"
                  size="small"
                  type="primary"
                  @click="onSeainf('lidgrp.adv.pts.extkey')"
                >
                <span style="font-family:'宋体';font-weight:bold">i</span>
                </c-button>
                <c-button
                style="margin:0 0"
                  size="small"
                  type="primary"
                  disabled
                  @click="onAdvpDet"
                >
                  详情
                </c-button>
              </template>

            </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="8">
        <el-form-item label="" label-width="15px">
          <c-button
            size="small"
            type="primary;width:10%"
            @click="onSeainf('lidgrp.adv.pts.extkey')"
            >i</c-button
          >
          <c-button size="small" type="primary" @click="onAdvpDet">
            Details
          </c-button>
        </el-form-item>
      </c-col> -->

      <c-col :span="24">
        <el-form-item label="Address Block" prop="lidgrp.adv.pts.adrblk">
          <c-input
            type="textarea"
            :rows="4"
            v-model="model.lidgrp.adv.pts.adrblk"
            maxlength="80"
            disabled
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <!--需要处理           
            <c-col :span="12">
                <el-form-item label="Chinese address" prop="lidgrp.adv.dbfadrblkcn">
                    <c-input type="textarea" v-model="model.lidgrp.adv.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
                </el-form-item>
            </c-col>
            -->

      <!--
            <c-col :span="12">
                <el-form-item label="名称" prop="lidgrp.adv.namelc">
                    <c-input type="textarea" v-model="model.lidgrp.adv.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
                </el-form-item>
            </c-col>
                
            <c-col :span="12">
                <el-form-item label="地址" prop="lidgrp.adv.adrelc">
                    <c-input type="textarea" v-model="model.lidgrp.adv.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
                </el-form-item>
            </c-col>
            -->

      <c-col :span="24">
        <el-form-item
          label="Beneficiary Ref."
          prop="lidgrp.ben.pts.ref"
        >
        
          <c-input
            v-model="model.lidgrp.ben.pts.ref"
            maxlength="16"
            style="width: 100%"
            placeholder="请输入Beneficiary Ref."
          ></c-input>
           
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Extkey" prop="lidgrp.ben.pts.extkey">
            <c-fullbox>
          <c-input
            v-model="model.lidgrp.ben.pts.extkey"
            style="width:100%"
            maxlength="16"
            placeholder="请输入External Key of Address"
            @keyup.enter.native="showGridPromptDialog('lidgrp.ben.pts.extkey')"
          ></c-input>
              <template slot="footer">
                <c-button
                style="margin:0 10px 0 10px;padding: 0 12px;"
                  size="small"
                  type="primary"
                  @click="onSeainf('lidgrp.ben.pts.extkey')"
                >
                <span style="font-family:'宋体';font-weight:bold">i</span>
                </c-button>
                <c-button
                style="margin:0 0"
                  size="small"
                  type="primary"
                  @click="onBenpDet"
                >
                  详情
                </c-button>
              </template>
            </c-fullbox>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="8">
        <el-form-item label="" label-width="15px">
          <c-button
            size="small"
            type="primary;width:10%"
            @click="onSeainf('lidgrp.ben.pts.extkey')"
            >i</c-button
          >
          <c-button size="small" type="primary" @click="onBenpDet">
            Details
          </c-button>
        </el-form-item>
      </c-col> -->

      <c-col :span="24">
        <el-form-item label="Address Block" prop="lidgrp.ben.pts.adrblk">
          <c-input
            type="textarea"
            :rows="4"
            v-model="model.lidgrp.ben.pts.adrblk"
            maxlength="80"
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <!--需要处理      
            <c-col :span="12">
                <el-form-item label="Chinese address" prop="lidgrp.ben.dbfadrblkcn">
                    <c-input type="textarea" v-model="model.lidgrp.ben.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
                </el-form-item>
            </c-col>
            -->
      <!--
            <c-col :span="12">
                <el-form-item label="名称" prop="lidgrp.ben.namelc">
                    <c-input type="textarea" v-model="model.lidgrp.ben.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item label="地址" prop="lidgrp.ben.adrelc">
                    <c-input type="textarea" v-model="model.lidgrp.ben.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
                </el-form-item>
            </c-col>
            -->

      <c-col :span="24" class="centerLable marginLable">
        <c-checkbox v-model="model.lidgrp.rec.rmbflg" disabled
        style="margin-left:9px;padding: 0 10px;"
          >Reimbursement Information</c-checkbox
        >
      </c-col>

      <c-col :span="24" class="centerLable marginLable">
        <c-checkbox v-model="model.lidgrp.rec.revflg" disabled
        style="margin-left:9px;padding: 0 10px;"
          >Revolving Flag</c-checkbox
        >
      </c-col>

      <c-col :span="24">
        <el-form-item label="合同号" prop="lidgrp.rec.rptref">
          <c-input
            v-model="model.lidgrp.rec.rptref"
            maxlength="25"
            placeholder="请输入合同号"
          ></c-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 "~/model/Litopn/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      zmqflg: null,
      flag:true,
    };
  },
  methods: { ...Event,
  open(val){
    if(val ==='' && !(this.model.lidgrp.cbs.max2.amt =='0.000'&& this.model.lidgrp.cbs.opn2.amt =='0.000' && this.model.lidgrp.blk.addamtcov==='') ){
        this.$confirm('Do you really want to delete the additional amount of this contract?','提示',{
            confirmButtonText: 'Yes',
            cancelButtonText: 'No',
            type: 'warning',
            showClose:false
          }).then(() => {//yes的执行在这里写
            this.model.lidgrp.cbs.max2.amt ='0.000';
            this.model.lidgrp.blk.addamtcov = '';
            this.model.lidgrp.cbs.opn2.amt ='0.000';
            this.$message({
                  type: 'success',
                  message: '删除成功!'
            });
            
          }).catch(() => {//No的功能在这里写
            this.model.litp.aamp.aammod.addamtflg ='X'
                this.$message({
                  type: 'info',
                  message: '已取消删除'
                });  
          }); 
    }
          
  }
  },
  created: function () {},
  watch:{
        "model.lidgrp.rec.apprul": {
            immediate:true,
            handler(val,oldVal){
            if(val == "OTHR"){
              this.flag=false;
            }else{
              this.flag=true;  
            }

            }
        }
  },
  computed: {
    flag1() {
      return this.model.lidgrp.apl.pts.extkey == "";
    },
  },
};
</script>
<style>
.centerLable {
  margin-left: -10px;
  height: 32px;
  line-height: 32px;
}
.marginLable {
  padding-left: 160px;
}
</style>