dd

src/layout/financeclaims/financeClaimsForm.vue

@@ -2,22 +2,36 @@
     <div id="financeClaimsForm">
         <el-row>
             <el-col :span="24" class="form">
-                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
                     <el-form-item label="产品名称" prop="name">
                         <el-input v-model="ruleForm.name" placeholder="请输入产品名称"></el-input>
                     </el-form-item>
-                    <el-form-item label="利率范围" prop="mongeyrates">
-                        <el-input class="mongeyrate" v-model="ruleForm.mongey_min_rate" placeholder="利率范围（小）"></el-input>%~
-                        <el-input class="mongeyrate" v-model="ruleForm.mongey_max_rate" placeholder="利率范围（大）"></el-input>%
-                    </el-form-item>
-                    <el-form-item label="贷款期限(月)" prop="claimserm">
-                        <el-input class="mongeyrate" v-model="ruleForm.claims_min_term" placeholder="贷款期限（小）"></el-input>~
-                        <el-input class="mongeyrate" v-model="ruleForm.claims_max_term" placeholder="贷款期限（大）"></el-input>
-                    </el-form-item>
-                    <el-form-item label="贷款额度(万元)" prop="claimsmoney">
-                        <el-input class="mongeyrate" v-model="ruleForm.claims_min_term" placeholder="贷款额度（小）"></el-input>~
-                        <el-input class="mongeyrate" v-model="ruleForm.claims_max_term" placeholder="贷款额度（大）"></el-input>
-                    </el-form-item>
+
+                    <el-col :span="12">
+                        <el-form-item  label="利率范围" prop="mongey_min_rate" >
+                            <el-input class="mongeyrate" v-model="ruleForm.mongey_min_rate" placeholder="利率范围（小）"></el-input>%~
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item  prop="mongey_max_rate">
+                            <el-input class="mongeyrate" v-model="ruleForm.mongey_max_rate" placeholder="利率范围（大）"></el-input>%
+                        </el-form-item>
+                    </el-col>
+
+
+
+
+
+
+
+                    <!--<el-form-item label="贷款期限(月)" prop="claimserm">-->
+                        <!--<el-input class="mongeyrate" v-model="ruleForm.claims_min_term" placeholder="贷款期限（小）"></el-input>~-->
+                        <!--<el-input class="mongeyrate" v-model="ruleForm.claims_max_term" placeholder="贷款期限（大）"></el-input>-->
+                    <!--</el-form-item>-->
+                    <!--<el-form-item label="贷款额度(万元)" prop="claimsmoney">-->
+                        <!--<el-input class="mongeyrate" v-model="ruleForm.claims_min_money" placeholder="贷款额度（小）"></el-input>~-->
+                        <!--<el-input class="mongeyrate" v-model="ruleForm.claims_max_money" placeholder="贷款额度（大）"></el-input>-->
+                    <!--</el-form-item>-->
                     <el-form-item label="担保方式" prop="ensure_id">
                         <el-select v-model="ruleForm.ensure_id" placeholder="请选择担保方式">
                             <el-option v-for="(item, index) in dbList" :key="index" :label="item.name" :value="item.code"></el-option>
@@ -29,14 +43,14 @@
                         </el-select>
                     </el-form-item>
                     <el-form-item label="产品名称" >
-                        <el-input v-model="ruleForm.news.news_name" placeholder="请输入简介名称"></el-input>
+                        <el-input v-model="ruleForm.news[0].news_name" placeholder="请输入简介名称"></el-input>
                     </el-form-item>
                     <el-form-item label="简介内容" >
-                        <el-input type="textarea" v-model="ruleForm.news.news_info" placeholder="请输入简介内容"></el-input>
+                        <el-input type="textarea" v-model="ruleForm.news[0].news_info" placeholder="请输入简介内容"></el-input>
                     </el-form-item>
                     <el-form-item>
