/*
 * @Author: ljiwen
 * @Date: 2024-09-19 15:42:23
 * @Description: 
 * @FilePath: \wisdom-components\packages\extend-components\EC_ConfigurationView\src\demos\Basic.tsx
 */
import React, { useState } from 'react';
import { Button } from 'antd';
import PandaConfiguration from '../index';
// import PandaConfigurationView from '../../es/index';
const Demo = () => {
  const [name, setName] = useState('泵房报警展示');
  const [devices, setDevices] = useState('EGBF00000039');
  const [messaged, setMessaged] = useState({
    age: '运行监控1',
  });
  return (
    <>
      <div style={{ width: '100%', height: '600px', background: '#242835' }}>
        <PandaConfiguration
          name={name}
          devices={devices.split(',')}
          // name={'崇左丽江水厂原水泵房'}
          // devices={'EQZT00000007,CPBA00000001,CPAA00000001,EQZT00000008,CPDA00000001,CPAD00000001,LJSC00000002,EQZT00000005,EQZT00000004,EQZT00000002,EQZT00000003'.split(
          //   ',',
          // )}
          // name={'丽江水厂原水提升泵D单元'}
          // devices={'CPAA00000001, CPAD00000001, LJSC00000002'.split(',')}
          config={globalConfig}
          deviceName={['工艺流程1', '工艺流程2', '工艺流程3']}
          messaged={messaged}
          params={{
            name1: '1213',
            title: 'mqtt参数',
          }}
          // isZoom={true}
          // flowShow={false}
        />
      </div>
      <Button
        onClick={() => {
          setName('崇左丽江水厂原水泵房');
          setDevices(
            'EQZT00000007,CPBA00000001,CPAA00000001,EQZT00000008,CPDA00000001,CPAD00000001,LJSC00000002,EQZT00000005,EQZT00000004,EQZT00000002,EQZT00000003',
          );
          setMessaged({
            age: '运行监控',
          });
        }}
        style={{ margin: '10px' }}
      >
        改变组态名称
      </Button>
    </>
  );
};

export default Demo;

const globalConfig = {
  token: 'a1372ef0ce7b4e4884d31cfd99fe92f6',
  mqtt_iotIP: '192.168.10.174:8083',
  mqtt_path: '/mqtt',
  mqtt_IsSSL: false,
  mqtt_site_code: 'site_dv4034ma',
  mqtt_mess: {
    MessageLevel: '1.0',
    TcpIP: '192.168.10.174',
    TcpPort: 8083,
    site_code: 'site_dv4034ma',
  },
  userInfo: {
    LocalSite: 'site_dv4034ma',
    site: '',
  },
};