Conp.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.bas.dofoexlocode">
                        <c-input disabled maxlength="28" placeholder="请输入国内外汇贷款编号"
                                 v-model="model.recgrp.bas.dofoexlocode"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="操作类型" prop="recgrp.bas.actiontype">
                        <c-select clearable dbCode="action" disabled placeholder="请输入操作类型"
                                  style="width:100%" v-model="model.recgrp.bas.actiontype">
                        </c-select>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="12" style="padding-left: 20px">
                <c-col :span="24">
                    <el-form-item label="删除原因" prop="recgrp.bas.actiondesc">
                        <c-input disabled maxlength="128" placeholder="请输入删除原因" show-word-limit
                                 type="textarea" :rows="4"
                                 v-model="model.recgrp.bas.actiondesc"></c-input>
                    </el-form-item>
                </c-col>
            </c-col>

        </c-col>

        <c-col :span="24">
            <!-- 第二行开始  左侧列 -->
            <c-col :span="12" style="padding-right: 20px">
                <c-col :span="24">
                    <el-form-item label="债权人代码" prop="recgrp.bas.creditorcode">
                        <c-input disabled placeholder="请输入债权人代码" maxlength="12" v-model="model.recgrp.bas.creditorcode"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="起息日" prop="recgrp.bas.valuedate">
                        <c-date-picker disabled placeholder="请输入起息日" style="width:100%" type="date"
                                       v-model="model.recgrp.bas.valuedate" value-format="yyyy-MM-dd">
                        </c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="到期日" prop="recgrp.bas.maturity">
                        <c-date-picker disabled placeholder="请输入到期日" style="width:100%" type="date"
                                       v-model="model.recgrp.bas.maturity" value-format="yyyy-MM-dd">
                        </c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="贷款币种" prop="recgrp.bas.currence">
                        <c-select disabled dbCode="curtxt"  placeholder="请输入贷款币种"
                                  v-model="model.recgrp.bas.currence">
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="签约金额" prop="recgrp.bas.contractamount">
                        <c-input-currency disabled  placeholder="请输入签约金额" :maxlength="23"
                                          v-model="model.recgrp.bas.contractamount"></c-input-currency>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="备注" prop="recgrp.bas.remark">
                        <c-input maxlength="248" disabled  placeholder="请输入备注" show-word-limit type="textarea"
                                 v-model="model.recgrp.bas.remark">
                        </c-input>
                    </el-form-item>
                </c-col>


            </c-col>

            <!-- 第二行开始  右侧列 -->
            <c-col :span="12" style="padding-left: 20px">
                <c-col :span="24">
                    <el-form-item label="债务人代码" prop="recgrp.bas.debtorcode">
                        <c-input disabled placeholder="请输入债务人代码"  maxlength="18"
                                 v-model="model.recgrp.bas.debtorcode"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="债务人中文名称" prop="recgrp.bas.debtorname">
                        <c-input disabled maxlength="90"  placeholder="请输入债务人中文名称" style="width:100%"
                                 v-model="model.recgrp.bas.debtorname">
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24" class="custom-box-wrap">
                <div class="box-1">
                  <div style="width: 100%">
                    <el-form-item label="国内外汇贷款类型" prop="recgrp.bas.dofoexlotype">
                        <c-select disabled dbCode="doftyp"  placeholder="请输入国内外汇贷款类型" style="width:100%"
                                  v-model="model.recgrp.bas.dofoexlotype" isShowKeyAndLabel>
                        </c-select>
                    </el-form-item>
                    </div>
                   </div>

                    <div class="box-2">
                      <c-checkbox
                        disabled
                        true-label="X"
                        false-label=""
                        class="checkbox-left"
                        v-model="model.recgrp.bas.acp"
                        >确认</c-checkbox
                      >
                  </div>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="转贷项目名称" prop="recgrp.bas.lenproname">
                        <c-input disabled placeholder="请输入转贷项目名称"   maxlength="90" 
                                 v-model="model.recgrp.bas.lenproname"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item label="转贷协议号" prop="recgrp.bas.lenagree">
                        <c-input disabled placeholder="请输入转贷协议号"  maxlength="90" 
                                 v-model="model.recgrp.bas.lenagree"></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item class="intrat" label="年化利率值" prop="recgrp.bas.anninrate">
                        <c-input-currency disabled placeholder="请输入年化利率值"  style="width:100%" :precision=8
                                 v-model="model.recgrp.bas.anninrate">
                        </c-input-currency>
                    </el-form-item>
                </c-col>

            </c-col>

        </c-col>

    </div>
</template>
<script>
import CommonEvent from '../../common/event/CommonEvent'

    export default {
        inject: ["root"],
        mixins: [CommonEvent],
        props:["model","codes","transName"],
        data() {
            return {
                disflg:'',
            };
        },
        methods: {
          
        },
        mounted() {
           
        },
        computed: {},
        watch: {},
        created: function () {
             
        }
    };
</script>
<style lang="less" scoped>
    .intrat /deep/ .el-input__inner {
        text-align: left;
    }
</style>