@kengic/vue 0.30.1-beta.82 → 0.30.1-beta.85

package/page/KgPageDda/components/KgPageDda.Create.store.ts

@@ -0,0 +1,437 @@
+import { defineStore } from 'pinia';
+import { computed, ref, toRaw } from 'vue';
+import { API } from '../../../api';
+import { CreateVarDdaQuery, DescriptionDTO, ResultSetMetadataColumn, SysPermission, VarButton, VarGridDetail, VarProfileDetail, VarSubmitDetail } from '../../../api/WMS/models';
+import { useKg } from '../../../config';
+import { KG__VAR_BUTTON__TYPE, KG_CUSTOM_LEVEL, IKgStoreDefinition } from '../../../model';
+
+export interface IKgPageDdaCreateStoreGetters {
+    getCreateVarDdaQuery: CreateVarDdaQuery;
+    getFrmId: string | null | undefined;
+    getIsLoading: boolean;
+    getResultSetMetadataColumns: Array<ResultSetMetadataColumn>;
+    getVarButtons: Array<VarButton>;
+}
+
+export interface IKgPageDdaCreateStoreActions {
+    createVarButton(button: VarButton): void;
+    deleteVarButton(param: { varName: string | null | undefined }): void;
+    getVarText(vname: string | null | undefined): string;
+    initCreateVarDdaQuery(): void;
+    patchSysPermission(param: { properties: SysPermission }): void;
+    patchVarButton(param: { varName: string | null | undefined; properties: VarButton }): void;
+    setFormID(fid: string | null | undefined): void;
+    setIsLoading(_isLoading: boolean | null | undefined): void;
+    setResultSetMetadataColumns(columns: Array<ResultSetMetadataColumn> | null | undefined): void;
+    setVarGridDetails(varGridDetails: Array<VarGridDetail>): void;
+    setVarProfileDetails(varProfileDetails: Array<VarProfileDetail>): void;
+    setVarSubmitDetails(varSubmitDetails: Array<VarSubmitDetail>): void;
+    updateVarConfigDescription(param: { varName: string | null | undefined; varText: string | null | undefined }): void;
+    updateVarDda(param: { formID: string; frmNam: string }): void;
+}
+
+export const useKgPageDdaCreateStore: IKgStoreDefinition<IKgPageDdaCreateStoreGetters, IKgPageDdaCreateStoreActions> = defineStore('KgPageDdaCreate', () => {
+    const kg = useKg();
+
+    //region DATA
+    //----------------------------------------------------------------------------------------------------
+    /** 按钮类型的描述信息. */
+    const buttonTypeDescriptions = ref<Array<DescriptionDTO>>([]);
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region STATE
+    //----------------------------------------------------------------------------------------------------
+    /** 页面是否正在加载. */
+    const isLoading = ref<boolean>(false);
+
+    /** 查询结果的所有列的元数据. */
+    const resultSetMetadataColumns = ref<Array<ResultSetMetadataColumn>>([]);
+
+    /** 请求参数. */
+    const createVarDdaQuery = ref<CreateVarDdaQuery>({});
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region GETTERS
+    //----------------------------------------------------------------------------------------------------
+    const getIsLoading = computed(() => isLoading.value);
+    const getResultSetMetadataColumns = computed(() => resultSetMetadataColumns.value);
+    const getCreateVarDdaQuery = computed(() => createVarDdaQuery.value);
+    const getFrmId = computed(() => createVarDdaQuery.value.frmId);
+    const getVarButtons = computed<Array<VarButton>>(() => createVarDdaQuery.value.varButtons!);
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region ACTIONS
+    //----------------------------------------------------------------------------------------------------
+    function setIsLoading(_isLoading: boolean | null | undefined): void {
+        isLoading.value = _isLoading ?? false;
+    }
+
+    function setResultSetMetadataColumns(columns: Array<ResultSetMetadataColumn> | null | undefined): void {
+        resultSetMetadataColumns.value = columns ?? [];
+    }
+
+    function setFormID(fid: string | null | undefined): void {
+        createVarDdaQuery.value.frmId = fid ?? '';
+        createVarDdaQuery.value.varButtons!.forEach((i) => (i.frm_id = fid));
+        createVarDdaQuery.value.varVariables!.forEach((i) => (i.frm_id = fid));
+        createVarDdaQuery.value.varDda!.frm_id = fid ?? '';
+        createVarDdaQuery.value.varGridConfig!.frm_id = fid ?? '';
+        createVarDdaQuery.value.varGridDetails!.forEach((i) => (i.frm_id = fid));
+        createVarDdaQuery.value.varGridMaster!.frm_id = fid ?? '';
+        createVarDdaQuery.value.varProfileConfig!.frm_id = fid ?? '';
+        createVarDdaQuery.value.varProfileDetails!.forEach((i) => (i.frm_id = fid));
+        createVarDdaQuery.value.varProfileMaster!.frm_id = fid ?? '';
+        createVarDdaQuery.value.varSubmitConfigs!.forEach((i) => (i.frm_id = fid));
+        createVarDdaQuery.value.varSubmitDetails!.forEach((i) => (i.frm_id = fid));
+        createVarDdaQuery.value.varConfigDescriptions!.forEach((i) => (i.frm_id = fid));
+    }
+
+    /**
+     * 修改菜单的部分属性.
+     * @param param.properties 要修改的部分属性.
+     */
+    function patchSysPermission(param: { properties: SysPermission }): void {
+        const { properties = {} } = param;
+
+        Object.entries(properties).forEach(([key, newValue]) => {
+            if (key in createVarDdaQuery.value.sysPermissions![0]!) {
+                const oldValue = (createVarDdaQuery.value.sysPermissions![0]! as any)[key];
+                if (oldValue !== newValue) {
+                    (createVarDdaQuery.value.sysPermissions![0]! as any)[key] = newValue;
+                }
+            }
+        });
+    }
+
+    /**
+     * 更新 DDA.
+     * @param param.formID 界面标识.
+     * @param param.frmNam 界面名称.
+     */
+    function updateVarDda(param: { formID: string; frmNam: string }): void {
+        const { formID, frmNam } = param;
+        createVarDdaQuery.value.varDda!.frm_id = formID;
+        createVarDdaQuery.value.varDda!.frm_nam = frmNam;
+    }
+
+    /**
+     * 添加一个按钮.
+     * @param button 要添加的按钮.
+     */
+    function createVarButton(button: VarButton): void {
+        createVarDdaQuery.value.varButtons = [
+            ...toRaw(createVarDdaQuery.value.varButtons!),
+            {
+                ...button,
+                available_flag: 1,
+                cmd: (() => {
+                    switch (button.typ) {
+                        case KG__VAR_BUTTON__TYPE.CREATE:
+                            return '/var/VarPage/create';
+
+                        case KG__VAR_BUTTON__TYPE.UPDATE:
+                            return '/var/VarPage/update';
+
+                        case KG__VAR_BUTTON__TYPE.COPY:
+                            return '/var/VarPage/copy';
+
+                        case KG__VAR_BUTTON__TYPE.DELETE:
+                            return '/var/VarPage/delete';
+
+                        case KG__VAR_BUTTON__TYPE.OTHER:
+                            return '/var/VarPage/other';
+                    }
+                })(),
+                frm_id: getFrmId.value,
+                id: `${Date.now()}`,
+                show_success_message_flg: 1,
+            },
+        ];
+
+        initButtonTypeDescriptions();
+    }
+
+    /**
+     * 修改按钮的部分属性.
+     *
+     * @param param.varName 按钮的变量名称.
+     * @param param.properties 要修改的部分属性.
+     */
+    function patchVarButton(param: { varName: string | null | undefined; properties: VarButton }): void {
+        const { varName, properties = {} } = param;
+
+        const button = createVarDdaQuery.value.varButtons!.find((i) => i.var_nam === varName);
+        if (!button) {
+            return;
+        }
+
+        // 记录属性是否真正发生了变更, 有可能新值和旧值是一样的, 这种情况下就不需要真正地更新数据,
+        let isChange = false;
+
+        Object.entries(properties).forEach(([key, newValue]) => {
+            if (key in button) {
+                const oldValue = (button as any)[key];
+                if (oldValue !== newValue) {
+                    (button as any)[key] = newValue;
+                    isChange = true;
+                }
+            }
+        });
+
+        if (!isChange) {
+            return;
+        }
+
+        const newVarButtons = [...createVarDdaQuery.value.varButtons!];
+        newVarButtons.splice(createVarDdaQuery.value.varButtons!.indexOf(button), 1, { ...button });
+        createVarDdaQuery.value.varButtons = toRaw(newVarButtons);
+    }
+
+    /**
+     * 删除一个按钮.
+     * @param param.varName 按钮的变量名称.
+     */
+    function deleteVarButton(param: { varName: string | null | undefined }): void {
+        const { varName } = param;
+
+        const button = createVarDdaQuery.value.varButtons!.find((i) => i.var_nam === varName);
+        if (!button) {
+            return;
+        }
+
+        const newVarButtons = [...createVarDdaQuery.value.varButtons!];
+        newVarButtons.splice(createVarDdaQuery.value.varButtons!.indexOf(button), 1);
+        createVarDdaQuery.value.varButtons = toRaw(newVarButtons);
+    }
+
+    /**
+     * 创建或者更新一个变量翻译.
+     *
+     * @param param.varName 变量名称.
+     * @param param.varText 变量翻译.
+     */
+    function updateVarConfigDescription(param: { varName: string | null | undefined; varText: string | null | undefined }): void {
+        const { varName, varText } = param;
+
+        if (!varName) {
+            return;
+        }
+
+        const varConfigDescription = createVarDdaQuery.value.varConfigDescriptions!.find((i) => i.var_nam === varName);
+
+        // 变量翻译已经存在, 更新,
+        if (varConfigDescription) {
+            varConfigDescription.var_text = varText || varName;
+            return;
+        }
+
+        // 变量翻译尚不存在, 创建,
+        createVarDdaQuery.value.varConfigDescriptions = [
+            ...toRaw(createVarDdaQuery.value.varConfigDescriptions!),
+            {
+                cust_lvl: KG_CUSTOM_LEVEL.L0,
+                frm_id: getFrmId.value,
+                grp_nam: 'WMS',
+                locale_id: kg.locale?.value,
+                var_nam: varName,
+                var_text: varText || varName,
+            },
+        ];
+    }
+
+    function setVarProfileDetails(varProfileDetails: Array<VarProfileDetail>): void {
+        createVarDdaQuery.value.varProfileDetails = varProfileDetails.map((i) => ({
+            ...i,
+            frm_id: getFrmId.value,
+            grp_nam: 'WMS',
+        }));
+    }
+
+    function setVarGridDetails(varGridDetails: Array<VarGridDetail>): void {
+        createVarDdaQuery.value.varGridDetails = varGridDetails.map((i) => ({
+            ...i,
+            frm_id: getFrmId.value,
+            grp_nam: 'WMS',
+        }));
+    }
+
+    function setVarSubmitDetails(varSubmitDetails: Array<VarSubmitDetail>): void {
+        createVarDdaQuery.value.varSubmitDetails = varSubmitDetails.map((i) => ({
+            ...i,
+            cust_lvl: KG_CUSTOM_LEVEL.L0,
+            enable_flag: 1,
+            frm_id: getFrmId.value,
+            grp_nam: 'WMS',
+            visible_flag: 1,
+        }));
+    }
+
+    /**
+     * 获取变量翻译.
+     * @param varName 变量名称.
+     */
+    function getVarText(varName: string | null | undefined): string {
+        if (!varName) {
+            return '';
+        }
+
+        return createVarDdaQuery.value.varConfigDescriptions?.find((i) => i.var_nam === varName)?.var_text ?? '';
+    }
+
+    /**
+     * 初始化请求参数.
+     */
+    function initCreateVarDdaQuery(): void {
+        createVarDdaQuery.value = {
+            frmId: '',
+            sysPermissions: [
+                {
+                    app: 'WEB',
+                    component: 'dda/index',
+                    componentName: '',
+                    delFlag: 0,
+                    icon: 'NULL',
+                    keepAlive: true,
+                    leaf: true,
+                    menuType: 1,
+                    name: '',
+                    parentId: '',
+                    permsType: '0',
+                    route: false,
+                    sortNo: 99,
+                    status: '1',
+                    url: '',
+                },
+            ],
+            varButtons: [
+                {
+                    available_flag: 1,
+                    cmd: '/var/VarPage/page',
+                    dis_mult_select_flg: 0,
+                    dis_no_select_flg: 0,
+                    frm_id: '',
+                    id: `${Date.now()}`,
+                    permission_code: '',
+                    show_success_message_flg: 1,
+                    sql: '',
+                    srtseq: 1,
+                    typ: KG__VAR_BUTTON__TYPE.SEARCH,
+                    var_nam: KG__VAR_BUTTON__TYPE.SEARCH,
+                },
+            ],
+            varConfigDescriptions: [
+                {
+                    cust_lvl: KG_CUSTOM_LEVEL.L0,
+                    frm_id: '',
+                    grp_nam: 'WMS',
+                    locale_id: kg.locale?.value,
+                    var_nam: KG__VAR_BUTTON__TYPE.SEARCH,
+                    var_text: kg.t('kg.query'),
+                },
+            ],
+            varDda: {
+                frm_id: '',
+                frm_nam: '',
+            },
+            varGridConfig: { frm_id: '', mult_flg: 1, show_check_column_flg: 1 },
+            varGridDetails: [],
+            varGridMaster: {
+                cust_lvl: KG_CUSTOM_LEVEL.L0,
+                def_flg: 1,
+                frm_id: '',
+                grd_var_nam: 'defaultGrid',
+                grp_nam: 'WMS',
+                usr_id: 'ALL',
+            },
+            varProfileConfig: { frm_id: '', vis_flg: 1 },
+            varProfileDetails: [],
+            varProfileMaster: {
+                cust_lvl: KG_CUSTOM_LEVEL.L0,
+                def_flg: 1,
+                dyn_flg: 1,
+                frm_id: '',
+                grp_nam: 'WMS',
+                prf_var_nam: 'defaultProfile',
+                usr_id: 'ALL',
+            },
+            varSubmitConfigs: [],
+            varSubmitDetails: [],
+            varVariables: [
+                {
+                    frm_id: '',
+                    grp_nam: 'WMS',
+                    var_nam: KG__VAR_BUTTON__TYPE.SEARCH,
+                },
+            ],
+        };
+
+        initButtonTypeDescriptions();
+    }
+
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    //region FUNCTION
+    //----------------------------------------------------------------------------------------------------
+
+    /**
+     * 给按钮列表中所有的按钮, 设置「按钮类型」的描述信息.
+     * @private
+     */
+    function initButtonTypeDescriptions(): void {
+        createVarDdaQuery.value.varButtons?.forEach((i: VarButton) => {
+            // @ts-ignore
+            i.typDsc = buttonTypeDescriptions.value.find((j) => j.codval === i.typ)?.shortDsc ?? '';
+        });
+    }
+
+    /**
+     * 获取按钮类型的描述信息
+     */
+    async function requestButtonTypeDescriptions() {
+        const { records } = await API.WMS.DescriptionController.List({
+            params: {
+                localeId: kg.locale?.value,
+                codnam: 'var_button_type',
+                pageNo: 1,
+                pageSize: 999,
+            },
+        });
+        buttonTypeDescriptions.value = records ?? [];
+
+        initButtonTypeDescriptions();
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+
+    initCreateVarDdaQuery();
+    requestButtonTypeDescriptions();
+
+    return {
+        createVarButton: createVarButton,
+        createVarDdaQuery: createVarDdaQuery,
+        deleteVarButton: deleteVarButton,
+        getCreateVarDdaQuery: getCreateVarDdaQuery,
+        getFrmId: getFrmId,
+        getIsLoading: getIsLoading,
+        getResultSetMetadataColumns: getResultSetMetadataColumns,
+        getVarButtons: getVarButtons,
+        getVarText: getVarText,
+        initCreateVarDdaQuery: initCreateVarDdaQuery,
+        isLoading: isLoading,
+        patchSysPermission: patchSysPermission,
+        patchVarButton: patchVarButton,
+        resultSetMetadataColumns: resultSetMetadataColumns,
+        setFormID: setFormID,
+        setIsLoading: setIsLoading,
+        setResultSetMetadataColumns: setResultSetMetadataColumns,
+        setVarGridDetails: setVarGridDetails,
+        setVarProfileDetails: setVarProfileDetails,
+        setVarSubmitDetails: setVarSubmitDetails,
+        updateVarConfigDescription: updateVarConfigDescription,
+        updateVarDda: updateVarDda,
+    };
+});