修改故事列表

src/pages/story/index.tsx

@@ -1,7 +1,7 @@
 import { DownOutlined, PlusOutlined } from '@ant-design/icons';
 import { PageContainer } from '@ant-design/pro-components';
 import { history, useRequest } from '@umijs/max';
-import { Avatar, Button, Card, Dropdown, Input, List, Modal, Radio } from 'antd';
+import { Avatar, Button, Card, Dropdown, Input, List, Modal } from 'antd';
 import type { FC } from 'react';
 import React, { useState } from 'react';
 import OperationModal from './components/OperationModal';
@@ -9,12 +9,11 @@ import type { StoryType } from './data.d';
 import { addStory, deleteStory, queryTimelineList, updateStory } from './service';
 import useStyles from './style.style';
 
-/*const RadioButton = Radio.Button;
-const RadioGroup = Radio.Group;*/
+
 const { Search } = Input;
 
 const ListContent = ({
-  data: { ownerId, updatedId, createTime, updateTime, status },
+  data: { createTime, updateTime, updateName, ownerName, itemCount },
 }: {
   data: StoryType;
 }) => {
@@ -23,15 +22,15 @@ const ListContent = ({
     <div>
       <div className={styles.listContentItem}>
         <span>创建人</span>
-        <p>{ownerId}</p>
+        <p>{ownerName}</p>
       </div>
       <div className={styles.listContentItem}>
         <span>最近更新人</span>
-        <p>{updatedId}</p>
+        <p>{updateName}</p>
       </div>
       <div className={styles.listContentItem}>
         <span>节点数</span>
-        <p>{111}</p>
+        <p>{itemCount}</p>
       </div>
       <div className={styles.listContentItem}>
         <span>开始时间</span>
@@ -107,11 +106,19 @@ export const BasicList: FC = () => {
   };
   const extraContent = (
     <div>
-      {/*<RadioGroup defaultValue="all">
-        <RadioButton value="all">全部</RadioButton>
-        <RadioButton value="progress">进行中</RadioButton>
-        <RadioButton value="waiting">等待中</RadioButton>
-      </RadioGroup>*/}
+      <Button
+        type="dashed"
+        onClick={() => {
+          setVisible(true);
+        }}
+        style={{
+          marginBottom: 8,
+          float: 'left'
+        }}
+      >
+        <PlusOutlined />
+        新建故事
+      </Button>
       <Search
         className={styles.extraContentSearch}
         placeholder="请输入"
@@ -211,19 +218,6 @@ export const BasicList: FC = () => {
           </Card>
         </div>
       </PageContainer>
-      <Button
-        type="dashed"
-        onClick={() => {
-          setVisible(true);
-        }}
-        style={{
-          width: '100%',
-          marginBottom: 8,
-        }}
-      >
-        <PlusOutlined />
-        添加
-      </Button>
       <OperationModal
         done={done}
         open={open}