京福项目组织架构图开发

1.组织架构图人员卡片增加岗位名称
2.组织架构图岗位关联自定义建模台账获取岗位说明，并支持点击跳转到岗位说明附件页
3.组织架构图人员卡片点击人员跳转到人员卡片
4.组织架构图默认平铺展示

src/components/drawer/index.jsx

@@ -31,7 +31,7 @@ export default class DrawerComponents extends React.Component {
       dataSource: [],
       columns: [],
       spinning: true,
-      showJob: true,
+      showJob: false,
     };
   }
 
@@ -285,12 +285,19 @@ export default class DrawerComponents extends React.Component {
                 </div>
                 <div style="display: inline-block; margin-left: 6px;width: 55%;height:100%">
                     <div style='display:flex;align-items:center;height: 25px;line-height: 25px;margin-top:15px'>
-                        <div style="font-weight: bold;font-size: 15px;ont-family: Microsoft YaHei-Bold, Microsoft YaHei;color: #333333;">${
-                          d.data.fname
-                        }</div>
+                        <div onclick="window.open('/spa/hrm/index_mobx.html#/main/hrm/card/cardInfo/'+${
+                          d.data.id
+                        })" style="font-weight: bold;font-size: 15px;ont-family: Microsoft YaHei-Bold, Microsoft YaHei;color: #333333;">${
+        d.data.fname
+      }</div>
                     </div>
-                    <div style="font-size: 13px;font-family: Microsoft YaHei-Regular, Microsoft YaHei;font-weight: 400;color: #333333;display: flex;height: 25px;line-height: 25px;">
+                   <div style="font-size: 13px;font-family: Microsoft YaHei-Regular, Microsoft YaHei;font-weight: 400;color: #333333;height: 25px;line-height: 25px;">
                         <span>司龄: ${d.data.companyWorkYear} 年</span>
+                        <div onclick="if(${
+                          d.data.jobFj
+                        } == 0) return alert('该岗位未维护岗位说明书') ;window.open('/spa/document/index2file.jsp?id='+${
+        d.data.jobFj
+      })" >岗位: ${d.data.jobTitle}</div>
                     </div>
                 </div>
                 </div>
@@ -299,19 +306,19 @@ export default class DrawerComponents extends React.Component {
   };
 
   showDrawer = (params) => {
-    const showJob = params.fclass == '0' ? '1' : '0';
+    const showJob = '0';
     this.getDeatilDatas(params, 'chart', showJob);
     this.setState({ open: true, params: params });
   };
 
   onClose = () => {
-    this.setState({ open: false, detailType: 'chart', showJob: true });
+    this.setState({ open: false, detailType: 'chart', showJob: false });
   };
 
   changeDetail = () => {
     const { detailType, params } = this.state;
     let type = detailType == 'chart' ? 'table' : 'chart';
-    const showJob = this.state.showJob ? '1' : '0';
+    const showJob = '0';
     this.setState({
       detailType: type,
     });
@@ -350,25 +357,6 @@ export default class DrawerComponents extends React.Component {
         }}
         extra={
           <Space>
-            {detailType == 'chart' && params && params.fclass == '0' && (
-              <Checkbox
-                style={{ marginTop: '5px', marginLeft: 100 }}
-                checked={showJob}
-                onChange={(e) => {
-                  this.setState({
-                    showJob: e.target.checked,
-                  });
-
-                  this.getDeatilDatas(
-                    params,
-                    detailType,
-                    e.target.checked ? '1' : '0',
-                  );
-                }}
-              >
-                是否显示岗位
-              </Checkbox>
-            )}
             <Dropdown overlay={menu}>
               <Button type="primary">导出</Button>
             </Dropdown>

src/pages/company.jsx

@@ -418,6 +418,14 @@ export default function companyPage() {
           .setCentered(orgChart.getChartState().root?.id)
           .layout('top')
           .render();
+
+      window.setTimeout(() => {
+        orgChart &&
+          orgChart
+            .compact(!!(compact++ % 2))
+            .render()
+            .fit();
+      }, 500);
     }
   }, [data]);