Canp.vue

<template>
  <div class="eibs">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <!--SF000044 : Reference参考号 Export L/C Ref. -->
      <c-col :span="24">
        <el-form-item label="出口信用证编号" prop="ledgrp.rec.ownref">
          <c-fullbox>
            <c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入编号" 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">
                <i class="el-icon-info" style="font-size:15px"></i>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <!-- SF000053 : 单据编号  单据参考号-->
        <el-form-item label="单据编号" 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">
                <i class="el-icon-info" style="font-size:15px"></i>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="10">
          <el-form-item label="单据金额" 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="请输入金额" @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>
      <c-col :span="24">
        <c-col :span="10">
          <el-form-item label="单据余额" prop="bedgrp.cbs.opn1.cur">
            <c-select v-model="model.bedgrp.cbs.opn1.cur" maxlength="3" placeholder="请选择币种" 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="请输入金额" 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="请输入" class="m-input-currency" disabled>
            </c-input>
          </c-form-item>
        </c-col>
      </c-col>
      <!-- Document Type 单据类型-->
      <c-col :span="24">
        <el-form-item label="单据类型" prop="bedgrp.rec.doctypcod">
          <c-select v-model="model.bedgrp.rec.doctypcod" maxlength="1" style="width: 100%" placeholder="请选择单据类型"
            :code="codes.doctypcod1" disabled>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="到期日" prop="bedgrp.rec.matdat">
            <c-date-picker type="date" v-model="model.bedgrp.rec.matdat" style="width: 100%" placeholder="请选择到期日"
              value-format="yyyy-MM-dd" :disabled="true"></c-date-picker>
          </el-form-item>
        </c-col>
        <!-- SF000079 : 寄单日期 -->
        <c-col :span="12">
          <el-form-item label="订单日期" 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="收到日期" prop="bedgrp.rec.rcvdat">
            <c-date-picker type="date" v-model="model.bedgrp.rec.rcvdat" style="width: 100%" placeholder="请选择收到日期"
              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="交单日期" 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="单据状态" 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 :span="24">
        <c-form-item label="受益人陈述" 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="24">
        <el-form-item label="预订程序" 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" style="padding-left: 20px">
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="信用证余额" 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 :span="24">
        <el-form-item label="单据简略信息" prop="bedgrp.rec.nam">
          <c-input text-align="middle" v-model="model.bedgrp.rec.nam" maxlength="40" placeholder="请输入" disabled>
          </c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-form-item label="受益人参考号" 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="请输入" disabled></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="开证行参考号" 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="请输入" disabled></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="申请人参考号" 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="请输入" disabled></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item>
          <c-checkbox v-model="model.sndmsg" class="checkbox-left">发送消息</c-checkbox>
        </el-form-item>
      </c-col>
    </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>