Basp1.vue

<template>
  <div class="eibs">
    <c-row>
      <c-col :span="24">
          <!----------左边------------>
        <c-col :span="12" style="padding-right: 20px;">
          <c-col :span="24">
            <el-form-item label="申报号码" prop="bopmod.dbfgrp.bas.rptno">
              <c-input  v-model="model.bopmod.dbfgrp.bas.rptno" maxlength="22"  placeholder="请输入申报号码" disabled></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="操作类型" prop="bopmod.dbfgrp.bas.actiontype">
              <c-select v-model="model.bopmod.dbfgrp.bas.actiontype" style="width:100%" placeholder="请选择操作类型" :code="codes.actiontype" disabled></c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="地区机构号" prop="bopmod.dbfgrp.bas.ownextkey">
              <c-select v-model="model.bopmod.dbfgrp.bas.ownextkey" style="width:100%" placeholder="请选择地区机构号" disabled></c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="银行业务编号" prop="bopmod.dbfgrp.bas.buscode">
              <c-input  v-model="model.bopmod.dbfgrp.bas.buscode" maxlength="22"  placeholder="请输入银行业务编号" disabled></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="付款人类型" prop="bopmod.dbfgrp.bas.custype">
              <c-select v-model="model.bopmod.dbfgrp.bas.custype" style="width:100%" placeholder="请选择类型" :code="codes.custype" disabled></c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="付款人名称" prop="bopmod.dbfgrp.bas.custnm">
              <c-input type="textarea" v-model="model.bopmod.dbfgrp.bas.custnm" maxlength="63" show-word-limit placeholder="请输入付款人名称" ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="收款人名称" prop="bopmod.dbfgrp.bas.oppuser">
              <c-input type="textarea" v-model="model.bopmod.dbfgrp.bas.oppuser" maxlength="63" show-word-limit placeholder="请输入收款人名称" ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="身份证件号码" prop="bopmod.dbfgrp.bas.idcode">
              <c-input  v-model="model.bopmod.dbfgrp.bas.idcode" maxlength="32"  placeholder="请输入身份证件号码" disabled></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="购汇金额" prop="bopmod.dbfgrp.bas.lcyamt">
              <c-input  v-model="model.bopmod.dbfgrp.bas.lcyamt"  placeholder="请输入购汇金额"></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="现汇金额" prop="bopmod.dbfgrp.bas.fcyamt">
              <c-input  v-model="model.bopmod.dbfgrp.bas.fcyamt"  placeholder="请输入现汇金额"></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="其它金额" prop="bopmod.dbfgrp.bas.othamt">
              <c-input  v-model="model.bopmod.dbfgrp.bas.othamt"  placeholder="请输入其它金额"></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="13">
              <el-form-item label="付款币种及金额" prop="bopmod.dbfgrp.bas.txccy">
                <c-select v-model="model.bopmod.dbfgrp.bas.txccy" style="width:100%" placeholder="请选择付款币种及金额" :code="codes.curtxt"></c-select>
              </el-form-item>
            </c-col>
          <c-col :span="11">
            <el-form-item label="" prop="bopmod.dbfgrp.bas.txamt" label-width="5px">
              <c-input  v-model="model.bopmod.dbfgrp.bas.txamt"  placeholder="请输入付款币种及金额"></c-input>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-col :span="13">
            <el-form-item label="实际付款币种及金额" prop="bopmod.dbfgrp.bas.actuccy">
              <c-select v-model="model.bopmod.dbfgrp.bas.actuccy" style="width:100%" placeholder="请选择实际付款币种及金额" :code="codes.curtxt" disabled>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="11">
            <el-form-item label="" prop="bopmod.dbfgrp.bas.actuamt" label-width="5px">
              <c-input  v-model="model.bopmod.dbfgrp.bas.actuamt"  placeholder="请输入实际付款币种及金额" disabled></c-input>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="开证日期" prop="bopmod.dbfgrp.bas.issdate">
              <c-date-picker type="date"  v-model="model.bopmod.dbfgrp.bas.issdate" style="width:100%"  placeholder="请选择开证日期" disabled></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="信用证/保函编号" prop="bopmod.dbfgrp.bas.lcbgno">
              <c-input  v-model="model.bopmod.dbfgrp.bas.lcbgno" maxlength="20"  placeholder="请输入信用证/保函编号" disabled></c-input>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
          <!----------右边------------>
        <c-col :span="12" style="padding-left: 20px;">
          <c-col :span="24">
              <el-form-item label="修改/删除原因" prop="bopmod.dbfgrp.bas.actiondesc">
                  <c-input type="textarea" v-model="model.bopmod.dbfgrp.bas.actiondesc" maxlength="32" show-word-limit placeholder="请输入操作类型" :rows="7" disabled ></c-input>
              </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="结算方式" prop="bopmod.dbfgrp.bas.methods">
              <c-select v-model="model.bopmod.dbfgrp.bas.methods" style="width:100%" placeholder="请选择结算方式" :code="codes.methods" disabled>
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="组织机构" prop="bopmod.dbfgrp.bas.custcod">
              <c-input  v-model="model.bopmod.dbfgrp.bas.custcod" maxlength="18"  placeholder="请输入组织机构" disabled></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <br>
          </c-col>
          <c-col :span="24">
            <br>
          </c-col>
          <c-col :span="24">
            <el-form-item>
              <c-checkbox v-model="model.bopmod.dbfp.baspp.acp" disabled :checked="true" style="float: left;">确认</c-checkbox>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="购汇汇率" prop="bopmod.dbfgrp.bas.exrate">
              <c-input  v-model="model.bopmod.dbfgrp.bas.exrate"  placeholder="请输入购汇汇率" disabled></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="人民币帐号/银行卡号" prop="bopmod.dbfgrp.bas.lcyacc">
              <c-input  v-model="model.bopmod.dbfgrp.bas.lcyacc" maxlength="32"  placeholder="请输入人民币帐号/银行卡号" disabled></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="外汇帐号/银行卡号" prop="bopmod.dbfgrp.bas.fcyacc">
              <c-input  v-model="model.bopmod.dbfgrp.bas.fcyacc" maxlength="32"  placeholder="请输入外汇帐号/银行卡号" disabled></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="其它帐号/银行卡号" prop="bopmod.dbfgrp.bas.othacc">
              <c-input  v-model="model.bopmod.dbfgrp.bas.othacc" maxlength="32"  placeholder="请输入其它帐号/银行卡号" disabled></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="13">
              <el-form-item label="扣费币种及金额" prop="bopmod.dbfgrp.bas.outchargeccy">
                <c-select v-model="model.bopmod.dbfgrp.bas.outchargeccy" style="width:100%" placeholder="请选择扣费币种及金额" :code="codes.curtxt" disabled>
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="11">
              <el-form-item label="" prop="bopmod.dbfgrp.bas.outchargeamt" label-width="5px">
                <c-input  v-model="model.bopmod.dbfgrp.bas.outchargeamt"  placeholder="请输入扣费币种及金额" disabled></c-input>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="24">
            <el-form-item label="期限" prop="bopmod.dbfgrp.bas.tenor">
              <c-input  v-model="model.bopmod.dbfgrp.bas.tenor"  placeholder="请输入期限" disabled></c-input>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
        <!--按钮，先屏蔽了-->
      <c-col v-show="false">
        <c-col :span="12">
          <c-button size="small" type="primary">
            &Save
          </c-button>
        </c-col>

        <c-col :span="12">
          <c-button size="small" type="primary">
            Get Ref
          </c-button>
        </c-col>
        <c-col :span="12">
          <c-button size="small" type="primary">
            GetRef
          </c-button>
        </c-col>
        <c-col :span="12">
          <c-button size="small" type="primary">
            Modify
          </c-button>
        </c-col>
        <c-col :span="12">
          <c-button size="small" type="primary">
            &Check
          </c-button>
        </c-col>
        <c-col :span="12">
          <c-button size="small" type="primary">
            Delete
          </c-button>
        </c-col>

        <c-col :span="12">
          <c-button size="small" type="primary">
            &Error
          </c-button>
        </c-col>
        <c-col :span="12">
          <c-button size="small" type="primary">
            E&xit
          </c-button>
        </c-col>
      </c-col>
