Basic.tsx

import React from 'react';
import PandaConfigurationView from '../index';
// import PandaConfigurationView from '../../es/index';
const Demo = () => {
  return (
    <div style={{ width: '100%', height: '600px', background: '#242835' }}>
      <PandaConfigurationView
        name={'水厂工艺流程段'}
        devices={'EQZT00000008,EQZT00000007,CPDA00000001,JYBZ00000003,JYBZ00000005,JYBZ00000004,SC00000003'.split(
          ',',
        )}
        // name={'崇左丽江水厂原水泵房'}
        // devices={'EQZT00000007,CPBA00000001,CPAA00000001,EQZT00000008,CPDA00000001,CPAD00000001,LJSC00000002,EQZT00000005,EQZT00000004,EQZT00000002,EQZT00000003'.split(
        //   ',',
        // )}
        // name={'丽江水厂原水提升泵D单元'}
        // devices={'CPAA00000001, CPAD00000001, LJSC00000002'.split(',')}
        // dictionaryParams={{nodeID: 149}}
        config={globalConfig}
        deviceName={['工艺流程1', '工艺流程2', '工艺流程3']}
        // isZoom={true}
        // flowShow={false}
      />
    </div>
  );
};

export default Demo;

const globalConfig = {
  token: 'a1372ef0ce7b4e4884d31cfd99fe92f6',
  mqtt_iotIP: 'emqttd10.panda-water.cn:443',
  mqtt_path: '/mqtt',
  mqtt_IsSSL: true,
  mqtt_site_code: 'site_dc8302ni',
  mqtt_mess: {
    MessageLevel: '1.0',
    TcpIP: 'emqttd10.panda-water.cn',
    TcpPort: 443,
    site_code: 'site_dc8302ni',
  },
  userInfo: {
    LocalSite: 'site_dc8302ni',
    site: '',
  },
};