Accp.vue

<template>
  <div class="eibs">

    <!-- left -->
    <el-col :span="12" style="padding-right: 20px;">
        <c-col :span="24">
        <el-form-item label="信用证编号" prop="gidgrp.rec.ownref">
            <c-input disabled v-model="model.gidgrp.rec.ownref" maxlength="16"  placeholder="请输入编号"></c-input>
        </el-form-item>
       </c-col>

        <c-col :span="12">
        <el-form-item label="保证金额" prop="gidgrp.cbs.max.cur">
            <c-input disabled v-model="model.gidgrp.cbs.max.cur"  maxlength="3" placeholder="请输入保证金额">
            </c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" label-width="10px" prop="gidgrp.cbs.max.amt">
            <c-input disabled v-model="model.gidgrp.cbs.max.amt"  placeholder="请输入金额"></c-input>
        </el-form-item>
       </c-col>

     

        <c-col :span="12">
        <el-form-item label="附加金额" prop="gidgrp.cbs.max.cur">
            <c-input disabled v-model="model.gidgrp.cbs.max.cur" maxlength="3"  placeholder="请输入附加金额"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" label-width="10px" prop="gidgrp.cbs.max.amt">
            <c-input disabled v-model="model.gidgrp.cbs.max.amt"  placeholder="请输入金额"></c-input>
        </el-form-item>
       </c-col>
    

        <c-col :span="24">
        <el-form-item label="处理类型" prop="gidgrp.rec.hndtyp">
            <c-input disabled v-model="model.gidgrp.rec.hndtyp" maxlength="40"  placeholder="请输入处理类型" :code="[]"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="业务类型" prop="gidgrp.rec.gartyp">
            <c-select 
            disabled 
            :code="codes.typgar"
            v-model="model.gidgrp.rec.gartyp" style="width:100%" placeholder="请选择业务类型">
              </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="有效期限" prop="gidgrp.rec.expdat">
            <c-date-picker 
            disabled
            type="date"  v-model="model.gidgrp.rec.expdat" 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="gidgrp.rec.nam">
            <c-input  disabled v-model="model.gidgrp.rec.nam" maxlength="40"  placeholder="请输入简略信息"></c-input>
        </el-form-item>
       </c-col>

        <c-col :span="24">
        <el-form-item label="申请人名称" prop="gidgrp.apl.pts.nam">
            <c-input disabled v-model="model.gidgrp.apl.pts.nam" maxlength="40"  placeholder="请输入名称"></c-input>
        </el-form-item>
       </c-col>

        <c-col :span="24">
        <el-form-item label="受益人名称" prop="gidgrp.ben.pts.nam">
            <c-input disabled v-model="model.gidgrp.ben.pts.nam" maxlength="40"  placeholder="请输入受益人名称"></c-input>
        </el-form-item>
       </c-col>

        <c-col :span="24">
        <el-form-item label="通知行名称" prop="gidgrp.adv.pts.nam">
            <c-input disabled v-model="model.gidgrp.adv.pts.nam" maxlength="40"  placeholder="请输入到期日"></c-input>
        </el-form-item>
       </c-col> 

       <c-col :span="24">
        <el-form-item label="修改次数(减额）" prop="amenbr">
            <c-input disabled v-model="model.amenbr" maxlength="3"  placeholder="请输入修改次数(减额）"></c-input>
        </el-form-item>
       </c-col> 

       <c-col :span="12">
        <el-form-item label="修改金额" prop="amecur">
            <c-input disabled v-model="model.amecur" maxlength="3"  placeholder="请输入修改金额"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="ameamt">
            <c-input disabled v-model="model.ameamt"  placeholder="请输入修改金额"></c-input>
        </el-form-item>
       </c-col> 

       <c-col :span="12">
        <el-form-item label="修改日期" prop="amedat">
            <c-input disabled v-model="model.amedat" maxlength="12"  placeholder="请输入修改日期"></c-input>
        </el-form-item>
       </c-col>  

       <c-col :span="12">   
        <el-form-item label="是否接受此笔减额修改" prop="ameflg" label-width="160px">
            <c-select v-model="model.ameflg" disabled>
                <el-option v-for="item in codes.ameflg" :key="item.value" :label="item.label"
                    :value="item.value">
                </el-option>
            </c-select>
        </el-form-item>
       </c-col>
    </el-col>   

    <el-col :span="24">
        <!-- <c-istream-table 
                    :list="model.decstm.rows || []"
                    :columns="trnData.columns"
                    :showSelection="true"
                    v-on:multipleSelect="multipleSelect"
        >
        </c-istream-table> -->
        <el-table
          :data="trnData.data"
          :columns="trnData.columns"
          :showButtonFlg="true"
        >
          <el-table-column
            v-for="(item, key) in trnData.columns"
            :key="key"
            :label="item.label"
            :prop="item.prop"
          ></el-table-column>
          </el-table>
    </el-col>    
   
  </div>
</template>
<script>
import event from "../event"


export default {
  
    
    inject: ['root'],
    props:["model","codes"],
    mixins: [event],
    data(){
        return {  
        trnData: {
        columns: [
            "0 1 \"\" 200",
            "1 2 \"编号\" 240",
            "2 3 \"币种\" 200",
            "3 4 \"减额金额\" 200 ",
            "4 5 \"修改日期\" 255 ",
            "5 6 \"备注\" 300 ",
           
        ],
        data: [],
      },

        }
    },
    methods:{},
    created:function(){
        
    }
}
</script>
<style>
.stream{
   cursor: pointer; 
}
</style>