Vrfp.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="recgrp.vrf.rptno">
            <c-fullbox>
              <c-input v-model="model.recgrp.vrf.rptno" maxlength="22" placeholder="请输入编号"></c-input>
              <template slot="footer">
                <c-button style="margin: 0 0" size="small" type="primary">获取</c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>


        <c-col :span="24">
          <el-form-item label="操作类型" prop="recgrp.vrf.actiontype">
            <c-select v-model="model.recgrp.vrf.actiontype" style="width:100%" placeholder="请选择操作类型" disabled>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="地区机构号" prop="recgrp.vrf.ownextkey">
            <c-input v-model="model.recgrp.vrf.ownextkey" maxlength="8" placeholder="请输入地区机构号"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="付款类型" prop="recgrp.vrf.paytype">
            <c-select v-model="model.recgrp.vrf.paytype" style="width:100%" placeholder="请选择付款类型">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="付汇性质" prop="recgrp.vrf.payattr">
            <c-select v-model="model.recgrp.vrf.payattr" style="width:100%" placeholder="请选择付汇性质">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="是否进口核销项下付款" prop="recgrp.vrf.isref">
            <c-select v-model="model.recgrp.vrf.isref" style="width:100%" placeholder="请选择">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="外汇局批件/备案表号" prop="recgrp.vrf.regno">
            <c-input v-model="model.recgrp.vrf.regno" placeholder="请输入"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="发票号" prop="recgrp.vrf.invoino">
            <c-input v-model="model.recgrp.vrf.invoino" placeholder="请输入"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="交易编码1" prop="recgrp.vrf.txcode">
              <c-input v-model="model.recgrp.vrf.txcode" maxlength="6" placeholder="请输入">
              </c-input>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="相应金额1" prop="recgrp.vrf.tc1amt">
              <c-input-currency v-model="model.recgrp.vrf.tc1amt" placeholder="请输入"></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="交易编码2" prop="recgrp.vrf.txcode2">
              <c-input v-model="model.recgrp.vrf.txcode2" maxlength="6" placeholder="请输入">
              </c-input>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="相应金额2" prop="recgrp.vrf.tc2amt">
              <c-input-currency v-model="model.recgrp.vrf.tc2amt" placeholder="请输入"></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>


        <c-col :span="24">
          <el-form-item label="收款人常驻国家/地区编码" prop="recgrp.vrf.country">
            <c-fullbox>
              <c-input v-model="model.recgrp.vrf.country" maxlength="3" placeholder="请输入收款人常驻国家/地区编码"></c-input>
              <template slot="footer">
                <c-button type="primary" size="small" icon="el-icon-search" style="margin-left:5px;padding: 0 12px;"
                  disabled>
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

      </c-col>


      <c-col :span="12" style="padding-left: 20px">

        <c-col :span="24">
          <el-form-item label="临时申报编号" prop="recp.vrfpp.tmpref">
            <c-fullbox>
              <c-input v-model="model.recp.vrfpp.tmpref" maxlength="20" placeholder="请输入编号"></c-input>
              <template slot="footer">
                <c-button style="margin: 0 0" size="small" type="primary">获取</c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <!-- S0000029 : 删除原因 -->
        <c-col :span="24">
          <el-form-item label="删除原因" prop="recgrp.vrf.actiondesc">
            <c-input type="textarea" v-model="model.recgrp.vrf.actiondesc" maxlength="32" show-word-limit 
              placeholder="请输入删除原因"></c-input>
          </el-form-item>
        </c-col>
        <!-- S0000058 : 合同号 -->
        <c-col :span="24">
          <el-form-item label="合同号" prop="recgrp.vrf.contrno">
            <c-input type="textarea" v-model="model.recgrp.vrf.contrno" maxlength="32" show-word-limit
              placeholder="请输入合同号"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="最迟装运日期" prop="recgrp.vrf.impdate">
            <c-date-picker type="date" v-model="model.recgrp.vrf.impdate" style="width:100%" placeholder="请选择最迟装运日期">
            </c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="报关单经营单位编码" prop="recgrp.vrf.cusmno">
            <c-input v-model="model.recgrp.vrf.cusmno" maxlength="12" placeholder="请输入报关单经营单位编码"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="申报日期" prop="recgrp.vrf.rptdate">
            <c-date-picker type="date" v-model="model.recgrp.vrf.rptdate" style="width:100%" placeholder="请选择申报日期">
            </c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <!-- S0000003 : 填报人 -->
          <c-col :span="12">
            <el-form-item label="填报人" prop="recgrp.vrf.crtuser">
              <c-input v-model="model.recgrp.vrf.crtuser" maxlength="20" placeholder="请输入填报人"></c-input>
            </el-form-item>
          </c-col>
          <!-- S0000005 : 填报人电话 -->
          <c-col :span="12">
            <el-form-item label="填报人电话" prop="recgrp.vrf.inptelc">
              <c-input v-model="model.recgrp.vrf.inptelc" maxlength="20" placeholder="请输入填报人电话"></c-input>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="" prop="">
            <el-table v-loading="load" :data="tableData" style="width:100%;height: 150px;" size="small" :border="true"
              disabled :highlight-current-row="true">
              <el-table-column label="报关单号" prop="" align="left" disabled></el-table-column>
              <el-table-column label="币种" prop="" align="left" disabled></el-table-column>
              <el-table-column label="报关金额" prop="" align="left" disabled></el-table-column>
              <el-table-column label="本次核注金额" prop="" align="left" disabled></el-table-column>
            </el-table>
          </el-form-item>
        </c-col>

      </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 "~/page/Business/Bop/Dbeame/event";

  export default {
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [event],
    data() {
      return {
        tableData: []
      }
    },
    methods: {},
    created: function () {

    }
  }
</script>
<style>

</style>