kevisual/kevisual-center-v1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add Login and fix res error

Browse Source
This commit is contained in:
熊潇
2024-09-29 01:40:51 +08:00
parent 77485b34c0
commit 029710f31c
18 changed files with 178 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/pages/container/edit/List.tsx
View File

@@ -1,4 +1,4 @@
import { Button, Input, message, Modal, Table } from 'antd';
import { Button, Input, message, Modal, Select, Table, Tooltip } from 'antd';
import { Fragment, useEffect, useMemo, useState } from 'react';
import { TextArea } from '../components/TextArea';
import { useContainerStore } from '../store';
@@ -6,9 +6,10 @@ import { useShallow } from 'zustand/react/shallow';
import { Form } from 'antd';
import copy from 'copy-to-clipboard';
import { useNavigate } from 'react-router';
import { EditOutlined, SettingOutlined, LinkOutlined, SaveOutlined, DeleteOutlined, LeftOutlined } from '@ant-design/icons';
import { EditOutlined, SettingOutlined, LinkOutlined, SaveOutlined, DeleteOutlined, LeftOutlined, MessageOutlined } from '@ant-design/icons';
import clsx from 'clsx';
import { isObjectNull } from '@/utils/is-null';
import { CardBlank } from '@/components/card/CardBlank';
const FormModal = () => {
const [form] = Form.useForm();
const containerStore = useContainerStore(
@@ -67,6 +68,9 @@ const FormModal = () => {
<Form.Item name='description' label='description'>
<Input.TextArea rows={4} />
</Form.Item>
<Form.Item name='tags' label='tags'>
<Select mode='tags' />
</Form.Item>
<Form.Item name='code' label='code'>
<TextArea />
</Form.Item>
@@ -128,13 +132,14 @@ export const ContainerList = () => {
}}>
<div className='px-4 cursor-pointer'>
<div
className='font-bold'
className='font-bold flex items-center'
onClick={(e) => {
copy(item.code);
e.stopPropagation();
message.success('copy code success');
}}>
{item.title || '-'}
<div className='font-thin card-key ml-3 text-xs'>{item.tags ? item.tags.join(', ') : ''}</div>
</div>
<div className='font-light text-xs mt-2'>{item.description ? item.description : '-'}</div>
</div>
@@ -171,9 +176,7 @@ export const ContainerList = () => {
</Fragment>
);
})}
{new Array(4).fill(0).map((_, index) => {
return <div key={index} className='w-[400px]'></div>;
})}
<CardBlank className='w-[400px]' />
{containerStore.list.length == 0 && (
<div className='text-center' key={'no-data'}>
No Data
@@ -184,18 +187,33 @@ export const ContainerList = () => {
<div className={clsx('bg-gray-100 border-l border-bg-slate-300 w-[600px] flex-shrink-0', !codeEdit && 'hidden')}>
<div className='bg-white p-2'>
<div className='mt-2 ml-2 flex gap-2'>
<Button
onClick={() => {
setCodeEdit(false);
containerStore.setFormData({});
}}
icon={<LeftOutlined />}></Button>
<Button
onClick={() => {
console.log('save', containerStore.formData);
containerStore.updateData({ ...containerStore.formData, code });
}}
icon={<SaveOutlined />}></Button>
<Tooltip title='返回'>
<Button
onClick={() => {
setCodeEdit(false);
containerStore.setFormData({});
}}
icon={<LeftOutlined />}></Button>
</Tooltip>
<Tooltip title='保存'>
<Button
onClick={() => {
console.log('save', containerStore.formData);
containerStore.updateData({ ...containerStore.formData, code });
}}
icon={<SaveOutlined />}></Button>
</Tooltip>
<Tooltip title='预览'>
<Button
onClick={(e) => {
// navicate('/container/preview/' + item.id);
e.stopPropagation();
}}
icon={<LinkOutlined />}></Button>
</Tooltip>
<Tooltip title='ai编程'>
<Button onClick={(e) => {}} icon={<MessageOutlined />}></Button>
</Tooltip>
</div>
</div>
<div className='h-[94%] p-2 rounded-2 shadow-sm'>

6
src/pages/container/preview/index.tsx
View File

@@ -80,7 +80,7 @@ export const Preview = () => {
};
init([code]);
} else {
message.error(res.msg || 'Failed to fetch data');
message.error(res.message || 'Failed to fetch data');
}
};
const refresh = (data: any) => {
@@ -131,7 +131,7 @@ export const PreviewWrapper = () => {
fetch();
}, []);
const fetch = async () => {
const res = await query.post({
const res = await query.post<any, any>({
path: 'container',
key: 'get',
id,
@@ -149,7 +149,7 @@ export const PreviewWrapper = () => {
};
init([code]);
} else {
message.error(res.msg || 'Failed to fetch data');
message.error(res.message || 'Failed to fetch data');
}
};
const refresh = (data: any) => {

8
src/pages/container/store/index.ts
View File

@@ -34,7 +34,7 @@ export const useContainerStore = create<ContainerStore>((set, get) => {
if (res.code === 200) {
set({ list: res.data });
} else {
message.error(res.msg || 'Request failed');
message.error(res.message || 'Request failed');
}
},
updateData: async (data) => {
@@ -49,7 +49,7 @@ export const useContainerStore = create<ContainerStore>((set, get) => {
set({ showEdit: false, formData: [] });
getList();
} else {
message.error(res.msg || 'Request failed');
message.error(res.message || 'Request failed');
}
},
deleteData: async (id) => {
@@ -63,7 +63,7 @@ export const useContainerStore = create<ContainerStore>((set, get) => {
getList();
message.success('Success');
} else {
message.error(res.msg || 'Request failed');
message.error(res.message || 'Request failed');
}
},
publishData: async (data) => {
@@ -87,7 +87,7 @@ export const useContainerStore = create<ContainerStore>((set, get) => {
if (res.code === 200) {
message.success('Success');
} else {
message.error(res.msg || 'Request failed');
message.error(res.message || 'Request failed');
}
},
};