Canp.vue

<template>
  <div class="eibs-tab">
                <!-- ============================顶部================================ -->
    <c-col :span="24">
    <!--SF000044 : Reference参考号 Export L/C Ref. -->
        <c-col :span="12">
          <el-form-item
            label="Export L/C Ref."
            prop="ledgrp.rec.ownref"
          >
            <c-fullbox>
              <c-input
                v-model="model.ledgrp.rec.ownref"
                maxlength="16"
                placeholder="请输入Reference"
                style="width: 95%"
                :disabled="true"
                @keyup.enter.native="eventFunction(
                    'ledgrp.rec.ownref'
                  )"
              >
              </c-input>
              <template slot="footer">
                <c-button
                  style="margin: 0 0 0 0; padding: 0 12px"
                  size="small"
                  type="primary"
                  @click="onSeainf"
                >
                  <span
                    style="
                      font-size: 15px;
                      font-family: '宋体';
                      font-weight: bold;
                    "
                    >i</span
                  >
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
<!-- SF000045 : Open Amt L/C 信用证余额-->
      <c-col :span="11" :offset="1">
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="Open Amt.L/C" prop="ledgrp.cbs.opn1.cur">
              <c-select
                v-model="model.ledgrp.cbs.opn1.cur"
                maxlength="3"
                placeholder="请选择币种"
                :code="codes.curtxt"
                disabled
              ></c-select>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt">
              <c-input
                v-model="model.ledgrp.cbs.opn1.amt"
                placeholder="请输入信用证余额"
                disabled
                class="m-input-currency"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
    </c-col>

    <c-col :span="24">
      <c-col :span="12">
      <!-- SF000053 : 单据编号  单据参考号-->
        <el-form-item label="Document Reference" prop="bedgrp.rec.ownref">
          <c-fullbox>
            <c-input
            v-model="model.bedgrp.rec.ownref"
            maxlength="16"
            placeholder="请输入单据编号"
            style="width: 95%"
            disabled
          ></c-input>
          <template slot="footer">
            <c-button
              style="margin: 0 0 0 0; padding: 0 12px"
              size="small"
              type="primary"
              @click="onSeainf"
            >
              <span
                style="
                  font-size: 15px;
                  font-family: '宋体';
                  font-weight: bold;
                "
                >i</span
              >
            </c-button>
          </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <!--  SF000073 : 摘要 Name  Externally Displayed Name to Identify the Contract-->
      <c-col :span="11" :offset="1">
        <el-form-item label="Name" prop="bedgrp.rec.nam">
          <c-input
            text-align="middle"
            v-model="model.bedgrp.rec.nam"
            maxlength="40"
            placeholder="请输入Externally Displayed Name to Identify the Contract"
            disabled
          >
          </c-input>
        </el-form-item>
      </c-col>
    </c-col>

      <!-- ============================第三行开始，金额日期 =========================-->
    <c-col :span="24">
        <!-- 第三行开始-金额日期--左边- -->
      <c-col :span="12">
          <!-- Document Amount 单据金额-->
        <c-col :span="24">
        <c-col :span="10">
          <el-form-item label="Document Amount" prop="bedgrp.cbs.max.cur">
            <c-select
              v-model="model.bedgrp.cbs.max.cur"
              style="width: 100%"
              placeholder="请选择币种"
              @keyup.enter.native="maxCurEvent"
              :code="codes.curtxt"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="7">
          <el-form-item label="" label-width="5px" prop="bedgrp.cbs.max.amt">
            <c-input-currency
              v-model="model.bedgrp.cbs.max.amt"
              style="text-align: left; width: 100%"
              placeholder="请输入Balance"
              @keyup.enter.native="
                defaultFunction(
                  'bedgrp.cbs.max.amt',
                  model.bedgrp.cbs.max.amt
                )
              "
              disabled
            ></c-input-currency>
          </el-form-item>
        </c-col>
        <c-col :span="7">
        </c-col>
      </c-col>

                <!-- Open Amount  单据余额-->
      <c-col :span="24">
        <c-col :span="10">
        <el-form-item label="Open Amount" prop="bedgrp.cbs.opn1.cur">
          <c-select
            v-model="model.bedgrp.cbs.opn1.cur"
            maxlength="3"
            placeholder="请输入Open Amount"
            style="width: 100%"
            disabled
            :code="codes.curtxt"
          ></c-select>
        </el-form-item>
      </c-col>
      <c-col :span="7">
        <el-form-item label="" label-width="5px" prop="bedgrp.cbs.opn1.amt">
          <c-input-currency
            v-model="model.bedgrp.cbs.opn1.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入Balance"
            disabled
          ></c-input-currency>
        </el-form-item>
      </c-col>
        <c-col :span="7">
          <c-form-item label="" label-width="5px" prop="bedgrp.cbs.opn2.amt">
            <c-input
              v-model="model.bedgrp.cbs.opn2.amt"
              placeholder="请输入Balance"
              class="m-input-currency"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>
      </c-col>

          <!-- Document Type 单据类型-->
        <c-col :span="24">
          <el-form-item label="Document Type" prop="bedgrp.rec.doctypcod">
            <c-select
              v-model="model.bedgrp.rec.doctypcod"
              maxlength="1"
              style="width: 100%"
              placeholder="请选择Document Type"
              :code="codes.doctypcod1"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
            <!-- Maturity Date SF000047 : 到期日-->
          <!-- <c-col :span="12">
            <span
              v-text="model.betp0.matp.mattxtlab"
              data-path=".betp0.matp.mattxtlab"
            >
            </span>
          </c-col> -->
          <c-col :span="12">
            <el-form-item label="Maturity Date" prop="bedgrp.rec.matdat">
              <c-date-picker
                type="date"
                v-model="model.bedgrp.rec.matdat"
                style="width: 100%"
                placeholder="请选择Maturity Date"
                value-format="yyyy-MM-dd"
                :disabled="true"
              ></c-date-picker>
            </el-form-item>
          </c-col>
              <!-- SF000079 : 寄单日期 -->
          <c-col :span="12">
            <el-form-item label="Order Date" prop="bedgrp.rec.orddat">
              <c-date-picker
                type="date"
                v-model="model.bedgrp.rec.orddat"
                style="width: 100%"
                value-format="yyyy-MM-dd"
                placeholder="请选择寄单日期"
                :disabled="true"
              ></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <!-- Received on  SF000046 :到单日期-->
          <c-col :span="12">
            <el-form-item label="Received on" prop="bedgrp.rec.rcvdat">
              <c-date-picker
                type="date"
                v-model="model.bedgrp.rec.rcvdat"
                style="width: 100%"
                placeholder="请选择Received on"
                value-format="yyyy-MM-dd"
                :disabled="true"
              ></c-date-picker>
            </el-form-item>
          </c-col>
              <!-- Presented on  SF000049 :提示日期 -->
          <c-col :span="12">
            <el-form-item label="Presented on" prop="bedgrp.rec.predat">
              <c-date-picker
                type="date"
                v-model="model.bedgrp.rec.predat"
                style="width: 100%"
                placeholder="请选择提示日期"
                value-format="yyyy-MM-dd"
                :disabled="true"
              ></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>

            <!-- Document Status  SF000056 :单据状态 -->
        <c-col :span="24">
          <el-form-item label="Document Status" prop="bedgrp.rec.docsta">
            <c-select
              v-model="model.bedgrp.rec.docsta"
              maxlength="40"
              style="width: 100%"
              placeholder="请输入单据状态"
              :code="codes.docsta"
              disabled
            ></c-select>
          </el-form-item>
        </c-col>

      </c-col>

        <!-- ========================第三行开始金额日期的右边======================= -->
      <c-col :span="11" :offset="1">
        <!-- SF000048 : 受益人 -->
        <!-- SF000059 : 编号 -->
        <c-col :span="24">
          <c-form-item label="Beneficiary Ref." prop="bedgrp.ben.pts.ref">
            <c-input
              v-model="model.bedgrp.ben.pts.ref"
              maxlength="16"
              placeholder="请输入受益人"
              disabled
            ></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="" prop="bedgrp.ben.pts.nam">
            <c-input
              v-model="model.bedgrp.ben.pts.nam"
              maxlength="40"
              placeholder="请输入Name of Party"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
          <!-- SF000055 : 开证行 -->
          <!-- SF000058 : 信用证编号 -->
          <!-- 开证行 Issuing Bank Ref. -->
          <c-col :span="24">
            <el-form-item label="Issuing Bank L/C NO." prop="bedgrp.iss.pts.ref">
              <c-input
                v-model="model.bedgrp.iss.pts.ref"
                maxlength="16"
                placeholder="请输入开证行"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="" prop="bedgrp.iss.pts.nam">
              <c-input
                v-model="model.bedgrp.iss.pts.nam"
                maxlength="40"
                placeholder="请输入Name of Party"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
                    <!-- SF000050 : 申请人 -->
                    <!-- SF000057 : 编号 -->
                    <!--Applicant Ref.  申请人-->
          <c-col :span="24">
            <el-form-item label="Applicant Ref." prop="bedgrp.apl.pts.ref">
              <c-input
                v-model="model.bedgrp.apl.pts.ref"
                maxlength="16"
                placeholder="请输入申请人"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="" prop="bedgrp.apl.pts.nam">
              <c-input
                v-model="model.bedgrp.apl.pts.nam"
                maxlength="40"
                placeholder="请输入Name of Party"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
      
      </c-col>
    </c-col>

    <!-- =================================上下两部分 分割线 ============================-->
    <c-col :span="24">
      <el-form-item style="margin-left: -150px">
        <el-divider />
      </el-form-item>
    </c-col>

    <!-- =================================下半部分 ============================-->
    <c-col :span="24">
          <!-- SF000017 : Narrative -->
    <c-col :span="12">
      <c-form-item label="Narrative to Beneficiary Side" prop="strinf">
        <c-input
          type="textarea"
          v-model="model.strinf"
          maxlength="1750"
          show-word-limit
          :rows="5"
          placeholder="请输入"
        ></c-input>
      </c-form-item>
    </c-col>
      <c-col :span="11" :offset="1">
        <c-checkbox v-model="model.sndmsg">Send Message</c-checkbox>
      </c-col>
    </c-col>
    <c-col :span="24">
        <!-- SF000052 : to Beneficiary Side -->
    <!-- SF000043 : Booking Procedure -->
    <c-col :span="12">
      <el-form-item label="Booking Procedure" prop="rebkpflg">
        <c-select
          v-model="model.rebkpflg"
          style="width: 100%"
          placeholder="请选择"
          :code="codes.rebkpflg"
        >
        </c-select>
      </el-form-item>
    </c-col>
    </c-col>

    <!-- <c-col :span="12">
      <c-form-item label="Drag  Drop Sender" prop="betp0.ledget.sdamod.dadsnd">
        <c-input
          v-model="model.betp0.ledget.sdamod.dadsnd"
          placeholder="$t('other.please_enter') + 'Drag  Drop Sender'"
        ></c-input>
      </c-form-item>
    </c-col>
    <c-col :span="12">
      <c-form-item label="" prop="betp0.ledget.sdamod.seainf">
        <c-input
          v-model="model.betp0.ledget.sdamod.seainf"
          placeholder="$t('other.please_enter') + ''"
        ></c-input>
      </c-form-item>
    </c-col>
    <c-col :span="12">
      <c-form-item label="Drag  Drop Sender" prop="betp0.recget.sdamod.dadsnd">
        <c-input
          v-model="model.betp0.recget.sdamod.dadsnd"
          placeholder="$t('other.please_enter') + 'Drag  Drop Sender'"
        ></c-input>
      </c-form-item>
    </c-col>
    <c-col :span="12">
      <c-form-item label="" prop="betp0.recget.sdamod.seainf">
        <c-input
          v-model="model.betp0.recget.sdamod.seainf"
          placeholder="$t('other.please_enter') + ''"
        ></c-input>
      </c-form-item>
    </c-col> -->

  </div>
</template>
<script>
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Betcan/Event'

export default {
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [commonProcess],
  data() {
    return {}
  },
  methods: { ...Event, onSeainf(){} },
  created: function () {},
}
</script>
<style></style>