import { useRef, useEffect } from 'react';
import PageContent from '@/components/PageContent';
import { useLocation, useNavigate } from '@umijs/max';

const CadDeTail = () => {
  const cadRef = useRef();
  const location = useLocation();
  const {
    state: { path },
  } = location;

  console.log('-----path-------', path);

  useEffect(() => {
    const content = document.getElementById('container');
    ZwCloud2D.ZwEditor.ZwInit(content);

    ZwCloud2D.ZwDataProcessor.ZwSetConnectUrl(
      'https://cad.greentech.com.cn',
      'wss://cad.greentech.com.cn:5121',
      'https://cad.greentech.com.cn',
    );
    ZwCloud2D.ZwDataProcessor.ZwSetLoadDwg(path);
    ZwCloud2D.ZwDataProcessor.ZwLoad();
  }, []);
  return (
    <PageContent>
      <div>CAD在线审批</div>
      <div
        id="container"
        style={{ width: '100%', height: '80vh' }}
        ref={cadRef}
      />
    </PageContent>
  );
};

export default CadDeTail;