From 8925fd2d70604c6afc7c723ce29bba71941f8fb3 Mon Sep 17 00:00:00 2001
From: Chengliang <1546584672@qq.com>
Date: Thu, 18 Aug 2022 17:43:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/img/permission.png | Bin 0 -> 2257 bytes
 src/pages/company.jsx     | 436 ++++++++++++++++++++------------------
 src/pages/user.jsx        |  74 ++++---
 3 files changed, 281 insertions(+), 229 deletions(-)
 create mode 100644 public/img/permission.png

diff --git a/public/img/permission.png b/public/img/permission.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd2cbfaec6d2e9d91d114292fcf574aeb4d9456a
GIT binary patch
literal 2257
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

literal 0
HcmV?d00001

diff --git a/src/pages/company.jsx b/src/pages/company.jsx
index 1a2d4e4..16ee418 100644
--- a/src/pages/company.jsx
+++ b/src/pages/company.jsx
@@ -1,131 +1,141 @@
 import styles from './index.less';
-import React, { useEffect, useState } from "react";
-import {OrgChartComponent} from '@/components/orgChart'
+import React, { useEffect, useState } from 'react';
+import { OrgChartComponent } from '@/components/orgChart';
 import * as d3 from 'd3';
 import { TopBar } from '../components/topBar';
 import ToolBar from '../components/toolBar';
-import jsPDF from 'jspdf'
+import jsPDF from 'jspdf';
 import moment from 'moment';
 import qs from 'qs';
