@kengic/vue 0.30.1-beta.93 → 0.30.1-beta.95

package/component/KgSimulator/KgSimulator.Menu.Scene.Create.CircularConveyor.tsx

@@ -0,0 +1,258 @@
+import { defineComponent, ExtractPropTypes, PropType } from 'vue';
+import { VarButton, VarConfigDescription, VarDTO, VarGridConfig, VarSubmitConfig, VarSubmitDetail, VarVariable } from '../../api/WMS/models';
+import { useKg } from '../../config';
+import {
+    IKgVarGridConfigProperties,
+    IKgVarSubmitConfigProperties,
+    KG,
+    KG__VAR_BUTTON__TYPE,
+    KG__VAR_BUTTON_CONFIG__DISPLAY_TYPE,
+    KG__VAR_SUBMIT_CONFIG__DISPLAY_TYPE,
+    KG__VAR_SUBMIT_CONFIG__LABEL_COLUMN_UNIT,
+    KG__VAR_SUBMIT_CONFIG__LAYOUT,
+} from '../../model';
+import { KgUtil } from '../../util';
+import { KgModal02 } from '../KgModal02';
+import { KgVar02, useKgVar } from '../KgVar';
+import { emit, IKgSimulator$EventListenerParameter$on$KgSimulatorMenu$Scene$Create } from './KgSimulator.event';
+import { useKgSimulator } from './KgSimulator.hooks';
+import { NODE_KEY } from './KgSimulator.model';
+
+export const getProps = () => ({
+    /**
+     * 是否打开弹窗.
+     */
+    kgIsVisible: {
+        type: Boolean as PropType<boolean>,
+        default: false,
+    },
+
+    'onUpdate:kgIsVisible': Function as PropType<(value: boolean) => void>,
+});
+
+export type KgSimulatorMenuSceneCreateCircularConveyorProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+
+/**
+ * 模拟器--菜单--场景--新建--环线输送线.
+ */
+export const KgSimulatorMenuSceneCreateCircularConveyor = defineComponent({
+    name: 'KgSimulatorMenuSceneCreateCircularConveyor',
+    props: getProps(),
+    setup(props) {
+        const kg = useKg();
+        const kgVar = useKgVar(KG.FORM_ID__KG_SIMULATOR__MENU__SCENE__CREATE__CIRCULAR_CONVEYOR);
+        const $KgSimulatorPanelProperty$kgVar = useKgVar(KG.FORM_ID__KG_SIMULATOR__PANEL__PROPERTY);
+        const kgSimulator = useKgSimulator();
+
+        kgVar.onBeforeRequest(async (param) => {
+            if (param.id === KG.FORM_ID__KG_SIMULATOR__MENU__SCENE__CREATE__CIRCULAR_CONVEYOR) {
+                param.mock = new VarDTO({
+                    varButtonConfig: new VarGridConfig({
+                        frm_id: kgVar.fid,
+                        id: KgUtil.uuid(),
+                        props: JSON.stringify({ isVisible: false } as IKgVarGridConfigProperties),
+                    }),
+                    varButtons: [
+                        new VarButton({
+                            available_flag: 1,
+                            cmd: kgSimulator.$Config$CircularConveyor$Api$CreateScene,
+                            dis_mult_select_flg: 0,
+                            dis_no_select_flg: 0,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            srtseq: 1,
+                            typ: KG__VAR_BUTTON__TYPE.CREATE,
+                            var_nam: KG__VAR_BUTTON__TYPE.CREATE,
+                        }),
+                    ],
+                    varConfigDescriptions: [
+                        new VarConfigDescription({
+                            cust_lvl: 0,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            locale_id: 'zh_CN',
+                            var_nam: 'code',
+                            var_text: '编码',
+                        }),
+                        new VarConfigDescription({
+                            cust_lvl: 0,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            locale_id: 'zh_CN',
+                            var_nam: 'name',
+                            var_text: '名称',
+                        }),
+                        new VarConfigDescription({
+                            cust_lvl: 0,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            locale_id: 'zh_CN',
+                            var_nam: 'description',
+                            var_text: '描述',
+                        }),
+                    ],
+                    varGridConfig: new VarGridConfig({
+                        aut_load_flg: 0,
+                        button_display_type: KG__VAR_BUTTON_CONFIG__DISPLAY_TYPE.DEFAULT,
+                        frm_id: kgVar.fid,
+                        id: KgUtil.uuid(),
+                        available_flg: 0,
+                    }),
+                    varSubmitConfigs: [
+                        new VarSubmitConfig({
+                            button_var_name: KG__VAR_BUTTON__TYPE.CREATE,
+                            cust_lvl: 0,
+                            display_type: KG__VAR_SUBMIT_CONFIG__DISPLAY_TYPE.INLINE,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            label_col: 120,
+                            label_col_unit: KG__VAR_SUBMIT_CONFIG__LABEL_COLUMN_UNIT.PX,
+                            layout: KG__VAR_SUBMIT_CONFIG__LAYOUT.HORIZONTAL,
+                            props: JSON.stringify({ footer: { isShow: false } } as IKgVarSubmitConfigProperties),
+                            resizable_flg: 1,
+                            responsive_flg: 0,
+                        }),
+                    ],
+                    varSubmitDetails: [
+                        new VarSubmitDetail({
+                            button_var_name: KG__VAR_BUTTON__TYPE.CREATE,
+                            enable_flag: 1,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            required_flag: 1,
+                            srtseq: 1,
+                            var_nam: 'code',
+                            visible_flag: 1,
+                            width: 24,
+                        }),
+                        new VarSubmitDetail({
+                            button_var_name: KG__VAR_BUTTON__TYPE.CREATE,
+                            enable_flag: 1,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            required_flag: 1,
+                            srtseq: 2,
+                            var_nam: 'name',
+                            visible_flag: 1,
+                            width: 24,
+                        }),
+                        new VarSubmitDetail({
+                            button_var_name: KG__VAR_BUTTON__TYPE.CREATE,
+                            enable_flag: 1,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            required_flag: 0,
+                            srtseq: 3,
+                            var_nam: 'description',
+                            visible_flag: 1,
+                            width: 24,
+                        }),
+                    ],
+                    varVariables: [new VarVariable({ frm_id: kgVar.fid, id: KgUtil.uuid(), var_nam: 'name' }), new VarVariable({ frm_id: kgVar.fid, id: KgUtil.uuid(), var_nam: 'description' })],
+                });
+            }
+
+            return false;
+        });
+
+        // 确认,
+        kgVar.kgSubmit.onOk(async (param) => {
+            if (!param.result) {
+                throw new Error('创建场景接口返回为空');
+            }
+
+            kgSimulator.set$Env$CircularConveyor$CurrentScene(param.result);
+            kgSimulator.set$Env$CircularConveyor$CurrentScene$IsSave(true);
+
+            props['onUpdate:kgIsVisible']?.(false);
+
+            emit<IKgSimulator$EventListenerParameter$on$KgSimulatorMenu$Scene$Create>({
+                event: 'on$KgSimulatorMenu$Scene$Create',
+                id: kgSimulator.id,
+                parameter: {},
+            });
+
+            await kgSimulator.$KgSimulatorPanelProperty$patchVarSubmitDetailList({
+                varSubmitDetailList: [
+                    { enable_flag: 0, required_flag: 0, var_nam: '$typeDsc' },
+                    { enable_flag: 0, required_flag: 0, var_nam: 'id' },
+                    { enable_flag: 1, required_flag: 1, var_nam: 'code' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'name' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'description' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'width' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'depth' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'height' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'configurationJson' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'gravity' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'humidity' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'status' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'temperature' },
+                    { enable_flag: 1, required_flag: 0, var_nam: 'timeScale' },
+                ],
+            });
+            $KgSimulatorPanelProperty$kgVar.kgSubmit.onAfterSetFormModel(async () => {
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.$type = NODE_KEY.SCENE;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.$typeDsc = '场景';
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.id = kgSimulator.$Env$CircularConveyor$CurrentScene?.id;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.code = kgSimulator.$Env$CircularConveyor$CurrentScene?.code;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.name = kgSimulator.$Env$CircularConveyor$CurrentScene?.name;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.description = kgSimulator.$Env$CircularConveyor$CurrentScene?.description;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.width = kgSimulator.$Env$CircularConveyor$CurrentScene?.width;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.depth = kgSimulator.$Env$CircularConveyor$CurrentScene?.depth;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.height = kgSimulator.$Env$CircularConveyor$CurrentScene?.height;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.configurationJson = kgSimulator.$Env$CircularConveyor$CurrentScene?.configurationJson;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.gravity = kgSimulator.$Env$CircularConveyor$CurrentScene?.gravity;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.humidity = kgSimulator.$Env$CircularConveyor$CurrentScene?.humidity;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.status = kgSimulator.$Env$CircularConveyor$CurrentScene?.status;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.temperature = kgSimulator.$Env$CircularConveyor$CurrentScene?.temperature;
+                $KgSimulatorPanelProperty$kgVar.kgSubmit.formModel.value.timeScale = kgSimulator.$Env$CircularConveyor$CurrentScene?.timeScale;
+
+                return false;
+            }, true);
+
+            return false;
+        });
+
+        kgVar.kgButton.setCurrentButton({ type: KG__VAR_BUTTON__TYPE.CREATE });
+
+        //region DATA
+        //----------------------------------------------------------------------------------------------------
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        //region FUNCTION
+        //----------------------------------------------------------------------------------------------------
+        function disableContextMenu(event: MouseEvent) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+
+        function onCancel() {
+            props['onUpdate:kgIsVisible']?.(false);
+        }
+
+        function onOk() {
+            kgVar.kgSubmit.clickOk();
+        }
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        return () => (
+            <KgModal02
+                modelValue={props.kgIsVisible}
+                onUpdate:modelValue={(value) => props['onUpdate:kgIsVisible']?.(value)}
+                title={kg.t('新建环线输送线')}
+                width={'600px'}
+                destroyOnClose={true}
+                kgOkButtonProps={{}}
+                onCancel={onCancel}
+                onOk={onOk}
+            >
+                <KgVar02
+                    id={KG.FORM_ID__KG_SIMULATOR__MENU__SCENE__CREATE__CIRCULAR_CONVEYOR}
+                    kgBackgroundGray={false}
+                />
+            </KgModal02>
+        );
+    },
+});

