Merge pull request #12 from FatttSnake/refactor/tool-management

Fixed some UI issues

README.md

@@ -24,6 +24,7 @@ This project is a front-end web UI of Oxygen Toolbox and needs to be used with t
 # Requires
 
 - Web Server (e.g. Nginx, Apache httpd)
+- [API of Oxygen Toolbox](https://github.com/FatttSnake/oxygen-api) (v1.0.0 and later versions)
 
 # Related projects
 

README_zh.md

@@ -24,6 +24,7 @@
 # 环境要求
 
 - Web 服务器（如 Nginx, Apache httpd）
+- [API of Oxygen Toolbox](https://github.com/FatttSnake/oxygen-api) (v1.0.0 及更高版本)
 
 # 关联项目
 

src/assets/css/pages/system/tools/base.scss

@@ -38,6 +38,7 @@
       opacity: 0.6;
       box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
       cursor: pointer;
+      z-index: 1000;
     }
   }
 }

src/assets/css/pages/system/tools/template.scss

@@ -38,6 +38,7 @@
       opacity: 0.6;
       box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
       cursor: pointer;
+      z-index: 1000;
     }
   }
 }

src/pages/System/Tools/Base.tsx

@@ -169,18 +169,18 @@ const Base = () => {
                     )}
                 </>
             ),
-            width: '12em',
+            width: '14em',
             align: 'center',
             render: (_, record) => (
                 <>
                     <AntdSpace size={'middle'}>
-                        {!record.compiled && !Object.keys(hasEdited).length && (
+                        {!Object.keys(hasEdited).length && (
                             <Permission operationCode={['system:tool:modify:base']}>
                                 <a
                                     style={{ color: COLOR_PRODUCTION }}
                                     onClick={handleOnCompileBtnClick(record)}
                                 >
-                                    编译
+                                    {record.compiled ? '重新编译' : '编译'}
                                 </a>
                             </Permission>
                         )}
@@ -304,7 +304,10 @@ const Base = () => {
                                                         ![
                                                             IMPORT_MAP_FILE_NAME,
                                                             TS_CONFIG_FILE_NAME
-                                                        ].includes(value)
+                                                        ].includes(value) &&
+                                                        !value.endsWith('.d.ts') &&
+                                                        !value.endsWith('.css') &&
+                                                        !value.endsWith('.json')
                                                 )
                                                 .map((value) => ({ value, label: value }))}
                                             placeholder={'请选择入口文件'}

src/pages/System/Tools/index.tsx

@@ -219,7 +219,7 @@ const Tools = () => {
                         <AntdForm.Item
                             name={'pass'}
                             style={{ marginTop: 10 }}
-                            rules={[{ required: true }]}
+                            rules={[{ required: true, message: '请选择审核结果' }]}
                         >
                             <AntdRadio.Group>
                                 <AntdRadio value={true}>通过</AntdRadio>