Acpp.vue

<template>
  <div class="eibs-tab">

    <!-- ==================上================ -->
    <c-col :span="24">
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <el-form-item label="信用证编号" prop="didgrp.rec.ownref">
            <c-input disabled v-model="model.didgrp.rec.ownref" maxlength="16" placeholder="请输入信用证参考号"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="信用证余额" prop="didgrp.cbs.opn1.cur">
                <c-select disabled v-model="model.didgrp.cbs.opn1.cur" maxlength="3" dbCode="CURTXT" :isShowKeyAndLabel="true" placeholder="请选择币种"></c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label-width="5px" prop="didgrp.cbs.opn1.amt">
                <c-input-currency disabled v-model="model.didgrp.cbs.opn1.amt" placeholder="请输入信用证余额"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

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

        <c-col :span="24">
          <el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
            <c-date-picker disabled type="date" v-model="model.bddgrp.rec.rcvdat" style="width:100%" placeholder="请选择到单日期"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="远期起算日" prop="bddgrp.rec.stadat">
            <c-date-picker disabled type="date" v-model="model.bddgrp.rec.stadat" style="width:100%" placeholder="请选择远期起算日"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="单据到期日" prop="bddgrp.rec.matdat">
            <c-date-picker disabled type="date" v-model="model.bddgrp.rec.matdat" style="width:100%" placeholder="请选择单据到期日"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="远期期限" prop="bddgrp.rec.tenmaxday">
            <c-input disabled v-model="model.bddgrp.rec.tenmaxday" placeholder="请输入远期期限"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="单据类型" prop="bddgrp.rec.docflg">
            <c-select dbCode="BRDTYP" disabled v-model="model.bddgrp.rec.docflg" style="width:100%" :isShowKeyAndLabel="true" uil="CN" placeholder="请选择单据类型">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="单据状态" prop="bddgrp.rec.docsta">
            <c-select dbCode="STADOC" disabled v-model="model.bddgrp.rec.docsta" style="width:100%" :isShowKeyAndLabel="false" uil="CN" placeholder="请选择单据状态">
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-form-item label="单据编号" prop="bddgrp.rec.ownref">
            <c-input disabled v-model="model.bddgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="索款金额" prop="bddgrp.cbs.max.cur">
                <c-select disabled v-model="model.bddgrp.cbs.max.cur" style="width:100%" dbCode="CURTXT" :isShowKeyAndLabel="true" placeholder="请选择币种">
                </c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label-width="5px" prop="bddgrp.cbs.max.amt">
                <c-input-currency disabled v-model="model.bddgrp.cbs.max.amt" placeholder="请输入索款金额"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="索款余额" prop="bddgrp.cbs.opn1.cur">
                <c-select disabled v-model="model.bddgrp.cbs.opn1.cur" maxlength="3" dbCode="CURTXT" :isShowKeyAndLabel="true" placeholder="请选择币种"></c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label-width="5px" prop="bddgrp.cbs.opn1.amt">
                <c-input-currency disabled v-model="model.bddgrp.cbs.opn1.amt" placeholder="请输入索款余额"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <c-ptap1 :model="model" :argadr="{title: '申请人',grp: 'bddgrp',rol: 'apl'}"  :disabledDetail="true" :disabledExtkey="true" :disabledNam="true"></c-ptap1>
        </c-col>

        <c-col :span="24">
          <c-ptap1 :model="model" :argadr="{title: '受益人',grp: 'bddgrp',rol: 'ben'}"  :disabledDetail="true" :disabledExtkey="true" :disabledNam="true"></c-ptap1>
        </c-col>

        <c-col :span="24">
          <c-ptap1 :model="model" :argadr="{title: '交单行',grp: 'bddgrp', rol: 'prb'}"  :disabledDetail="true" :disabledExtkey="true" :disabledNam="true"></c-ptap1>
        </c-col>
      </c-col>
    </c-col>

    <c-col :span="24" style="height: 10px; margin-bottom: 40px">
      <el-divider></el-divider>
    </c-col>
    <!-- ============下================ -->
    <c-col :span="24" style="margin-top:30px">
      <!-- ==================左边================ -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <el-form-item label="进一步的确认" prop="bdtp.furide">
            <c-select v-model="model.bdtp.furide" style="width:100%" dbCode="FURIDE" :isShowKeyAndLabel="true" uil="CN" placeholder="请选择进一步的确认">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="不符通知的日期" prop="bddgrp.rec.disdat">
            <c-date-picker type="date" v-model="model.bddgrp.rec.disdat" style="width:100%" placeholder="请选择不符通知的日期"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap">
            <div style="width: 280px;">
              <el-form-item label="总的通知金额" prop="bddgrp.rec.totcur">
                <c-select disabled v-model="model.bddgrp.rec.totcur" maxlength="3" dbCode="CURTXT" :isShowKeyAndLabel="true" placeholder="请选择币种"></c-select>
              </el-form-item>
            </div>
            <div style="width: calc(100% - 280px);">
              <el-form-item label-width="5px" prop="bddgrp.rec.totamt">
                <c-input-currency v-model="model.bddgrp.rec.totamt" placeholder="请输入总的通知金额"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>
      </c-col>
      <!-- ============右边================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-card class="box-card">
            <c-col :span="24">
              <el-form-item label="交单行" prop="bddgrp.rec.docprbrol">
                <c-select disabled v-model="model.bddgrp.rec.docprbrol" style="width:100%" placeholder="请选择交单行">
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="24">
              <c-ptap3 :model="model" :argadr="{title: '', grp: 'bddgrp', rol: 'prb' }"  :isShowCard="false"></c-ptap3>
            </c-col>
          </el-card>
        </c-col>
      </c-col>
    </c-col>

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

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