-                        <!--<el-button size="small" @click="resetForm('ruleForm')">取消</el-button>-->
-                        <!--<el-button type="primary" size="small" @click="submitForm('ruleForm')">提交</el-button>-->
+                        <el-button size="small" @click="resetForm('ruleForm')">取消</el-button>
+                        <el-button type="primary" size="small" @click="submitForm('ruleForm')">提交</el-button>
                     </el-form-item>
                 </el-form>
             </el-col>
@@ -55,7 +69,11 @@
     components: {},
     data: () => ({
       rules: {
-        mongeyrates:[
+        mongey_min_rate:[
+          { required: true, message: '请输入利率', trigger: 'blur' },
+          { pattern: /(^[1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/, message: '请输入大于0的数字' }
+        ],
+        mongey_max_rate:[
           { required: true, message: '请输入利率', trigger: 'blur' },
           { pattern: /(^[1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/, message: '请输入大于0的数字' }
         ],
@@ -63,6 +81,14 @@
           { required: true, message: '请输入贷款期限', trigger: 'blur' },
           { pattern: /^\+?[1-9]\d*$/, message: '请输入大于0的正整数' }
         ],
+        ensure_id:[
+          { required: true, message: '请输入贷款期限', trigger: 'blur' },
+          { pattern: /^\+?[1-9]\d*$/, message: '请选择担保方式' }
+        ],
+        repayment_id:[
+          { required: true, message: '请输入贷款期限', trigger: 'blur' },
+          { pattern: /^\+?[1-9]\d*$/, message: '请选择还款方式' }
+        ],
         claimsmoney:[
           { required: true, message: '请输入贷款额度', trigger: 'blur' },
           { pattern: /(^[1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/, message: '请输入大于0的数字' }
@@ -73,6 +99,7 @@
     computed: {},
     methods: {
       submitForm() {
+        alert(JSON.stringify(this.ruleForm ))
         this.$emit('submitForm', { data: this.ruleForm });
       },
       resetForm() {
@@ -87,7 +114,9 @@
         padding: 0 200px 0 0;
     }
     .mongeyrate{
-        width:40%;
+        width:95%;
     }
+
+
 </style>
 

src/views/financeclaims/financeClaimDetail.vue

@@ -36,13 +36,18 @@
       display: 'none',
       topTitle: '债权产品信息',
       ruleForm: {
-        news:[]
+        news:[
+          {
+            "news_name":'',
+            "news_info":''
+          }
+        ]
       },
       dbList: [
-        {name:'担保1',code:'0101'},{name:'担保2',code:'0102'},{name:'担保3',code:'0103'}
+        {name:'担保1',code:'2201'},{name:'担保2',code:'2202'},{name:'担保3',code:'2203'}
       ],
       hkList: [
-        {name:'还款1',code:'0201'},{name:'还款2',code:'0202'},{name:'还款3',code:'0203'}
+        {name:'还款1',code:'2301'},{name:'还款2',code:'2302'},{name:'还款3',code:'2303'}
       ],
     }),
     created() {
@@ -64,6 +69,7 @@
       // 提交
       async submitForm({ data }) {
         let res;
+        let finaldata;
         if (this.id) {
           res = await this.update(data);
           if (res.errcode === 0) {
@@ -73,7 +79,9 @@
             });
           }
         } else {
-          res = await this.create(data);
+          finaldata=data;
+          finaldata.uid = '5e79672d0217a7336048b4c5';
+          res = await this.create(finaldata);
           if (res.errcode === 0) {
             this.$message({
               message: '信息创建成功',
@@ -82,12 +90,11 @@
           }
         }
         if (this.$checkRes(res)) this.resetForm();
-
         console.log(res.data);
       },
       // 取消
       resetForm() {
-        this.$router.push({ path: '/otheruser/index' });
+        this.$router.push({ path: '/financeclaims/financeClaimIndex' });
       },
       // 返回
       goBack() {