
<template>
    <div id="manageLookMoneyForm">
        <el-row>
            <el-col :span="24" class="form">
                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
                    <el-col :span="24">
                        <el-form-item label="产品名称" prop="title">
                            <el-input disabled v-model="ruleForm.title" placeholder="请输入产品名称"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item label="收益率" prop="rate"> <el-input class="mongeyrate" disabled v-model="ruleForm.rate" placeholder="收益率"></el-input>% </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="产品期限(个月)" prop="min_time">
                            <el-input class="mongeyrates" disabled v-model="ruleForm.min_time" placeholder="产品期限（小）"></el-input>~
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item prop="max_time" class="formItem">
                            <el-input class="mongeyrates" disabled v-model="ruleForm.max_time" placeholder="产品期限（大）"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item label="起购价格(元)" prop="buymin">
                            <el-input class="mongeyrate" disabled v-model="ruleForm.buymin" placeholder="起购价格"></el-input>元
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item label="产品介绍">
                            <el-input type="textarea" disabled v-model="ruleForm.news" placeholder="请输入产品介绍"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="24" class="btn">
                        <!--<el-button size="small" v-if="ruleForm.top==0" @click="toTop('ruleForm')" >推荐</el-button>-->
                        <!--<el-button size="small" v-if="ruleForm.top==1" @click="toTop('ruleForm')" >取消推荐</el-button>-->
                        <el-button type="primary" v-if="ruleForm.status=='0'" size="small" @click="changStatus('ruleForm')">审核</el-button>
                        <el-button type="primary" v-if="ruleForm.status=='1'" size="small" @click="changStatus('ruleForm')">取消审核</el-button>
                    </el-col>

                </el-form>
            </el-col>
        </el-row>
    </div>
    <!--:disabled="isAble"-->
</template>

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

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

<style lang="less" scoped>
    .form {
        padding: 0 200px 0 0;
    }
    .mongeyrate {
        width: 30%;
    }
    .mongeyrates {
        width: 98%;
    }
    /deep/.formItem .el-form-item__content {
        margin-left: 0 !important;
    }
    .btn {
        text-align: center;
        padding: 30px 0;
    }
</style>
