底部信息管理

src/pages/Other/footer/edit.tsx

@@ -3,67 +3,41 @@ import {
   ProForm,
   ProFormText,
   ProFormDigit,
-  ProFormRadio
 } from '@ant-design/pro-components';
-import { Form, Modal, Drawer, message, Upload, Space, Button, Switch,Input,Tooltip } from 'antd';
-import {InfoCircleOutlined} from '@ant-design/icons';
-import { useIntl, FormattedMessage } from '@umijs/max';
-import { DictValueEnumObj } from '@/components/DictTag';
-import Editor from '@/components/ueditor';
-import Quill from "quill";
+import { Form, Drawer, Space, Button } from 'antd';
+import { useIntl } from '@umijs/max';
 import "quill/dist/quill.snow.css";
-import moment from 'moment';
-import { trim } from 'lodash';
-let editor: any;
 
 export type VideoProps = {
   onCancel: (flag?: boolean, formVals?: any) => void;
   onSubmit: (values: any) => Promise<void>;
   open: boolean;
   currentRow: any;
-  sort: number;
-  name: string;
-  jumpUrl: string;
 };
 
 const VideoForm: React.FC<VideoProps> = (props) => {
   const [form] = Form.useForm();
   const intl = useIntl();
-  let editorRef = useRef<HTMLDivElement>(null)
+  const [fileList, setFileList] = useState<any>([]);
 
   useEffect(() => {
-    console.log(props)
     form.resetFields();
     if(!props.open) return;
     if(!props.currentRow) return;
-    const {sort,title,digest,pcImg,pcImgUrl,mImg,mImgUrl} = props.currentRow;
+    const {sort,name,jumpUrl} = props.currentRow;
     if (props.currentRow) {
       form.setFieldsValue({
-        sort,title,digest,pcImg,pcImgUrl,mImg,mImgUrl
+        sort,name,jumpUrl
       })
     }
-    if (editorRef && editorRef.current && editorRef.current.children[0]) {
-      editorRef.current.children[0].innerHTML = content
-    }
-
   }, [props.open]);
 
   
-  const [fileList, setFileList] = useState<any>([]);
+
  
   const handleOk = async () => {
-    let data = form.getFieldsValue()
+    form.submit()
     
-    let val = await form.validateFields()
-    let formData = {
-      ...data,
-    }
-    form.setFieldsValue({
-      title: '',
-      digest: ""
-    })
-    setFileList([]);
-    props.onSubmit(formData);
   };
   const handleCancel = () => {
     form.setFieldsValue({
@@ -75,11 +49,9 @@ const VideoForm: React.FC<VideoProps> = (props) => {
 
   };
 
-  const handleChange = async (res) => {
-    const { fileList } = res;
-    setFileList(fileList);
-  };
-
+  const onFinishForm = (values)=>{
+    props.onSubmit(values);
+  }
 
   return (
     <Drawer
@@ -101,10 +73,12 @@ const VideoForm: React.FC<VideoProps> = (props) => {
         grid={true}
         submitter={false}
         layout="horizontal"
+        onFinish={onFinishForm}
       >
         <ProFormText
           name="name"
           label='企业名称'
+          placeholder="请输入企业名称"
           labelCol={{
             style: { width: 95 }
           }}
@@ -113,6 +87,7 @@ const VideoForm: React.FC<VideoProps> = (props) => {
         <ProFormText
         name="jumpUrl"
         label='跳转地址'
+        placeholder="请输入跳转地址"
         labelCol={{
           style: { width: 95 }
         }}

src/pages/Other/footer/index.tsx

@@ -1,18 +1,14 @@
 
 import React, { useState, useRef, useEffect } from 'react';
-import { useIntl, FormattedMessage, useAccess } from '@umijs/max';
+import { useIntl, FormattedMessage } from '@umijs/max';
 import type { FormInstance } from 'antd';
 import { Button, message, Modal, Image, Upload, Drawer } from 'antd';
-import { ActionType, FooterToolbar, PageContainer, ProColumns, ProForm, ProFormDigit, ProFormText, ProTable } from '@ant-design/pro-components';
-import { PlusOutlined, DeleteOutlined, ExclamationCircleOutlined, RedoOutlined } from '@ant-design/icons';
-// import { getNoticeList, removeNotice, addNotice, updateNotice, exportNotice } from '@/services/system/notice';
-import { getEnterpriseList, saveEnterprise, deleteEnterprise, upload } from '@/services/other/footer';
+import { ActionType, PageContainer, ProColumns, ProForm, ProFormDigit, ProFormText, ProTable } from '@ant-design/pro-components';
+import { PlusOutlined } from '@ant-design/icons';
+import { getEnterpriseList, saveEnterprise, deleteEnterprise, upload,saveFooter,getFooterList } from '@/services/other/footer';
 import EnterpriseForm from './edit';
-import moment from 'moment';
 import { KeepAlive } from 'react-activation';
 import './index.less'
-import DictTag from '../../../components/DictTag';
-import { getDataEnumList } from '../../../services/system/Enum';
 import { RcFile } from 'antd/es/upload';
 
 
@@ -39,25 +35,6 @@ const NoticeTableList: React.FC = () => {
         }
         return false;
     };
-    const handleRemoveOne = async (selectedRow: API.System.Notice) => {
-        const hide = message.loading(intl.formatMessage({ id: 'public.loadingDelete' }));
-        if (!selectedRow) return true;
-        try {
-            const params = [selectedRow.uuid];
-            const resp = await deleteEnterprise(params.join(','));
-            hide();
-            if (resp.code === 200) {
-                message.success(intl.formatMessage({ id: 'public.deleteSuccess' }));
-            } else {
-                message.error(resp.msg);
-            }
-            return true;
-        } catch (error) {
-            hide();
-            message.error(intl.formatMessage({ id: 'public.deleteError' }));
-            return false;
-        }
-    };
 
     const columns: ProColumns<API.System.Notice>[] = [
         {
@@ -87,12 +64,15 @@ const NoticeTableList: React.FC = () => {
             dataIndex: 'sort',
             valueType: 'text',
             hideInSearch: true,
+            width: 80,
+            align:'center'
         },
         {
             title: '操作',
             dataIndex: 'option',
             width: '120px',
             valueType: 'option',
+            align:'center',
             render: (_, record: any) => [
                 <Button
                     type="link"
@@ -120,11 +100,14 @@ const NoticeTableList: React.FC = () => {
                             okText: intl.formatMessage({ id: 'public.confirm' }),
                             cancelText: intl.formatMessage({ id: 'public.cancel' }),
                             onOk: async () => {
-                                const success = await handleRemoveOne(record);
-                                if (success) {
+                                const success = await deleteEnterprise(record.uuid);
+                                if (success.code == 200) {
                                     if (actionRef.current) {
                                         actionRef.current.reload();
                                     }
+                                    message.success('删除成功')
+                                }else{
+                                    message.error(success.msg || '操作失败，请重试')
                                 }
                             },
                         });
@@ -135,17 +118,57 @@ const NoticeTableList: React.FC = () => {
             ],
         },
     ];
-
+    useEffect(()=>{
+        getDetail()
+    },[])
+    const getDetail = async ()=>{
+        try {
+            const res = await getFooterList()
+            if(res.code === 200){
+                if(res.data){
+                    form?.current?.setFieldsValue(res.data)
+                    if(res.data.wxImgUrl){
+                        setFileList([{
+                            id:res.data.wxImg,
+                            url:res.data.wxImgUrl
+                        }])
+                    }
+                }
+            }else{
+                message.error(res.msg || '操作失败，请重试')
+            }
+        } catch (error) {
+            
+        }
+        
+    }
+    const onFinishForm = async (values)=>{
+        try {
+            if(img) values.img = img;
+            const res = await saveFooter(values)
+            if(res.code === 200){
+                message.success('保存成功')
+            }else{
+                message.error(res.msg || '操作失败，请重试')
+            }
+        } catch (error) {
+            
+        }
+    }
     return (
-        <KeepAlive name='底部信息管理' path="/Enterprise/EnterpriseList">
+        <KeepAlive name='底部信息管理' path="/Other/footer">
             <PageContainer>
                 <div style={{ width: '100%', float: 'right' }}>
-
+                    <div style={{ width:'100%',padding:'30px',display:'flex',alignItems:'center',justifyContent:'space-between' }}>
+                        <div></div>
+                        <Button type='primary' onClick={() => form?.current?.submit()}>保存</Button>
+                    </div>
                     <ProForm
                         formRef={form}
                         grid={true}
                         submitter={false}
                         layout="horizontal"
+                        onFinish={onFinishForm}
                     >
                         <ProFormText
                             name="phone"
@@ -207,11 +230,9 @@ const NoticeTableList: React.FC = () => {
                     <ProTable<API.System.Notice>
                         actionRef={actionRef}
                         formRef={formTableRef}
+                        headerTitle="旗下企业"
                         rowKey="uuid"
-                        key="EnterpriseList"
-                        search={{
-                            labelWidth: 120,
-                        }}
+                        search={false}
                         toolBarRender={() => [
                             <Button
                                 type="primary"
@@ -246,7 +267,7 @@ const NoticeTableList: React.FC = () => {
                 <EnterpriseForm
                     onSubmit={async (values) => {
                         let success = false;
-                        if (currentRow) {
+                        if (currentRow?.uuid) {
                             values.uuid = currentRow.uuid;
                         }