@zhijiancloud/bpm 0.0.6 → 0.0.7

package/components/lib/bpmFormField/src/lib/form_mixin.js

@@ -0,0 +1,818 @@
+import buildMixin from "./mixin"
+export default function () {
+    let mixinOpts = buildMixin()
+    _.merge(mixinOpts, {
+        data() {
+            return {
+                unWatchList: [],
+                valueUnWatch: null,
+                valDependIds: [], //值联动
+                selectDependIds: [],// 下拉
+                remoteDependIds: [],
+                selectFields: null,
+                selectList: [], //下拉范围
+                quoteContent: {},//远程
+                unSelectDependValWatchList: [],
+                optAssWatchList: [],
+                hasAddOptAssWatch: false,
+                scopeDependIds: [],
+                subFormOldValMap: {},
+                isDelete: false,
+                displayHidden: false,
+                differenceRowIndexs: [],
+                elementMap: {},
+                topContainerMode: null,
+                nextRely: null,
+                loading: false,
+                firstFill: true,
+                hasFillDefault: false,
+                remoteData: []
+            }
+        },
+        created() {
+            this.topContainer.$once("beforeDataLoad", (form) => {
+                this.toggleValueWatch(false)
+                this.clearOptAssWatch()
+            })
+            this.topContainer.$once("dataLoaded", (form) => {
+                this.getMemory()
+                this.addOptAssWatch()
+            })
+            this.topContainer.$once("beforeReloadData", (form) => {
+                this.toggleValueWatch(false)
+            })
+
+            if (this.container.isSubForm) {
+                this.getMemory()
+                this.addOptAssWatch()
+                this.$emit('update:isNew', false);
+            }
+
+            this.$bpm.$on("beforeFormSubmit", ({
+                mode,
+                formData,
+                cc,
+                _formData
+            }) => {
+                console.log("触发beforeFormSubmit")
+                let fieldPath = this._getFieldPath(true)
+                let initVal = _.get(_formData, fieldPath)
+                let required = _.get(this.fieldConf, "check.required", false)
+                if (_.isNull(this.value) && required || (this.fieldConf.type == 'SelectHouseOwner' && (!this.value.name || !this.value.phone) && required)) {
+                    _.unset(formData, fieldPath)
+                }
+                if (_.isArray(this.value) && _.isEmpty(this.value) || _.isNil(this.value) || this.value == '' && this.value !== 0) {
+                    let size = _.get(this.fieldConf, "check.min_length")
+                    size = size ? size : _.get(this.fieldConf, "check.min")
+                    size = size ? size : _.get(this.fieldConf, "check.min_count")
+
+                    if (!size && !required && initVal) {
+                        _.unset(formData, fieldPath)
+                    }
+                }
+
+                let container = this.container
+                let isSubForm = container.isSubForm
+                let optAssMap = _.get(this.fieldConf, "optAssMap")
+                if (!optAssMap || _.isEmpty(optAssMap)) return
+                let isInclude = true
+                _.map(optAssMap, (visibleVals, field) => {
+                    field = field.replace(/&/g, ".")
+                    let relField = _.split(field, ".")
+                    relField = _.last(relField)
+                    let typ = _.get(this.elementMap, `${relField}.type`)
+                    let isMul = typ ? typ.substr(0, 3) == "Mul" : false
+                    let path = this._getPath(relField)
+                    if (path != relField && isSubForm) {
+                        field = `${container.fieldConf.id}&${this.rowIndex}&${relField}`
+                    }
+                    field = field.replace(/&/g, ".")
+                    let val = _.get(this.form, `formData.${field}`)
+
+                    if (isMul) {
+                        // let isIncludeInMul = false
+                        // _.each(val, valItem => {
+                        //     valItem = _.toString(valItem)
+                        //     if (_.includes(visibleVals, valItem)) isIncludeInMul = true
+                        // })
+                        //visible = isInclude && isIncludeInMul
+                    }
+                    else {
+                        let value = _.toString(val)
+                        isInclude = isInclude && _.includes(visibleVals, value)
+                    }
+
+                })
+                if (!isInclude) {
+                    _.unset(formData, fieldPath)
+                }
+
+            })
+
+
+            this.$bpm.$on("afterFormSubmit", ({ mode, errors }) => {
+                console.log("触发afterFormSubmit")
+                if (!errors) {
+                    // 检测是不是要做缓存
+                    console.log("memorable", this.memorable)
+                    if (this.memorable) {
+                        let id = this.fieldConf.id
+                        let type = _.get(this.fieldConf, "value_type")
+                        this.$bpm.setMemory(mode, `${id}.${type}`, this.value)
+                    }
+                }
+            });
+
+
+
+            this.$bpm.$on("handeInitRely", ({
+                id,
+                rowIndex,
+                oid,
+                lastField
+            }) => {
+                console.log("触发handeInitRely")
+                if (id == this.fieldConf.id && (!this.container.isSubForm || (!_.isNil(rowIndex) && this.container.isSubForm && rowIndex == this.rowIndex))) {
+                    if (this.topContainer.isCache) {
+                        this.openRelyInitLoadOnCache(oid, lastField)
+                    }
+                    else {
+                        this.openInitRelyLoad(oid, lastField)
+                    }
+                    this.hasFillDefault = true
+
+                }
+            })
+            this.$bpm.$on("initRelyComplete", async (container, isLogField) => {
+                console.log("触发initRelyComplete")
+                if (container === this.container) {
+                    if (!this.hasFillDefault) {
+                        await this.fillDefaultValue()
+                    }
+                    if (!this.valueUnWatch) await this.toggleValueWatch(true)
+                    this.addOptAssWatch()
+                    if (isLogField) {
+                        this.$emit("valueChanged")
+                    }
+                }
+
+
+            })
+
+            this.$bpm.$on("handeRelyById", ({ id, rowIndex, oid, lastField }) => {
+                console.log("触发handeRelyById")
+                if (id == this.fieldConf.id && (!this.container.isSubForm || (!_.isNil(rowIndex) && this.container.isSubForm && rowIndex == this.rowIndex))) {
+                    this.opeRelyById(oid, lastField)
+                }
+
+            })
+
+
+
+
+
+        },
+        provide(){
+            return {
+                selectOptions : () => this.selectList
+            }
+        },
+        destroyed() {
+            this.toggleValueWatch(false)
+            if (!this.container.isQuote) {
+                //this.$bpm.$off("beforeTableSearch")
+                this.$bpm.$off("dataLoaded")
+                this.$bpm.$off("beforeFormSubmit")
+                this.$bpm.$off("handeInitRely")
+                this.$bpm.$off("initRelyComplete")
+                this.$bpm.$off("handeRelyById")
+            }
+
+        },
+        computed: {
+            form() {
+                return this.topContainer
+            },
+            readonly() {
+                return !_.get(this.fieldConf, "perm.editable", false)
+            },
+            disWritable() {
+                return !_.get(this.fieldConf, "perm.editable", false) && !_.get(this.fieldConf, "perm.writable", false)
+            },
+            memorable() {
+                return _.get(this.fieldConf, "perm.memorable", false)
+            },
+            isDetailMode() {
+                return this.form.mode == "detail"
+            },
+            isDeleteMode() {
+                return this.form.mode == "delete"
+            },
+            elements() {
+                return _.get(this.form, "formSchema.elements", [])
+            },
+            description() {
+                return _.get(this.fieldConf, "desc", "")
+            },
+            hideName() {
+                return _.get(this.fieldConf, "display.hide_name", false)
+            },
+            // TODO bpm3 用不上visualAttrs，其功能大都用其他方式实现了，待确认全部处理完，可删除
+            visualAttrs() {
+                // 获取 error 信息
+                let fullFieldPath = this._getFieldPath(true).join(".")
+                let formErrors = this.form.formErrors
+                let err = formErrors ? formErrors[fullFieldPath] : false
+                let conf = this.fieldConf
+                let clsNames = []
+                let visible = _.get(conf, "perm.visible", false)
+                let required = _.get(conf, "check.required", false)
+
+                if (required && !this.isDetailMode) clsNames.push("q-field-required")
+                if (!visible || this.displayHidden) clsNames.push("q-field-hidden")
+                if (this.readonly) clsNames.push("readonly")
+                let hideName = _.get(this.fieldConf, "display.hide_name", false)
+                let isTipField = _.get(this.fieldConf, 'display.is_tip', false)
+                if (hideName) clsNames.push("hide-name")
+                if (isTipField) clsNames.push('tip-field')
+                if (err) {
+                    this.scrollToElement()
+                }
+                let isVerticalTypography = this.$bpm.isVerticalTypography
+                let isVerticalField = _.includes(['MulImage', 'SubForm', 'XSubForm', 'MulFile', 'Spliter', 'Signature'], conf.type)
+                isVerticalTypography = isVerticalTypography && !_.includes(['SubForm', 'XSubForm', 'Spliter'], conf.type)
+                if (isVerticalTypography) {
+                    clsNames.push("col-4")
+                }
+
+                if (conf.type == 'SelectHouseOwner') {
+                    clsNames.push("select-house-owner")
+                }
+
+                return {
+                    filled: true,
+                    hideHint: true,
+                    disable: !_.get(conf, "perm.editable", true),
+                    error: !!err,
+                    errorLabel: _.get(err, "message", ""),
+                    "class": clsNames,
+                    orientation: isVerticalField ? 'vertical' : (isVerticalTypography ? 'vertical' : "horizontal")
+                }
+            },
+            isRelyId() {
+                return _.includes(this.topContainer.relyIds, this.fieldConf.id)
+            },
+            isVerticalTypography() {
+                return this.$bpm.isVerticalTypography
+            }
+        },
+        mounted() {
+            if (this.description) this.insertDesc()
+
+        },
+        methods: {
+            getMemory() {
+                if (!this.memorable || this.value) return
+                //获取记住上一次的值
+                let id = this.fieldConf.id
+                let type = _.get(this.fieldConf, "value_type")
+                this.topContainerMode = this.topContainer.mode
+                this.$bpm.checkMemory(this.topContainerMode, (cache) => {
+                    let value = _.get(cache, `f_fields.${id}.${type}`)
+                    this.value = value
+                }, () => { });
+            },
+            scrollToElement() {
+                // let elem = $(this.$refs.field)
+                // elem = _.get(elem, "0.$el")
+                // this.topContainer.scrollToElement(elem, this.fieldConf.id)
+
+            },
+
+            async openRelyInitLoadOnCache(oid, lastField) {
+                await this.fillDefaultValue()
+                await this.loadSelectByDepends()
+                await this.loadRemoteByDepends(true)
+                this.$emit("valueChanged")
+                if (lastField == this.fieldConf.id) {
+                    this.container.relyLoading = false
+                }
+                this.loading = false
+                if (this.container.handleNextRely) await this.container.handleNextRely(this.rowIndex, oid, lastField)
+            },
+            async openInitRelyLoad(oid, lastField) {
+                await this.fillDefaultValue()
+                await this.loadSelectByDepends()
+                let isBreak = await this.getBreakResult(oid)
+                if(!isBreak) await this.loadValByDepends()
+                await this.loadRemoteByDepends(true)
+                await this.loadRemoteByFieldMap(oid)
+                if (lastField == this.fieldConf.id) {
+                    this.container.relyLoading = false
+                }
+                this.$emit("valueChanged")
+                this.loading = false
+
+                if (this.container.handleNextRely) await this.container.handleNextRely(this.rowIndex, oid, lastField)
+            },
+            async opeRelyById(oid, lastField) {
+                await this.fillDefaultValue()
+                await this.loadSelectByDepends()
+                let isBreak = await this.getBreakResult(oid)
+                if(!isBreak) await this.loadValByDepends()
+                await this.loadRemoteByDepends()
+                await this.loadRemoteByFieldMap(oid)
+                if (lastField == this.fieldConf.id) {
+                    this.container.relyLoading = false
+                }
+                this.loading = false
+                if (this.container.handleNextRelyById) await this.container.handleNextRelyById(this.rowIndex, oid, lastField)
+
+            },
+            async getBreakResult(oid){
+                let breakRelyMap = this.$bpm.breakRelyMap
+                let fields = _.get(breakRelyMap, oid)
+                let isInclude = _.includes(fields, this.fieldConf.id)
+                return isInclude
+            },
+            async fillDefaultValue() {
+                let resetFields = this.topContainer.resetFields
+                if (this.hasFillDefault) {
+                    this.loading = false
+                    return
+                }
+                let isReset = _.includes(resetFields, this.fieldConf.id)
+                if (isReset) {
+                    this.value = null
+                    this.loading = false
+                    this.hasFillDefault = true
+                    return
+                }
+                let isEVCFirstElem = _.get(this.fieldConf, "default.value.type") == 'EVCFirstElem'
+                if (isEVCFirstElem) {
+                    this.loadSelectListPre(async () => {
+                        let defaultValue = await this.getConfDefaultValue()
+                        if (_.isNil(this.value) || defaultValue == this.value) {
+                            if (!_.isNil(defaultValue)) {
+                                this.value = defaultValue
+                                this.loading = false
+                                this.hasFillDefault = true
+                            }
+                        }
+                        this.loading = false
+                        this.hasFillDefault = true
+                    })
+                    this.loading = false
+                    return
+                }
+                let defaultValue = await this.getConfDefaultValue()
+                if (_.isNil(this.value) || defaultValue == this.value) {
+                    if (!_.isNil(defaultValue)) {
+                        this.value = defaultValue
+                    }
+                }
+                this.loading = false
+                this.hasFillDefault = true
+            },
+            setEleMap() {
+                let elementMap = {}
+                let elements = this.elements
+                _.each(elements, (ele) => {
+                    _.set(elementMap, ele.id, ele)
+                    _.each(ele.elements || [], subEle => {
+                        _.set(elementMap, ele.id, ele)
+                    })
+                })
+                this.elementMap = elementMap
+            },
+            isPromise(e) {
+                return !!e && typeof e.then == "function";
+            },
+            toggleValueWatch(flag = true) {
+
+                if (this.valueUnWatch) {
+                    this.valueUnWatch()
+                    this.valueUnWatch = false
+                }
+
+                if (flag) {
+                    let id = this.fieldConf.id
+                    let mode = this.container.mode
+                    let type = _.get(this.fieldConf, "value_type")
+                    let _oldVal = JSON.stringify(this.value)
+                    this.valueUnWatch = this.$watch("value", async (value, oldVal) => {
+                        if (this.isSubForm || this.fieldConf.type == 'Area' || this.fieldConf.type == 'MulArea') {
+                            let _val = JSON.stringify(value)
+                            if (_oldVal == _val) {
+                                if (this.container.handleNextRely) {
+                                    await this.container.handleNextRely(this.rowIndex)
+                                }
+                                return
+                            }
+                        }
+                        else if (oldVal == value) {
+                            if (this.container.handleNextRely) {
+                                await this.container.handleNextRely(this.rowIndex)
+                            }
+                            return
+                        }
+                        _oldVal = JSON.stringify(value)
+                        //值发生变化后触发相关的联动
+                        this.$emit("valueChanged")
+                        if (!this.topContainer.loading) {
+                            this.$bpm.setLocalCache(mode, `${id}.${type}`, value)
+                        }
+                        if (!this.container.isSubForm || (this.container.isSubForm && !(_.isUndefined(oldVal) && _.isUndefined(value)))) {
+                            if (this.container && this.container.handleRelyById) {
+                                await this.loadRemoteByFieldMap()
+                                let mappings = _.get(this.fieldConf, "mappings")
+                                mappings = _.keys(mappings)
+                                await this.container.handleRelyById(this.fieldConf.id, this.rowIndex, mappings)
+                            }
+                        }
+                        this.firstFill = false
+                    }, {
+                        immediate: false,
+                        deep: true
+                    })
+                }
+            },
+            loadSelectListPre(cllack) {
+                if (this.$refs.fieldComp && this.$refs.fieldComp.preSearch) this.$refs.fieldComp.preSearch(cllack)
+            },
+            loadSelectByDepends() {
+                if (this.readonly) return
+                // this.loading = true
+                //增加可选列表依赖变化监听
+                this.selectDependIds = _.get(this.fieldConf, "range_remote.depends", [])
+
+                console.log("this.selectDependIds",this.selectDependIds)
+
+                this.loadSelectLinkage({
+                    fieldId: this.fieldConf.id
+                }, (data) => {
+                    if (this.fieldConf.type == 'Quote') {
+                        this.value = _.map(data.data, "form_id")
+                        this.quoteContent = data
+                        this.loading = false
+                        return
+                    }
+                    this.selectList = data
+
+                    console.log("this.$refs",this.$refs)
+
+                    //console.log("this.$refs['inner-component']['inner-component']",this.$refs['inner-component']['inner-component'])
+
+                    //this.$refs['inner-component'].$refs['inner-component'].options = [6,6,6,6,6]
+                    
+
+             
+
+
+                    console.log("this.selectList",this.selectList)
+
+                    this.loading = false
+                })
+            },
+            async loadRemoteByDepends(isForce) {
+                if (this.fieldConf.type != 'OrderSubForm') return
+                // this.loading = true
+                this.remoteDependIds = _.get(this.fieldConf, "remote.depends", [])
+                if (this.remoteDependIds.length || isForce) {
+                    let depends = this.remoteDependIds
+                    let dependData = this.getDependData(depends)
+                    _.map(dependData, (item, key) => {
+                        if (_.isUndefined(item)) {
+                            _.unset(dependData, key)
+                        }
+                    })
+
+                    if (_.isEmpty(dependData) && !isForce) {
+                        this.loading = false
+                        return
+                    }
+                    // this.loading = true
+                    let params = {
+                        'fields': dependData,
+                        'include_sup': true
+                    }
+                    let fieldId = this.fieldConf.id
+                    let data = await this.$bpm.loadSelectRemoteForm({
+                        fieldId,
+                        params,
+                        cusFormName: this.container.cusFormId || _.get(this.container, "form.cusFormId"),
+                        container: this.container
+                    })
+
+                    console.log("remoteData",data)
+
+                    this.remoteData = data
+                    this.loading = false
+                }
+            },
+            async loadValByDepends() {
+                this.valDependIds = this.disWritable ? [] : _.get(this.fieldConf, "linkage.depends")
+                this.scopeDependIds = _.get(this.fieldConf, "scope.depends")
+                let linkageMapping = _.get(this.fieldConf, "linkage.mapping")
+                let remoteFieldIdMapping = {}
+                _.each(linkageMapping, (remoteFieldId, fieldId) => {
+                    _.set(remoteFieldIdMapping, remoteFieldId, fieldId)
+                })
+                await this.loadValLinkage({
+                    fieldId: this.fieldConf.id,
+                    remoteFieldIdMapping
+                })
+
+            },
+            async loadValLinkage({
+                fieldId,
+                remoteFieldIdMapping,
+            }, resolve) {
+                let depends = _.concat(this.valDependIds, this.scopeDependIds)
+                let dependData = this.getDependData(depends)
+                _.map(dependData, (item, key) => {
+                    if (_.isUndefined(item)) {
+                        _.unset(dependData, key)
+                    }
+                })
+                if (_.isEmpty(dependData)) return
+                // this.loading = true
+                let params = {
+                    'fields': dependData
+                }
+                if (this.container.isSubForm) {
+                    let isOnlyMeta = false
+                    _.map(dependData, (items, value) => {
+                        let item = _.get(items, this.rowIndex)
+                        if (_.hasIn(item, "_meta") && _.size(item) == 1 || _.isEmpty(item)) {
+                            isOnlyMeta = true
+                        }
+                    })
+                    if (isOnlyMeta) {
+                        this.loading = false
+                        return
+                    }
+                    _.set(params, "idx", this.rowIndex)
+                }
+
+                //普通联动
+                let data = await this.$bpm.loadValLinkageResult({
+                    fieldId,
+                    params,
+                    cusFormName: this.container.cusFormId || _.get(this.container, "form.cusFormId"),
+                    container: this.container
+                })
+
+
+                //抄送联动
+                let type = _.get(this.fieldConf, "type")
+                let nodeId = _.get(this.fieldConf, "node")
+                if (_.includes(['"MulSelectUser4CC"'], type)) {
+                    data = await this.$bpm.loadCCValLinkageResult({
+                        nodeId,
+                        params,
+                        cusFormName: this.container.cusFormId || _.get(this.container, "form.cusFormId"),
+                        container: this.container
+                    })
+                }
+
+                //值的依赖，远程拉取为null的情况下不赋值
+                if (data === null) {
+                    this.loading = false
+                    return
+                }
+
+                if (this.isSubForm) {
+                    let subFormValue = _.cloneDeep(this.value) || []
+                    let isXSubForm = this.isXSubForm
+                    _.each(data, (item, index) => {
+                        let subFormItem = _.get(subFormValue, index)
+                        if (!subFormItem) {
+                            subFormItem = {}
+                            if (isXSubForm) {
+                                subFormItem = this.getItem(index)
+                            }
+                        }
+
+                        _.each(item, (value, remoteFieldId) => {
+                            let fieldId = remoteFieldIdMapping[remoteFieldId]
+                            subFormItem[fieldId] = value
+                        })
+                        subFormValue[index] = subFormItem
+                    })
+                    this.value = subFormValue
+                } else
+                    if (type == 'SelectHouseOwner') {
+                        console.log("this.firstListVal", this.firstListVal)
+                        if (data && !data.name && this.firstListVal) {
+                            this.value = this.firstListVal
+                        }
+                        else {
+                            this.value = data
+                        }
+                    }
+                    else {
+                        this.value = data
+                    }
+                this.loading = false
+                if (resolve) resolve()
+            },
+            _getPath(dependId) {
+                let elements = this.elements
+                let path = dependId
+                _.each(elements, (ele) => {
+                    _.each(ele.elements || [], subEle => {
+                        if (subEle.id == dependId) {
+                            path = ele.id
+                        }
+                    })
+                })
+                return path
+            },
+            getDependData(dependIds) {
+                let formData = this.form.formData
+                //传递依赖数据 ，并获取联动结果
+                let dependData = {}
+                _.each(dependIds, dependId => {
+                    // ? todo: 子表单内，字段之间的依赖映射
+
+                    let path = this._getPath(dependId)
+                    let value = _.get(formData, path)
+                    if (dependId != path) {
+                        let list = []
+                        _.each(value, (val, index) => {
+                            let data = {}
+                            let result = _.get(val, dependId)
+                            if (result || result === 0) _.set(data, dependId, result)
+                            //根据后端要求将xsubform的_meta传回
+                            if (_.hasIn(val, "_meta")) _.set(data, "_meta", val._meta)
+                            list.push(data)
+                        })
+
+                        if (dependData[path]) {
+                            list = _.merge(dependData[path], list)
+                        }
+                        value = list
+                    }
+                    if (_.isArray(value)) {
+                        _.each(value, val => {
+                            _.unset(val, "isNew")
+                        })
+                    }
+                    if (path) _.set(dependData, path, value)
+
+                })
+                return dependData
+            },
+            loadSelectDepends() {
+                let ids = _.get(this.fieldConf, "range_remote.depends", [])
+                let dependData = this.getDependData(ids)
+                console.log("dependData", dependData)
+                if (_.isEmpty(dependData)) return
+                this.selectFields = JSON.stringify(dependData)
+            },
+            async loadSelectLinkage({
+                fieldId,
+                mergeParams,
+                dependVal,
+                isForceLoad
+            }, resolve) {
+                let ids = _.get(this.fieldConf, "range_remote.depends", [])
+                let dependData = this.getDependData(ids)
+                if (_.isEmpty(dependData)) return
+                this.selectFields = JSON.stringify(dependData)
+                let params = {
+                    'fields': JSON.stringify(dependData)
+                }
+
+                if (this.container.isSubForm) _.set(params, "idx", this.rowIndex)
+                let type = this.fieldConf.type
+                if (type == "OnlineEditor") {
+                    params = {
+                        'spec': JSON.stringify(dependData)
+                    }
+                }
+                if (mergeParams) params = _.merge(params, mergeParams)
+                let data = null
+                if (_.includes(["MulSelectCheckItem", "SelectRootCategory", "SelectCheckItem", "SelectSort", "MulSelectSort"], type)) {
+                    data = await this.$bpm.loadSelectLinkageResult({
+                        fieldId,
+                        params,
+                        cusFormName: this.container.cusFormId || _.get(this.container, "form.cusFormId"),
+                        filed: this.fieldSelf,
+                        container: this.container
+
+                    })
+                } else {
+                    data = await this.$bpm.searchSelectOpts(
+                        fieldId,
+                        "",
+                        this.container.cusFormId || _.get(this.container, "form.cusFormId"),
+                        this.fieldSelf,
+                        false,
+                        params,
+                        false
+                    )
+                }
+
+                if (resolve) resolve(data)
+                return data
+
+            },
+            addOptAssWatch() {
+                if (this.hasAddOptAssWatch) return
+                let optAssMap = _.get(this.fieldConf, "optAssMap")
+                let defaultVisible = _.get(this.fieldConf, "perm.visible")
+                if (!optAssMap || _.isEmpty(optAssMap) || !defaultVisible) return
+                //let i = 0
+                let container = this.container
+                let isSubForm = container.isSubForm
+                _.map(optAssMap, (visibleVals, field) => {
+                    field = field.replace(/&/g, ".")
+                    let relField = _.split(field, ".")
+                    relField = _.last(relField)
+                    let path = this._getPath(relField)
+                    let typ = _.get(this.elementMap, `${relField}.type`)
+                    let isMul = typ ? typ.substr(0, 3) == "Mul" : false
+
+                    let unWatchItem = this.$watch(isSubForm ? `form.formData.${container.fieldConf.id}` : `form.formData.${field}`, () => {
+                        let visible = true
+                        _.map(optAssMap, (visibleVals, field) => {
+                            if (path != relField && isSubForm) {
+                                field = `${container.fieldConf.id}&${this.rowIndex}&${relField}`
+                            }
+                            field = field.replace(/&/g, ".")
+                            let val = _.get(this.form, `formData.${field}`)
+                            if (isMul) {
+                                let isInclude = false
+                                _.each(val, valItem => {
+                                    valItem = _.toString(valItem)
+                                    if (_.includes(visibleVals, valItem)) isInclude = true
+                                })
+                                visible = visible && isInclude
+                            }
+                            else {
+                                val = _.toString(val)
+                                visible = visible && _.includes(visibleVals, val)
+                            }
+
+                        })
+
+                        if (isSubForm) {
+                            this.displayHidden = !visible
+
+                        }
+                        else {
+                            this.fieldConf.perm.visible = visible
+                        }
+                        this.isDelete = !visible
+
+                    }, {
+                        immediate: true,
+                        deep: isSubForm ? true : false
+                    })
+                    this.optAssWatchList.push(unWatchItem)
+                })
+                this.hasAddOptAssWatch = true
+            },
+            clearOptAssWatch() {
+                this.hasAddOptAssWatch = false
+                _.each(this.optAssWatchList, unwatchItem => {
+                    unwatchItem()
+                })
+            },
+            // TODO 这个直接写，不必用插入来操作dom
+            insertDesc() {
+                //let desc = this.description
+                let field = this.$refs.field
+                if (field) {
+                    // let ele = $(field)[0]['$el']
+                    // $(ele).find(".q-field-label").append("<div style='font-size: 12px;color:#999;' class='desc'>" + this.$xss(desc) + "</div>");
+                }
+            },
+            async loadRemoteByFieldMap(oid) {
+                //如果是远程单选且有字段映射，并打断后面相关的字段联动
+                let mappings = _.get(this.fieldConf, "mappings")
+                if (this.fieldConf.type != 'SelectFromForm' || !mappings || _.isEmpty(mappings) || !this.value) return
+                let mappingsResult = await this.getRemoteByFieldMap()
+                if (this.container && this.container.changeValueByMapping) this.container.changeValueByMapping(oid, mappingsResult)
+            },
+            async getRemoteByFieldMap(){
+                let mappings = _.get(this.fieldConf, "mappings")
+                if (this.fieldConf.type != 'SelectFromForm' || !mappings || _.isEmpty(mappings) || !this.value) return
+                let fieldId = _.get(this.fieldConf, "id")
+                let data = await this.$bpm.loadRmoteFieldMap({
+                    fieldId,
+                    params: {
+                        form_id: this.value
+                    },
+                    cusFormName: this.container.cusFormId || _.get(this.container, "form.cusFormId"),
+                    container: this.container
+                })
+                return data.data
+            }
+
+        }
+    })
+    return mixinOpts
+}