package/component/KgSimulator/KgSimulator.Menu.Scene.Open.CircularConveyor.tsx

@@ -0,0 +1,214 @@
+import { defineComponent, ExtractPropTypes, PropType } from 'vue';
+import { VarButton, VarConfigDescription, VarDTO, VarGridConfig, VarGridDetail, VarGridMasterDTO, VarVariable } from '../../api/WMS/models';
+import { useKg } from '../../config';
+import { IKgVarGridConfigProperties, KG, KG__API_METHOD, KG__VAR_BUTTON__TYPE, KG__VAR_BUTTON_CONFIG__DISPLAY_TYPE } from '../../model';
+import { KgUtil } from '../../util';
+import { KgModal02 } from '../KgModal02';
+import { KgVar02, useKgVar } from '../KgVar';
+import { useKgSimulator } from './KgSimulator.hooks';
+
+export const getProps = () => ({
+    /**
+     * 是否打开弹窗.
+     */
+    kgIsVisible: {
+        type: Boolean as PropType<boolean>,
+        default: false,
+    },
+
+    'onUpdate:kgIsVisible': Function as PropType<(value: boolean) => void>,
+});
+
+export type KgSimulatorMenuSceneOpenCircularConveyorProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+
+/**
+ * 模拟器--菜单--场景--打开--环线输送线.
+ */
+export const KgSimulatorMenuSceneOpenCircularConveyor = defineComponent({
+    name: 'KgSimulatorMenuSceneOpenCircularConveyor',
+    props: getProps(),
+    setup(props) {
+        const kg = useKg();
+        const kgSimulator = useKgSimulator();
+        const kgVar = useKgVar(KG.FORM_ID__KG_SIMULATOR__MENU__SCENE__OPEN__CIRCULAR_CONVEYOR);
+        const $KgSimulatorPanelProperty$kgVar = useKgVar(KG.FORM_ID__KG_SIMULATOR__PANEL__PROPERTY);
+
+        kgVar.onBeforeRequest(async (param) => {
+            if (param.id === KG.FORM_ID__KG_SIMULATOR__MENU__SCENE__OPEN__CIRCULAR_CONVEYOR) {
+                param.mock = new VarDTO({
+                    varButtons: [
+                        new VarButton({
+                            available_flag: 1,
+                            cmd: kgSimulator.$Config$CircularConveyor$Api$RequestSceneList,
+                            cmd_method: KG__API_METHOD.POST,
+                            dis_mult_select_flg: 0,
+                            dis_no_select_flg: 0,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            show_success_message_flg: 0,
+                            srtseq: 1,
+                            typ: KG__VAR_BUTTON__TYPE.SEARCH,
+                            var_nam: KG__VAR_BUTTON__TYPE.SEARCH,
+                        }),
+                    ],
+                    varConfigDescriptions: [
+                        new VarConfigDescription({
+                            cust_lvl: 0,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            locale_id: 'zh_CN',
+                            var_nam: 'code',
+                            var_text: '编码',
+                        }),
+                        new VarConfigDescription({
+                            cust_lvl: 0,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            locale_id: 'zh_CN',
+                            var_nam: 'name',
+                            var_text: '名称',
+                        }),
+                        new VarConfigDescription({
+                            cust_lvl: 0,
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            locale_id: 'zh_CN',
+                            var_nam: 'description',
+                            var_text: '描述',
+                        }),
+                    ],
+                    varGridConfig: new VarGridConfig({
+                        aut_load_flg: 1,
+                        button_display_type: KG__VAR_BUTTON_CONFIG__DISPLAY_TYPE.DEFAULT,
+                        frm_id: kgVar.fid,
+                        id: KgUtil.uuid(),
+                        mult_flg: 0,
+                        pg_size_opt: 10,
+                        pg_size_opts: '[10,20,50]',
+                        props: JSON.stringify({ componentVersion: '02' } as IKgVarGridConfigProperties),
+                        show_bottom_left_flg: 0,
+                        show_bottom_right_flg: 0,
+                        available_flg: 1,
+                    }),
+                    varGridMasters: [
+                        new VarGridMasterDTO({
+                            cust_lvl: 0,
+                            def_flg: 1,
+                            frm_id: kgVar.fid,
+                            grd_var_nam: 'defaultGrid',
+                            id: KgUtil.uuid(),
+                            varGridDetails: [
+                                new VarGridDetail({
+                                    frm_id: kgVar.fid,
+                                    grd_var_nam: 'defaultGrid',
+                                    id: KgUtil.uuid(),
+                                    ord: -1,
+                                    ord_flg: 0,
+                                    srtseq: 1,
+                                    var_nam: 'code',
+                                    vis_flg: 1,
+                                    width: '160',
+                                }),
+                                new VarGridDetail({
+                                    frm_id: kgVar.fid,
+                                    grd_var_nam: 'defaultGrid',
+                                    id: KgUtil.uuid(),
+                                    ord: -1,
+                                    ord_flg: 0,
+                                    srtseq: 2,
+                                    var_nam: 'name',
+                                    vis_flg: 1,
+                                    width: '160',
+                                }),
+                                new VarGridDetail({
+                                    frm_id: kgVar.fid,
+                                    grd_var_nam: 'defaultGrid',
+                                    id: KgUtil.uuid(),
+                                    ord: -1,
+                                    ord_flg: 0,
+                                    srtseq: 3,
+                                    var_nam: 'description',
+                                    vis_flg: 1,
+                                    width: '',
+                                }),
+                            ],
+                        }),
+                    ],
+                    varVariables: [
+                        new VarVariable({
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            var_nam: 'name',
+                        }),
+                        new VarVariable({
+                            frm_id: kgVar.fid,
+                            id: KgUtil.uuid(),
+                            var_nam: 'description',
+                        }),
+                    ],
+                });
+            }
+
+            return false;
+        });
+
+        kgVar.kgTable02.onAfterRequestResponse(async ({ axiosResponse }) => {
+            axiosResponse.value = {
+                data: {
+                    code: 200,
+                    message: undefined,
+                    result: axiosResponse.value,
+                    success: true,
+                },
+            } as any;
+
+            return false;
+        });
+
+        //region DATA
+        //----------------------------------------------------------------------------------------------------
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        //region FUNCTION
+        //----------------------------------------------------------------------------------------------------
+        function disableContextMenu(event: MouseEvent) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+
+        function onCancel() {
+            props['onUpdate:kgIsVisible']?.(false);
+        }
+
+        /**
+         * 确认打开.
+         */
+        async function onOk() {
+            kgSimulator.openScene(kgVar.kgTable02.selectedData);
+            props['onUpdate:kgIsVisible']?.(false);
+        }
+        //----------------------------------------------------------------------------------------------------
+        //endregion
+
+        return () => (
+            <KgModal02
+                modelValue={props.kgIsVisible}
+                onUpdate:modelValue={(value) => props['onUpdate:kgIsVisible']?.(value)}
+                title={kg.t('环线输送线')}
+                width={'800px'}
+                destroyOnClose={true}
+                kgOkButtonProps={{
+                    disabled: kgVar.kgTable02.selectedDataList?.length !== 1,
+                }}
+                onCancel={onCancel}
+                onOk={onOk}
+            >
+                <KgVar02
+                    id={KG.FORM_ID__KG_SIMULATOR__MENU__SCENE__OPEN__CIRCULAR_CONVEYOR}
+                    kgBackgroundGray={false}
+                />
+            </KgModal02>
+        );
+    },
+});