即期结售汇 前端校验

src/page/Funds/Fxtssb/event/index.js

@@ -83,8 +83,6 @@ export default {
     },
 
     async defaultCalculateN1100() {
-      console.log("defaultCalculateN1100");
-
       if (this.model.fxdgrp.rec.rat == "") {
         return;
       }
@@ -95,6 +93,7 @@ export default {
         this.model.fxdgrp.cbs.max.amt == "" ||
         this.model.fxdgrp.cbs.max.amt == 0
       ) {
+        this.model.fxdgrp.cbs.nom1.amt = "0.00";
         return;
       }
       const loading = this.loading();

src/page/Funds/Fxtssb/model/Check.js

@@ -25,7 +25,7 @@ export default function () {
     ],
     "fxdgrp.apl.pts.adrblk": [
       { type: "string", required: true, message: "必输项" },
-      { max: 35, message: "长度不能超过35" },
+      { max: 140, message: "长度不能超过140" },
     ],
     "fxdgrp.cbs.max.cur": [
       { type: "string", required: true, message: "必输项" },

src/page/Funds/Fxtssb/views/index.vue

 <template>
   <div class="eContainer">
     <c-page title="即期结汇">
-            <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right"
+      <el-form
+        :model="model"
+        :rules="rawRules"
+        ref="modelForm"
+        label-width="150px"
+        label-position="right"
         size="small"
-                     :validate-on-rule-change="false">
-                <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
+        :validate-on-rule-change="false"
+      >
+        <c-tabs
+          v-model="tabVal"
+          ref="elment"
+          type="card"
+          @tab-click="myTabClick"
+        >
           <el-tab-pane label="概要" name="ovwp">
             <c-content>
-                            <m-ovwp :model="model" :codes="codes"/>
+              <m-ovwp :model="model" :codes="codes" />
             </c-content>
           </el-tab-pane>
           <el-tab-pane label="费用/账务" name="setpan">
             <c-content>
-                            <m-setpan :codes="codes" :model="model"/>
+              <m-setpan :codes="codes" :model="model" />
             </c-content>
           </el-tab-pane>
           <!--          <el-tab-pane label="报文/面函" name="docpan">-->
@@ -38,20 +49,20 @@
   </div>
 </template>
 <script>
-    import CodeTable from "~/config/CodeTable"
-    import Fxtssb from "../model"
-    import Ovwp from "./Ovwp"
-    import Setpan from "~/components/business/setmod/views";
-    import Docpan from "~/components/business/docpan/views";
+import CodeTable from "~/config/CodeTable";
+import Fxtssb from "../model";
+import Ovwp from "./Ovwp";
+import Setpan from "~/components/business/setmod/views";
+import Docpan from "~/components/business/docpan/views";
 
-    import operationFunc from "~/mixin/operationFunc";
-    import commonDepend from "~/mixin/commonDepend";
-    import event from "../event";
-    import buildFn from "../event/buildCommons.js";
-    import Check from "../model/Check.js";
-    import Jshmod from "~/components/business/jshmod/views/index";
+import operationFunc from "~/mixin/operationFunc";
+import commonDepend from "~/mixin/commonDepend";
+import event from "../event";
+import buildFn from "../event/buildCommons.js";
+import Check from "../model/Check.js";
+import Jshmod from "~/components/business/jshmod/views/index";
 
-    export default {
+export default {
   name: "Fxtssb",
   components: {
     "m-ovwp": Ovwp,
@@ -61,24 +72,29 @@
   },
   provide() {
     return {
-                root: this
-            }
+      root: this,
+    };
   },
   mixins: [operationFunc, commonDepend, event, buildFn],
+  computed: {
+    rawRules() {
+      return { ...this.rules, ...Check.apply(this) };
+    },
+  },
   data() {
     return {
       tabVal: "ovwp",
       trnName: "fxtssb",
       trnType: "",
       model: new Fxtssb().data,
-                rules: Check,
-                codes: {...CodeTable},
-            }
+      rules: { },
+      codes: { ...CodeTable },
+    };
   },
   methods: {
     myTabClick(tab) {
-                this.tabClick(tab)
-            }
+      this.tabClick(tab);
+    },
   },
   created: async function () {
     console.log("进入fxtssb交易");
@@ -90,8 +106,8 @@
         },
       },
     };
-            this.init(params)
-        }
-    }
+    this.init(params);
+  },
+};
 </script>
 <style></style>

src/page/Funds/Fxtsss/event/index.js

@@ -93,6 +93,7 @@ export default {
         this.model.fxdgrp.cbs.max.amt == "" ||
         this.model.fxdgrp.cbs.max.amt == 0
       ) {
+        this.model.fxdgrp.cbs.nom1.amt = "0.00";
         return;
       }
       const loading = this.loading();

