nili
3 years ago
32 changed files with 848 additions and 142 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||||
|
(self.webpackChunkant_design_pro=self.webpackChunkant_design_pro||[]).push([[507],{61173:function(C,f,t){"use strict";t.r(f);var B=t(57663),D=t(71577),U=t(62350),P=t(75443),h=t(3182),o=t(11849),v=t(93224),A=t(402),I=t(61859),M=t(94043),u=t.n(M),T=t(79667),y=t(97830),c=t(26697),R=t(39750),g=t(67294),O=t(579),n=t(85893),j=[{dataIndex:"id",title:"id",width:"10%"},{title:"\u91D1\u53E5",dataIndex:"content",hideInSearch:!0,width:"30%"},{title:"\u8BD7\u8BCD\u6807\u9898",dataIndex:"title",ellipsis:!0,hideInSearch:!0,render:function(_,e){return(0,n.jsx)(I.Z.Link,{target:"_blank",href:"/poem?id="+e.originId,children:e.title})}},{title:"\u4F5C\u8005",dataIndex:"authorName",ellipsis:!0,hideInSearch:!0,render:function(_,e){return(0,n.jsx)(I.Z.Link,{target:"_blank",href:"/author?id="+e.authorId,children:e.authorName})}},{title:"\u4F5C\u8005",dataIndex:"authorId",hideInTable:!0,renderFormItem:function(_,e){var d=e.type,r=e.defaultRender,s=(0,v.Z)(e,["type","defaultRender"]);return(0,n.jsx)(T.Z,(0,o.Z)({},s))}},{title:"\u8BD7\u8BCD",dataIndex:"originId",hideInTable:!0,renderFormItem:function(_,e){var d=e.type,r=e.defaultRender,s=(0,v.Z)(e,["type","defaultRender"]);return(0,n.jsx)(y.Z,(0,o.Z)({},s))}},{title:"\u72B6\u6001",dataIndex:"status",valueType:"select",valueEnum:{0:{text:"\u672A\u6821\u51C6",status:"Error"},1:{text:"\u5DF2\u6821\u51C6",status:"Success"}}},{title:"\u64CD\u4F5C",valueType:"option",key:"option",render:function(_,e,d,r){return[(0,n.jsx)(O.Z,{verseId:e.id,formTitle:e.title||"\u7F16\u8F91",trigger:(0,n.jsx)("a",{href:"#",children:"\u7F16\u8F91"}),refresh:function(){return r==null?void 0:r.reload()}},e.id),(0,n.jsx)(P.Z,{title:"\u786E\u5B9A\u5220\u9664\u5417?",onConfirm:(0,h.Z)(u().mark(function s(){return u().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,(0,c.px)({id:e.id,status:-1});case 2:r==null||r.reload();case 3:case"end":return a.stop()}},s)})),okText:"Yes",cancelText:"No",children:(0,n.jsx)("a",{href:"#",children:"\u5220\u9664"})},"delete"+e.id),(0,n.jsx)(P.Z,{title:"\u786E\u5B9A\u6807\u8BB0\u5417?",onConfirm:(0,h.Z)(u().mark(function s(){return u().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,(0,c.px)({id:e.id,status:e.status==0?1:0});case 2:r==null||r.reload();case 3:case"end":return a.stop()}},s)})),okText:"Yes",cancelText:"No",children:(0,n.jsx)("a",{href:"#",children:e.status==0?"\u6821\u51C6":"\u53D6\u6D88\u6821\u51C6"})},"mark_"+e.id)]}}];f.default=function(){var i=(0,g.useRef)();return(0,n.jsx)(R.ZP,{columns:j,actionRef:i,cardBordered:!0,request:(0,h.Z)(u().mark(function _(){var e,d,r,s,m,a,p=arguments;return u().wrap(function(l){for(;;)switch(l.prev=l.next){case 0:return r=p.length>0&&p[0]!==void 0?p[0]:{},s=[],m=["id","authorId","status","originId"],Object.keys(r).forEach(function(E){m.includes(E)&&r[E]&&s.push({key:E,val:r[E]})}),l.next=6,(0,c.c)({current:r.current,pageSize:r.pageSize,query:s});case 6:return a=l.sent,l.abrupt("return",{data:(e=a.data)===null||e===void 0?void 0:e.list,total:(d=a.data)===null||d===void 0?void 0:d.total});case 8:case"end":return l.stop()}},_)})),columnsState:{persistenceKey:"pro-table-singe-demos",persistenceType:"localStorage"},rowKey:"id",search:{labelWidth:"auto"},pagination:{pageSize:20},form:{syncToUrl:function(e,d){return d==="get"?(0,o.Z)((0,o.Z)({},e),{},{created_at:[e.startTime,e.endTime]}):e}},headerTitle:"\u5217\u8868",dateFormatter:"string",toolBarRender:function(){return[(0,n.jsx)(O.Z,{trigger:(0,n.jsx)(D.Z,{type:"primary",children:"\u7F16\u8F91"}),formTitle:"\u521B\u5EFA"},"new")]}})}}}]); |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,254 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8" /> |
||||
|
<meta name="theme-color" content="#1890ff" /> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
||||
|
<meta |
||||
|
name="keywords" |
||||
|
content="antd,umi,umijs,ant design,Scaffolding, layout, Ant Design, project, Pro, admin, console, homepage, out-of-the-box, middle and back office, solution, component library" |
||||
|
/> |
||||
|
<meta |
||||
|
name="description" |
||||
|
content=" |
||||
|
An out-of-box UI solution for enterprise applications as a React boilerplate." |
||||
|
/> |
||||
|
<meta |
||||
|
name="description" |
||||
|
content=" |
||||
|
Out-of-the-box mid-stage front-end/design solution." |
||||
|
/> |
||||
|
<meta |
||||
|
name="viewport" |
||||
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" |
||||
|
/> |
||||
|
<title>Ant Design Pro</title> |
||||
|
<link rel="icon" href="/favicon.ico" type="image/x-icon" /> |
||||
|
<link rel="stylesheet" href="/umi.3237de05.css" /> |
||||
|
<script> |
||||
|
window.routerBase = "/"; |
||||
|
</script> |
||||
|
<script> |
||||
|
//! umi version: 3.5.21 |
||||
|
</script> |
||||
|
</head> |
||||
|
<body> |
||||
|
<noscript> |
||||
|
<div class="noscript-container"> |
||||
|
Hi there! Please |
||||
|
<div class="noscript-enableJS"> |
||||
|
<a |
||||
|
href="https://www.enablejavascript.io/en" |
||||
|
target="_blank" |
||||
|
rel="noopener noreferrer" |
||||
|
> |
||||
|
<b>enable Javascript</b> |
||||
|
</a> |
||||
|
</div> |
||||
|
in your browser to use Ant Design, Out-of-the-box mid-stage front/design |
||||
|
solution! |
||||
|
</div> |
||||
|
</noscript> |
||||
|
<div id="root"> |
||||
|
<style> |
||||
|
html, |
||||
|
body, |
||||
|
#root { |
||||
|
height: 100%; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
} |
||||
|
#root { |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: 100% auto; |
||||
|
} |
||||
|
.noscript-container { |
||||
|
display: flex; |
||||
|
align-content: center; |
||||
|
justify-content: center; |
||||
|
margin-top: 90px; |
||||
|
font-size: 20px; |
||||
|
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", |
||||
|
"Lucida Sans Unicode", Geneva, Verdana, sans-serif; |
||||
|
} |
||||
|
.noscript-enableJS { |
||||
|
padding-right: 3px; |
||||
|
padding-left: 3px; |
||||
|
} |
||||
|
.page-loading-warp { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
padding: 98px; |
||||
|
} |
||||
|
.ant-spin { |
||||
|
position: absolute; |
||||
|
display: none; |
||||
|
-webkit-box-sizing: border-box; |
||||
|
box-sizing: border-box; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
color: rgba(0, 0, 0, 0.65); |
||||
|
color: #1890ff; |
||||
|
font-size: 14px; |
||||
|
font-variant: tabular-nums; |
||||
|
line-height: 1.5; |
||||
|
text-align: center; |
||||
|
list-style: none; |
||||
|
opacity: 0; |
||||
|
-webkit-transition: -webkit-transform 0.3s |
||||
|
cubic-bezier(0.78, 0.14, 0.15, 0.86); |
||||
|
transition: -webkit-transform 0.3s |
||||
|
cubic-bezier(0.78, 0.14, 0.15, 0.86); |
||||
|
transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); |
||||
|
transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), |
||||
|
-webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); |
||||
|
-webkit-font-feature-settings: "tnum"; |
||||
|
font-feature-settings: "tnum"; |
||||
|
} |
||||
|
|
||||
|
.ant-spin-spinning { |
||||
|
position: static; |
||||
|
display: inline-block; |
||||
|
opacity: 1; |
||||
|
} |
||||
|
|
||||
|
.ant-spin-dot { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
|
||||
|
.ant-spin-dot-item { |
||||
|
position: absolute; |
||||
|
display: block; |
||||
|
width: 9px; |
||||
|
height: 9px; |
||||
|
background-color: #1890ff; |
||||
|
border-radius: 100%; |
||||
|
-webkit-transform: scale(0.75); |
||||
|
-ms-transform: scale(0.75); |
||||
|
transform: scale(0.75); |
||||
|
-webkit-transform-origin: 50% 50%; |
||||
|
-ms-transform-origin: 50% 50%; |
||||
|
transform-origin: 50% 50%; |
||||
|
opacity: 0.3; |
||||
|
-webkit-animation: antspinmove 1s infinite linear alternate; |
||||
|
animation: antSpinMove 1s infinite linear alternate; |
||||
|
} |
||||
|
|
||||
|
.ant-spin-dot-item:nth-child(1) { |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
} |
||||
|
|
||||
|
.ant-spin-dot-item:nth-child(2) { |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
-webkit-animation-delay: 0.4s; |
||||
|
animation-delay: 0.4s; |
||||
|
} |
||||
|
|
||||
|
.ant-spin-dot-item:nth-child(3) { |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
-webkit-animation-delay: 0.8s; |
||||
|
animation-delay: 0.8s; |
||||
|
} |
||||
|
|
||||
|
.ant-spin-dot-item:nth-child(4) { |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
-webkit-animation-delay: 1.2s; |
||||
|
animation-delay: 1.2s; |
||||
|
} |
||||
|
|
||||
|
.ant-spin-dot-spin { |
||||
|
-webkit-transform: rotate(45deg); |
||||
|
-ms-transform: rotate(45deg); |
||||
|
transform: rotate(45deg); |
||||
|
-webkit-animation: antrotate 1.2s infinite linear; |
||||
|
animation: antRotate 1.2s infinite linear; |
||||
|
} |
||||
|
|
||||
|
.ant-spin-lg .ant-spin-dot { |
||||
|
width: 32px; |
||||
|
height: 32px; |
||||
|
font-size: 32px; |
||||
|
} |
||||
|
|
||||
|
.ant-spin-lg .ant-spin-dot i { |
||||
|
width: 14px; |
||||
|
height: 14px; |
||||
|
} |
||||
|
|
||||
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { |
||||
|
.ant-spin-blur { |
||||
|
background: #fff; |
||||
|
opacity: 0.5; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@-webkit-keyframes antSpinMove { |
||||
|
to { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@keyframes antSpinMove { |
||||
|
to { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@-webkit-keyframes antRotate { |
||||
|
to { |
||||
|
-webkit-transform: rotate(405deg); |
||||
|
transform: rotate(405deg); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@keyframes antRotate { |
||||
|
to { |
||||
|
-webkit-transform: rotate(405deg); |
||||
|
transform: rotate(405deg); |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
<div |
||||
|
style=" |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
height: 100%; |
||||
|
min-height: 420px; |
||||
|
" |
||||
|
> |
||||
|
<img src="/pro_icon.svg" alt="logo" width="256" /> |
||||
|
<div class="page-loading-warp"> |
||||
|
<div class="ant-spin ant-spin-lg ant-spin-spinning"> |
||||
|
<span class="ant-spin-dot ant-spin-dot-spin" |
||||
|
><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i |
||||
|
><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i |
||||
|
></span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div |
||||
|
style="display: flex; align-items: center; justify-content: center" |
||||
|
> |
||||
|
<img |
||||
|
src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" |
||||
|
width="32" |
||||
|
style="margin-right: 8px" |
||||
|
/> |
||||
|
Ant Design |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<script src="/umi.bef416f0.js"></script> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,53 @@ |
|||||
|
import { poemDetailUsingGET, seekPoemUsingGET } from '@/services/luigi/poem'; |
||||
|
import React from 'react'; |
||||
|
|
||||
|
import DebounceSelect from './DebunceSelect'; |
||||
|
|
||||
|
import type { ValueType } from './DebunceSelect'; |
||||
|
const PoemSelect: React.FC<{ |
||||
|
value?: number; |
||||
|
onChange?: (value: ValueType) => void; |
||||
|
}> = (props) => { |
||||
|
const [initOption, setInitOption] = React.useState(); |
||||
|
React.useEffect(() => { |
||||
|
if (!props.value) { |
||||
|
return; |
||||
|
} |
||||
|
const fetch = async () => { |
||||
|
const response = await poemDetailUsingGET({ id: props.value }); |
||||
|
const option: ValueType = { |
||||
|
key: response.data?.id, |
||||
|
label: response.data?.title, |
||||
|
value: response.data?.id, |
||||
|
}; |
||||
|
setInitOption(option); |
||||
|
}; |
||||
|
fetch(); |
||||
|
}, [props.value]); |
||||
|
if (props.value && !initOption) { |
||||
|
return null; |
||||
|
} |
||||
|
return ( |
||||
|
<DebounceSelect |
||||
|
initOption={initOption} |
||||
|
fetchOptions={async (query) => { |
||||
|
const response = await seekPoemUsingGET({ |
||||
|
title: query, |
||||
|
}); |
||||
|
if (response.data?.list) { |
||||
|
return response.data.list?.map((poem) => { |
||||
|
const data: ValueType = { label: poem.title, value: poem.id, key: poem.id }; |
||||
|
return data; |
||||
|
}); |
||||
|
} |
||||
|
return undefined; |
||||
|
}} |
||||
|
onChange={props.onChange} |
||||
|
style={{ |
||||
|
width: '100%', |
||||
|
}} |
||||
|
/> |
||||
|
); |
||||
|
}; |
||||
|
|
||||
|
export default PoemSelect; |
||||
@ -0,0 +1,34 @@ |
|||||
|
import { poemDetailUsingGET } from '@/services/luigi/poem'; |
||||
|
import { Card } from 'antd'; |
||||
|
import React from 'react'; |
||||
|
|
||||
|
const PoemCard: React.FC<{ |
||||
|
poemId?: number; |
||||
|
}> = (props) => { |
||||
|
const [poem, setPoem] = React.useState<API.PoemBo>(); |
||||
|
React.useEffect(() => { |
||||
|
if (!props.poemId) { |
||||
|
return; |
||||
|
} |
||||
|
const fetch = async () => { |
||||
|
const response = await poemDetailUsingGET({ id: props.poemId }); |
||||
|
setPoem(response.data); |
||||
|
}; |
||||
|
fetch(); |
||||
|
}, [props.poemId]); |
||||
|
if (!props.poemId || !poem) { |
||||
|
return null; |
||||
|
} |
||||
|
return ( |
||||
|
<Card |
||||
|
size="small" |
||||
|
title={poem?.title} |
||||
|
style={{ margin: '0 auto 20px', width: '50%', textAlign: 'center' }} |
||||
|
extra={poem.authorName} |
||||
|
> |
||||
|
<p style={{ whiteSpace: 'break-spaces' }}>{poem?.content}</p> |
||||
|
</Card> |
||||
|
); |
||||
|
}; |
||||
|
|
||||
|
export default PoemCard; |
||||
@ -0,0 +1,73 @@ |
|||||
|
import PoemSelect from '@/components/PoemSelect'; |
||||
|
import PoemCard from '@/pages/PoemPage/components/PoemCard'; |
||||
|
import { getVerseByIdUsingGET, saveVerseUsingPOST } from '@/services/luigi/verse'; |
||||
|
import { DrawerForm, ProFormDependency, ProFormTextArea } from '@ant-design/pro-form'; |
||||
|
import { Button, Form, message } from 'antd'; |
||||
|
import React, { ReactNode, useRef } from 'react'; |
||||
|
|
||||
|
import type { ProFormInstance } from '@ant-design/pro-form'; |
||||
|
const VerseForm: React.FC<{ |
||||
|
trigger: JSX.Element; |
||||
|
formTitle: string; |
||||
|
verseId?: number; |
||||
|
originId?: number; |
||||
|
refresh?: () => void; |
||||
|
}> = (props) => { |
||||
|
const formRef = useRef<ProFormInstance<API.Verse>>(); |
||||
|
|
||||
|
return ( |
||||
|
<div> |
||||
|
<DrawerForm<API.Verse> |
||||
|
title={props.formTitle} |
||||
|
formRef={formRef} |
||||
|
layout="horizontal" |
||||
|
trigger={props.trigger} |
||||
|
autoFocusFirstInput |
||||
|
drawerProps={{ |
||||
|
destroyOnClose: true, |
||||
|
}} |
||||
|
onVisibleChange={async (visible: boolean) => { |
||||
|
if (!visible) { |
||||
|
return; |
||||
|
} |
||||
|
if (!props.verseId) { |
||||
|
return; |
||||
|
} |
||||
|
const response = await getVerseByIdUsingGET({ id: props.verseId }); |
||||
|
if (response.data) { |
||||
|
formRef.current?.setFieldsValue(response.data); |
||||
|
} |
||||
|
}} |
||||
|
onFinish={async (values) => { |
||||
|
const rsp = await saveVerseUsingPOST({ ...values, id: props.verseId }); |
||||
|
if (rsp.code) { |
||||
|
message.success('提交成功'); |
||||
|
if (props.refresh) { |
||||
|
props.refresh(); |
||||
|
} |
||||
|
return true; |
||||
|
} |
||||
|
return false; |
||||
|
}} |
||||
|
> |
||||
|
<ProFormDependency name={['originId']}> |
||||
|
{({ originId }) => { |
||||
|
return <PoemCard poemId={props.originId || originId} />; |
||||
|
}} |
||||
|
</ProFormDependency> |
||||
|
<Form.Item |
||||
|
initialValue={props.originId} |
||||
|
style={{ width: '40%' }} |
||||
|
label="诗词" |
||||
|
name="originId" |
||||
|
shouldUpdate |
||||
|
> |
||||
|
<PoemSelect /> |
||||
|
</Form.Item> |
||||
|
<ProFormTextArea width="md" name="content" label="金句" placeholder="请输入" /> |
||||
|
</DrawerForm> |
||||
|
</div> |
||||
|
); |
||||
|
}; |
||||
|
|
||||
|
export default VerseForm; |
||||
@ -0,0 +1,174 @@ |
|||||
|
import AuthorSelect from '@/components/AuthorSelect'; |
||||
|
import PoemSelect from '@/components/PoemSelect'; |
||||
|
import { saveVerseUsingPOST, verseListUsingPOST } from '@/services/luigi/verse'; |
||||
|
import ProTable from '@ant-design/pro-table'; |
||||
|
import { Button, Popconfirm, Typography } from 'antd'; |
||||
|
import React, { useRef } from 'react'; |
||||
|
|
||||
|
import VerseForm from './components/VerseForm'; |
||||
|
|
||||
|
import type { ProColumns, ActionType } from '@ant-design/pro-table'; |
||||
|
const columns: ProColumns<API.PoemBo>[] = [ |
||||
|
{ |
||||
|
dataIndex: 'id', |
||||
|
title: 'id', |
||||
|
width: '10%', |
||||
|
}, |
||||
|
{ |
||||
|
title: '金句', |
||||
|
dataIndex: 'content', |
||||
|
hideInSearch: true, |
||||
|
width: '30%', |
||||
|
}, |
||||
|
{ |
||||
|
title: '诗词标题', |
||||
|
dataIndex: 'title', |
||||
|
ellipsis: true, |
||||
|
hideInSearch: true, |
||||
|
render: (item, record) => { |
||||
|
return ( |
||||
|
<Typography.Link target="_blank" href={'/poem?id=' + record.originId}> |
||||
|
{record.title} |
||||
|
</Typography.Link> |
||||
|
); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
title: '作者', |
||||
|
dataIndex: 'authorName', |
||||
|
ellipsis: true, |
||||
|
hideInSearch: true, |
||||
|
render: (item, record) => { |
||||
|
return ( |
||||
|
<Typography.Link target="_blank" href={'/author?id=' + record.authorId}> |
||||
|
{record.authorName} |
||||
|
</Typography.Link> |
||||
|
); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
title: '作者', |
||||
|
dataIndex: 'authorId', |
||||
|
hideInTable: true, |
||||
|
renderFormItem: (item, { type, defaultRender, ...rest }) => { |
||||
|
return <AuthorSelect {...rest} />; |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
title: '诗词', |
||||
|
dataIndex: 'originId', |
||||
|
hideInTable: true, |
||||
|
renderFormItem: (item, { type, defaultRender, ...rest }) => { |
||||
|
return <PoemSelect {...rest} />; |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
title: '状态', |
||||
|
dataIndex: 'status', |
||||
|
valueType: 'select', |
||||
|
valueEnum: { |
||||
|
0: { |
||||
|
text: '未校准', |
||||
|
status: 'Error', |
||||
|
}, |
||||
|
1: { |
||||
|
text: '已校准', |
||||
|
status: 'Success', |
||||
|
}, |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
title: '操作', |
||||
|
valueType: 'option', |
||||
|
key: 'option', |
||||
|
render: (text, record, _, action) => [ |
||||
|
<VerseForm |
||||
|
key={record.id} |
||||
|
verseId={record.id} |
||||
|
formTitle={record.title || '编辑'} |
||||
|
trigger={<a href="#">编辑</a>} |
||||
|
refresh={() => action?.reload()} |
||||
|
/>, |
||||
|
<Popconfirm |
||||
|
title="确定删除吗?" |
||||
|
key={'delete' + record.id} |
||||
|
onConfirm={async () => { |
||||
|
await saveVerseUsingPOST({ id: record.id, status: -1 }); |
||||
|
action?.reload(); |
||||
|
}} |
||||
|
okText="Yes" |
||||
|
cancelText="No" |
||||
|
> |
||||
|
<a href="#">删除</a> |
||||
|
</Popconfirm>, |
||||
|
<Popconfirm |
||||
|
title="确定标记吗?" |
||||
|
key={'mark_' + record.id} |
||||
|
onConfirm={async () => { |
||||
|
await saveVerseUsingPOST({ id: record.id, status: record.status == 0 ? 1 : 0 }); |
||||
|
action?.reload(); |
||||
|
}} |
||||
|
okText="Yes" |
||||
|
cancelText="No" |
||||
|
> |
||||
|
<a href="#">{record.status == 0 ? '校准' : '取消校准'}</a> |
||||
|
</Popconfirm>, |
||||
|
], |
||||
|
}, |
||||
|
]; |
||||
|
|
||||
|
export default () => { |
||||
|
const actionRef = useRef<ActionType>(); |
||||
|
|
||||
|
return ( |
||||
|
<ProTable<API.PoemBo> |
||||
|
columns={columns} |
||||
|
actionRef={actionRef} |
||||
|
cardBordered |
||||
|
request={async (params = {}) => { |
||||
|
const query: API.QueryParam[] = []; |
||||
|
const allowedKey = ['id', 'authorId', 'status', 'originId']; |
||||
|
Object.keys(params).forEach((x) => { |
||||
|
if (allowedKey.includes(x) && params[x]) { |
||||
|
query.push({ key: x, val: params[x] }); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
const response = await verseListUsingPOST({ |
||||
|
current: params.current, |
||||
|
pageSize: params.pageSize, |
||||
|
query: query, |
||||
|
}); |
||||
|
return { data: response.data?.list, total: response.data?.total }; |
||||
|
}} |
||||
|
columnsState={{ |
||||
|
persistenceKey: 'pro-table-singe-demos', |
||||
|
persistenceType: 'localStorage', |
||||
|
}} |
||||
|
rowKey="id" |
||||
|
search={{ |
||||
|
labelWidth: 'auto', |
||||
|
}} |
||||
|
pagination={{ |
||||
|
pageSize: 20, |
||||
|
}} |
||||
|
form={{ |
||||
|
// 由于配置了 transform，提交的参与与定义的不同这里需要转化一下
|
||||
|
syncToUrl: (values, type) => { |
||||
|
if (type === 'get') { |
||||
|
return { |
||||
|
...values, |
||||
|
created_at: [values.startTime, values.endTime], |
||||
|
}; |
||||
|
} |
||||
|
return values; |
||||
|
}, |
||||
|
}} |
||||
|
headerTitle="列表" |
||||
|
dateFormatter="string" |
||||
|
toolBarRender={() => [ |
||||
|
<VerseForm key="new" trigger={<Button type="primary">编辑</Button>} formTitle="创建" />, |
||||
|
]} |
||||
|
/> |
||||
|
); |
||||
|
}; |
||||
@ -0,0 +1,45 @@ |
|||||
|
// @ts-ignore
|
||||
|
/* eslint-disable */ |
||||
|
import { request } from 'umi'; |
||||
|
|
||||
|
/** getVerseById GET /api/luigi/verse/get */ |
||||
|
export async function getVerseByIdUsingGET( |
||||
|
// 叠加生成的Param类型 (非body参数swagger默认没有生成对象)
|
||||
|
params: API.getVerseByIdUsingGETParams, |
||||
|
options?: { [key: string]: any }, |
||||
|
) { |
||||
|
return request<API.ResponseVerse>('/api/luigi/verse/get', { |
||||
|
method: 'GET', |
||||
|
params: { |
||||
|
...params, |
||||
|
}, |
||||
|
...(options || {}), |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
/** verseList POST /api/luigi/verse/list */ |
||||
|
export async function verseListUsingPOST( |
||||
|
body: API.PaginationQuery, |
||||
|
options?: { [key: string]: any }, |
||||
|
) { |
||||
|
return request<API.ResponseCommonListVerse>('/api/luigi/verse/list', { |
||||
|
method: 'POST', |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
}, |
||||
|
data: body, |
||||
|
...(options || {}), |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
/** saveVerse POST /api/luigi/verse/save */ |
||||
|
export async function saveVerseUsingPOST(body: API.Verse, options?: { [key: string]: any }) { |
||||
|
return request<API.Responseint>('/api/luigi/verse/save', { |
||||
|
method: 'POST', |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json', |
||||
|
}, |
||||
|
data: body, |
||||
|
...(options || {}), |
||||
|
}); |
||||
|
} |
||||
Loading…
Reference in new issue