即期结售汇 前端校验

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"
-                     size="small"
-                     :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"/>
-                        </c-content>
-                    </el-tab-pane>
-                    <el-tab-pane label="费用/账务" name="setpan">
-                        <c-content>
-                            <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="jshmod">
-                        <c-content>
-                            <m-jshmod :codes="codes" :model="model" ref="jshmod" />
-                        </c-content>
-                    </el-tab-pane>
-                </c-tabs>
-            </el-form>
-            <c-function-btn
-                    :handleCheck="handleCheck"
-                    :handleStash="handleStash"
-                    :handleSubmit="handleSubmit"
-                    @handleSureWarning="handleSureWarning"
-                    ref="commonBtn"
-            ></c-function-btn>
-        </c-page>
-    </div>
+  <div class="eContainer">
+    <c-page title="即期结汇">
+      <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"
+        >
+          <el-tab-pane label="概要" name="ovwp">
+            <c-content>
+              <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" />
+            </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" />
+            </c-content>
+          </el-tab-pane>
+        </c-tabs>
+      </el-form>
+      <c-function-btn
+        :handleCheck="handleCheck"
+        :handleStash="handleStash"
+        :handleSubmit="handleSubmit"
+        @handleSureWarning="handleSureWarning"
+        ref="commonBtn"
+      ></c-function-btn>
+    </c-page>
+  </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 {
-        name: "Fxtssb",
-        components: {
-            "m-ovwp": Ovwp,
-            "m-setpan": Setpan,
-            "m-docpan": Docpan,
-            "m-jshmod": Jshmod,
+export default {
+  name: "Fxtssb",
+  components: {
+    "m-ovwp": Ovwp,
+    "m-setpan": Setpan,
+    "m-docpan": Docpan,
+    "m-jshmod": Jshmod,
+  },
+  provide() {
+    return {
+      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: { },
+      codes: { ...CodeTable },
+    };
+  },
+  methods: {
+    myTabClick(tab) {
+      this.tabClick(tab);
+    },
+  },
+  created: async function () {
+    console.log("进入fxtssb交易");
+    let params = {
+      transName: this.trnName,
+      fxdgrp: {
+        rec: {
+          inr: this.$route.query.inr || "",
         },
-        provide() {
-            return {
-                root: this
-            }
-        },
-        mixins: [operationFunc, commonDepend, event, buildFn],
-        data() {
-            return {
-                tabVal: "ovwp",
-                trnName: "fxtssb",
-                trnType: "",
-                model: new Fxtssb().data,
-                rules: Check,
-                codes: {...CodeTable},
-            }
-        },
-        methods: {
-            myTabClick(tab) {
-                this.tabClick(tab)
-            }
-        },
-        created: async function () {
-            console.log("进入fxtssb交易");
-            let params = {
-                transName: this.trnName,
-                fxdgrp: {
-                    rec: {
-                        inr: this.$route.query.inr || "",
-                    },
-                },
-            };
-            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"
-                     size="small"
-                     :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"/>
-                        </c-content>
-                    </el-tab-pane>
-                    <el-tab-pane label="费用/账务" name="setpan">
-                        <c-content>
-                            <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="jshmod">
-                        <c-content>
-                            <m-jshmod :codes="codes" :model="model" ref="jshmod" />
-                        </c-content>
-                    </el-tab-pane>
-                </c-tabs>
-            </el-form>
-            <c-function-btn
-                    :handleCheck="handleCheck"
-                    :handleStash="handleStash"
-                    :handleSubmit="handleSubmit"
-                    @handleSureWarning="handleSureWarning"
-                    ref="commonBtn"
-            ></c-function-btn>
-        </c-page>
-    </div>
+  <div class="eContainer">
+    <c-page title="即期结汇">
+      <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"
+        >
+          <!--fxtp PD000001 概要 -->
+          <el-tab-pane :label="$t('fxtp.概要')" name="ovwp">
+            <c-content>
+              <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" />
+            </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" />
+            </c-content>
+          </el-tab-pane>
+        </c-tabs>
+      </el-form>
+      <c-function-btn
+        :handleCheck="handleCheck"
+        :handleStash="handleStash"
+        :handleSubmit="handleSubmit"
+        @handleSureWarning="handleSureWarning"
+        ref="commonBtn"
+      ></c-function-btn>
+    </c-page>
+  </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 {
-        name: "Fxtsss",
-        components: {
-            "m-ovwp": Ovwp,
-            "m-setpan": Setpan,
-            "m-docpan": Docpan,
-            "m-jshmod": Jshmod,
+export default {
+  name: "Fxtsss",
+  components: {
+    "m-ovwp": Ovwp,
+    "m-setpan": Setpan,
+    "m-docpan": Docpan,
+    "m-jshmod": Jshmod,
+  },
+  provide() {
+    return {
+      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: {},
+      codes: { ...CodeTable },
+    };
+  },
+  methods: {
+    myTabClick(tab) {
+      this.tabClick(tab);
+    },
+  },
+  created: async function () {
+    console.log("进入fxtsss交易");
+    let params = {
+      transName: this.trnName,
+      fxdgrp: {
+        rec: {
+          inr: this.$route.query.inr || "",
         },
-        provide() {
-            return {
-                root: this
-            }
-        },
-        mixins: [operationFunc, commonDepend, event, buildFn],
-        data() {
-            return {
-                tabVal: "ovwp",
-                trnName: "fxtsss",
-                trnType: "",
-                model: new Fxtsss().data,
-                rules: Check,
-                codes: {...CodeTable},
-            }
-        },
-        methods: {
-            myTabClick(tab) {
-                this.tabClick(tab)
-            }
-        },
-        created: async function () {
-            console.log("进入fxtsss交易");
-            let params = {
-                transName: this.trnName,
-                fxdgrp: {
-                    rec: {
-                        inr: this.$route.query.inr || "",
-                    },
-                },
-            };
-            this.init(params)
-        }
-    }
+      },
+    };
+    this.init(params);
+  },
+};
 </script>
 <style></style>