Basp.vue

<template>
  <div class="eibs">
    <el-col :span="12" style="padding-right: 20px">

      <c-col :span="24">
        <el-form-item label="申报号码" prop="bopmod.dbcgrp.bas.rptno">
          <c-input
              disabled
              v-model="model.bopmod.dbcgrp.bas.rptno" maxlength="22"  placeholder="请输入申报号码"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="操作类型" prop="bopmod.dbcgrp.bas.actiontype">
          <c-select
              disabled
              :code="codes.actiontype"
              v-model="model.bopmod.dbcgrp.bas.actiontype" style="width:100%" placeholder="请选择操作类型">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="地区机构号" prop="bopmod.dbcgrp.bas.ownextkey">
          <c-select
              disabled

              v-model="model.bopmod.dbcgrp.bas.ownextkey" style="width:100%" placeholder="请选择地区机构号">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="银行业务编号" prop="bopmod.dbcgrp.bas.buscode">
          <c-input
              disabled
              v-model="model.bopmod.dbcgrp.bas.buscode" maxlength="22"  placeholder="请输入银行业务编号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="付款人类型" prop="bopmod.dbcgrp.bas.custype">
          <c-select
              disabled
              :code="codes.custype"
              v-model="model.bopmod.dbcgrp.bas.custype" style="width:100%" placeholder="请选择类型">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="付款人名称" prop="bopmod.dbcgrp.bas.custnm">
          <c-input type="textarea" v-model="model.bopmod.dbcgrp.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.dbcgrp.bas.oppuser">
          <c-input type="textarea" v-model="model.bopmod.dbcgrp.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.dbcgrp.bas.idcode">
          <c-input
              disabled
              v-model="model.bopmod.dbcgrp.bas.idcode" maxlength="32"  placeholder="请输入身份证件号码"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="购汇金额" prop="bopmod.dbcgrp.bas.lcyamt">
          <c-input  v-model="model.bopmod.dbcgrp.bas.lcyamt"  placeholder="请输入购汇金额"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="现汇金额" prop="bopmod.dbcgrp.bas.fcyamt">
          <c-input  v-model="model.bopmod.dbcgrp.bas.fcyamt"  placeholder="请输入现汇金额"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="其它金额" prop="bopmod.dbcgrp.bas.othamt">
          <c-input  v-model="model.bopmod.dbcgrp.bas.othamt"  placeholder="请输入其它金额"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="14">
        <el-form-item label="付款币种及金额" prop="bopmod.dbcgrp.bas.txccy">
          <c-select
              disabled

              v-model="model.bopmod.dbcgrp.bas.txccy" style="width:100%" placeholder="请选择付款币种">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="10">
        <el-form-item label="" label-width="0px" prop="bopmod.dbcgrp.bas.txamt" style="margin-left: 5px">
          <c-input disabled v-model="model.bopmod.dbcgrp.bas.txamt"  placeholder="请输入付款金额"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="14">
        <el-form-item label="实际付款币种及金额" prop="bopmod.dbcgrp.bas.actuccy">
          <c-select
              disabled

              v-model="model.bopmod.dbcgrp.bas.actuccy" style="width:100%" placeholder="请选择实际付款币种">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="10">
        <el-form-item label="" label-width="0px" prop="bopmod.dbcgrp.bas.actuamt"  style="margin-left: 5px">
          <c-input disabled v-model="model.bopmod.dbcgrp.bas.actuamt"  placeholder="请输入实际付款金额"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="开证日期" prop="bopmod.dbcgrp.bas.issdate">
          <c-date-picker
              disabled
              type="date"  v-model="model.bopmod.dbcgrp.bas.issdate" style="width:100%"  placeholder="请选择开证日期"></c-date-picker>
        </el-form-item>
      </c-col>
                 
    </el-col>

  <!--=====================right =============================  -->
    <el-col :span="12" style="padding-left: 20px">

      <c-col :span="24">
        <el-form-item label="修改/删除原因" prop="bopmod.dbcgrp.bas.actiondesc">
          <c-input
              disabled
              :rows="7"
              type="textarea" v-model="model.bopmod.dbcgrp.bas.actiondesc" maxlength="32" show-word-limit placeholder="请输入操作类型" ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="结算方式" prop="bopmod.dbcgrp.bas.methods">
          <c-select
              disabled
              :code="codes.methods"
              v-model="model.bopmod.dbcgrp.bas.methods" style="width:100%" placeholder="请选择结算方式">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="组织机构代码" prop="bopmod.dbcgrp.bas.custcod">
          <c-input
              disabled
              v-model="model.bopmod.dbcgrp.bas.custcod" maxlength="18"  placeholder="请输入组织机构"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-checkbox
            disabled
            style=" margin: 0 0 10px 150px;"
            v-model="model.bopmod.dbcp.baspp.acp">确认</c-checkbox>
      </c-col>
      <c-col :span="24">
        <el-form-item label="购汇汇率" prop="bopmod.dbcgrp.bas.exrate">
          <c-input
              disabled
              v-model="model.bopmod.dbcgrp.bas.exrate"  placeholder="请输入购汇汇率"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="人民币帐号/银行卡号" prop="bopmod.dbcgrp.bas.lcyacc">
          <c-input
              disabled
              v-model="model.bopmod.dbcgrp.bas.lcyacc" maxlength="32"  placeholder="请输入人民币帐号/银行卡号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="外汇帐号/银行卡号" prop="bopmod.dbcgrp.bas.fcyacc">
          <c-input
              disabled
              v-model="model.bopmod.dbcgrp.bas.fcyacc" maxlength="32"  placeholder="请输入外汇帐号/银行卡号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="其它帐号/银行卡号" prop="bopmod.dbcgrp.bas.othacc">
          <c-input
              disabled
              v-model="model.bopmod.dbcgrp.bas.othacc" maxlength="32"  placeholder="请输入其它帐号/银行卡号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="14">
        <el-form-item label="扣费币种及金额" prop="bopmod.dbcgrp.bas.outchargeccy">
          <c-select
              disabled
              :code="codes.outchargeccy"
              v-model="model.bopmod.dbcgrp.bas.outchargeccy" style="width:100%" placeholder="请选择扣费币种">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="10">
        <el-form-item label="" label-width="0px" prop="bopmod.dbcgrp.bas.outchargeamt"  style="margin-left: 5px">
          <c-input
              disabled
              v-model="model.bopmod.dbcgrp.bas.outchargeamt"  placeholder="请输入扣费金额"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="信用证/保函编号" prop="bopmod.dbcgrp.bas.lcbgno">
          <c-input
              disabled
              v-model="model.bopmod.dbcgrp.bas.lcbgno" maxlength="20"  placeholder="请输入信用证/保函编号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="期限" prop="bopmod.dbcgrp.bas.tenor">
          <c-input
              disabled
              v-model="model.bopmod.dbcgrp.bas.tenor"  placeholder="请输入期限"></c-input>
        </el-form-item>
      </c-col>

    </el-col>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctset/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

        }
    },
     watch:{
   "model.bopmod.dbcp.baspp.acp" :{
     immediate: true,
     handler(val,oldval){
        if(this.model.bopmod.dbcp.baspp.acp==""){
         this.model.bopmod.dbcp.baspp.acp="X"
        }
      }
     },
   },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>