Canp.vue

<template>
  <div class="eibs">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <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 0px" size="small" type="primary" icon="el-icon-info"> </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="请输入提货担保编号"></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 0" size="small" type="primary" icon="el-icon-info"> </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
          <el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
            <c-select-cur disabled v-model="model.brdgrp.cbs.max.cur" style="width: 115px" dbCode="curtxt">
            </c-select-cur>
          </el-form-item>
        <div class="box-3">
          <c-form-item label="" label-width="5px" prop="brdgrp.cbs.max.amt">
            <c-input disabled v-model="model.brdgrp.cbs.max.amt"></c-input>
          </c-form-item>
        </div>
      </c-col>

      <c-col :span="24" class="custom-box-wrap">
          <c-form-item label="Open Amount" prop="brdgrp.cbs.opn1.cur">
            <c-select-cur disabled v-model="model.brdgrp.cbs.opn1.cur" style="width: 115px" dbCode="curtxt">
            </c-select-cur>
          </c-form-item>
        <div class="box-3">
          <c-form-item label="" label-width="5px" prop="brdgrp.cbs.opn1.amt">
            <c-input disabled v-model="model.brdgrp.cbs.opn1.amt"></c-input>
          </c-form-item>
        </div>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <el-form-item label="Document Type" prop="brdgrp.rec.docflg">
            <c-select v-model="model.brdgrp.rec.docflg" style="width: 100%" disabled dbCode="brdtyp"> </c-select>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
    <!-- ======================= 右边 ========================= -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24" class="custom-box-wrap">
          <el-form-item label="Open Amt. L/C" prop="lidgrp.cbs.opn1.cur">
            <c-select-cur
              v-model="model.lidgrp.cbs.opn1.cur"
              style="width: 115px"
              placeholder=""
              dbCode="curtxt"
              disabled>
            </c-select-cur>
          </el-form-item>
        <div class="box-3">
          <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>
        </div>
      </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="请选择日期"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Received on" prop="brdgrp.rec.rcvdat">
          <c-date-picker type="date" disabled v-model="model.brdgrp.rec.rcvdat" style="width: 100%"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Advised on" prop="brdgrp.rec.advdat">
          <c-date-picker type="date" disabled v-model="model.brdgrp.rec.advdat" style="width: 100%"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
          <c-date-picker type="date" disabled v-model="model.brdgrp.rec.matdat" style="width: 100%"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-form-item label="Document Set Status" prop="brdgrp.rec.docsta">
          <c-select v-model="model.brdgrp.rec.docsta" style="width: 100%" disabled dbCode="stadoc"> </c-select>
        </c-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  components: {},
  data() {
    return {};
  },
  methods: {},
  created: function () {},
};
</script>
<style></style>