# Owl Admin Start

- Laravel 10.x
- slowlyo/owl-admin
- tucker-eric/eloquentfilter

## 修改前端文件

### resources\admin-views\src\pages\amis\index.tsx

自定义登录页面, 删除高度 `20px` 的 `div`

```tsx
return (
        <>
            <Spin loading={initPage.loading}
                  dot
                  size={8}
                  className="w-full"
                  style={{minHeight: initPage.loading ? "500px" : ""}}>
                <AmisRender schema={schema}/>
            </Spin>
            {(settings.footer && !initPage.loading) && <Footer/>}
        </>
    )
```

### resources\admin-views\src\components\AmisRender\CustomComponents\components\WangEditor\index.tsx

WangEditor 编辑器上传图片时, 把登录授权的 `token` 带上

```tsx
// 编辑器配置
const editorConfig: Partial<IEditorConfig> = {
    placeholder: props.placeholder,
    readOnly: props.disabled || props.static,
    autoFocus: props.autoFocus,
    maxLength: props.maxLength,
    MENU_CONF: {
        uploadImage: {
            server: props.uploadImageServer,
            maxFileSize: props.uploadImageMaxSize || (1024 * 1024 * 2),
            maxNumberOfFiles: props.uploadImageMaxNumber || 100,
            headers: {
                Authorization: `Bearer ${token}`
            }
        },
        uploadVideo: {
            server: props.uploadVideoServer,
            maxFileSize: props.uploadVideoMaxSize || (1024 * 1024 * 10),
            maxNumberOfFiles: props.uploadVideoMaxNumber || 10,
        }
    }
}
```

### resources\admin-views\src\pages\login\form.tsx

自定义登录页面, 重复请求接口 `admin-api/captcha` 获取图形验证码

```tsx
// 读取 localStorage, 设置初始值
useEffect(() => {
    const rememberPassword = !!loginParams
    setRememberPassword(rememberPassword)
    if (formRef.current && rememberPassword) {
        const parseParams = JSON.parse(decodeURIComponent(window.atob(loginParams)))
        formRef.current.setFieldsValue(parseParams)
    }

    // if (appSettings.login_captcha) {
    //     getCaptcha.run()
    // }
}, [loginParams])
```