Ovwp.vue

<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item title="概要" name="ovwp">
        <!-- ======================= 左边 ========================= -->

        <c-col :span="12" style="padding-right: 20px;">
          <el-col :spam="24">
            <el-form-item
              label="信用证编号"
              prop="lidgrp.rec.ownref"
              style="width: 100%"
            >
              <c-fullbox>
                <c-input
                  v-model="model.lidgrp.rec.ownref"
                  maxlength="16"
                  disabled
                  placeholder=""
                ></c-input>
                <template slot="footer">
                  <c-button
                    style="margin: 0 10px 0 10px; padding: 0 12px;height:32px;"
                    size="small"
                    type="primary"
                    @click="onSeainf"
                    icon="el-icon-search"
                  >
                    <span style="font-family: '宋体'; font-weight: bold"></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="信用证类型" prop="lidgrp.rec.lcrtyp">
              <c-select
                v-model="model.lidgrp.rec.lcrtyp"
                placeholder="请选择信用证类型"
                style="width: 100%"
                :code="codes.lcrtyp"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="客户经理"
              prop="litp.usr.extkey"
              style="width: 100%"
            >
              <c-fullbox>
                <c-input
                  v-model="model.litp.usr.extkey"
                  maxlength="8"
                  disabled
                  placeholder="请输入客户经理"
                ></c-input>
                <template slot="footer">
                  <c-button
                    size="small"
                    style="margin-left: 10px; padding: 0 12px"
                    type="primary"
                    icon="el-icon-search"
                    @click="onExtkey"
                  >
                    <span style="font-family: '宋体'; font-weight: bold"></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="11">
                <el-form-item label="名义金额" prop="lidgrp.cbs.nom1.cur">
                  <c-select
                    v-model="model.lidgrp.cbs.nom1.cur"
                    style="width: 100%"
                    placeholder="币种"
                    :code="codes.curtxt1"
                    @keyup.enter.native="nom1CurEvent"
                  >
                    <!-- <el-option
                v-for="item in codes.curtxt1"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option> -->
                  </c-select>
                </el-form-item>
              </c-col>
              <c-col :span="9">
                <el-form-item
                  style="text-align: left"
                  label-width="20px"
                  prop="lidgrp.cbs.nom1.amt"
                >
                  <c-input-currency
                    v-model="model.lidgrp.cbs.nom1.amt"
                    style="text-align: left; width: 100%"
                    placeholder="请输入金额"
                  ></c-input-currency>
                </el-form-item>
              </c-col>

              <c-col :span="4">
                <template>
                  <c-checkbox
                    @change="open"
                    v-model="model.litp.aamp.aammod.addamtflg"
                    style="padding-left: 5px"
                    >附加金额</c-checkbox
                  >
                </template>
              </c-col>
          </el-col>
          <c-col :span="14">
            <el-form-item label="溢短装" prop="lidgrp.rec.nomtop">
              <c-input
                v-model="model.lidgrp.rec.nomtop"
                maxlength="2"
                placeholder="0"
              ></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="0"
              ></c-input>
            </el-form-item>
          </c-col>

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

          <c-col :span="13">
            <el-form-item label="最大金额" prop="lidgrp.cbs.max.cur">
              <c-select
                v-model="model.lidgrp.cbs.max.cur"
                style="width: 100%"
                disabled
                placeholder="请选择币种"
                @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-currency
                v-model="model.lidgrp.cbs.max.amt"
                disabled
                placeholder="请输入信用证最大金额"
              ></c-input-currency>
            </el-form-item>
          </c-col>

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

          <c-col :span="11">
            <el-form-item label="预先通知日期" prop="lidgrp.rec.preadvdt">
              <c-date-picker
                type="date"
                v-model="model.lidgrp.rec.preadvdt"
                style="width: 100%"
                disabled
                placeholder="请选择日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="19">
            <el-form-item label="最迟装船日期" prop="lidgrp.rec.shpdat">
              <c-date-picker
                type="date"
                :disabled="
                  model.lidgrp.blk.shpper != '' &&
                  model.lidgrp.blk.shpper != null
                "
                v-model="model.lidgrp.rec.shpdat"
                style="width: 100%"
                placeholder="请选择日期"
              ></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="有效日期" prop="lidgrp.rec.expdat">
              <c-date-picker
                type="date"
                v-model="model.lidgrp.rec.expdat"
                style="width: 100%"
                placeholder="请选择日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="交单地点" prop="lidgrp.rec.expplc">
              <c-input
                v-model="model.lidgrp.rec.expplc"
                maxlength="29"
                placeholder="请输入地址"
              ></c-input>
            </el-form-item>
          </c-col>

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

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

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

          <c-col :span="24">
            <el-form-item label="其他适用规则" prop="lidgrp.rec.apprultxt">
              <c-input
                v-model="model.lidgrp.rec.apprultxt"
                maxlength="35"
                :disabled="this.flag"
                placeholder="请输入其他适用规则"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="保兑指示" prop="lidgrp.rec.cnfdet">
              <c-select
                v-model="model.lidgrp.rec.cnfdet"
                style="width: 100%"
                placeholder="请选择保兑指示"
                :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="货押标志" prop="lidgrp.rec.guaflg">
              <c-select
                v-model="model.lidgrp.rec.guaflg"
                style="width: 100%"
                placeholder="请选择货押标志"
                :code="codes.guaflg"
              >
              </c-select>
            </el-form-item>
          </c-col>

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

        <!-- ======================右边====================== -->
        <c-col :span="12" style="padding-left: 20px;">
          <c-col :span="24">
            <el-form-item label="简略信息" prop="lidgrp.rec.nam">
              <c-input
                v-model="model.lidgrp.rec.nam"
                maxlength="40"
                disabled
                placeholder="请输入简略信息"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="申请人参考号" prop="lidgrp.apl.pts.ref">
              <c-input
                v-model="model.lidgrp.apl.pts.ref"
                maxlength="16"
                style="width: 100%"
                placeholder="请输入申请人参考号"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="申请人" prop="lidgrp.apl.pts.extkey">
              <c-fullbox>
                <c-input
                  v-model="model.lidgrp.apl.pts.extkey"
                  maxlength="50"
                  placeholder="请输入申请人地址编码"
                  @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')"
                    icon="el-icon-search"
                  >
                    <span style="font-family: '宋体'; font-weight: bold"></span>
                  </c-button>
                  <c-button
                    style="margin: 0 0"
                    size="small"
                    type="primary"
                    @click="onAplpDet"
                    icon="el-icon-info"
                  >
                  </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="申请人名称地址" 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="请输入名称地址"
              ></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="通知行参考号" prop="lidgrp.adv.pts.ref">
              <c-input
                v-model="model.lidgrp.adv.pts.ref"
                maxlength="16"
                style="width: 100%"
                placeholder="请输入参考号"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="通知行"
              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="请输入通知行地址编码"
                  @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')"
                    icon="el-icon-search"
                  >
                    <span style="font-family: '宋体'; font-weight: bold"></span>
                  </c-button>
                  <c-button
                    style="margin: 0 0"
                    size="small"
                    type="primary"
                    @click="onAdvpDet"
                    icon="el-icon-info"
                  >
                  </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="通知行名称地址" 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="请输入名称地址"
              ></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="受益人参考号" prop="lidgrp.ben.pts.ref">
              <c-input
                v-model="model.lidgrp.ben.pts.ref"
                maxlength="16"
                style="width: 100%"
                placeholder="请输入参考号"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="受益人地址编码" prop="lidgrp.ben.pts.extkey">
              <c-fullbox>
                <c-input
                  v-model="model.lidgrp.ben.pts.extkey"
                  style="width: 100%"
                  maxlength="16"
                  placeholder="请输入地址编码"
                  @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')"
                    icon="el-icon-search"
                  >
                    <span style="font-family: '宋体'; font-weight: bold"></span>
                  </c-button>
                  <c-button
                    style="margin: 0 0"
                    size="small"
                    type="primary"
                    @click="onBenpDet"
                    icon="el-icon-info"
                  >
                  </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="受益人名称地址" prop="lidgrp.ben.pts.adrblk">
              <c-input
                type="textarea"
                :rows="4"
                v-model="model.lidgrp.ben.pts.adrblk"
                maxlength="80"
                show-word-limit
                placeholder="请输入名称地址"
              ></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"
              true-label="Y"
              false-label=""
              disabled
              style="margin-left: 9px; padding: 0 10px"
              >偿付行信息</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"
              >循环信用证</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>
      </el-collapse-item>
      <el-collapse-item title="详情" name="detp">
        <!-- 详情 -->
        <m-detp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="当事人" name="ptyp">
        <!-- 当事人 -->
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="货物" name="dogp">
        <!-- 货物 -->
        <m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'lid'" />
      </el-collapse-item>
      <el-collapse-item title="单据" name="dorp">
        <!-- 单据 -->
        <m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'lid'" />
      </el-collapse-item>
      <el-collapse-item title="附加条件" name="adcp">
        <!-- 附加条款 -->
        <m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'lid'" />
      </el-collapse-item>
      <el-collapse-item title="附加金额" name="aamp" v-if="model.litp.aamp.aammod.addamtflg">
        <!-- 附加金额 -->
        <m-aamp :model="model" :codes="codes" />
      </el-collapse-item>
    </el-collapse>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litopn/Event";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
import Dogp from "./Dogp";
import Dorp from "./Dorp";
import Adcp from "./Adcp";
import Doxp from "~/views/Public/Doxp";
import Aamp from "./Aamp";

export default {
  components: {
    "m-detp": Detp,
    "m-ptyp": Ptyp,
    "m-dogp": Dogp,
    "m-dorp": Dorp,
    "m-adcp": Adcp,
    "m-doxp": Doxp,
    "m-aamp": Aamp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      zmqflg: null,
      flag: true,
      activeNames: ["ovwp"],
    };
  },
  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: "已取消删除",
            });
          });
      }
    },
    handleChange(val) {
      console.log(val);
    },
  },
  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>