Canp.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ---------------Left--------------- -->
      <c-col :span="12">
        <c-col :span="24">
          <el-form-item label="Import L/C Ref." prop="lidgrp.rec.ownref">
            <c-fullbox>
              <c-input
                v-model="model.lidgrp.rec.ownref"
                maxlength="16"
                placeholder=""
                disabled
              ></c-input>
              <template slot="footer">
                <c-button
                  style="margin: 0 10px 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                >
                  <span style="font-family: '宋体'; font-weight: bold">i</span>
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="SG Reference" prop="brdgrp.rec.shgref">
            <c-input
            disabled
              v-model="model.brdgrp.rec.shgref"
              maxlength="16"
              placeholder="请输入SG Reference"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
                    <el-form-item label="Bill Set Reference" prop="brdgrp.rec.ownref">
                        <c-fullbox>
                            <c-input
                                v-model="model.brdgrp.rec.ownref"
                                maxlength="16"
                                placeholder="请输入单据参考号"
                                disabled
                            ></c-input>
                            <template slot="footer">
                                <c-button
                                    style="
                                        margin: 0 10px 0 10px;
                                        padding: 0 12px;
                                    "
                                    size="small"
                                    type="primary"
                                >
                                    <span
                                        style="
                                            font-family: '宋体';
                                            font-weight: bold;
                                        "
                                        >i</span
                                    >
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
      </c-col>
      <!-- ---------------Right--------------- -->
      <c-col :span="12">
        <c-col :span="10">
          <el-form-item label="Open Amt.L/C" prop="lidgrp.cbs.opn1.cur">
            <c-select
              v-model="model.lidgrp.cbs.opn1.cur"
              style="width: 100%"
              placeholder=""
              :code="codes.cur"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="14">
          <c-form-item label="" label-width="5px" prop="lidgrp.cbs.opn1.amt">
            <c-input
              v-model="model.lidgrp.cbs.opn1.amt"
              placeholder=""
              disabled
            ></c-input>
          </c-form-item>
        </c-col>

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

        <c-col :span="24">
      <el-form-item label="Name" prop="brdgrp.rec.nam">
        <c-input
        disabled
          v-model="model.brdgrp.rec.nam"
          maxlength="40"
          placeholder="请输入Name of Bill Contract"
        ></c-input>
      </el-form-item>
    </c-col>
      </c-col>
    </c-col>

<!-- ----------------------------------------------------------------- -->
            <c-col :span="24">
            <c-litTemp
                :model="model"
                :argadr="{
                    title: '',
                    trans: 'brdgrp',
                    trans1:'brtp0',
                }"
                :rol="[
                    {
                        title: 'Applicant',
                        trans: 'apl',
                    },
                    {
                        title: 'Beneficiary',
                        trans: 'ben',
                    },
                    {
                        title: 'Presenting Bank',
                        trans: 'prb',
                    },
                ]"
                :isAdvdat="true"
                :isMattxtlab="false"
                :isTenmaxday="false"
            >
            </c-litTemp>
        </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Brtcsg/Event";
import LitTemp from "~/views/Public/LitTemp";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  components: {
        "c-litTemp": LitTemp,
    },
  data() {
    return {};
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>