<!--多余字段隐藏-->
      <c-col v-show="false">
        <c-col :span="12">
          <el-form-item label="�'时申报流�'号" prop="bopmod.dbfgrp.bas.tmpref">
            <c-input  v-model="model.bopmod.dbfgrp.bas.tmpref" maxlength="16"  placeholder="请输入�'时申报流�'号"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <span  v-text="model.bopmod.dbfp.baspp.tmprefnew"   data-path=".bopmod.dbfp.baspp.tmprefnew" > </span>
        </c-col>
        <c-col :span="12">
          <span  v-text="model.bopmod.dbfp.baspp.roptnam"   data-path=".bopmod.dbfp.baspp.roptnam" > </span>
        </c-col>
        <c-col :span="12">
          <span  v-text="model.bopmod.dbfp.baspp.cusnam"   data-path=".bopmod.dbfp.baspp.cusnam" > </span>
        </c-col>
        <c-col :span="12">
          <span  v-text="model.bopmod.dbfp.baspp.cornam"   data-path=".bopmod.dbfp.baspp.cornam" > </span>
        </c-col>
        <c-col :span="12">
          <span  v-text="model.bopmod.dbfp.baspp.corpnam"   data-path=".bopmod.dbfp.baspp.corpnam" > </span>
        </c-col>
        <c-col :span="12">
          <span  v-text="model.bopmod.dbfp.baspp.exratelab"   data-path=".bopmod.dbfp.baspp.exratelab" > </span>
        </c-col>
        <c-col :span="12">
          <span  v-text="model.bopmod.dbfp.baspp.lcyamtlab"   data-path=".bopmod.dbfp.baspp.lcyamtlab" > </span>
        </c-col>
      </c-col>
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import event from "../event"

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

</style>