首页优化

2024-03-22 09:25:48 +08:00 · 2024-03-22 09:25:48 +08:00 · 8b17315416
commit 8b17315416
parent af6b6192ff
4 changed files with 155 additions and 16 deletions
--- a/src/components/MainPage/FoUserInfoShow.js
+++ b/src/components/MainPage/FoUserInfoShow.js
@ -59,7 +59,7 @@ class FoUserInfoShow extends React.Component {
                    postName = ret[0]?.Nav_Person.Nav_Post?.NAME
                    this.setState({   //设置setState全局变量                        
                        userPhone: ret[0]?.PHONE,
-                        Department: ret[0]?.Nav_Department.NAME,
+                        Department: ret[0]?.Nav_Department?.NAME,
                        teamName: teamName,
                        postName: postName,
                    })
--- a/src/layout/Sider.js
+++ b/src/layout/Sider.js
@ -54,7 +54,6 @@ const Sider = (props) => {
  };
  /** 子菜单路由 */
  const navToMenu = (menu) => {
-    console.log("12312312312", menu);
    props.history.push({ pathname: `/main/${menu.ID}` });
  };

@ -73,7 +72,6 @@ const Sider = (props) => {
  /** 已激活菜单 */
  const [activeMenu, setActiveMenu] = useState(null);
  const handleActiveMenu = (menu) => {
-    console.log("111111");
    setActiveMenu(menu);
    navToMenu(menu);
  };
--- a/src/routes/Home.js
+++ b/src/routes/Home.js
@ -23,6 +23,7 @@ import {
  Dropdown,
  Menu,
  Empty,
+  Modal
 } from "antd";
 import styles from "./dashboard.css";
 import "slick-carousel/slick/slick.css";
@ -31,6 +32,7 @@ import echarts from "echarts";
 import config from "../config";
 import ModifyPassword from "../components/MainPage/ModifyPassword";
 import FoUserInfoShow from "../components/MainPage/FoUserInfoShow";
+import FormPage from "../components/FormPage";
 const { TabPane } = Tabs;
 const WorkBench = (props) => {
  return (
@ -46,7 +48,7 @@ const WorkBench = (props) => {
            ? "已读"
            : "已办";
        const type = props.index == 1 || props.index == 2 ? prepare : warning;
-        
+
        return (
          <div
            style={{
@ -58,6 +60,10 @@ const WorkBench = (props) => {
              borderBottom:
                index !== props.data.length - 1 ? "1px solid #e7e6e4" : "",
            }}
+            className="home-work-back"
+            onClick={() => {
+              props.benchCLick(item);
+            }}
          >
            <div
              className={
@ -136,7 +142,11 @@ class Home extends React.Component {
      userInfo: "",
      timeNow: "上午好",
      workData: [],
-      workTotal:'',
+      workTotal: "",
+      tableKey: "1",
+      formVisible: false,
+      noticeTitle: "",
+      tmpData: {},
      completeName: [
        {
          name: "张森友",
@ -192,14 +202,96 @@ class Home extends React.Component {
  tabsCallback = (key) => {
    if (key == 1) {
      this.getBaseData(1, "1", 5);
+      this.setState({
+        tableKey: "1",
+      });
    } else if (key == 2) {
      this.getBaseData(1, "4", 5);
+      this.setState({
+        tableKey: "4",
+      });
    } else if (key == 3) {
      this.getBaseData(1, "2", 5);
+      this.setState({
+        tableKey: "2",
+      });
    } else {
      this.getBaseData(1, "3", 5);
+      this.setState({
+        tableKey: "3",
+      });
    }
  };
+  workClick = (e) => {
+    this.showEditModal(
+      e.SOURCE_DATA_ID,
+      e.SOURCE_FORMCODE,
+      e.ID,
+      e.NOTICE_TITLE,
+      e.CODE
+    );
+  };
+  showEditModal = (dataId, formCode, TaskID, title, taskCode) => {
+    this.props.dispatch({
+      type: "app/getDataByPost",
+      url: "BI/BIController/getVersion",
+      onComplete: (ret) => {
+        if (ret > config.version) {
+          window.localStorage.clear();
+          message.success("清除成功，即将重新加载页面", 2, () => {
+            setTimeout(() => window.location.reload(true), 500);
+          });
+        }
+      },
+    });
+    const newtmpData = {
+      data: {
+        id: dataId,
+        TaskID: TaskID,
+        onCancel: this.handleCancel,
+        taskCode: taskCode,
+        tableKey: this.state.tableKey,
+        homeReload: true,
+      },
+      formCode: formCode,
+    };
+    this.setState(
+      {
+        noticeTitle: title,
+        taskCode: taskCode,
+        tmpData: newtmpData,
+        currActivatedMenu: "",
+      },
+      () =>{
+        this.setState({
+          formVisible: true,
+        })
+      }
+      
+        
+        
+    );
+  };
+  clearData = () => {
+    let newtmpData = { ...this.state.tmpData };
+    newtmpData["data"].id = "";
+    newtmpData["data"].homeReload = false;
+    newtmpData.formCode = "";
+    this.setState({
+      formVisible: false,
+      tmpData: [], //newtmpData
+    });
+  };
+  handleCancel = () => {
+    // 退出弹窗
+    this.getBaseData(1, this.state.tableKey, 5);
+    this.clearData();
+  };
+  closeModal=()=>{
+    this.setState({
+      formVisible: false,
+    })
+  }
  getBaseData = (pagination, key, limit) => {
    const current = pagination ? pagination.current : 1;
    const json = initFilter(this.props.login.OrgId, "", "CODE", 1, current);
@ -574,13 +666,13 @@ class Home extends React.Component {
              fontSize: "20",
            },
          },
-          color: '#ffd6b5',
+          color: "#ffd6b5",
          legend: {
            show: false,
            itemGap: 12,
            data: ["01", "02"],
          },
-  
+
          series: [
            {
              name: "Line 1",
@ -835,7 +927,7 @@ class Home extends React.Component {
  handleUserMenuClick = (evt) => {
    switch (evt.key) {
      case "user-menu-logout":
-        handleLogout();
+        this.handleLogout();
        break;
      case "user-menu-cacheclean":
        window.localStorage.clear();
@ -863,6 +955,19 @@ class Home extends React.Component {
        }}
        ref={this.resizeRef}
      >
+        <Modal
+          visible={this.state.formVisible}
+          title={this.state.noticeTitle}
+          maskClosable={false}
+          onCancel={this.handleCancel}
+          footer={null}
+          className="antd-modal-fullscreen"
+          closeModal={this.closeModal}
+          // forceRender={true}
+        >
+          <FormPage {...this.state.tmpData} />
+        </Modal>
+
        <Col span={24} style={{ width: "100%", height: "100%" }}>
          <Row
            gutter={12}
@ -1054,10 +1159,26 @@ class Home extends React.Component {
                </div>
              </div>
              <div className="home-userInfo-card">
-                <UserInfo data={this.state.workTotal.todoCount} title="待办事项" color="#2177d5" />
-                <UserInfo data={this.state.workTotal.timeOverCount} title="待办超时" color="#f76707" />
-                <UserInfo data={this.state.workTotal.doneCount} title="已办事项" color="#48a447" />
-                <UserInfo data={this.state.workTotal.todayNewCount} title="今日提醒" color="#fcc419" />
+                <UserInfo
+                  data={this.state.workTotal.todoCount}
+                  title="待办事项"
+                  color="#2177d5"
+                />
+                <UserInfo
+                  data={this.state.workTotal.timeOverCount}
+                  title="待办超时"
+                  color="#f76707"
+                />
+                <UserInfo
+                  data={this.state.workTotal.doneCount}
+                  title="已办事项"
+                  color="#48a447"
+                />
+                <UserInfo
+                  data={this.state.workTotal.todayNewCount}
+                  title="今日提醒"
+                  color="#fcc419"
+                />
              </div>
            </Col>
            <div style={{ width: "30px" }}></div>
@ -1326,7 +1447,11 @@ class Home extends React.Component {
                      }}
                    >
                      {this.state.workData.length > 0 ? (
-                        <WorkBench data={this.state.workData} index={1} />
+                        <WorkBench
+                          data={this.state.workData}
+                          index={1}
+                          benchCLick={this.workClick}
+                        />
                      ) : (
                        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
                      )}
@ -1353,7 +1478,11 @@ class Home extends React.Component {
                      }}
                    >
                      {this.state.workData.length > 0 ? (
-                        <WorkBench data={this.state.workData} index={2} />
+                        <WorkBench
+                          data={this.state.workData}
+                          index={2}
+                          benchCLick={this.workClick}
+                        />
                      ) : (
                        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
                      )}
@ -1380,7 +1509,11 @@ class Home extends React.Component {
                      }}
                    >
                      {this.state.workData.length > 0 ? (
-                        <WorkBench data={this.state.workData} index={3} />
+                        <WorkBench
+                          data={this.state.workData}
+                          index={3}
+                          benchCLick={this.workClick}
+                        />
                      ) : (
                        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
                      )}
@ -1407,7 +1540,11 @@ class Home extends React.Component {
                      }}
                    >
                      {this.state.workData.length > 0 ? (
-                        <WorkBench data={this.state.workData} index={4} />
+                        <WorkBench
+                          data={this.state.workData}
+                          index={4}
+                          benchCLick={this.workClick}
+                        />
                      ) : (
                        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
                      )}
--- a/src/routes/dashboard.css
+++ b/src/routes/dashboard.css
@ -240,6 +240,10 @@
  font-size: 12px;
  margin-left: 5px;
 }
+:global(.home-work-back):hover {
+background-color: #eef5ff;
+cursor: pointer;
+}
 :global(.home-work-icon) {
  padding: 3px 5px;
  margin-right: 10px;