修改去融信列表去融资、新增融资信息页面收款账户可输入判断

front-vue/src/views/service/credit/goFinance.vue

@@ -2,41 +2,57 @@
 <div class="app-container zap-main">
     <!-- 添加或修改融资记录对话框 -->
     <div class="zap-title">融资信息</div>
-    <el-row class="zap-form">
-        <el-col :span="12">
-            <text-item label="选择融信" :value="financeInfList | pickerFilter(form.zfrFinanceId, 'zfiId', 'zfiNumber')"></text-item>
-        </el-col>
-        <el-col :span="12">
-            <text-item label="融资收款账户" :value="form.zfrCollectionAccount"></text-item>
-        </el-col>
-        <el-col :span="12">
-            <text-item label="融信金额" :value="form.zfiAmount" suffix="元"></text-item>
-        </el-col>
-        <el-col :span="12">
-            <text-item label="申请融资方" :value="form.companyName"></text-item>
-        </el-col>
-        <el-col :span="12">
-            <text-item label="融资金额" :value="form.zfrAmount" suffix="元"></text-item>
-        </el-col>
-        <el-col :span="12">
-            <text-item label="融资利率" :value="form.zfrRate" suffix="%"></text-item>
-        </el-col>
-        <el-col :span="12">
-            <text-item label="承诺还款日期" :value="form.zfrRepaymentDate"></text-item>
-        </el-col>
-        <el-col :span="12">
-            <text-item label="服务费率" :value="form.zfpcrChargeRate" suffix="%"></text-item>
-        </el-col>
-        <el-col :span="12">
-            <text-item label="预计融资成本" :value="form.cost" suffix="元"></text-item>
-        </el-col>
-        <el-col :span="12">
-            <text-item label="预计融资期限" :value="form.term" suffix="天"></text-item>
-        </el-col>
-        <el-col :span="12">
-            <text-item label="预计净融资额" :value="form.amount" suffix="元"></text-item>
-        </el-col>
-    </el-row>
+    <el-form
+        class="zap-form"
+        ref="form"
+        :model="form"
+        :rules="rules"
+        :inline="true"
+        label-width="auto">
+        <el-row class="zap-form">
+            <el-col :span="12">
+                <text-item label="选择融信" :value="financeInfList | pickerFilter(form.zfrFinanceId, 'zfiId', 'zfiNumber')"></text-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="融资收款账户:" prop="zfrCollectionAccount" size="large" label-width="101px">
+                    <el-input
+                        class="zap-form-input"
+                        v-model="form.zfrCollectionAccount"
+                        clearable
+                        placeholder="请输入融资账户"
+                        maxlength="25"
+                        :readonly="onlyRead" />
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <text-item label="融信金额" :value="form.zfiAmount" suffix="元"></text-item>
+            </el-col>
+            <el-col :span="12">
+                <text-item label="申请融资方" :value="form.companyName"></text-item>
+            </el-col>
+            <el-col :span="12">
+                <text-item label="融资金额" :value="form.zfrAmount" suffix="元"></text-item>
+            </el-col>
+            <el-col :span="12">
+                <text-item label="融资利率" :value="form.zfrRate" suffix="%"></text-item>
+            </el-col>
+            <el-col :span="12">
+                <text-item label="承诺还款日期" :value="form.zfrRepaymentDate"></text-item>
+            </el-col>
+            <el-col :span="12">
+                <text-item label="服务费率" :value="form.zfpcrChargeRate" suffix="%"></text-item>
+            </el-col>
+            <el-col :span="12">
+                <text-item label="预计融资成本" :value="form.cost" suffix="元"></text-item>
+            </el-col>
+            <el-col :span="12">
+                <text-item label="预计融资期限" :value="form.term" suffix="天"></text-item>
+            </el-col>
+            <el-col :span="12">
+                <text-item label="预计净融资额" :value="form.amount" suffix="元"></text-item>
+            </el-col>
+        </el-row>
+    </el-form>
     <div class="zap-warmtips">
         <p>说明：</p>
         <p>1. 因银行结算原因，资金到账可能会在申请日期后2-5工作日；</p>
