import React, {memo, useEffect} from 'react';
import { Space } from 'antd';
import styles from './styles.less';
import {getPage} from "./services";
import {
    QxUserSelector
} from '@qx/common';
// @ts-ignore
import {request} from '../../utils/request';

const prefixCls = 'test-view';

const TestView: React.FC<AppViewProps> = (props) => {
    // 测试 stt-测试应用-测试百分比组件表单
    const appCode = 'nv32y';
    const funCode = '0rra0';
    const viewCode = 'all';
    const moduleData =
        // @ts-ignore
        window?.parent?.qx?.getModuleData()?.menus ||
        // @ts-ignore
        window?.qx?.getModuleData()?.menus ||
        [];
    const appId =
        moduleData?.find((obj: any) => obj?.appCode === appCode)?.appId || '';

    useEffect(() => {
        const _params = {
            appId: appId,
            _code: `${appCode}_index_app`,
            viewType: 'list',
            viewCode: 'all',
            _$search_: true,
            _filter: '',
            _include: true,
            collapseStatus: true,
            pageSize: 10,
        };
        getPage(appCode, funCode, viewCode, _params)
            .then((res: any) => {
                console.log('res', res)
            })
            .catch((e: any) => {
                console.log('e', e)
            });
    }, [])


    return (
    <div className={styles[prefixCls]}>
      <Space direction="vertical" size={20}>
        <div>test-2</div>
          {/*@ts-ignore*/}
          {/*<QxUserSelector request={request} onchange={(ids: any) => {*/}
          {/*    console.log('ids', ids)*/}
          {/*}}/>*/}
      </Space>
    </div>
  );
};

interface AppViewProps {}

export default memo(TestView);