组织架构图变动修复
parent
099bcec74d
commit
9604dedffd
@ -1,44 +1,38 @@
|
|||||||
/*
|
|
||||||
* @Author: Chengliang 1546584672@qq.com
|
|
||||||
* @Date: 2023-06-08 13:52:38
|
|
||||||
* @LastEditors: Chengliang 1546584672@qq.com
|
|
||||||
* @LastEditTime: 2023-06-08 19:21:18
|
|
||||||
* @FilePath: /org-chart-frant/src/pages/chart.jsx
|
|
||||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
||||||
*/
|
|
||||||
import React, { useEffect, useState } from 'react';
|
import React, { useEffect, useState } from 'react';
|
||||||
import qs from 'qs';
|
|
||||||
import * as d3 from 'd3';
|
import * as d3 from 'd3';
|
||||||
import styles from './index.less';
|
import styles from './index.less';
|
||||||
import { Image } from 'antd';
|
import { Image } from 'antd';
|
||||||
|
|
||||||
import WaterMark from 'watermark-component-for-react';
|
import WaterMark from 'watermark-component-for-react';
|
||||||
|
|
||||||
export default function companyPage() {
|
export default function chartPage() {
|
||||||
const [url, setUrl] = useState('');
|
const [url, setUrl] = useState();
|
||||||
const [watermark, setWatermark] = useState('');
|
const [hasRight, setHasRight] = useState('');
|
||||||
|
const [watermark, setWatermark] = useState();
|
||||||
|
|
||||||
//获取数据
|
//获取数据
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
d3.json('/api/ais/orgChart/chartData').then((res) => {
|
d3.json('/api/ais/orgChart/chartData').then((res) => {
|
||||||
setUrl(res.data.url);
|
|
||||||
setWatermark(res.data.watermark);
|
setWatermark(res.data.watermark);
|
||||||
|
setUrl(res.data.url);
|
||||||
|
setHasRight('true');
|
||||||
});
|
});
|
||||||
}, [true]);
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
hasRight && (
|
||||||
<WaterMark content={watermark} font="20px Microsoft Yahei">
|
<>
|
||||||
<div className={styles.chartContainer}>
|
<WaterMark content={watermark} font="20px Microsoft Yahei">
|
||||||
<Image
|
<div className={styles.chartContainer}>
|
||||||
width="100%"
|
<Image
|
||||||
src={url}
|
width="100%"
|
||||||
preview={{
|
src={url}
|
||||||
src: { url },
|
preview={false}
|
||||||
}}
|
//src="https://img.xqppt.com/uploads/docx/22329/images/image1.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</WaterMark>
|
</WaterMark>
|
||||||
</>
|
</>
|
||||||
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue