.

config/routes.js

@@ -46,13 +46,8 @@ export default [
     path: '/MonitoringScreen',
     name: '农机作业监控大屏',
     icon: 'DesktopOutlined',
-    component: '../layouts/BasicLayout',
+    component: './MonitoringScreen',
     routes: [
-      {
-        path: '/MonitoringScreen/index.jsx',
-        name: '数据大屏',
-        component: './MonitoringScreen',
-      },
       {
         path: '/MonitoringScreen/detail.jsx',
         name: '农机轨迹',

src/pages/ContentManagementSystem/InformationClassification/InformationClassificationEdit/index.jsx

@@ -1,18 +1,17 @@
-import { Input, Card, Select, Button, message } from "antd"
-import { useEffect, useState } from 'react'
-import { Form } from "antd";
+import { Input, Card, Select, Button, message } from 'antd';
+import { useEffect, useState } from 'react';
+import { Form } from 'antd';
 import { history } from 'umi';
-import ProCard from '@ant-design/pro-card'
+import ProCard from '@ant-design/pro-card';
 
-const { Option } = Select
+const { Option } = Select;
 const goBack = () => {
-  history.goBack()
-}
-const FormItem = Form.Item
+  history.goBack();
+};
+const FormItem = Form.Item;
 export default (props) => {
-
-  const [form] = Form.useForm()
-  const [loading, setLoading] = useState(false)
+  const [form] = Form.useForm();
+  const [loading, setLoading] = useState(false);
 
   const formItemLayout = {
     //布局
@@ -20,38 +19,34 @@ export default (props) => {
     wrapperCol: { span: 14 },
   };
 
-  const Submit = values => {
-    console.log("🚀 ~ file: index.jsx ~ line 21 ~ values", values)
-
+  const Submit = (values) => {
+    console.log('🚀 ~ file: index.jsx ~ line 21 ~ values', values);
   };
 
   return (
-    <Card >
-      <ProCard tabs={{ type: 'card' }} style={{ marginTop: '16px' }}
-      >
+    <Card>
+      <ProCard tabs={{ type: 'card' }} style={{ marginTop: '16px' }}>
         <ProCard.TabPane key={1} tab="资讯管理">
-          <Form {...formItemLayout} onFinish={Submit} form={form} >
-            <FormItem label="资讯分类" name="user" rules={[{ required: true, message: '请选择' }]}>
-              <Select
-                placeholder="请选择"
-                // onChange={onGenderChange}
-                allowClear
-                style={{ width: '350px' }}
-              >
-                <Option value="nongji">一分类</Option>
-                <Option value="nonghu">二分类</Option>
-              </Select>
-            </FormItem>
-            <FormItem label="资讯分类名称" name="shopName" rules={[{ required: true, message: '请输入' }]}>
+          <Form {...formItemLayout} onFinish={Submit} form={form}>
+            <FormItem label="分类名" name="name" rules={[{ required: true, message: '请输入' }]}>
               <Input placeholder="请输入" style={{ width: '350px' }} />
             </FormItem>
-            <FormItem label=" " colon={false} >
-              <Button type='default' onClick={() => goBack()} >返回</Button>
-              <Button type='primary' loading={loading} htmlType="Submit" style={{ marginLeft: '4em' }}>保存</Button>
+            <FormItem label=" " colon={false}>
+              <Button type="default" onClick={() => goBack()}>
+                返回
+              </Button>
+              <Button
+                type="primary"
+                loading={loading}
+                htmlType="Submit"
+                style={{ marginLeft: '4em' }}
+              >
+                保存
+              </Button>
             </FormItem>
           </Form>
         </ProCard.TabPane>
       </ProCard>
     </Card>
-  )
-}
+  );
+};

src/pages/ContentManagementSystem/InformationClassification/index.jsx

@@ -5,7 +5,6 @@ import { PlusOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import ProTable, { TableDropdown } from '@ant-design/pro-table';
 
-
 export default (props) => {
   const dataSource = [
     {
@@ -15,52 +14,46 @@ export default (props) => {
       age: 32,
       zz: '西湖区湖底公园1号',
     },
-
   ];
 
-
   // 测试内容👆-------------------------
 
   const actionRef = useRef();
   const gotoDetail = (id) => {
-    history.push(`InformationClassification/InformationClassificationEdit`)
-  }
-
+    history.push(`InformationClassification/InformationClassificationEdit`);
+  };
 
   const handleDelete = (e) => {
-    deleteNote(e.noteId).then(res => {
+    deleteNote(e.noteId).then((res) => {
       message.success('删除成功');
       actionRef.current.reload();
-    })
-  }
+    });
+  };
 
   const handleOK = (record, data) => {
-    const titleCourse = record.status ? '您确定要禁用该用户吗? 禁用后该用户不能在后台登陆!' : '您确定要启用该用户吗? 启用后该用户将允许在后台登陆!';
+    const titleCourse = record.status
+      ? '您确定要禁用该用户吗? 禁用后该用户不能在后台登陆!'
+      : '您确定要启用该用户吗? 启用后该用户将允许在后台登陆!';
     Modal.confirm({
       title: titleCourse,
       okText: '确认',
       cancelText: '取消',
-      onOk () {
-        publishNote(record.noteId, record.status ? 'off' : 'on').then(res => {
+      onOk() {
+        publishNote(record.noteId, record.status ? 'off' : 'on').then((res) => {
           message.success('操作成功');
-          actionRef.current.reload()
-        })
+          actionRef.current.reload();
+        });
       },
     });
-  }
+  };
   const actions = () => [
-    <Button key='add' type="primary" icon={<PlusOutlined />} onClick={() => gotoDetail()}>新增</Button>,
-  ]
+    <Button key="add" type="primary" icon={<PlusOutlined />} onClick={() => gotoDetail()}>
+      新增
+    </Button>,
+  ];
   const columns = [
     {
-      title: '资讯分类',
-      key: 'zz',
-      dataIndex: 'zz',
-      search: false,
-
-    },
-    {
-      title: '资讯分类名称',
+      title: '分类名',
       dataIndex: 'name',
       key: 'name',
       search: false,
@@ -82,7 +75,7 @@ export default (props) => {
       dataIndex: 'createdAt',
       valueType: 'date',
       // render: (t) => formatterTime(t),
-      sorter: (a, b) => a.createdAt - b.createdAt,//时间排序
+      sorter: (a, b) => a.createdAt - b.createdAt, //时间排序
     },
     {
       title: '操作',
@@ -91,7 +84,9 @@ export default (props) => {
       ellipsis: true,
       width: 200,
       render: (_, record) => [
-        <Link key={2} to={`InformationClassification/InformationClassificationEdit`}>编辑</Link>,
+        <Link key={2} to={`InformationClassification/InformationClassificationEdit`}>
+          编辑
+        </Link>,
         <Popconfirm
           key={3}
           title="您是否确认删除 ?"
@@ -99,11 +94,11 @@ export default (props) => {
           okText="确定"
           cancelText="取消"
         >
-          <a href="#"  >删除</a>
+          <a href="#">删除</a>
         </Popconfirm>,
-      ]
+      ],
     },
-  ]
+  ];
 
   return (
     <PageHeaderWrapper>
@@ -118,5 +113,5 @@ export default (props) => {
         actionRef={actionRef}
       />
     </PageHeaderWrapper>
-  )
-}
+  );
+};

src/pages/ContentManagementSystem/InformationList/InformationListEdit/index.jsx

@@ -1,18 +1,18 @@
-import { Input, Card, Select, Button, message } from "antd"
-import { useEffect, useState } from 'react'
-import { Form } from "antd";
+import { Input, Card, Select, Button, message } from 'antd';
+import { useEffect, useState } from 'react';
+import { Form } from 'antd';
 import { history } from 'umi';
-import ProCard from '@ant-design/pro-card'
+import ProCard from '@ant-design/pro-card';
+// import ModalImage from './Modalimage';
 
-const { Option } = Select
+const { Option } = Select;
 const goBack = () => {
-  history.goBack()
-}
-const FormItem = Form.Item
+  history.goBack();
+};
+const FormItem = Form.Item;
 export default (props) => {
-
-  const [form] = Form.useForm()
-  const [loading, setLoading] = useState(false)
+  const [form] = Form.useForm();
+  const [loading, setLoading] = useState(false);
 
   const formItemLayout = {
     //布局
@@ -20,16 +20,15 @@ export default (props) => {
     wrapperCol: { span: 14 },
   };
 
-  const Submit = values => {
-    console.log("🚀 ~ file: index.jsx ~ line 21 ~ values", values)
-
+  const Submit = (values) => {
+    console.log('🚀 ~ file: index.jsx ~ line 21 ~ values', values);
   };
 
   return (
-    <Card >
+    <Card>
       <ProCard tabs={{ type: 'card' }} style={{ marginTop: '16px' }}>
         <ProCard.TabPane key={1} tab="资讯管理">
-          <Form {...formItemLayout} onFinish={Submit} form={form} >
+          <Form {...formItemLayout} onFinish={Submit} form={form}>
             <FormItem label="资讯分类" name="user" rules={[{ required: true, message: '请选择' }]}>
               <Select
                 placeholder="请选择"
@@ -41,30 +40,38 @@ export default (props) => {
                 <Option value="nonghu">二分类</Option>
               </Select>
             </FormItem>
-            <FormItem label="资讯名称" name="shopName" rules={[{ required: true, message: '请输入' }]}>
+            <FormItem
+              label="资讯名称"
+              name="shopName"
+              rules={[{ required: true, message: '请输入' }]}
+            >
               <Input placeholder="请输入" style={{ width: '350px' }} />
             </FormItem>
-            <FormItem label="资讯内容" name="shaopName" rules={[{ required: true, message: '请输入' }]}>
-              <Input placeholder="请输入" style={{ width: '350px' }} />
+            <FormItem label="资讯封面" name="thumb" rules={[{ required: true, message: '请输入' }]}>
+              {/* <ModalImage
+                sortVale={sortVale}
+                visible={visible}
+                value={content}
+                onChange={handleChange}
+                onCancel={handleClose}
+              /> */}
             </FormItem>
-            <FormItem label="发布状态" name="usser" rules={[{ required: true, message: '请选择' }]}>
-              <Select
-                placeholder="请选择"
-                // onChange={onGenderChange}
-                allowClear
-                style={{ width: '350px' }}
+            <FormItem label=" " colon={false}>
+              <Button type="default" onClick={() => goBack()}>
+                返回
+              </Button>
+              <Button
+                type="primary"
+                loading={loading}
+                htmlType="Submit"
+                style={{ marginLeft: '4em' }}
               >
-                <Option value="nongji">发布</Option>
-                <Option value="nonghu">未发布</Option>
-              </Select>
-            </FormItem>
-            <FormItem label=" " colon={false} >
-              <Button type='default' onClick={() => goBack()} >返回</Button>
-              <Button type='primary' loading={loading} htmlType="Submit" style={{ marginLeft: '4em' }}>保存</Button>
+                保存
+              </Button>
             </FormItem>
           </Form>
         </ProCard.TabPane>
       </ProCard>
     </Card>
-  )
-}
+  );
+};

src/pages/ContentManagementSystem/InformationList/index.jsx

@@ -5,7 +5,6 @@ import { PlusOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import ProTable, { TableDropdown } from '@ant-design/pro-table';
 
-
 export default (props) => {
   const dataSource = [
     {
@@ -15,52 +14,47 @@ export default (props) => {
       age: 32,
       zz: '西湖区湖底公园1号',
     },
-
   ];
 
-
   // 测试内容👆-------------------------
 
   const actionRef = useRef();
   const gotoDetail = (id) => {
-    history.push(`InformationList/InformationListEdit`)
-  }
-
+    history.push(`InformationList/InformationListEdit`);
+  };
 
   const handleDelete = (e) => {
-    deleteNote(e.noteId).then(res => {
+    deleteNote(e.noteId).then((res) => {
       message.success('删除成功');
       actionRef.current.reload();
-    })
-  }
-
+    });
+  };
 
   const actions = () => [
-    <Button key='add' type="primary" icon={<PlusOutlined />} onClick={() => gotoDetail()}>新增</Button>,
-  ]
-
-
-
-
+    <Button key="add" type="primary" icon={<PlusOutlined />} onClick={() => gotoDetail()}>
+      新增
+    </Button>,
+  ];
 
   const columns = [
     {
-      title: '资讯分类',
-      key: 'zz',
-      dataIndex: 'zz',
+      title: '分类名',
+      key: 'typeName',
+      dataIndex: 'typeName',
       search: false,
-
     },
     {
-      title: '资讯名称',
-      dataIndex: 'name',
-      key: 'name',
+      title: '资讯标题',
+      dataIndex: 'title',
+      key: 'title',
       search: false,
-    }, {
-      title: '资讯内容',
-      dataIndex: 'nam1e',
-      key: 'nam1e',
+    },
+    {
+      title: '封面',
+      key: 'thumb',
+      dataIndex: 'thumb',
       search: false,
+      render: (t) => <img src={t} alt="" width={110} />,
     },
     {
       title: (
@@ -77,7 +71,7 @@ export default (props) => {
       dataIndex: 'createdAt',
       valueType: 'date',
       // render: (t) => formatterTime(t),
-      sorter: (a, b) => a.createdAt - b.createdAt,//时间排序
+      sorter: (a, b) => a.createdAt - b.createdAt, //时间排序
     },
     {
       title: '状态',
@@ -87,7 +81,7 @@ export default (props) => {
       valueEnum: {
         0: { text: '已发布', status: 'Success' },
         1: { text: '未发布', status: 'Error' },
-      }
+      },
     },
 
     {
@@ -97,7 +91,9 @@ export default (props) => {
       ellipsis: true,
       width: 200,
       render: (_, record) => [
-        <Link key={2} to={`InformationList/InformationListEdit`}>编辑</Link>,
+        <Link key={2} to={`InformationList/InformationListEdit`}>
+          编辑
+        </Link>,
         <Popconfirm
           key={3}
           title="您是否确认删除 ?"
@@ -105,11 +101,11 @@ export default (props) => {
           okText="确定"
           cancelText="取消"
         >
-          <a href="#"  >删除</a>
+          <a href="#">删除</a>
         </Popconfirm>,
-      ]
+      ],
     },
-  ]
+  ];
 
   return (
     <PageHeaderWrapper>
@@ -124,5 +120,5 @@ export default (props) => {
         actionRef={actionRef}
       />
     </PageHeaderWrapper>
-  )
-}
+  );
+};