{"ast":null,"code":"import React,{useState,useEffect}from'react';import{Table,Card,Button,Space,Tag,Input,Select,Modal,Form,message,Popconfirm,Row,Col,DatePicker,Typography}from'antd';import{PlusOutlined,EditOutlined,DeleteOutlined,SearchOutlined,LinkOutlined}from'@ant-design/icons';import{newsAPI}from'../services/api';import{useAuth}from'../contexts/AuthContext';import dayjs from'dayjs';import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";const{Option}=Select;const{Search}=Input;const{TextArea}=Input;const{Title,Paragraph}=Typography;const News=()=>{const[news,setNews]=useState([]);const[loading,setLoading]=useState(false);const[pagination,setPagination]=useState({current:1,pageSize:20,total:0});const[filters,setFilters]=useState({});const{isInvestmentManager}=useAuth();useEffect(()=>{fetchNews();},[pagination.current,pagination.pageSize,filters]);const fetchNews=async()=>{setLoading(true);try{const response=await newsAPI.getAll({page:pagination.current,limit:pagination.pageSize,...filters});setNews(response.data.news);setPagination(prev=>{var _response$data$pagina;return{...prev,total:((_response$data$pagina=response.data.pagination)===null||_response$data$pagina===void 0?void 0:_response$data$pagina.total)||0};});}catch(error){message.error('获取新闻列表失败');}finally{setLoading(false);}};const handleDelete=async id=>{try{await newsAPI.delete(id);message.success('新闻删除成功');fetchNews();}catch(error){message.error('删除失败');}};const columns=[{title:'标题',dataIndex:'title',key:'title',render:(text,record)=>/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"a\",{href:record.url,target:\"_blank\",rel:\"noopener noreferrer\",style:{fontWeight:500},children:text}),record.summary&&/*#__PURE__*/_jsx(\"div\",{style:{color:'#666',fontSize:12,marginTop:4},children:record.summary})]})},{title:'行业',dataIndex:'industry',key:'industry',render:industry=>/*#__PURE__*/_jsx(Tag,{color:\"purple\",children:industry})},{title:'来源',dataIndex:'source',key:'source'},{title:'发布时间',dataIndex:'published_at',key:'published_at',render:date=>dayjs(date).format('YYYY-MM-DD HH:mm')},{title:'创建时间',dataIndex:'created_at',key:'created_at',render:date=>dayjs(date).format('YYYY-MM-DD')},{title:'操作',key:'actions',render:(_,record)=>/*#__PURE__*/_jsxs(Space,{children:[record.url&&/*#__PURE__*/_jsx(Button,{type:\"link\",size:\"small\",icon:/*#__PURE__*/_jsx(LinkOutlined,{}),href:record.url,target:\"_blank\",children:\"\\u94FE\\u63A5\"}),isInvestmentManager()&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{type:\"link\",size:\"small\",icon:/*#__PURE__*/_jsx(EditOutlined,{}),onClick:()=>openEditModal(record),children:\"\\u7F16\\u8F91\"}),/*#__PURE__*/_jsx(Popconfirm,{title:\"\\u786E\\u5B9A\\u8981\\u5220\\u9664\\u8FD9\\u6761\\u65B0\\u95FB\\u5417?\",onConfirm:()=>handleDelete(record.id),children:/*#__PURE__*/_jsx(Button,{type:\"link\",size:\"small\",danger:true,icon:/*#__PURE__*/_jsx(DeleteOutlined,{}),children:\"\\u5220\\u9664\"})})]})]})}];const[modalVisible,setModalVisible]=useState(false);const[editingNews,setEditingNews]=useState(null);const[form]=Form.useForm();const openCreateModal=()=>{setEditingNews(null);form.resetFields();setModalVisible(true);};const openEditModal=item=>{setEditingNews(item);form.setFieldsValue({...item,publishedAt:item.published_at?dayjs(item.published_at):null});setModalVisible(true);};const handleModalOk=async()=>{try{const values=await form.validateFields();const data={...values,publishedAt:values.publishedAt?values.publishedAt.format('YYYY-MM-DD HH:mm:ss'):null};if(editingNews){await newsAPI.update(editingNews.id,data);message.success('新闻更新成功');}else{await newsAPI.create(data);message.success('新闻创建成功');}setModalVisible(false);fetchNews();}catch(error){var _error$response,_error$response$data;message.error(((_error$response=error.response)===null||_error$response===void 0?void 0:(_error$response$data=_error$response.data)===null||_error$response$data===void 0?void 0:_error$response$data.message)||'操作失败');}};return/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"div\",{className:\"page-header\",children:/*#__PURE__*/_jsx(\"h1\",{children:\"\\u884C\\u4E1A\\u8206\\u60C5\"})}),/*#__PURE__*/_jsxs(Card,{children:[/*#__PURE__*/_jsx(\"div\",{className:\"filter-bar\",children:/*#__PURE__*/_jsxs(Row,{gutter:16,children:[/*#__PURE__*/_jsx(Col,{span:8,children:/*#__PURE__*/_jsx(Search,{placeholder:\"\\u641C\\u7D22\\u65B0\\u95FB\\u6807\\u9898\\u6216\\u6458\\u8981\",onSearch:value=>setFilters(prev=>({...prev,search:value})),allowClear:true})}),/*#__PURE__*/_jsx(Col,{span:6,children:/*#__PURE__*/_jsxs(Select,{placeholder:\"\\u884C\\u4E1A\",allowClear:true,style:{width:'100%'},onChange:value=>setFilters(prev=>({...prev,industry:value})),children:[/*#__PURE__*/_jsx(Option,{value:\"\\u4EBA\\u5DE5\\u667A\\u80FD\",children:\"\\u4EBA\\u5DE5\\u667A\\u80FD\"}),/*#__PURE__*/_jsx(Option,{value:\"\\u751F\\u7269\\u533B\\u836F\",children:\"\\u751F\\u7269\\u533B\\u836F\"}),/*#__PURE__*/_jsx(Option,{value:\"\\u65B0\\u80FD\\u6E90\",children:\"\\u65B0\\u80FD\\u6E90\"}),/*#__PURE__*/_jsx(Option,{value:\"\\u534A\\u5BFC\\u4F53\",children:\"\\u534A\\u5BFC\\u4F53\"}),/*#__PURE__*/_jsx(Option,{value:\"\\u4F01\\u4E1A\\u670D\\u52A1\",children:\"\\u4F01\\u4E1A\\u670D\\u52A1\"}),/*#__PURE__*/_jsx(Option,{value:\"\\u6D88\\u8D39\\u5347\\u7EA7\",children:\"\\u6D88\\u8D39\\u5347\\u7EA7\"}),/*#__PURE__*/_jsx(Option,{value:\"\\u5176\\u4ED6\",children:\"\\u5176\\u4ED6\"})]})}),/*#__PURE__*/_jsx(Col,{span:10,style:{textAlign:'right'},children:isInvestmentManager()&&/*#__PURE__*/_jsx(Button,{type:\"primary\",icon:/*#__PURE__*/_jsx(PlusOutlined,{}),onClick:openCreateModal,children:\"\\u6DFB\\u52A0\\u65B0\\u95FB\"})})]})}),/*#__PURE__*/_jsx(Table,{columns:columns,dataSource:news,rowKey:\"id\",loading:loading,pagination:{...pagination,showSizeChanger:true,showQuickJumper:true,showTotal:total=>`共 ${total} 条`,onChange:(page,pageSize)=>setPagination(prev=>({...prev,current:page,pageSize}))}})]}),/*#__PURE__*/_jsx(Modal,{title:editingNews?'编辑新闻':'添加新闻',open:modalVisible,onOk:handleModalOk,onCancel:()=>setModalVisible(false),width:700,children:/*#__PURE__*/_jsxs(Form,{form:form,layout:\"vertical\",children:[/*#__PURE__*/_jsx(Form.Item,{name:\"title\",label:\"\\u6807\\u9898\",rules:[{required:true,message:'请输入标题'}],children:/*#__PURE__*/_jsx(Input,{placeholder:\"\\u8BF7\\u8F93\\u5165\\u6807\\u9898\"})}),/*#__PURE__*/_jsxs(Row,{gutter:16,children:[/*#__PURE__*/_jsx(Col,{span:12,children:/*#__PURE__*/_jsx(Form.Item,{name:\"source\",label:\"\\u6765\\u6E90\",children:/*#__PURE__*/_jsx(Input,{placeholder:\"\\u8BF7\\u8F93\\u5165\\u6765\\u6E90\"})})}),/*#__PURE__*/_jsx(Col,{span:12,children:/*#__PURE__*/_jsx(Form.Item,{name:\"industry\",label:\"\\u884C\\u4E1A\",rules:[{required:true,message:'请选择行业'}],children:/*#__PURE__*/_jsxs(Select,{placeholder:\"\\u8BF7\\u9009\\u62E9\\u884C\\u4E1A\",children:[/*#__PURE__*/_jsx(Option,{value:\"\\u4EBA\\u5DE5\\u667A\\u80FD\",children:\"\\u4EBA\\u5DE5\\u667A\\u80FD\"}),/*#__PURE__*/_jsx(Option,{value:\"\\u751F\\u7269\\u533B\\u836F\",children:\"\\u751F\\u7269\\u533B\\u836F\"}),/*#__PURE__*/_jsx(Option,{value:\"\\u65B0\\u80FD\\u6E90\",children:\"\\u65B0\\u80FD\\u6E90\"}),/*#__PURE__*/_jsx(Option,{value:\"\\u534A\\u5BFC\\u4F53\",children:\"\\u534A\\u5BFC\\u4F53\"}),/*#__PURE__*/_jsx(Option,{value:\"\\u4F01\\u4E1A\\u670D\\u52A1\",children:\"\\u4F01\\u4E1A\\u670D\\u52A1\"}),/*#__PURE__*/_jsx(Option,{value:\"\\u6D88\\u8D39\\u5347\\u7EA7\",children:\"\\u6D88\\u8D39\\u5347\\u7EA7\"}),/*#__PURE__*/_jsx(Option,{value:\"\\u5176\\u4ED6\",children:\"\\u5176\\u4ED6\"})]})})})]}),/*#__PURE__*/_jsx(Form.Item,{name:\"url\",label:\"\\u539F\\u6587\\u94FE\\u63A5\",children:/*#__PURE__*/_jsx(Input,{placeholder:\"\\u8BF7\\u8F93\\u5165\\u539F\\u6587\\u94FE\\u63A5\"})}),/*#__PURE__*/_jsx(Form.Item,{name:\"publishedAt\",label:\"\\u53D1\\u5E03\\u65F6\\u95F4\",children:/*#__PURE__*/_jsx(DatePicker,{showTime:true,style:{width:'100%'}})}),/*#__PURE__*/_jsx(Form.Item,{name:\"summary\",label:\"\\u6458\\u8981\",children:/*#__PURE__*/_jsx(TextArea,{rows:3,placeholder:\"\\u8BF7\\u8F93\\u5165\\u6458\\u8981\"})}),/*#__PURE__*/_jsx(Form.Item,{name:\"content\",label:\"\\u5185\\u5BB9\",children:/*#__PURE__*/_jsx(TextArea,{rows:6,placeholder:\"\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9\"})})]})})]});};export default News;","map":{"version":3,"names":["React","useState","useEffect","Table","Card","Button","Space","Tag","Input","Select","Modal","Form","message","Popconfirm","Row","Col","DatePicker","Typography","PlusOutlined","EditOutlined","DeleteOutlined","SearchOutlined","LinkOutlined","newsAPI","useAuth","dayjs","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Option","Search","TextArea","Title","Paragraph","News","news","setNews","loading","setLoading","pagination","setPagination","current","pageSize","total","filters","setFilters","isInvestmentManager","fetchNews","response","getAll","page","limit","data","prev","_response$data$pagina","error","handleDelete","id","delete","success","columns","title","dataIndex","key","render","text","record","children","href","url","target","rel","style","fontWeight","summary","color","fontSize","marginTop","industry","date","format","_","type","size","icon","onClick","openEditModal","onConfirm","danger","modalVisible","setModalVisible","editingNews","setEditingNews","form","useForm","openCreateModal","resetFields","item","setFieldsValue","publishedAt","published_at","handleModalOk","values","validateFields","update","create","_error$response","_error$response$data","className","gutter","span","placeholder","onSearch","value","search","allowClear","width","onChange","textAlign","dataSource","rowKey","showSizeChanger","showQuickJumper","showTotal","open","onOk","onCancel","layout","Item","name","label","rules","required","showTime","rows"],"sources":["/Users/nili/Documents/trae_projects/client/src/pages/News.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport {\n Table,\n Card,\n Button,\n Space,\n Tag,\n Input,\n Select,\n Modal,\n Form,\n message,\n Popconfirm,\n Row,\n Col,\n DatePicker,\n Typography\n} from 'antd';\nimport { PlusOutlined, EditOutlined, DeleteOutlined, SearchOutlined, LinkOutlined } from '@ant-design/icons';\nimport { newsAPI } from '../services/api';\nimport { useAuth } from '../contexts/AuthContext';\nimport dayjs from 'dayjs';\n\nconst { Option } = Select;\nconst { Search } = Input;\nconst { TextArea } = Input;\nconst { Title, Paragraph } = Typography;\n\nconst News = () => {\n const [news, setNews] = useState([]);\n const [loading, setLoading] = useState(false);\n const [pagination, setPagination] = useState({ current: 1, pageSize: 20, total: 0 });\n const [filters, setFilters] = useState({});\n const { isInvestmentManager } = useAuth();\n\n useEffect(() => {\n fetchNews();\n }, [pagination.current, pagination.pageSize, filters]);\n\n const fetchNews = async () => {\n setLoading(true);\n try {\n const response = await newsAPI.getAll({\n page: pagination.current,\n limit: pagination.pageSize,\n ...filters\n });\n setNews(response.data.news);\n setPagination(prev => ({\n ...prev,\n total: response.data.pagination?.total || 0\n }));\n } catch (error) {\n message.error('获取新闻列表失败');\n } finally {\n setLoading(false);\n }\n };\n\n const handleDelete = async (id) => {\n try {\n await newsAPI.delete(id);\n message.success('新闻删除成功');\n fetchNews();\n } catch (error) {\n message.error('删除失败');\n }\n };\n\n const columns = [\n {\n title: '标题',\n dataIndex: 'title',\n key: 'title',\n render: (text, record) => (\n
\n \n {text}\n \n {record.summary &&
{record.summary}
}\n
\n )\n },\n {\n title: '行业',\n dataIndex: 'industry',\n key: 'industry',\n render: (industry) => {industry}\n },\n {\n title: '来源',\n dataIndex: 'source',\n key: 'source'\n },\n {\n title: '发布时间',\n dataIndex: 'published_at',\n key: 'published_at',\n render: (date) => dayjs(date).format('YYYY-MM-DD HH:mm')\n },\n {\n title: '创建时间',\n dataIndex: 'created_at',\n key: 'created_at',\n render: (date) => dayjs(date).format('YYYY-MM-DD')\n },\n {\n title: '操作',\n key: 'actions',\n render: (_, record) => (\n \n {record.url && (\n \n )}\n {isInvestmentManager() && (\n <>\n \n handleDelete(record.id)}>\n \n \n \n )}\n \n )\n }\n ];\n\n const [modalVisible, setModalVisible] = useState(false);\n const [editingNews, setEditingNews] = useState(null);\n const [form] = Form.useForm();\n\n const openCreateModal = () => {\n setEditingNews(null);\n form.resetFields();\n setModalVisible(true);\n };\n\n const openEditModal = (item) => {\n setEditingNews(item);\n form.setFieldsValue({\n ...item,\n publishedAt: item.published_at ? dayjs(item.published_at) : null\n });\n setModalVisible(true);\n };\n\n const handleModalOk = async () => {\n try {\n const values = await form.validateFields();\n const data = {\n ...values,\n publishedAt: values.publishedAt ? values.publishedAt.format('YYYY-MM-DD HH:mm:ss') : null\n };\n \n if (editingNews) {\n await newsAPI.update(editingNews.id, data);\n message.success('新闻更新成功');\n } else {\n await newsAPI.create(data);\n message.success('新闻创建成功');\n }\n setModalVisible(false);\n fetchNews();\n } catch (error) {\n message.error(error.response?.data?.message || '操作失败');\n }\n };\n\n return (\n
\n
\n

行业舆情

\n
\n\n \n
\n \n \n setFilters(prev => ({ ...prev, search: value }))}\n allowClear\n />\n \n \n setFilters(prev => ({ ...prev, industry: value }))}\n >\n \n \n \n \n \n \n \n \n \n \n {isInvestmentManager() && (\n \n )}\n \n \n
\n\n `共 ${total} 条`,\n onChange: (page, pageSize) => setPagination(prev => ({ ...prev, current: page, pageSize }))\n }}\n />\n \n\n setModalVisible(false)}\n width={700}\n >\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n