Ovwp1.vue

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

    <c-col :span="12" style="padding-right: 20px">
      <el-col :span="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=""></c-input>
          </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
            disabled
            v-model="model.lidgrp.rec.lcrtyp"
            placeholder="请选择信用证类型"
            style="width: 100%"
            dbCode="lcrtyp">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="合同号" prop="lidgrp.rec.rptref">
          <c-input disabled v-model="model.lidgrp.rec.rptref" maxlength="25" placeholder="请输入合同号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Nominal Amount" prop="lidgrp.cbs.nom1.cur">
              <c-select
                disabled
                v-model="model.lidgrp.cbs.nom1.cur"
                style="width: 115px"
                placeholder="请选择币种"
                dbCode="curtxt"
                sort="SRT">
              </c-select>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="lidgrp.cbs.nom1.amt">
              <c-input-currency
                disabled
                v-model="model.lidgrp.cbs.nom1.amt"
                :currency="model.lidgrp.cbs.nom1.cur"
                style="width: 100%"
                placeholder="请输入金额">
              </c-input-currency>
            </el-form-item>
          </div>
        <div class="box-2">
          <c-checkbox disabled v-model="model.addamtflg" true-label="X" false-label="" class="checkbox-left">
            Add.Amount
          </c-checkbox>
        </div>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Amount Tolerance(39A) +/-" prop="lidgrp.rec.nomtop">
              <c-input disabled v-model="model.lidgrp.rec.nomtop" style="width: 115px" maxlength="2" placeholder="0"></c-input>
            </el-form-item>
          <div class="box-3">
            <el-form-item
              label="/"
              style="text-align: left; margin-left: 25px"
              label-width="10px"
              prop="lidgrp.rec.nomton">
              <c-input disabled v-model="model.lidgrp.rec.nomton" maxlength="2" placeholder="0"></c-input>
            </el-form-item>
          </div>
        <div class="box-2">
          <c-checkbox
            disabled
            true-label="X"
            false-label=""
            v-model="model.lidgrp.rec.dkflg"
            style="float: right; text-align: center"
            >代开信用证</c-checkbox
          >
        </div>
      </c-col>
      <c-col :span="24" class="custom-box-wrap" v-if="model.addamtflg == 'X'">
            <el-form-item label="Additional Amount" prop="lidgrp.cbs.max2.cur">
              <c-select
                disabled
                v-model="model.lidgrp.cbs.max2.cur"
                style="width: 115px"
                placeholder="请选择币种"
                dbCode="curtxt"
                sort="SRT">
              </c-select>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="lidgrp.cbs.max2.amt">
              <c-input-currency
                disabled
                v-model="model.lidgrp.cbs.max2.amt"
                :currency="model.lidgrp.cbs.max2.cur"
                style="width: 100%"
                placeholder="请输入金额">
              </c-input-currency>
            </el-form-item>
          </div>
      </c-col>
      <c-col :span="24" class="custom-box-wrap" v-if="model.addamtflg == 'X'">
            <el-form-item label="Open Add.Amount" prop="lidgrp.cbs.opn2.cur">
              <c-select
                v-model="model.lidgrp.cbs.opn2.cur"
                style="width: 115px"
                placeholder="请选择币种"
                dbCode="curtxt"
                sort="SRT"
                disabled>
              </c-select>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="lidgrp.cbs.opn2.amt">
              <c-input-currency
                v-model="model.lidgrp.cbs.opn2.amt"
                :currency="model.lidgrp.cbs.opn2.cur"
                style="width: 100%"
                placeholder="请输入金额"
                disabled>
              </c-input-currency>
            </el-form-item>
          </div>
      </c-col>
      <c-col :span="24" v-if="model.addamtflg == 'X'">
        <el-form-item label="Covered" prop="lidgrp.blk.addamtcov">
          <c-input
            disabled
            type="textarea"
            v-model="model.lidgrp.blk.addamtcov"
            maxlength="140"
            :rows="4"
            show-word-limit
            placeholder="请输入"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24" class="custom-box-wrap">
        <div class="box-1">
          <div style="width: 100%">
            <el-form-item label="Amount Specification" prop="lidgrp.rec.nomspc">
              <c-select
                v-model="model.lidgrp.rec.nomspc"
                style="width: 100%"
                disabled
                placeholder="请选择"
                dbCode="nomspc">
              </c-select>
            </el-form-item>
          </div>
        </div>
        <div class="box-2" v-if="currencyOrg">
          <c-checkbox
            disabled
            true-label="X"
            false-label=""
            class="checkbox-left"
            v-model="model.lidgrp.rec.needcuscomopn"
            >需客户确认</c-checkbox
          >
        </div>
      </c-col>

      <c-col :span="24" class="custom-box-wrap">
            <el-form-item label="Maximum  Amount" prop="lidgrp.cbs.max.cur">
              <c-select
                disabled
                v-model="model.lidgrp.cbs.max.cur"
                style="width: 115px"
                placeholder="请选择币种"
                dbCode="curtxt"
                sort="SRT">
              </c-select>
            </el-form-item>
          <div class="box-3">
            <el-form-item label-width="5px" prop="lidgrp.cbs.max.amt">
              <c-input-currency
                disabled
                v-model="model.lidgrp.cbs.max.amt"
                :currency="model.lidgrp.cbs.max.cur"
                style="width: 100%"
                placeholder="请输入金额">
              </c-input-currency>
            </el-form-item>
          </div>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Confirm. Instructions" prop="lidgrp.rec.cnfdet">
          <c-select
            disabled
            v-model="model.lidgrp.rec.cnfdet"
            style="width: 100%"
            placeholder="请选择保兑指示"
            dbCode="cnfflg">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="8">
        <el-form-item label="OPPBNKL" prop="lidgrp.rec.oppbnk" v-if="zmqflg">
          <!--自贸区标志 -->
          <c-input disabled v-model="model.lidgrp.rec.oppbnk" maxlength="12" placeholder="请输入对手行代码"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="8" class="">
        <el-form-item label=" " prop="lidgrp.rec.rmbflg" label-width="180px" style="float: left">
          <c-checkbox v-model="model.lidgrp.rec.rmbflg" class="checkbox-left" true-label="X" false-label="" disabled
            >Reimbursement Information</c-checkbox
          >
        </el-form-item>
      </c-col>
      <c-col :span="8" class="centerLable">
        <el-form-item label="" class="checkbox-left" prop="lidgrp.rec.revflg">
          <c-checkbox v-model="model.lidgrp.rec.revflg" disabled>Revolving L/C</c-checkbox>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ======================右边====================== -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="13">
        <el-form-item label="L/C Issued on" prop="lidgrp.rec.opndat">
          <c-date-picker
            disabled
            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="Date Pre-advised" label-width="120px" 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="13">
        <el-form-item label="Latest Shipment Date" prop="lidgrp.rec.shpdat">
          <c-date-picker
            type="date"
            disabled
            v-model="model.lidgrp.rec.shpdat"
            style="width: 100%"
            placeholder="请选择日期"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="11">
        <el-form-item label="L/C Expiring on" label-width="120px" prop="lidgrp.rec.expdat">
          <c-date-picker
            disabled
            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="Shipment Period" prop="lidgrp.blk.shpper">
          <c-input
            type="textarea"
            disabled
            v-model="model.lidgrp.blk.shpper"
            maxlength="390"
            :rows="6"
            show-word-limit
            placeholder="请输入装运期"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Period for presentation in Days" prop="lidgrp.rec.prepers18">
          <c-input
            disabled
            v-model.number="model.lidgrp.rec.prepers18"
            style="width: 100%"
            placeholder="请输入提交期限（天）"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="" prop="lidgrp.rec.prepertxts18">
          <c-input
            disabled
            v-model="model.lidgrp.rec.prepertxts18"
            style="width: 100%"
            placeholder="请输入描述"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="in (Place)/ counters of" prop="lidgrp.rec.expplc">
          <c-input disabled v-model="model.lidgrp.rec.expplc" maxlength="29" placeholder="请输入交单地点"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="Partial Shipment" prop="lidgrp.rec.shppars18">
          <c-select
            disabled
            v-model="model.lidgrp.rec.shppars18"
            style="width: 100%"
            placeholder="请选择分批装运条款"
            dbCode="shppal">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="Transhipment " prop="lidgrp.rec.shptrss18">
          <c-select
            disabled
            v-model="model.lidgrp.rec.shptrss18"
            style="width: 100%"
            placeholder="请选择转运条款"
            dbCode="shppal">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Applicable Rules" prop="lidgrp.rec.apprul">
          <c-select
            disabled
            v-model="model.lidgrp.rec.apprul"
            style="width: 100%"
            placeholder="请选择适用规则"
            dbCode="apprus"></c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="Other Applicable Rules"
          prop="lidgrp.rec.apprultxt"
          :rules="[
            { required: !flag, message: '必输项' },
            { max: 35, message: '长度不能超过35' },
          ]">
          <c-input
            v-model="model.lidgrp.rec.apprultxt"
            maxlength="35"
            disabled
            placeholder="请输入其他适用规则"></c-input>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      zmqflg: null,
      flag: true,
    };
  },
  computed: {
    currencyOrg() {
      return JSON.parse(sessionStorage.getItem("currentOrg")).departmentNumber == "2020";
    },
  },
  methods: {},
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>