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="请输入编号" disabled></c-input>
              <template slot="footer">
                <c-button style="margin: 0 0" size="small" type="primary" disabled>获取</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="请输入地区机构号" disabled></c-input>
          </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="请选择境内收汇类型" disabled>
            </c-select>
          </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="请选择收款性质" disabled>
            </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="请选择" disabled>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="收汇总金额中用于出口核销的金额" prop="recgrp.vrf.chkamt">
            <c-input-currency v-model="model.recgrp.vrf.chkamt" placeholder="请输入" disabled></c-input-currency>
          </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="请输入" disabled>
              </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="请输入" disabled></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-form-item label="交易附言1" prop="recgrp.vrf.txrem">
            <c-input v-model="model.recgrp.vrf.txrem" maxlength="50" placeholder="请输入" disabled></c-input>
          </c-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="请输入编号" disabled></c-input>
              <template slot="footer">
                <c-button style="margin: 0 0" size="small" type="primary" disabled>获取</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 disabled
              placeholder="请输入删除原因"></c-input>
          </el-form-item>
        </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="请输入" disabled>
              </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="请输入" disabled></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-form-item label="交易附言2" prop="recgrp.vrf.tx2rem">
            <c-input v-model="model.recgrp.vrf.tx2rem" maxlength="50" placeholder="请输入" disabled></c-input>
          </c-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="请选择申报日期" disabled>
            </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="请输入填报人" disabled></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="请输入填报人电话" disabled></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: 100px;" size="small" :border="true" disabled
              :highlight-current-row="true">
              <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/Dbdinf/event";

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

    }
  }
</script>
<style>

</style>