bri-components 1.5.21 → 1.6.0

package/src/components/form/DshForm.vue

@@ -1,494 +1,494 @@
-<template>
-    <Form
-        class="DshForm"
-        ref="form"
-        :model="formData"
-        :rules="showRules ? rules : {}"
-        @submit.native.prevent
-        @on-validate="validateCb"
-    >
-        <Row>
-            <template v-if="showFormList.length">
-                <template v-for="formItem in showFormList">
-                    <i-col
-                        :key="formItem._key"
-                        :id="formItem._key"
-                        class="DshForm-item"
-                        :span="formItem._br ? 24 : (formItem._span || 24)"
-                    >
-                        <FormItem
-                            v-if="hideMap[formItem._key] !== true"
-                            class="DshForm-item-FormItem"
-                            :prop="formItem._key"
-                            @click.native="clickControl(formItem)"
-                        >
-                            <dsh-form-unit
-                                ref="dshFormUnit"
-                                :canEdit="canEdit"
-                                :formData="formData"
-                                :formItem="formItem"
-                                :allFormList="selfAllFormList"
-                                :inTableType="inTableType"
-                                :allListRows="allListRows"
-                                :rowIndex="rowIndex"
-                                :parentFormList="parentFormList"
-                                :parentObj="parentObj"
-                                :changedFields="changedFields"
-                                :height="height"
-                                :rowStyle="rowStyle"
-                                :labelStyle="labelStyle"
-                                :formControlClass="formControlClass"
-                                @change="change(arguments)"
-                                @refChange="refChange(arguments)"
-                                @changeField="changeField"
-                            >
-                                <slot
-                                    :canEdit="canEdit"
-                                    :formItem="formItem"
-                                    :formData="formData"
-                                    :allFormList="selfAllFormList"
-                                ></slot>
-
-                                <slot
-                                    name="label"
-                                    slot="label"
-                                    :canEdit="canEdit"
-                                    :formItem="formItem"
-                                    :formData="formData"
-                                    :allFormList="selfAllFormList"
-                                ></slot>
-
-                                <slot
-                                    name="extra"
-                                    slot="extra"
-                                    :canEdit="canEdit"
-                                    :formItem="formItem"
-                                    :formData="formData"
-                                    :allFormList="selfAllFormList"
-                                ></slot>
-
-                                <slot
-                                    name="corner"
-                                    slot="corner"
-                                    :canEdit="canEdit"
-                                    :formItem="formItem"
-                                    :formData="formData"
-                                    :allFormList="selfAllFormList"
-                                ></slot>
-                            </dsh-form-unit>
-                        </FormItem>
-                    </i-col>
-
-                    <!-- 换行 -->
-                    <i-col
-                        v-if="formItem._wrap"
-                        :key="formItem._key + '_wrap'"
-                        style="min-height: 0px;"
-                        :span="24"
-                    ></i-col>
-                </template>
-            </template>
-
-            <div
-                v-else
-                class="DshForm-nodata"
-            >
-                {{ "---  无字段  ---" }}
-            </div>
-        </Row>
-    </Form>
-</template>
-
-<script>
-    import DshFormUnit from "../unit/DshFormUnit.vue";
-
-    export default {
-        name: "DshForm",
-        components: {
-            DshFormUnit
-        },
-        props: {
-            canEdit: {
-                type: Boolean,
-                default: true
-            },
-            formData: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            },
-            formList: {
-                type: Array,
-                default () {
-                    return [];
-                }
-            },
-            allFormList: {
-                type: Array,
-                default () {
-                    return [];
-                }
-            },
-
-            /* 表格字段内用到的 */
-            inTableType: {
-                type: String,
-                validator (val) {
-                    return ["flatTable", "treeTable", "cascaderTable"].includes(val);
-                }
-            },
-            allListRows: {
-                type: Array,
-                default () {
-                    return [];
-                }
-            },
-            rowIndex: Number,
-            parentObj: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            },
-            parentFormList: {
-                type: Array,
-                default () {
-                    return [];
-                }
-            },
-
-            changedFields: {
-                type: Array,
-                default () {
-                    return [];
-                }
-            },
-            height: [String, Number],
-            rowStyle: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            },
-            labelStyle: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            },
-            formControlClass: String,
-
-            /* 本组件使用 -不传递子组件的 */
-            showRules: {
-                type: Boolean,
-                default: true
-            }
-        },
-        data () {
-            return {
-                rules: {},
-                hideMap: {},
-                errorObj: {
-                    errors: []
-                },
-
-                forceValidateTypes: [
-                    "select", "region", "cascader", "regions", "cascaders", "file", "coordinates", "editor",
-                    "users", "departments", "labels", "flatTable", "cascaderTable", "reference", "referenceBy"
-                ],
-                ignoreProperties: [
-                    "_name", "_key", "_span", "_br", "_line", "_noLabel", "_required", "_clearable", "_default"
-                ]
-                // subIgnoreProperties: []
-            };
-        },
-        computed: {
-            selfAllFormList () {
-                return this.allFormList.length ? this.allFormList : this.formList;
-            },
-            showFormList () {
-                return this.formList.filter(formItem => this.isShow(formItem, this.formData, this.parentObj));
-            }
-        },
-        watch: {
-            formList () {
-                this.init();
-            }
-        },
-        created () {
-            this.init();
-        },
-        methods: {
-            // 初始化
-            init () {
-                this.initMonitor();
-                this.initRules();
-            },
-            // 初始化监测 -监测所有字段
-            initMonitor () {
-                this.selfAllFormList.forEach(formItem => {
-                    this.$set(this.formData, formItem._key, this.formData[formItem._key]);
-                });
-            },
-            // 初始化校验
-            initRules () {
-                // 此处代码可以改，但写法不能改!不然会引起表单页面渲染完就自动校验
-                this.formList.reduce((rulesObj, formItem) => {
-                    rulesObj[formItem._key] = this.getRules(formItem);
-                    return rulesObj;
-                }, this.rules);
-            },
-
-            /* ------- 供外部使用 ---------- */
-            // 获取iview的form组件实例
-            getFormRef () {
-                return this.$refs.form;
-            },
-            // 校验
-            submit () {
-                this.errorObj = {
-                    errors: []
-                };
-
-                const bool = this.getValid();
-                if (bool) {
-                    this.validateSuccess({});
-                } else {
-                    this.validateFailed(this.errorObj);
-                }
-
-                return bool;
-            },
-            // 获取校验结果
-            getValid () {
-                let bool = true;
-
-                this.getFormRef().validate(valid => {
-                    bool = bool && valid;
-                });
-                this.selfValidate((valid, errorFormList) => {
-                    bool = bool && valid;
-
-                    errorFormList.forEach(formItem => {
-                        this.validateCb(formItem._key, false, `"${formItem._name}"内部校验不正确!`);
-                    });
-                });
-
-                return bool;
-            },
-            // 强制校验，动态校验切换时-单选多选的校验文字无法消失
-            forceValidateField (formItem) {
-                if (["select", "checkbox"].includes(formItem._type) && !this.rules[formItem._key].length) {
-                    this.$set(this.hideMap, formItem._key, true);
-                    this.$nextTick(() => {
-                        this.$set(this.hideMap, formItem._key, false);
-                    });
-                } else {
-                    this.$refs.form.validateField(formItem._key);
-                }
-            },
-
-            // 控件自己的校验
-            selfValidate (cb) {
-                let bool = true;
-                let errorRefs = [];
-
-                if (this.$refs.dshFormUnit) {
-                    errorRefs = this.$refs.dshFormUnit.filter(refItem => !refItem.validate());
-                    bool = !errorRefs.length;
-                }
-
-                cb && cb(bool, errorRefs.map(errorRefItem => errorRefItem.formItem));
-                return bool;
-            },
-            // iview的校验回调
-            validateCb (prop, valid, error) {
-                if (valid === false) {
-                    this.errorObj.errors.push({
-                        bool: false,
-                        message: error
-                    });
-                }
-            },
-            // 校验成功
-            validateSuccess (obj) {
-                this.$emit("validateSuccess", obj);
-            },
-            // 校验失败
-            validateFailed (errorObj) {
-                this.$emit("validateFailed", errorObj);
-            },
-
-            // 点击控件
-            clickControl (formItem) {
-                this.$emit("clickControl", formItem);
-            },
-            // 切换字段
-            changeField (...params) {
-                this.$emit("changeField", ...params);
-            },
-            // 发生改动
-            change (params) {
-                this.forceFormValidate(...params);
-                this.$emit("change", ...params);
-            },
-            // 关联表相关的change
-            refChange (params) {
-                this.$emit("refChange", ...params);
-            },
-
-            /* -------- 工具类 -------- */
-            isShow (formItem, formData, parentObj) {
-                // 寻找循环项
-                if (formItem._loop === true) {
-                    Object.entries({
-                        ...formData,
-                        _displayType: "show",
-                        canEdit: !["createdAt", "updatedAt", "_creaters"].includes(formData._key)
-                    }).forEach(arr => {
-                        if (!this.ignoreProperties.includes(arr[0]) && arr[1] !== undefined) {
-                            this.$set(formItem, arr[0], arr[1]);
-                        }
-                    });
-                }
-
-                return this.$isAdvRelyShow(formItem, formData, parentObj);
-            },
-            getRules (formItem) {
-                let rules = [];
-                let ruleConfig = this.$getFieldRuleConfig(formItem);
-
-                // 数据格式校验 -关联表格类型的会被过滤掉
-                if (
-                    ruleConfig.type &&
-                    (!ruleConfig.fields || Object.entries(ruleConfig.fields).every(arr => !arr[1].transform)) &&
-                    (!["date"].includes(formItem._type) || !["daterange", "datetimerange"].includes(formItem._dateType)) &&
-                    (!["select", "checkbox"].includes(formItem._type)) // 考虑到选项用数字类型时，应该type: "number"
-                ) {
-                    rules.push({
-                        message: `"${formItem._name}"数据格式有错!`,
-                        trigger: "blur, change",
-                        type: "string",
-                        ...ruleConfig,
-                        fields: ruleConfig.fields && Object.entries(ruleConfig.fields).reduce((obj, arr) => {
-                            return {
-                                ...obj,
-                                [arr[0]]: {
-                                    ...arr[1],
-                                    required: false,
-                                    message: `"${formItem._name}"${arr[1].message || ""}`
-                                }
-                            };
-                        }, ruleConfig.fields)
-                    });
-                }
-
-                // 必填校验
-                if (formItem._required) {
-                    rules.push({
-                        message: `"${formItem._name}"为必填项!`,
-                        trigger: "blur, change",
-                        type: "string",
-                        required: true,
-                        ...ruleConfig,
-                        fields: ruleConfig.fields && Object.entries(ruleConfig.fields).reduce((obj, arr) => {
-                            return {
-                                ...obj,
-                                [arr[0]]: {
-                                    ...arr[1],
-                                    message: `"${formItem._name}"${arr[1].message || ""}`
-                                }
-                            };
-                        }, ruleConfig.fields)
-                    });
-                }
-
-                // 格式校验（不依赖必填）
-                if (ruleConfig.regs && ruleConfig.regs.length) {
-                    rules.push({
-                        message: formItem._regMessage || ruleConfig._regMessage || `"${formItem._name}"格式不正确!`,
-                        trigger: "blur, change",
-                        type: "string",
-                        transform: (val) => {
-                            return this.$isEmptyData(val)
-                                ? val
-                                : ruleConfig.regs.every(regItem => regItem.test(val)) && val;
-                        },
-                        ...ruleConfig
-                    });
-                }
-
-                // 对比校验（横向同类型字段对比）-暂时只number和date对比校验
-                if (formItem._saveRuleConfigs && formItem._saveRuleConfigs.length) {
-                    const ruleObj = {
-                        message: `"${formItem._name}"对比不通过!`,
-                        trigger: "blur, change",
-                        type: "string",
-                        transform: (val) => {
-                            return this.$normalComparedFunc(formItem, this.formData, this.selfAllFormList, this.parentObj, this.parentFormList, this.inTableType, ruleObj)
-                                ? val
-                                : false;
-                        },
-                        ...ruleConfig
-                    };
-
-                    rules.push(ruleObj);
-                }
-
-                // 对比校验（层级表格的层级对比）-暂时只number和date对比校验
-                if (this.inTableType === "treeTable" && ["downToUp", "upToDown"].includes(formItem._writeSort)) {
-                    const ruleObj = {
-                        message: `"${formItem._name}"层级对比不通过!`,
-                        trigger: "blur, change",
-                        type: "string",
-                        transform: (val) => {
-                            return this.$levelComparedFunc(formItem, this.formData, this.allListRows, this.inTableType, ruleObj)
-                                ? val
-                                : false;
-                        },
-                        ...ruleConfig
-                    };
-
-                    rules.push(ruleObj);
-                }
-
-                return rules;
-            },
-            // 强行执行一些校验
-            forceFormValidate (curFormItem) {
-                if (curFormItem._required === true && this.forceValidateTypes.includes(curFormItem._type)) {
-                    this.$refs.form.validateField(curFormItem._key);
-                }
-            }
-        }
-    };
-</script>
-
-<style lang="less" scoped>
-    .DshForm {
-        padding-bottom: 5px;
-
-        &-item-FormItem {
-            margin-bottom: 0px;
-        }
-
-        &-nodata {
-            #dsh-nodata();
-        }
-    }
-</style>
-<style lang="less">
-    .DshForm {
-        .ivu-form-item-content {
-            line-height: normal;
-
-            .ivu-form-item-error-tip {
-                top: calc(100% - 8px);
-                left: 16px;
-                padding-top: 0px;
-                font-size: 12px;
-            }
-        }
-    }
-</style>
+<template>
+    <Form
+        class="DshForm"
+        ref="form"
+        :model="formData"
+        :rules="showRules ? rules : {}"
+        @submit.native.prevent
+        @on-validate="validateCb"
+    >
+        <Row>
+            <template v-if="showFormList.length">
+                <template v-for="formItem in showFormList">
+                    <i-col
+                        :key="formItem._key"
+                        :id="formItem._key"
+                        class="DshForm-item"
+                        :span="formItem._br ? 24 : (formItem._span || 24)"
+                    >
+                        <FormItem
+                            v-if="hideMap[formItem._key] !== true"
+                            class="DshForm-item-FormItem"
+                            :prop="formItem._key"
+                            @click.native="clickControl(formItem)"
+                        >
+                            <dsh-form-unit
+                                ref="dshFormUnit"
+                                :canEdit="canEdit"
+                                :formData="formData"
+                                :formItem="formItem"
+                                :allFormList="selfAllFormList"
+                                :inTableType="inTableType"
+                                :allListRows="allListRows"
+                                :rowIndex="rowIndex"
+                                :parentFormList="parentFormList"
+                                :parentObj="parentObj"
+                                :changedFields="changedFields"
+                                :height="height"
+                                :rowStyle="rowStyle"
+                                :labelStyle="labelStyle"
+                                :formControlClass="formControlClass"
+                                @change="change(arguments)"
+                                @refChange="refChange(arguments)"
+                                @changeField="changeField"
+                            >
+                                <slot
+                                    :canEdit="canEdit"
+                                    :formItem="formItem"
+                                    :formData="formData"
+                                    :allFormList="selfAllFormList"
+                                ></slot>
+
+                                <slot
+                                    name="label"
+                                    slot="label"
+                                    :canEdit="canEdit"
+                                    :formItem="formItem"
+                                    :formData="formData"
+                                    :allFormList="selfAllFormList"
+                                ></slot>
+
+                                <slot
+                                    name="extra"
+                                    slot="extra"
+                                    :canEdit="canEdit"
+                                    :formItem="formItem"
+                                    :formData="formData"
+                                    :allFormList="selfAllFormList"
+                                ></slot>
+
+                                <slot
+                                    name="corner"
+                                    slot="corner"
+                                    :canEdit="canEdit"
+                                    :formItem="formItem"
+                                    :formData="formData"
+                                    :allFormList="selfAllFormList"
+                                ></slot>
+                            </dsh-form-unit>
+                        </FormItem>
+                    </i-col>
+
+                    <!-- 换行 -->
+                    <i-col
+                        v-if="formItem._wrap"
+                        :key="formItem._key + '_wrap'"
+                        style="min-height: 0px;"
+                        :span="24"
+                    ></i-col>
+                </template>
+            </template>
+
+            <div
+                v-else
+                class="DshForm-nodata"
+            >
+                {{ "---  无字段  ---" }}
+            </div>
+        </Row>
+    </Form>
+</template>
+
+<script>
+    import DshFormUnit from "../unit/DshFormUnit.vue";
+
+    export default {
+        name: "DshForm",
+        components: {
+            DshFormUnit
+        },
+        props: {
+            canEdit: {
+                type: Boolean,
+                default: true
+            },
+            formData: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            },
+            formList: {
+                type: Array,
+                default () {
+                    return [];
+                }
+            },
+            allFormList: {
+                type: Array,
+                default () {
+                    return [];
+                }
+            },
+
+            /* 表格字段内用到的 */
+            inTableType: {
+                type: String,
+                validator (val) {
+                    return ["flatTable", "treeTable", "cascaderTable"].includes(val);
+                }
+            },
+            allListRows: {
+                type: Array,
+                default () {
+                    return [];
+                }
+            },
+            rowIndex: Number,
+            parentObj: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            },
+            parentFormList: {
+                type: Array,
+                default () {
+                    return [];
+                }
+            },
+
+            changedFields: {
+                type: Array,
+                default () {
+                    return [];
+                }
+            },
+            height: [String, Number],
+            rowStyle: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            },
+            labelStyle: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            },
+            formControlClass: String,
+
+            /* 本组件使用 -不传递子组件的 */
+            showRules: {
+                type: Boolean,
+                default: true
+            }
+        },
+        data () {
+            return {
+                rules: {},
+                hideMap: {},
+                errorObj: {
+                    errors: []
+                },
+
+                forceValidateTypes: [
+                    "select", "region", "cascader", "regions", "cascaders", "file", "coordinates", "editor",
+                    "users", "departments", "labels", "flatTable", "cascaderTable", "reference", "referenceBy"
+                ],
+                ignoreProperties: [
+                    "_name", "_key", "_span", "_br", "_line", "_noLabel", "_required", "_clearable", "_default"
+                ]
+                // subIgnoreProperties: []
+            };
+        },
+        computed: {
+            selfAllFormList () {
+                return this.allFormList.length ? this.allFormList : this.formList;
+            },
+            showFormList () {
+                return this.formList.filter(formItem => this.isShow(formItem, this.formData, this.parentObj));
+            }
+        },
+        watch: {
+            formList () {
+                this.init();
+            }
+        },
+        created () {
+            this.init();
+        },
+        methods: {
+            // 初始化
+            init () {
+                this.initMonitor();
+                this.initRules();
+            },
+            // 初始化监测 -监测所有字段
+            initMonitor () {
+                this.selfAllFormList.forEach(formItem => {
+                    this.$set(this.formData, formItem._key, this.formData[formItem._key]);
+                });
+            },
+            // 初始化校验
+            initRules () {
+                // 此处代码可以改，但写法不能改!不然会引起表单页面渲染完就自动校验
+                this.formList.reduce((rulesObj, formItem) => {
+                    rulesObj[formItem._key] = this.getRules(formItem);
+                    return rulesObj;
+                }, this.rules);
+            },
+
+            /* ------- 供外部使用 ---------- */
+            // 获取iview的form组件实例
+            getFormRef () {
+                return this.$refs.form;
+            },
+            // 校验
+            submit () {
+                this.errorObj = {
+                    errors: []
+                };
+
+                const bool = this.getValid();
+                if (bool) {
+                    this.validateSuccess({});
+                } else {
+                    this.validateFailed(this.errorObj);
+                }
+
+                return bool;
+            },
+            // 获取校验结果
+            getValid () {
+                let bool = true;
+
+                this.getFormRef().validate(valid => {
+                    bool = bool && valid;
+                });
+                this.selfValidate((valid, errorFormList) => {
+                    bool = bool && valid;
+
+                    errorFormList.forEach(formItem => {
+                        this.validateCb(formItem._key, false, `"${formItem._name}"内部校验不正确!`);
+                    });
+                });
+
+                return bool;
+            },
+            // 强制校验，动态校验切换时-单选多选的校验文字无法消失
+            forceValidateField (formItem) {
+                if (["select", "checkbox"].includes(formItem._type) && !this.rules[formItem._key].length) {
+                    this.$set(this.hideMap, formItem._key, true);
+                    this.$nextTick(() => {
+                        this.$set(this.hideMap, formItem._key, false);
+                    });
+                } else {
+                    this.$refs.form.validateField(formItem._key);
+                }
+            },
+
+            // 控件自己的校验
+            selfValidate (cb) {
+                let bool = true;
+                let errorRefs = [];
+
+                if (this.$refs.dshFormUnit) {
+                    errorRefs = this.$refs.dshFormUnit.filter(refItem => !refItem.validate());
+                    bool = !errorRefs.length;
+                }
+
+                cb && cb(bool, errorRefs.map(errorRefItem => errorRefItem.formItem));
+                return bool;
+            },
+            // iview的校验回调
+            validateCb (prop, valid, error) {
+                if (valid === false) {
+                    this.errorObj.errors.push({
+                        bool: false,
+                        message: error
+                    });
+                }
+            },
+            // 校验成功
+            validateSuccess (obj) {
+                this.$emit("validateSuccess", obj);
+            },
+            // 校验失败
+            validateFailed (errorObj) {
+                this.$emit("validateFailed", errorObj);
+            },
+
+            // 点击控件
+            clickControl (formItem) {
+                this.$emit("clickControl", formItem);
+            },
+            // 切换字段
+            changeField (...params) {
+                this.$emit("changeField", ...params);
+            },
+            // 发生改动
+            change (params) {
+                this.forceFormValidate(...params);
+                this.$emit("change", ...params);
+            },
+            // 关联表相关的change
+            refChange (params) {
+                this.$emit("refChange", ...params);
+            },
+
+            /* -------- 工具类 -------- */
+            isShow (formItem, formData, parentObj) {
+                // 寻找循环项
+                if (formItem._loop === true) {
+                    Object.entries({
+                        ...formData,
+                        _displayType: "show",
+                        canEdit: !["createdAt", "updatedAt", "_creaters"].includes(formData._key)
+                    }).forEach(arr => {
+                        if (!this.ignoreProperties.includes(arr[0]) && arr[1] !== undefined) {
+                            this.$set(formItem, arr[0], arr[1]);
+                        }
+                    });
+                }
+
+                return this.$isAdvRelyShow(formItem, formData, parentObj);
+            },
+            getRules (formItem) {
+                let rules = [];
+                let ruleConfig = this.$getFieldRuleConfig(formItem);
+
+                // 数据格式校验 -关联表格类型的会被过滤掉
+                if (
+                    ruleConfig.type &&
+                    (!ruleConfig.fields || Object.entries(ruleConfig.fields).every(arr => !arr[1].transform)) &&
+                    (!["date"].includes(formItem._type) || !["daterange", "datetimerange"].includes(formItem._dateType)) &&
+                    (!["select", "checkbox"].includes(formItem._type)) // 考虑到选项用数字类型时，应该type: "number"
+                ) {
+                    rules.push({
+                        message: `"${formItem._name}"数据格式有错!`,
+                        trigger: "blur, change",
+                        type: "string",
+                        ...ruleConfig,
+                        fields: ruleConfig.fields && Object.entries(ruleConfig.fields).reduce((obj, arr) => {
+                            return {
+                                ...obj,
+                                [arr[0]]: {
+                                    ...arr[1],
+                                    required: false,
+                                    message: `"${formItem._name}"${arr[1].message || ""}`
+                                }
+                            };
+                        }, ruleConfig.fields)
+                    });
+                }
+
+                // 必填校验
+                if (formItem._required) {
+                    rules.push({
+                        message: `"${formItem._name}"为必填项!`,
+                        trigger: "blur, change",
+                        type: "string",
+                        required: true,
+                        ...ruleConfig,
+                        fields: ruleConfig.fields && Object.entries(ruleConfig.fields).reduce((obj, arr) => {
+                            return {
+                                ...obj,
+                                [arr[0]]: {
+                                    ...arr[1],
+                                    message: `"${formItem._name}"${arr[1].message || ""}`
+                                }
+                            };
+                        }, ruleConfig.fields)
+                    });
+                }
+
+                // 格式校验（不依赖必填）
+                if (ruleConfig.regs && ruleConfig.regs.length) {
+                    rules.push({
+                        message: formItem._regMessage || ruleConfig._regMessage || `"${formItem._name}"格式不正确!`,
+                        trigger: "blur, change",
+                        type: "string",
+                        transform: (val) => {
+                            return this.$isEmptyData(val)
+                                ? val
+                                : ruleConfig.regs.every(regItem => regItem.test(val)) && val;
+                        },
+                        ...ruleConfig
+                    });
+                }
+
+                // 对比校验（横向同类型字段对比）-暂时只number和date对比校验
+                if (formItem._saveRuleConfigs && formItem._saveRuleConfigs.length) {
+                    const ruleObj = {
+                        message: `"${formItem._name}"对比不通过!`,
+                        trigger: "blur, change",
+                        type: "string",
+                        transform: (val) => {
+                            return this.$normalComparedFunc(formItem, this.formData, this.selfAllFormList, this.parentObj, this.parentFormList, this.inTableType, ruleObj)
+                                ? val
+                                : false;
+                        },
+                        ...ruleConfig
+                    };
+
+                    rules.push(ruleObj);
+                }
+
+                // 对比校验（层级表格的层级对比）-暂时只number和date对比校验
+                if (this.inTableType === "treeTable" && ["downToUp", "upToDown"].includes(formItem._writeSort)) {
+                    const ruleObj = {
+                        message: `"${formItem._name}"层级对比不通过!`,
+                        trigger: "blur, change",
+                        type: "string",
+                        transform: (val) => {
+                            return this.$levelComparedFunc(formItem, this.formData, this.allListRows, this.inTableType, ruleObj)
+                                ? val
+                                : false;
+                        },
+                        ...ruleConfig
+                    };
+
+                    rules.push(ruleObj);
+                }
+
+                return rules;
+            },
+            // 强行执行一些校验
+            forceFormValidate (curFormItem) {
+                if (curFormItem._required === true && this.forceValidateTypes.includes(curFormItem._type)) {
+                    this.$refs.form.validateField(curFormItem._key);
+                }
+            }
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    .DshForm {
+        padding-bottom: 5px;
+
+        &-item-FormItem {
+            margin-bottom: 0px;
+        }
+
+        &-nodata {
+            #dsh-nodata();
+        }
+    }
+</style>
+<style lang="less">
+    .DshForm {
+        .ivu-form-item-content {
+            line-height: normal;
+
+            .ivu-form-item-error-tip {
+                top: calc(100% - 8px);
+                left: 16px;
+                padding-top: 0px;
+                font-size: 12px;
+            }
+        }
+    }
+</style>