@ebuilding/biz-form 2.0.0

package/fesm2022/srv.basic.mjs

@@ -0,0 +1,813 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Directive } from '@angular/core';
+import { FormGroup, FormControl } from '@angular/forms';
+import { ModuleAPI } from '@ebuilding/base/shared.var/shared.constant';
+import { PageDialogDefaultComponent } from '@ebuilding/dialog/default';
+import { Subject, zip, of } from 'rxjs';
+import _ from 'lodash';
+import * as i1 from '@delon/theme';
+import * as i2 from '@ebuilding/base/shared.srv/deon.util';
+import * as i3 from '@ebuilding/base/shared.srv/deon2.util';
+import * as i4 from '@kre-form/core';
+import * as i5 from '@ebuilding/base/shared.srv/global.event';
+import * as i6 from 'ng-zorro-antd/message';
+import * as i7 from 'ng-zorro-antd/modal';
+import * as i8 from '@ebuilding/base/shared.srv/base-dialog.service';
+import * as i9 from '@ebuilding/base/shared.srv/commApi.service';
+
+class BasicService {
+    http;
+    utilService;
+    resetService;
+    deonFormBuilder;
+    globalSrv;
+    msg;
+    modal;
+    dialogService;
+    commAPISrv;
+    loading = true;
+    headerLoading = false;
+    form = new FormGroup({
+        appoveDesc: new FormControl('')
+    });
+    model = {};
+    options = {};
+    fields = [];
+    /**
+     * 待生效
+     */
+    izEffect = false;
+    effectField = null;
+    effectStatus = null;
+    /**
+     * 配置参数
+     */
+    argList = [];
+    /**
+     * 销毁
+     */
+    onDestroy$ = new Subject();
+    buttons = {
+        cancel: { text: '取消' },
+        draft: { text: '暂存' },
+        save: { text: '保存' },
+        rollback: { text: '撤销' },
+    };
+    /**
+     * 是否有数据提交前按钮事件
+     */
+    addPreEventRule = false;
+    editPreEventRule = false;
+    addInterface = null;
+    editInterface = null;
+    /**
+     * 表单设计对象
+     */
+    designData = null;
+    /**
+     * 表单Header配置
+     */
+    headerConfig = null;
+    isHeader = false;
+    otherData = null;
+    config = null;
+    btnCloseEvent = new EventEmitter();
+    btnSaveEvent = new EventEmitter();
+    constructor(http, utilService, resetService, deonFormBuilder, globalSrv, msg, modal, dialogService, commAPISrv) {
+        this.http = http;
+        this.utilService = utilService;
+        this.resetService = resetService;
+        this.deonFormBuilder = deonFormBuilder;
+        this.globalSrv = globalSrv;
+        this.msg = msg;
+        this.modal = modal;
+        this.dialogService = dialogService;
+        this.commAPISrv = commAPISrv;
+        this.globalSrv.subscribe('deon-field-repeat', (res) => {
+            if (res != undefined && res.field != undefined && res.data != undefined && res.type != undefined) {
+                if (res.type == 'delete') {
+                    this.options._buildForm(true);
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.onDestroy$.next();
+        this.onDestroy$.complete();
+    }
+    /**
+     * 组装配置
+     */
+    getPageConfig() {
+        new Promise((resolve) => {
+            zip(this.getDesign(), this.getRole(), this.getDropDown(), this.getFromModel(), this.getFromDefaultModel(), this.getFromRuleData(), this.getFromOtherData()).subscribe(([design, role, drop, d, m, r, other]) => {
+                let roleData = null;
+                let dropData = null;
+                let formData = null;
+                let formDefaultData = null;
+                let ruleData = null;
+                if (design && design?.success && design?.result) {
+                    this.designData = design.result;
+                    /**
+                     * 独立API
+                     */
+                    if (design.result?.basic?.apiAdd) {
+                        if (this.config?.api == undefined || this.config?.api == null) {
+                            this.config.api = {};
+                        }
+                        this.config.api['addAPI'] = design.result.basic.apiAdd;
+                    }
+                    if (design.result?.basic?.apiUpdate) {
+                        if (this.config?.api == undefined || this.config?.api == null) {
+                            this.config.api = {};
+                        }
+                        this.config.api['editAPI'] = design.result.basic.apiUpdate;
+                    }
+                    if (design.result?.basic?.apiModel) {
+                        if (this.config?.api == undefined || this.config?.api == null) {
+                            this.config.api = {};
+                        }
+                        this.config.api['modelAPI'] = design.result.basic.apiModel;
+                    }
+                }
+                if (role && role?.success && role?.result) {
+                    roleData = role.result;
+                }
+                if (drop && drop?.success && drop?.result) {
+                    dropData = drop.result;
+                }
+                if (d && d?.success && d?.result) {
+                    formData = d.result;
+                }
+                if (m && m?.success && m?.result) {
+                    formDefaultData = m.result;
+                }
+                if (r && r?.success && r?.result) {
+                    ruleData = r.result;
+                }
+                if (other && other["success"] && other["result"]) {
+                    this.otherData = other["result"];
+                }
+                this.initPageModel();
+                if (this.designData) {
+                    if (_.get(this.designData, 'basic.json')) {
+                        this.initPageForm(this.designData, roleData, dropData, formData, formDefaultData, ruleData);
+                    }
+                }
+                this.pageConfigAfter();
+                this.loading = false;
+            }, () => {
+                this.loading = false;
+            }, () => {
+                this.loading = false;
+                resolve();
+            });
+        });
+    }
+    pageConfigAfter() { }
+    /**
+     * 第一步：初始Model值
+     */
+    initPageModel() {
+        this.model = {};
+        //传入的值
+        if (this.config?.model != undefined && this.config?.model != null) {
+            this.model = Object.assign(this.model, this.config.model);
+        }
+    }
+    /**
+     * 第二步：初始表单所需数据
+     * @param designData
+     * @param roleData
+     * @param dropData
+     * @param formData
+     * @param formDefaultData
+     * @param ruleData
+     */
+    initPageForm(designData, roleData, dropData, formData, formDefaultData, ruleData) {
+        /**
+         * 表单JSON
+         */
+        let fieldConfigs = JSON.parse(designData.basic.json);
+        this.initPageFormDesign(designData);
+        //默认值
+        if (formData) {
+            this.model = Object.assign(this.model, formData);
+            if (this.izEffect && this.effectField && this.model) {
+                this.effectStatus = this.model[this.effectField];
+            }
+        }
+        //获取的表单值
+        if (formDefaultData) {
+            this.model = Object.assign(this.model, formDefaultData);
+        }
+        this.utilService.initConfig(fieldConfigs, roleData, dropData, this.model, ruleData, this.config?.fieldParameter, this, (e, field) => {
+            this.getPageRuleData(field, e);
+        });
+        this.fields = fieldConfigs;
+        setTimeout(() => {
+            if (this.options != undefined && this.options != null && this.options?.resetModel) {
+                this.options?.resetModel();
+            }
+        }, 0);
+    }
+    /**
+     * initPageForm调用：表单设计相关默认值
+     * @param designData
+     */
+    initPageFormDesign(designData) {
+        /**
+         * 表单Header
+         */
+        if (this.designData && this.designData?.basic?.izHeader && this.designData?.basic?.headerId) {
+            this.headerLoading = true;
+            this.headerConfig = {
+                headerId: this.designData?.basic?.headerId,
+                rd: Math.random(),
+            };
+            this.isHeader = true;
+        }
+        this.addInterface = null;
+        this.editInterface = null;
+        /**
+         * 判断是否有提交前事件
+         */
+        if (designData?.addPreEventRule) {
+            this.addPreEventRule = true;
+            if (designData?.addInterface) {
+                this.addInterface = designData?.addInterface;
+            }
+        }
+        if (designData?.editPreEventRule) {
+            this.editPreEventRule = true;
+            if (designData?.editInterface) {
+                this.editInterface = designData?.editInterface;
+            }
+        }
+        /**
+         * 生效期
+         */
+        if (designData.basic?.izEffect) {
+            this.izEffect = true;
+            if (designData.basic?.effectField) {
+                this.effectField = designData.basic?.effectField;
+            }
+        }
+        else {
+            this.izEffect = false;
+            this.effectField = null;
+            this.effectStatus = null;
+        }
+        if (designData.basic?.buttonCancel) {
+            let hide = false;
+            if (designData.basic?.izButtonCancel == false) {
+                hide = true;
+            }
+            this.buttons['cancel'] = {
+                text: designData.basic?.buttonCancel,
+                hide: hide,
+            };
+        }
+        if (designData.basic?.buttonDraft) {
+            let hide = false;
+            if (designData.basic?.izButtonDraft == false) {
+                hide = true;
+            }
+            this.buttons['draft'] = {
+                text: designData.basic?.buttonDraft,
+                hide: hide,
+            };
+        }
+        if (designData.basic?.buttonSave) {
+            let hide = false;
+            if (designData.basic?.izButtonSave == false) {
+                hide = true;
+            }
+            this.buttons['save'] = {
+                text: designData.basic?.buttonSave,
+                hide: hide,
+            };
+        }
+        /**
+         * 配置参数
+         */
+        if (designData?.listArg && Array.isArray(designData?.listArg)) {
+            this.argList = designData?.listArg;
+        }
+        if (this.config?.argInfo && this.argList && Array.isArray(this.argList) && this.argList.length > 0) {
+            this.argList.forEach((item) => {
+                if (item.argFieldId && item.argName && this.config.argInfo[item.argName]) {
+                    this.model[item.argFieldId] = this.config?.argInfo[item.argName];
+                }
+            });
+        }
+    }
+    /**
+     * 1、获取设计
+     * @returns
+     */
+    getDesign() {
+        let apiName = this.commAPISrv.getFormDesign(this.config.moduleCode, this.config.formId);
+        return this.http.post(`${apiName}`);
+    }
+    /**
+     * 2、获取配置-业务角色
+     * @returns
+     */
+    getRole() {
+        let params = {
+            formId: this.config.formId,
+            type: this.config.type,
+        };
+        let apiName = this.commAPISrv.getFormRole(this.config.moduleCode);
+        return this.http.post(`${apiName}`, params);
+    }
+    /**
+     * 3、获取配置-下拉选项
+     * @returns
+     */
+    getDropDown() {
+        let apiName = this.commAPISrv.getFormDropDown(this.config.moduleCode, this.config.formId);
+        return this.http.post(`${apiName}`);
+    }
+    /*
+      4、获取配置-表单数据（编辑、查看）
+    */
+    getFromModel() {
+        let params = {
+            formId: this.config.formId,
+            id: this.config.id,
+            button: this.config?.buttonCode,
+        };
+        if (this.config?.type != 'ADD' && this.config?.id) {
+            let apiName = null;
+            if (this.config?.api && this.config?.api?.modelAPI) {
+                apiName = this.config.api.modelAPI;
+            }
+            else {
+                apiName = this.commAPISrv.getFormModel(this.config.moduleCode);
+            }
+            return this.http.post(`${apiName}`, params);
+        }
+        else {
+            return of(null);
+        }
+    }
+    /*
+      5、获取配置-表单默认值
+    */
+    getFromDefaultModel() {
+        if (this.config.type == 'ADD' && this.config?.formId) {
+            let apiName = null;
+            if (this.config?.api && this.config?.api?.modelDefaultAPI) {
+                apiName = this.config.api.modelDefaultAPI;
+            }
+            else {
+                apiName = this.commAPISrv.getFormDefaultModel(this.config.moduleCode);
+            }
+            return this.http.post(`${apiName}/${this.config.formId}`);
+        }
+        else {
+            return of(null);
+        }
+    }
+    /**
+     * 6、获取配置-表单规则
+     * @returns
+     */
+    getFromRuleData() {
+        if (this.config?.formId) {
+            return this.http.post(`${ModuleAPI.rule}/rule/form/listByForm/${this.config.formId}`);
+        }
+        else {
+            return of(null);
+        }
+    }
+    /**
+     * 7、获取其他数据
+     * @returns
+     */
+    getFromOtherData() {
+        return of(null);
+    }
+    /**
+     * 触发卡片
+     * @param field
+     * @param value
+     */
+    fieldChangeCallCard(field, value) {
+        let id = null;
+        if (value) {
+            if (value instanceof Object && value?.id) {
+                id = value.id;
+            }
+            else {
+                id = value;
+            }
+        }
+        this.headerConfig = {
+            headerId: this.designData?.basic?.headerId,
+            id: id,
+            rd: Math.random(),
+        };
+        this.isHeader = true;
+    }
+    headerLoadAfter(e) {
+        this.headerLoading = false;
+    }
+    /**
+     * 规则触发
+     * @param field
+     * @param value
+     */
+    getPageRuleData(field, value) {
+        if (field?.props && field?.props["callBack"]) {
+            let key = field.key;
+            if (key != undefined && key != null) {
+                switch (key) {
+                    case 'overtime':
+                        this.getPageRuleOverTime(field, value);
+                        break;
+                    default:
+                        this.getPageRuleDefault(field, value);
+                        break;
+                }
+            }
+        }
+    }
+    /**
+     * 默认规则触发
+     * @param field
+     * @param value
+     */
+    getPageRuleDefault(field, value) {
+        this.loading = true;
+        let postData = {};
+        let props = field.props;
+        if (props) {
+            if (props?.callCard == true) {
+                this.headerLoading = true;
+                this.fieldChangeCallCard(field, value);
+            }
+            field.props ??= {};
+            if (field.props["callBackFields"] && Array.isArray(field.props["callBackFields"])) {
+                field.props["callBackFields"].forEach((a) => {
+                    if (this.model && this.model[a] != undefined) {
+                        postData[a] = {
+                            key: a,
+                            value: this.model[a],
+                        };
+                    }
+                });
+            }
+            if (props['arrKey']) {
+                /**
+                 * 数组内部组件触发
+                 */
+                let findModel = this.model[props.arrKey];
+                let createModel = [];
+                if (findModel && Array.isArray(findModel)) {
+                    findModel.forEach((a) => {
+                        if (a) {
+                            let tmp = {};
+                            Object.keys(a).forEach((b) => {
+                                tmp[b] = {
+                                    key: b,
+                                    value: a[b],
+                                };
+                            });
+                            createModel.push(tmp);
+                        }
+                    });
+                }
+                postData[props.arrKey] = {
+                    key: props.arrKey,
+                    value: createModel,
+                };
+            }
+            else {
+                let fieldKey = field.key;
+                /**
+                 * 非数组内部触发
+                 */
+                if ((field.type == 'lookup' || field.type == 'lookup_tree') && field.props?.selectType != 'multiple') {
+                    if (value && value?.id) {
+                        postData[fieldKey] = {
+                            key: field.key,
+                            value: value.id,
+                        };
+                    }
+                }
+                else {
+                    postData[fieldKey] = {
+                        key: field.key,
+                        value: value,
+                    };
+                }
+            }
+            if (field.props["callBackRule"]) {
+                this.http
+                    .post(`${ModuleAPI.rule}/rule/run/formRule`, {
+                    ruleId: field.props["callBackRule"],
+                    modelJson: postData,
+                })
+                    .subscribe((res) => {
+                    if (res && res?.success && res?.result) {
+                        this.resetService.resetConfig(this.fields, this.model, res.result);
+                        this.options._buildForm(true);
+                    }
+                    this.loading = false;
+                }, (res) => {
+                    this.loading = false;
+                });
+            }
+            else {
+                this.loading = false;
+            }
+        }
+        else {
+            this.loading = false;
+        }
+    }
+    /**
+     * 加班规则触发
+     * @param field
+     * @param value
+     */
+    getPageRuleOverTime(field, value) {
+        /**
+         * EmpId
+         */
+        let empId = null;
+        if (this.model['f_1715977697390137346'] && this.model['f_1715977697390137346']?.id) {
+            empId = this.model['f_1715977697390137346'].id;
+        }
+        if (this.model['f_1673864077973692418'] && this.model['f_1673864077973692418']?.id) {
+            empId = this.model['f_1673864077973692418'].id;
+        }
+        /**
+         * Repeat Key
+         */
+        let dataKey = field?.parent?.parent?.key;
+        /**
+         * Repeat 下面的OverTime 所属行下标
+         */
+        let dataIndex = field?.parent?.['index'];
+        this.loading = true;
+        let postData = _.cloneDeep(value);
+        postData['index'] = dataIndex;
+        postData['empId'] = empId;
+        this.http
+            .post(`${ModuleAPI.rule}/rule/run/overtimeRule`, {
+            ruleId: field?.props?.["callBackRule"],
+            modelJson: postData,
+        })
+            .subscribe((res) => {
+            if (res && res?.success && res?.result) {
+                this.resetService.resetOverTime(this.fields, this.model, res.result, dataKey, dataIndex);
+                this.options._buildForm(true);
+            }
+            this.loading = false;
+        }, (res) => {
+            this.loading = false;
+        });
+    }
+    btnSubmit() {
+        console.log("[]");
+        this.loading = true;
+        if (!this.form.valid) {
+            this.loading = false;
+            return;
+        }
+        if (this.config.type == 'ADD') {
+            if (!this.addPreEventRule) {
+                this.runSaveData();
+            }
+            else {
+                if (this.addInterface) {
+                    this.runPreInterface(this.addInterface);
+                }
+                else {
+                    this.runPreEvent();
+                }
+            }
+        }
+        else if (this.config.type == 'EDIT') {
+            if (!this.editPreEventRule) {
+                this.runSaveData();
+            }
+            else {
+                if (this.editInterface) {
+                    this.runPreInterface(this.editInterface);
+                }
+                else {
+                    this.runPreEvent();
+                }
+            }
+        }
+        else {
+        }
+    }
+    runPreEvent() {
+        this.loading = true;
+        this.http
+            .post(`${ModuleAPI.rule}/rule/run/eventFormRule`, {
+            buttonId: this.config.type,
+            dataId: this.config.id,
+            formId: this.config.formId,
+            sourceId: this.config.formId,
+            sourceType: 'FORM_BUTTON',
+            requestJson: this.model,
+        })
+            .subscribe((res) => {
+            if (res && res?.success == true) {
+                if (res?.result) {
+                    switch (res.result.eventResult) {
+                        case 'NONE':
+                            this.runSaveData();
+                            break;
+                        case 'TIPS':
+                            this.msg.error(res.result.tips);
+                            break;
+                        case 'CONFIRM':
+                            this.modal.confirm({
+                                nzTitle: '提示',
+                                nzContent: `${res.result.tips}`,
+                                nzOnOk: () => {
+                                    this.runSaveData();
+                                },
+                            });
+                            break;
+                    }
+                }
+                else {
+                    this.runSaveData();
+                }
+            }
+            this.loading = false;
+        }, () => {
+            this.loading = false;
+        });
+    }
+    runPreInterface(e) {
+        this.loading = true;
+        let postData = {};
+        if (e.izFormId) {
+            postData['formId'] = this.config.formId;
+        }
+        if (e.izFormId) {
+            postData['izFormModel'] = this.model;
+        }
+        if (Array.isArray(e.listInterface)) {
+            e.listInterface.forEach((item) => {
+                let value = null;
+                if (this.model && this.model[item.formKey] != undefined) {
+                    value = this.model[item.formKey];
+                }
+                postData[item.postKey] = value;
+            });
+        }
+        let url = e.formInterface;
+        if (!e.formInterface.startsWith('/')) {
+            url = '/' + e.formInterface;
+        }
+        this.http.post(`${url}`, postData).subscribe((res) => {
+            if (res && res?.success == true) {
+                if (res?.result) {
+                    switch (res.result.eventResult) {
+                        case 'NONE':
+                            this.runSaveData();
+                            break;
+                        case 'TIPS':
+                            this.msg.error(res.result.tips);
+                            break;
+                        case 'CONFIRM':
+                            this.modal.confirm({
+                                nzTitle: '提示',
+                                nzContent: `${res.result.tips}`,
+                                nzOnOk: () => {
+                                    this.runSaveData();
+                                },
+                            });
+                            break;
+                    }
+                }
+                else {
+                    this.runSaveData();
+                }
+            }
+            this.loading = false;
+        }, () => {
+            this.loading = false;
+        });
+    }
+    runSaveData() {
+        this.loading = true;
+        let apiName = null;
+        let buttonType = 'SAVE';
+        if (this.config.type == 'ADD') {
+            if (this.config?.api && this.config?.api?.addAPI) {
+                apiName = this.config.api.addAPI;
+            }
+            else {
+                apiName = this.commAPISrv.getFormAdd(this.config.moduleCode);
+            }
+        }
+        else if (this.config.type == 'EDIT') {
+            if (this.config?.api && this.config?.api?.editAPI) {
+                apiName = this.config.api.editAPI;
+            }
+            else {
+                apiName = this.commAPISrv.getFormUpdate(this.config.moduleCode);
+            }
+        }
+        else {
+            if (this.config?.api && this.config?.api?.editAPI) {
+                apiName = this.config.api.editAPI;
+            }
+        }
+        if (apiName) {
+            this.http
+                .post(`${apiName}`, {
+                type: buttonType,
+                id: this.config.id,
+                formId: this.config.formId,
+                modelJson: this.model,
+                button: this.config?.buttonCode,
+            })
+                .subscribe((res) => {
+                this.loading = false;
+                if (res && res.success == true) {
+                    this.msg.success('操作成功!');
+                    this.btnSave(res.data);
+                }
+                this.loading = false;
+            }, () => {
+                this.loading = false;
+            });
+        }
+    }
+    /**
+     * 取消-关闭
+     */
+    btnClose() {
+        this.btnCloseEvent.emit({
+            type: 'close',
+            data: null,
+        });
+    }
+    /**
+     * 保存-关闭
+     * @param e
+     */
+    btnSave(e) {
+        this.btnSaveEvent.emit({
+            type: 'save',
+            data: e,
+        });
+    }
+    /**
+     * 选择员工
+     * @param selectType
+     * @param selectData
+     */
+    selectEmp(selectType, selectData, caller, callback) {
+        let dialogConfig = {
+            pageCode: 'Dialog_Admin_System.emp',
+            selectData: selectData,
+            selectType: selectType == null ? 'single' : selectType,
+            parameter: {},
+        };
+        this.dialogService.CreateModelDialog({
+            nzTitle: '选择 - 员工',
+            size: 'large',
+            nzContent: PageDialogDefaultComponent,
+        }, {
+            config: dialogConfig,
+        }, (type, instance, modal) => {
+            let res = instance.getPageSelectData();
+            if (callback != undefined && callback != null && callback != '') {
+                callback.call(caller, res);
+            }
+            modal.destroy();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BasicService, deps: [{ token: i1._HttpClient }, { token: i2.DeonFormUtilService }, { token: i3.DeonFormResetService }, { token: i4.FormlyFormBuilder }, { token: i5.GramGlobalService }, { token: i6.NzMessageService }, { token: i7.NzModalService }, { token: i8.GramBaseDialogService }, { token: i9.CommAPIService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: BasicService, isStandalone: true, inputs: { config: "config" }, outputs: { btnCloseEvent: "btnCloseEvent", btnSaveEvent: "btnSaveEvent" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BasicService, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2.DeonFormUtilService }, { type: i3.DeonFormResetService }, { type: i4.FormlyFormBuilder }, { type: i5.GramGlobalService }, { type: i6.NzMessageService }, { type: i7.NzModalService }, { type: i8.GramBaseDialogService }, { type: i9.CommAPIService }], propDecorators: { config: [{
+                type: Input
+            }], btnCloseEvent: [{
+                type: Output
+            }], btnSaveEvent: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BasicService };
+//# sourceMappingURL=srv.basic.mjs.map