<template>
    <div id="loanfollowForm">
        <el-row>
            <el-col :span="24" class="form">
                <el-form :model="ruleForm" :rules="rules"  ref="ruleForm" label-width="200px" class="demo-ruleForm">
                    <el-form-item label="产品名称：">
                        <span>{{ruleForm[0].loanpronew.name}}</span>
                    </el-form-item>
                    <el-form-item label="利率范围：" >
                        <span>{{ruleForm[0].loanpronew.mongey_min_rate}}%~{{ruleForm[0].loanpronew.mongey_max_rate}}%</span>
                    </el-form-item>
                    <el-form-item label="期望融资期限(个月)：" >
                        <span>{{ruleForm[0].loanpronew.claims_min_term}}~{{ruleForm[0].loanpronew.claims_max_term}}个月</span>
                    </el-form-item>
                        <el-form-item label="担保方式" prop="ensure_id">
                            <el-select disabled v-model="ruleForm[0].loanpronew.ensure_id" placeholder="请选择担保方式">
                                <el-option v-for="(item, index) in dbList" :key="index" :label="item.name" :value="item.code"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="还款方式" prop="repayment_id">
                            <el-select disabled v-model="ruleForm[0].loanpronew.repayment_id" placeholder="请选择还款方式">
                                <el-option v-for="(item, index) in hkList" :key="index" :label="item.name" :value="item.code"></el-option>
                            </el-select>
                        </el-form-item>
                    <el-form-item v-if="ruleForm[0].orcredit== '1' " label="授信金额（万元）" >
                        <span>{{ruleForm[0].credit_money}}万元</span>
                    </el-form-item>
                    <el-form-item label="申请企业名称：" >
                        <span>{{ruleForm[0].cnew.company_name}}</span>
                    </el-form-item>
                    <el-form-item label="申请企业联系人：" >
                        <span>{{ruleForm[0].cnew.contacts}}</span>
                    </el-form-item>
                    <el-form-item label="申请企业联系电话：" >
                        <span>{{ruleForm[0].cnew.contact_number}}</span>
                    </el-form-item>
                    <el-form-item v-if="ruleForm[0].orcredit== '0' " >
                        <el-button  type="primary" size="small" @click="shouxin()">授信</el-button>
                    </el-form-item>
                </el-form>
            </el-col>
        </el-row>
    </div>
</template>

<script>
  export default {
    name: 'loanfollowForm',
    props: {
      ruleForm: null,
      charList: null,
      hkList: null,
      dbList: null,
    },
    components: {},
    data: () => ({

    }),
    created() {},
    computed: {},
    methods: {
      shouxin() {
        this.$emit('shouxin');
      },
    },
  };
</script>

<style lang="less" scoped>
    .form {
        padding: 0 200px 0 0;
    }
</style>