@@ -630,35 +646,39 @@ export default {
         },
         /** 提交按钮 */
         submitForm() {
-            const loading = this.$loading({
-                lock: true,
-                text: "Loading",
-                spinner: "el-icon-loading",
-                background: "rgba(0, 0, 0, 0.7)",
-            });
-            listCompanyHandler().then((response) => {
-                var self = this;
-                if (response.data == true) {
-                    this.form.zfrId = this.zfrId;
-                    addRecord(this.form)
-                        .then((response) => {
-                            console.log(response);
-                            loading.close();
-                            this.zfrId = response.data.zfrId;
-                            this.isOpenApproval();
-                            // this.msgSuccess("融资申请成功");
-                            // this.$store.dispatch("tagsView/delView", this.$route);
-                            // this.$router.go(-1);
-                        })
-                        .catch((response) => {
+            this.$refs["form"].validate((valid) => {
+                if (valid) {
+                    const loading = this.$loading({
+                        lock: true,
+                        text: "Loading",
+                        spinner: "el-icon-loading",
+                        background: "rgba(0, 0, 0, 0.7)",
+                    });
+                    listCompanyHandler().then((response) => {
+                        var self = this;
+                        if (response.data == true) {
+                            this.form.zfrId = this.zfrId;
+                            addRecord(this.form)
+                                .then((response) => {
+                                    console.log(response);
+                                    loading.close();
+                                    this.zfrId = response.data.zfrId;
+                                    this.isOpenApproval();
+                                    // this.msgSuccess("融资申请成功");
+                                    // this.$store.dispatch("tagsView/delView", this.$route);
+                                    // this.$router.go(-1);
+                                })
+                                .catch((response) => {
+                                    loading.close();
+                                });
+                        } else {
+                            self.$message({
+                                message: "此操作需经办人权限,请确认您是否是经办人",
+                                type: "warning",
+                            });
                             loading.close();
-                        });
-                } else {
-                    self.$message({
-                        message: "此操作需经办人权限,请确认您是否是经办人",
-                        type: "warning",
+                        }
                     });
-                    loading.close();
                 }
             });
         },

front-vue/src/views/service/financeRecord/addFinanceRecord.vue

@@ -13,7 +13,9 @@
                         </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                        <text-item label="融资收款账户" :value="form.zfrCollectionAccount"></text-item>
+                        <el-form-item label="融资收款账户:" prop="zfrCollectionAccount">
+                            <el-input class="zap-form-input" v-model="form.zfrCollectionAccount" clearable placeholder="请输入融资账户" maxlength="25" :readonly="onlyRead" />
+                        </el-form-item>
                     </el-col>
                 </el-row>
                 <el-col :span="12">
@@ -44,6 +46,7 @@
                     <text-item label="预计净融资额" :value="form.cost" suffix="元"></text-item>
                 </el-col>
             </el-row>
+
             <div class="zap-warmtips">
                 <p>说明：</p>
                 <p>1. 因银行结算原因，资金到账可能会在申请日期后2-5工作日；</p>
@@ -641,37 +644,41 @@ export default {
         submitForm() {
             this.$refs["form"].validate((valid) => {
                 if (valid) {
-                    const loading = this.$loading({
-                        lock: true,
-                        text: "Loading",
-                        spinner: "el-icon-loading",
-                        background: "rgba(0, 0, 0, 0.7)",
-                    });
-                    listCompanyHandler().then((response) => {
-                        if (response.data == true) {
-                            this.form.zfrId = this.zfrId;
-                            addRecord(this.form)
-                                .then((response) => {
-                                    loading.close();
-                                    this.zfrId = response.data.zfrId;
-                                    this.isOpenApproval();
-                                    // this.msgSuccess("融资申请成功");
-                                    // this.$store.dispatch("tagsView/delView", this.$route);
-                                    // this.$router.go(-1);
-                                })
-                                .catch((response) => {
+                    this.$refs["form"].validate((valid) => {
+                        if (valid) {
+                            const loading = this.$loading({
+                                lock: true,
+                                text: "Loading",
+                                spinner: "el-icon-loading",
+                                background: "rgba(0, 0, 0, 0.7)",
+                            });
+                            listCompanyHandler().then((response) => {
+                                if (response.data == true) {
+                                    this.form.zfrId = this.zfrId;
+                                    addRecord(this.form)
+                                        .then((response) => {
+                                            loading.close();
+                                            this.zfrId = response.data.zfrId;
+                                            this.isOpenApproval();
+                                            // this.msgSuccess("融资申请成功");
+                                            // this.$store.dispatch("tagsView/delView", this.$route);
+                                            // this.$router.go(-1);
+                                        })
+                                        .catch((response) => {
+                                            loading.close();
+                                        });
+                                } else {
                                     loading.close();
-                                });
-                        } else {
-                            loading.close();
-                            this.$message({
-                                message: "此操作需经办人权限,请确认您是否是经办人",
-                                type: "warning",
+                                    this.$message({
+                                        message: "此操作需经办人权限,请确认您是否是经办人",
+                                        type: "warning",
+                                    });
+                                }
                             });
                         }
                     });
                 }
-            });
+            })
         },
         /* 清空 */
         clearBoth() {