Acpp.vue

<template>
  <div class="eibs">
    <c-col :span="12" class="col-left">
      <c-col :span="24">
        <c-form-item label="Import L/C Ref.(20)" prop="lidgrp.rec.ownref">
          <c-fullbox>
            <c-input
              v-model="model.lidgrp.rec.ownref"
              maxlength="16"
              placeholder=""
              style="width: 100%"
              disabled></c-input>
            <template slot="footer">
              <c-button style="margin: 0 0 0 10px; padding: 0 12px" size="small" type="primary">
                <i class="el-icon-info"></i>
              </c-button>
            </template>
          </c-fullbox>
        </c-form-item>
      </c-col>
      <c-col :span="24">
        <c-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 0 10px; padding: 0 12px" size="small" type="primary">
                <i class="el-icon-info"></i>
              </c-button>
            </template>
          </c-fullbox>
        </c-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
              dbCode="curtxt"
              disabled
              placeholder="请选择币种"
              style="width: 115px"
              v-model="model.brdgrp.cbs.max.cur">
            </c-select-cur>
          </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="brdgrp.cbs.max.amt">
            <c-input-currency
              disabled
              :currency="model.brdgrp.cbs.max.cur"
              placeholder="请输入金额"
              v-model="model.brdgrp.cbs.max.amt"></c-input-currency>
          </el-form-item>
        </div>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
          <el-form-item label="Open Amount" prop="brdgrp.cbs.opn1.cur">
            <c-select-cur
              dbCode="curtxt"
              disabled
              placeholder="请选择币种"
              style="width: 115px"
              v-model="model.brdgrp.cbs.opn1.cur">
            </c-select-cur>
          </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="brdgrp.cbs.opn1.amt">
            <c-input-currency
              disabled
              :currency="model.brdgrp.cbs.opn1.cur"
              placeholder="请输入金额"
              v-model="model.brdgrp.cbs.opn1.amt"></c-input-currency>
          </el-form-item>
        </div>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Received on" prop="brdgrp.rec.rcvdat">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.rcvdat"
            style="width: 100%"
            placeholder="请输入"
            value-format="yyyy-MM-dd"
            disabled></c-date-picker>
        </el-form-item>
      </c-col>
      <!-- S0000202 : 通知到单日期 -->
      <c-col :span="24">
        <el-form-item label="Advised on" prop="brdgrp.rec.advdat">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.advdat"
            style="width: 100%"
            placeholder="请选择日期"
            value-format="yyyy-MM-dd"
            disabled></c-date-picker>
        </el-form-item>
      </c-col>
      <!-- S0000080 : Maturity Date -->
      <c-col :span="24">
        <el-form-item label="Maturity Date" prop="brdgrp.rec.matdat">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.matdat"
            style="width: 100%"
            placeholder="请选择日期"
            value-format="yyyy-MM-dd"
            disabled></c-date-picker>
        </el-form-item>
      </c-col>
      <!-- SG000232 : Start Date -->
      <c-col :span="24">
        <el-form-item label="Start Date" prop="brdgrp.rec.stadat">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.stadat"
            style="width: 100%"
            placeholder="请选择日期"
            value-format="yyyy-MM-dd"
            disabled></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="12" class="col-right">
      <c-col :span="24" class="custom-box-wrap">
          <el-form-item label="Open Amt. L/C" prop="lidgrp.cbs.opn1.cur">
            <c-select-cur
              dbCode="curtxt"
              disabled
              placeholder="请选择币种"
              style="width: 115px"
              v-model="model.lidgrp.cbs.opn1.cur">
            </c-select-cur>
          </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="lidgrp.cbs.opn1.amt">
            <c-input-currency
              disabled
              :currency="model.lidgrp.cbs.opn1.cur"
              placeholder="请输入金额"
              v-model="model.lidgrp.cbs.opn1.amt"></c-input-currency>
          </el-form-item>
        </div>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Expiry" prop="lidgrp.rec.expdat">
          <c-date-picker
            type="date"
            v-model="model.lidgrp.rec.expdat"
            style="width: 100%"
            placeholder="请选择日期"
            disabled></c-date-picker>
        </el-form-item>
      </c-col>
      <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%"
            placeholder="请输入单据类型"
            dbCode="brdtyp"
            disabled>
          </c-select>
        </el-form-item>
      </c-col>
      <!-- SG000233 : Tenor -->
      <c-col :span="24">
        <c-form-item label="Tenor" prop="brdgrp.rec.tenmaxday">
          <c-input v-model="model.brdgrp.rec.tenmaxday" placeholder="请输入天数" disabled></c-input>
        </c-form-item>
      </c-col>
      <!-- S0000207 : 单据状态 -->
      <c-col :span="24">
        <el-form-item label="Document Set Status" prop="brdgrp.rec.docsta">
          <c-select
            v-model="model.brdgrp.rec.docsta"
            dbCode="stadoc"
            style="width: 100%"
            placeholder="请选择状态"
            disabled>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Further Identification(23)" prop="brtp.furide">
          <c-select
            v-model="model.brtp.furide"
            style="width: 100%"
            dbCode="furide"
            :filterKey="['NEG', 'REI', 'SEE']"
            placeholder="请选择内容"
            :disabled="this.model.brtp.cre752flg == null || this.model.brtp.cre752flg == ''">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Discrep. advised on(30)" prop="brdgrp.rec.disdat">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.disdat"
            style="width: 100%"
            placeholder="请选择不符点通知日期"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
          <el-form-item label="Total Amount Advised(32B/33)" prop="brdgrp.rec.totcur">
            <c-select-cur
              dbCode="curtxt"
              disabled
              placeholder="请选择币种"
              style="width: 115px"
              v-model="model.brdgrp.rec.totcur">
            </c-select-cur>
          </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="brdgrp.rec.totamt">
            <c-input-currency
              :currency="model.brdgrp.rec.totcur"
              placeholder="请输入金额"
              v-model="model.brdgrp.rec.totamt"></c-input-currency>
          </el-form-item>
        </div>
      </c-col>
    </c-col>
  </div>
</template>

<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  components: {},
  data() {
    return {
      furide: [
        { label: "议付", value: "NEG" },
        { label: "偿付", value: "REI" },
        { label: "见72域", value: "SEE" },
      ],
      flag: true,
    };
  },
  methods: {},
  created: function () {},
};
</script>
<style></style>