-
+import { message } from 'antd';
 
 export default function companyPage() {
-    const [data, setData] = useState(null);
-    const [sliderProgress, setSliderProgress] = useState(50);
-    let addNodeChildFunc = null;
-    let orgChart = null;
+  const [data, setData] = useState(null);
+  const [sliderProgress, setSliderProgress] = useState(50);
+  let addNodeChildFunc = null;
+  let orgChart = null;
 
-    let topBarSearchRequest = null;
-  
-    // 点击节点
-    function onNodeClick(nodeId) {
-      // alert('clicked ' + nodeId);
-    }
+  let topBarSearchRequest = null;
+  const [hasRight, setHasRight] = useState('');
 
+  // 点击节点
+  function onNodeClick(nodeId) {
+    // alert('clicked ' + nodeId);
+  }
 
-    // 扩展按钮点击
-    function onButtonClick(event, d) {
-      if(d.children) {
-        let idsList = []
-        d.children.forEach(item => {
-          if(item.data.hasChildren && !item._children) {
-            idsList.push(item.data.id);
-          }
-        })
-
-        if(idsList.length == 0) {
-          return
+  // 扩展按钮点击
+  function onButtonClick(event, d) {
+    if (d.children) {
+      let idsList = [];
+      d.children.forEach((item) => {
+        if (item.data.hasChildren && !item._children) {
+          idsList.push(item.data.id);
         }
-
-        let idsStr = idsList.join(",")
-
-        console.log("idsStr", idsStr);
-        
-        let api = "";
-        if(topBarSearchRequest) {
-          let request = {...topBarSearchRequest, ids: idsStr}
-          api = "/api/bs/hrmorganization/orgchart/asyncCompanyData" + qs.stringify(request, {addQueryPrefix: true})
-        } else {
-          api = "/api/bs/hrmorganization/orgchart/asyncCompanyData?fclass=0&root=0&date=" + moment(new Date()).format("YYYY-MM-DD") + "&ids="+idsStr
-        }
-
-        fetch(api).then(res => res.json()).then(data => {
-          if(data.data) {
-            data.data.forEach(item => {
-              window.chart.addNode(item)
-            })
-          } 
-        })
-      }
-    }
-
-    // 获取部门图片
-    function getDepartmentImage() {
-      let index = Math.floor(Math.random() * 8) + 1
-      return `./img/department/${index}.png` 
-    }
-
-    // 获取部门图片
-    function getSubcompanyImage() {
-      let index = Math.floor(Math.random() * 3) + 1
-      return `./img/subcompany/${index}.png` 
-    }
-  
-    // 获取数据
-    useEffect(() => {
-      d3.json(
-        // "/company/data"
-        "/api/bs/hrmorganization/orgchart/companyData?fclass=0&root=0&date=" + moment(new Date()).format("YYYY-MM-DD")
-      ).then(data => {
-        setData(data.data);
       });
-    }, [true]);
 
-    // ButtonContent渲染
-    const buttonContentRender = ({ node, state }) => {
-      if(node.children) {
-        return `<div style="border-radius:3px;padding:3px;font-size:10px;margin:auto auto;background-color:#66BAF5"> <div style="margin-top:0px;line-height:1.2;height:11px;font-size:25px; color: #fff;">ˆ</div>  </div>`;
+      if (idsList.length == 0) {
+        return;
+      }
+
+      let idsStr = idsList.join(',');
+
+      console.log('idsStr', idsStr);
+
+      let api = '';
+      if (topBarSearchRequest) {
+        let request = { ...topBarSearchRequest, ids: idsStr };
+        api =
+          '/api/bs/hrmorganization/orgchart/asyncCompanyData' +
+          qs.stringify(request, { addQueryPrefix: true });
       } else {
-        return `<div style="border-radius:3px;padding:1px;font-size:10px;margin:auto auto;background-color:#66BAF5"> <div style="margin-top:-22px;margin-bottom: 3px;font-size:25px; color: #fff;">ˬ</div>  </div>`
+        api =
+          '/api/bs/hrmorganization/orgchart/asyncCompanyData?fclass=0&root=0&date=' +
+          moment(new Date()).format('YYYY-MM-DD') +
+          '&ids=' +
+          idsStr;
       }
+
+      fetch(api)
+        .then((res) => res.json())
+        .then((data) => {
+          if (data.data) {
+            data.data.forEach((item) => {
+              window.chart.addNode(item);
+            });
+          }
+        });
     }
+  }
 
-    // 节点宽度渲染
-    const nodeWidthRender = d => 
-    {
-      if(d.data.ftype == 0) {
-        return 220;
-      } else if(d.data.ftype == 1) {
-        return 160;
-      } else if(d.data.ftype == 2) {
-        return 144;
-      }
-      return 200;
+  // 获取部门图片
+  function getDepartmentImage() {
+    let index = Math.floor(Math.random() * 8) + 1;
+    return `./img/department/${index}.png`;
+  }
+
+  // 获取部门图片
+  function getSubcompanyImage() {
+    let index = Math.floor(Math.random() * 3) + 1;
+    return `./img/subcompany/${index}.png`;
+  }
+
+  // 获取数据
+  useEffect(() => {
+    d3.json(
+      // "/company/data"
+      '/api/bs/hrmorganization/orgchart/companyData?fclass=0&root=0&date=' +
+        moment(new Date()).format('YYYY-MM-DD'),
+    ).then((data) => {
+      setData(data.data);
+      setHasRight(data.hasRight);
+    });
+  }, [true]);
+
+  // ButtonContent渲染
+  const buttonContentRender = ({ node, state }) => {
+    if (node.children) {
+      return `<div style="border-radius:3px;padding:3px;font-size:10px;margin:auto auto;background-color:#66BAF5"> <div style="margin-top:0px;line-height:1.2;height:11px;font-size:25px; color: #fff;">ˆ</div>  </div>`;
+    } else {
+      return `<div style="border-radius:3px;padding:1px;font-size:10px;margin:auto auto;background-color:#66BAF5"> <div style="margin-top:-22px;margin-bottom: 3px;font-size:25px; color: #fff;">ˬ</div>  </div>`;
     }
+  };
 
-    const nodeHeightRender = d => {
-      if(d.data.ftype == 0) {
-        return 100;
-      } else if(d.data.ftype == 1) {
-        return 160;
-      }else if(d.data.ftype == 2) {
-        return 56;
-      }
-      return 120;
+  // 节点宽度渲染
+  const nodeWidthRender = (d) => {
+    if (d.data.ftype == 0) {
+      return 220;
+    } else if (d.data.ftype == 1) {
+      return 160;
+    } else if (d.data.ftype == 2) {
+      return 144;
     }
+    return 200;
+  };
 
+  const nodeHeightRender = (d) => {
+    if (d.data.ftype == 0) {
+      return 100;
+    } else if (d.data.ftype == 1) {
+      return 160;
+    } else if (d.data.ftype == 2) {
+      return 56;
+    }
+    return 120;
+  };
 
+  const nodeContentRender = (d, i, arr, state) => {
+    // 集团地址
+    let companyUrl =
+      '/spa/organization/static/index.html#/main/organization/group';
+    // 分部地址
+    let subcompanyUrl =
+      '/spa/organization/static/index.html#/main/organization/companyExtend/';
+    // 部门地址
+    let departmentUrl =
+      '/spa/organization/static/index.html#/main/organization/departmentExtend/';
 
-    const nodeContentRender = (d, i, arr, state) => {
-      // 集团地址
-      let companyUrl = "/spa/organization/static/index.html#/main/organization/group"
-      // 分部地址
-      let subcompanyUrl = "/spa/organization/static/index.html#/main/organization/companyExtend/"
-      // 部门地址
-      let departmentUrl = "/spa/organization/static/index.html#/main/organization/departmentExtend/"
-
-      if(d.data.ftype == 0) {
-        return `<div onclick="window.open('${companyUrl}', '_blank')">
+    if (d.data.ftype == 0) {
+      return `<div onclick="window.open('${companyUrl}', '_blank')">
           <div style="display: inline-block; vertical-align: top;">
             <img src="./img/company.png" />
           </div>
@@ -148,9 +158,11 @@ export default function companyPage() {
                 margin-top: 10px;
             ">COMPANY_GROUP</div>
           </div>
-        </div>`
-      } else if(d.data.ftype == 1) {
-        return `<div onclick="window.open('${subcompanyUrl + d.data.fnumber}', '_blank')">
+        </div>`;
+    } else if (d.data.ftype == 1) {
+      return `<div onclick="window.open('${
+        subcompanyUrl + d.data.fnumber
+      }', '_blank')">
           <div style="width: 85px; height: 85px; border: 1px solid #66BAF5; border-radius: 50%;text-align: center; line-height: 85px; margin: 0 auto;">
             <img src="${getSubcompanyImage()}" />
           </div>
@@ -164,10 +176,12 @@ export default function companyPage() {
           ">
             ${d.data.fname}
           </div>
-        </div>`
-      } else if(d.data.ftype == 2) {
-        return `
-        <div style="width: 100%; height: 100%; background: url('./img/company_job_label.png');background-size: 100% 100%;" onclick="window.open('${departmentUrl + d.data.fnumber}')">
+        </div>`;
+    } else if (d.data.ftype == 2) {
+      return `
+        <div style="width: 100%; height: 100%; background: url('./img/company_job_label.png');background-size: 100% 100%;" onclick="window.open('${
+          departmentUrl + d.data.fnumber
+        }')">
           <div style="padding-left: 8px; padding-top: 23px;">
             <img src="${getDepartmentImage()}"/>
             <span style="
@@ -179,121 +193,141 @@ export default function companyPage() {
             ">${d.data.fname}</span>
           </div>
         </div>
-        `
+        `;
+    }
+    return `<div>${d.data.fname}</div>`;
+  };
+
+  // tool bar start
+  const handleTopLayoutClick = (progressBtn) => {
+    progressBtn.current.style.top = 50 + 'px';
+    orgChart && orgChart.layout('top').render();
+  };
+
+  const handleLeftLayoutClick = (progressBtn) => {
+    progressBtn.current.style.top = 50 + 'px';
+    orgChart && orgChart.layout('left').render();
+  };
+
+  const handleZoomIn = (progressBtn) => {
+    if (progressBtn) {
+      let top = parseInt(progressBtn.current.style.top) - 10;
+      if (top <= 0) {
+        top = 30;
       }
-      return `<div>${d.data.fname}</div>`
+      progressBtn.current.style.top = top + 'px';
     }
+    orgChart && orgChart.zoomIn();
+  };
 
-
-    // tool bar start
-    const handleTopLayoutClick = (progressBtn) => {
-      progressBtn.current.style.top= 50 + "px";
-      orgChart && orgChart.layout('top').render();
-    }
-
-    const handleLeftLayoutClick = (progressBtn) => {
-      progressBtn.current.style.top= 50 + "px";
-      orgChart && orgChart.layout('left').render();
-    }
-
-    const handleZoomIn = (progressBtn) => {
-      if(progressBtn) {
-        let top = (parseInt(progressBtn.current.style.top) - 10)
-        if(top <= 0) {
-          top = 30;
-        }
-        progressBtn.current.style.top = top + "px";
+  const handleZoomOut = (progressBtn) => {
+    if (progressBtn) {
+      let top = parseInt(progressBtn.current.style.top) + 10;
+      if (top >= 100) {
+        top = 70;
       }
-      orgChart && orgChart.zoomIn();
+      progressBtn.current.style.top = top + 'px';
     }
 
-    const handleZoomOut = (progressBtn) => {
-      if(progressBtn) {
-        let top = (parseInt(progressBtn.current.style.top) + 10)
-        if(top >= 100) {
-          top = 70;
-        }
-        progressBtn.current.style.top = top + "px";
-      }
-      
-      orgChart && orgChart.zoomOut();
+    orgChart && orgChart.zoomOut();
+  };
+
+  const handleZoomBehavior = (value) => {
+    orgChart && orgChart.zoomBehavior(value - 50);
+  };
+
+  // tool bar end
+
+  // top bar start
+
+  function downloadPdf(chart) {
+    chart.exportImg({
+      save: false,
+      onLoad: (base64) => {
+        var pdf = new jsPDF();
+        var img = new Image();
+        img.src = base64;
+        img.onload = function () {
+          pdf.addImage(
+            img,
+            'JPEG',
+            5,
+            5,
+            595 / 3,
+            ((img.height / img.width) * 595) / 3,
+          );
+          pdf.save('chart.pdf');
+        };
+      },
+    });
+  }
+
+  const handleExport = (type) => {
+    if (type == 'png') {
+      orgChart && orgChart.exportImg({ full: true });
+    } else {
+      orgChart && downloadPdf(orgChart);
     }
+  };
 
-    const handleZoomBehavior = (value) => {
-      orgChart && orgChart.zoomBehavior(value - 50);
-    }
-
-    // tool bar end
-
-    // top bar start
-
-    function downloadPdf(chart) {
-      chart.exportImg({
-        save: false,
-        onLoad: (base64) => {
-          var pdf = new jsPDF();
-          var img = new Image();
-          img.src = base64;
-          img.onload = function () {
-            pdf.addImage(
-              img,
-              'JPEG',
-              5,
-              5,
-              595 / 3,
-              ((img.height / img.width) * 595) / 3
-            );
-            pdf.save('chart.pdf');
-          };
-        },
-      });
-    }
-
-    const handleExport = (type) => {
-      if(type == "png") {
-        orgChart && orgChart.exportImg({full:true});
-      } else {
-        orgChart && downloadPdf(orgChart)
-      }
-    }
-
-    const handleSearch = (requestData) => {
-      topBarSearchRequest = requestData
-      let api = "/api/bs/hrmorganization/orgchart/companyData" + qs.stringify(requestData, {addQueryPrefix: true})
-      fetch(api).then(res => res.json()).then(data => {
+  const handleSearch = (requestData) => {
+    topBarSearchRequest = requestData;
+    let api =
+      '/api/bs/hrmorganization/orgchart/companyData' +
+      qs.stringify(requestData, { addQueryPrefix: true });
+    fetch(api)
+      .then((res) => res.json())
+      .then((data) => {
         setData(data.data);
-      })
-    }
-
-    // top bar end
-
+      });
+  };
 
+  // top bar end
+  if (hasRight === false) {
+    //return message.error("对不起，您暂时没有权限", 2);
     return (
+      <div style={{ width: '100%', top: '40%', position: 'absolute' }}>
+        <img
+          style={{ display: 'block', margin: '0 auto' }}
+          src="./img/permission.png"
+        />
+        <p style={{ textAlign: 'center' }}>对不起，您暂时没有权限!</p>
+      </div>
+    );
+  }
+
+  return (
+    hasRight && (
       <div className={styles.contentWrapper}>
-        <TopBar 
-          onExport={(type) => {handleExport(type)}}
-          onSearch={(requestData) => {handleSearch(requestData)}}
+        <TopBar
+          onExport={(type) => {
+            handleExport(type);
+          }}
+          onSearch={(requestData) => {
+            handleSearch(requestData);
+          }}
           url="/api/bs/hrmorganization/orgchart/getCondition?type=company"
         />
-        <ToolBar 
+        <ToolBar
           onTopLayoutClick={(progressBtn) => handleTopLayoutClick(progressBtn)}
-          onLeftLayoutClick={(progressBtn) => handleLeftLayoutClick(progressBtn)}
+          onLeftLayoutClick={(progressBtn) =>
+            handleLeftLayoutClick(progressBtn)
+          }
           onZoomOut={(progressBtn) => handleZoomOut(progressBtn)}
           onZoomIn={(progressBtn) => handleZoomIn(progressBtn)}
           onZoomBehavior={(value) => handleZoomBehavior(value)}
         />
         <OrgChartComponent
-          setChart={(chart) => orgChart = chart}
-          setClick={click => (addNodeChildFunc = click)}
+          setChart={(chart) => (orgChart = chart)}
+          setClick={(click) => (addNodeChildFunc = click)}
           onNodeClick={onNodeClick}
           data={data}
-          buttonContent={
-            buttonContentRender
-          }
+          buttonContent={buttonContentRender}
           nodeWidth={nodeWidthRender}
           nodeHeight={nodeHeightRender}
           nodeContent={nodeContentRender}
         />
       </div>
-    );
+    )
+  );
 }
diff --git a/src/pages/user.jsx b/src/pages/user.jsx
index 2542c1e..1dc6615 100644
--- a/src/pages/user.jsx
+++ b/src/pages/user.jsx
@@ -15,6 +15,7 @@ export default function userPage() {
   let orgChart = null;
   let progressBtnRef = null;
   let topBarSearchRequest = null;
+  const [hasRight, setHasRight] = useState('');
 
   // 点击节点
   function onNodeClick(nodeId) {
@@ -84,6 +85,7 @@ export default function userPage() {
         moment(new Date()).format('YYYY-MM-DD'),
     ).then((data) => {
       setData(data.data);
+      setHasRight(data.hasRight);
     });
   }, [true]);
 
@@ -377,34 +379,50 @@ export default function userPage() {
     }
   };
 
+  if (hasRight === false) {
+    return (
+      <div style={{ width: '100%', top: '40%', position: 'absolute' }}>
+        <img
+          style={{ display: 'block', margin: '0 auto' }}
+          src="./img/permission.png"
+        />
+        <p style={{ textAlign: 'center' }}>对不起，您暂时没有权限!</p>
+      </div>
+    );
+  }
+
   return (
-    <div className={styles.contentWrapper}>
-      <TopBar
-        onExport={(type) => {
-          handleExport(type);
-        }}
-        onSearch={(requestData) => {
-          handleSearch(requestData);
-        }}
-        url="/api/bs/hrmorganization/orgchart/getCondition?type=user"
-      />
-      <ToolBar
-        onTopLayoutClick={(progressBtn) => handleTopLayoutClick(progressBtn)}
-        onLeftLayoutClick={(progressBtn) => handleLeftLayoutClick(progressBtn)}
-        onZoomOut={(progressBtn) => handleZoomOut(progressBtn)}
-        onZoomIn={(progressBtn) => handleZoomIn(progressBtn)}
-      />
-      <OrgChartComponent
-        setChart={(chart) => (orgChart = chart)}
-        setClick={(click) => (addNodeChildFunc = click)}
-        onNodeClick={onNodeClick}
-        onButtonClick={onButtonClick}
-        data={data}
-        buttonContent={buttonContentRender}
-        nodeWidth={nodeWidthRender}
-        nodeHeight={nodeHeightRender}
-        nodeContent={nodeContentRender}
-      />
-    </div>
+    hasRight && (
+      <div className={styles.contentWrapper}>
+        <TopBar
+          onExport={(type) => {
+            handleExport(type);
+          }}
+          onSearch={(requestData) => {
+            handleSearch(requestData);
+          }}
+          url="/api/bs/hrmorganization/orgchart/getCondition?type=user"
+        />
+        <ToolBar
+          onTopLayoutClick={(progressBtn) => handleTopLayoutClick(progressBtn)}
+          onLeftLayoutClick={(progressBtn) =>
+            handleLeftLayoutClick(progressBtn)
+          }
+          onZoomOut={(progressBtn) => handleZoomOut(progressBtn)}
+          onZoomIn={(progressBtn) => handleZoomIn(progressBtn)}
+        />
+        <OrgChartComponent
+          setChart={(chart) => (orgChart = chart)}
+          setClick={(click) => (addNodeChildFunc = click)}
+          onNodeClick={onNodeClick}
+          onButtonClick={onButtonClick}
+          data={data}
+          buttonContent={buttonContentRender}
+          nodeWidth={nodeWidthRender}
+          nodeHeight={nodeHeightRender}
+          nodeContent={nodeContentRender}
+        />
+      </div>
+    )
   );
 }