src/layout/financeclaims/manageLookMoneyForm.vue

@@ -3,39 +3,33 @@
     <div id="manageLookMoneyForm">
         <el-row>
             <el-col :span="24" class="form">
-                <el-form :model="ruleForm"  ref="ruleForm" label-width="120px" class="demo-ruleForm">
+                <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="12">
-                        <el-form-item label="收益率" prop="rate">
-                            <el-input disabled class="mongeyrate" v-model="ruleForm.rate" placeholder="收益率"></el-input>%
-                        </el-form-item>
+                    <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 disabled class="mongeyrate" v-model="ruleForm.min_time" placeholder="产品期限（小）"></el-input>~
+                            <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 disabled class="mongeyrate" v-model="ruleForm.max_time" placeholder="产品期限（大）"></el-input>
+                            <el-input class="mongeyrates" disabled v-model="ruleForm.max_time" placeholder="产品期限（大）"></el-input>
                         </el-form-item>
                     </el-col>
-
-                    <el-col :span="12">
-                        <el-form-item label="起购价格(元)" prop="buymin" >
-                            <el-input disabled class="mongeyrate" v-model="ruleForm.buymin" placeholder="起购价格"></el-input>元
+                    <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 disabled type="textarea" v-model="ruleForm.news" placeholder="请输入产品介绍"></el-input>
+                            <el-input type="textarea" disabled v-model="ruleForm.news" placeholder="请输入产品介绍"></el-input>
                         </el-form-item>
                     </el-col>
 
@@ -76,7 +70,10 @@
         padding: 0 200px 0 0;
     }
     .mongeyrate {
-        width: 95%;
+        width: 30%;
+    }
+    .mongeyrates {
+        width: 98%;
     }
     /deep/.formItem .el-form-item__content {
         margin-left: 0 !important;