src/page/Funds/Fxtsss/model/Check.js

@@ -25,7 +25,7 @@ export default function () {
     ],
     "fxdgrp.apl.pts.adrblk": [
       { type: "string", required: true, message: "必输项" },
-      { max: 35, message: "长度不能超过35" },
+      { max: 140, message: "长度不能超过140" },
     ],
     "fxdgrp.cbs.max.cur": [
       { type: "string", required: true, message: "必输项" },

src/page/Funds/Fxtsss/views/index.vue

 <template>
   <div class="eContainer">
     <c-page title="即期结汇">
-            <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right"
+      <el-form
+        :model="model"
+        :rules="rawRules"
+        ref="modelForm"
+        label-width="150px"
+        label-position="right"
         size="small"
-                     :validate-on-rule-change="false">
-                <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
+        :validate-on-rule-change="false"
+      >
+        <c-tabs
+          v-model="tabVal"
+          ref="elment"
+          type="card"
+          @tab-click="myTabClick"
+        >
           <!--fxtp PD000001 概要 -->
           <el-tab-pane :label="$t('fxtp.概要')" name="ovwp">
             <c-content>
-                            <m-ovwp :model="model" :codes="codes"/>
+              <m-ovwp :model="model" :codes="codes" />
             </c-content>
           </el-tab-pane>
           <el-tab-pane label="费用/账务" name="setpan">
             <c-content>
-                            <m-setpan :codes="codes" :model="model"/>
+              <m-setpan :codes="codes" :model="model" />
             </c-content>
           </el-tab-pane>
-<!--                    <el-tab-pane label="报文/面函" name="docpan">-->
-<!--                        <c-content>-->
-<!--                            <m-docpan :codes="codes" :model="model"/>-->
-<!--                        </c-content>-->
-<!--                    </el-tab-pane>-->
+          <!--                    <el-tab-pane label="报文/面函" name="docpan">-->
+          <!--                        <c-content>-->
+          <!--                            <m-docpan :codes="codes" :model="model"/>-->
+          <!--                        </c-content>-->
+          <!--                    </el-tab-pane>-->
           <el-tab-pane label="结售汇申报" name="jshmod">
             <c-content>
               <m-jshmod :codes="codes" :model="model" ref="jshmod" />
@@ -39,20 +50,20 @@
   </div>
 </template>
 <script>
-    import CodeTable from "~/config/CodeTable"
-    import Fxtsss from "../model"
-    import Ovwp from "./Ovwp"
-    import Setpan from "~/components/business/setmod/views";
-    import Docpan from "~/components/business/docpan/views";
+import CodeTable from "~/config/CodeTable";
+import Fxtsss from "../model";
+import Ovwp from "./Ovwp";
+import Setpan from "~/components/business/setmod/views";
+import Docpan from "~/components/business/docpan/views";
 
-    import operationFunc from "~/mixin/operationFunc";
-    import commonDepend from "~/mixin/commonDepend";
-    import event from "../event";
-    import Check from "../model/Check.js";
-    import buildFn from "../event/buildCommons.js";
-    import Jshmod from "~/components/business/jshmod/views/index";
+import operationFunc from "~/mixin/operationFunc";
+import commonDepend from "~/mixin/commonDepend";
+import event from "../event";
+import Check from "../model/Check.js";
+import buildFn from "../event/buildCommons.js";
+import Jshmod from "~/components/business/jshmod/views/index";
 
-    export default {
+export default {
   name: "Fxtsss",
   components: {
     "m-ovwp": Ovwp,
@@ -62,24 +73,29 @@
   },
   provide() {
     return {
-                root: this
-            }
+      root: this,
+    };
   },
   mixins: [operationFunc, commonDepend, event, buildFn],
+  computed: {
+    rawRules() {
+      return { ...this.rules, ...Check.apply(this) };
+    },
+  },
   data() {
     return {
       tabVal: "ovwp",
       trnName: "fxtsss",
       trnType: "",
       model: new Fxtsss().data,
-                rules: Check,
-                codes: {...CodeTable},
-            }
+      rules: {},
+      codes: { ...CodeTable },
+    };
   },
   methods: {
     myTabClick(tab) {
-                this.tabClick(tab)
-            }
+      this.tabClick(tab);
+    },
   },
   created: async function () {
     console.log("进入fxtsss交易");
@@ -91,8 +107,8 @@
         },
       },
     };
-            this.init(params)
-        }
-    }
+    this.init(params);
+  },
+};
 </script>
 <style></style>