Commit 2ceb61fd authored by 单奇雲's avatar 单奇雲

.

parent 29d9f281
import React, { Component } from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import classNames from 'classnames'; import classNames from 'classnames';
import { Connect } from 'amos-framework';
import { SidePane } from 'amos-framework'; import { SidePane } from 'amos-framework';
import { actionBars } from './../conf'; import { actionBars } from './../conf';
import BizIcon from './../common/icon/BizIcon' import { eventTopics } from './../consts';
import BizIcon from './../common/icon/BizIcon';
const eventConnect = Connect.eventConnect;
/** /**
* 底部操作栏 * 底部操作栏
*/ */
@eventConnect
class ActionBar extends Component { class ActionBar extends Component {
constructor(props) { constructor(props) {
...@@ -17,9 +22,16 @@ class ActionBar extends Component { ...@@ -17,9 +22,16 @@ class ActionBar extends Component {
}; };
} }
itemClick = (activeAction) => { itemClick = (item) => {
this.setState({ activeAction }); if(!item.singleClick){
this.setState({ activeAction: item.type });
}
this.props.onActionItemClick && this.props.onActionItemClick(); this.props.onActionItemClick && this.props.onActionItemClick();
this.props.trigger(eventTopics.innate_operater, {
key: item.type,
value: true
});
} }
render() { render() {
...@@ -32,11 +44,13 @@ class ActionBar extends Component { ...@@ -32,11 +44,13 @@ class ActionBar extends Component {
actionBars.map( a => { actionBars.map( a => {
const cls = classNames({ const cls = classNames({
'action-item': true, 'action-item': true,
'action-active': activeAction === a.type 'action-active': activeAction === a.type && !a.singleClick
}); });
return ( return (
<div className={cls} onClick={()=> this.itemClick(a.type)}> <div className={cls} onClick={()=> this.itemClick(a)}>
<p className="action-item-title">{a.label}</p> <div className="action-item-title">
<p className="">{a.label}</p>
</div>
<img className="action-item-icon" src={require(`./../../assets/convertor/3dview/actionbars/${a.icon}.png`)} /> <img className="action-item-icon" src={require(`./../../assets/convertor/3dview/actionbars/${a.icon}.png`)} />
</div> </div>
); );
......
...@@ -79,11 +79,11 @@ export const viewController = [ ...@@ -79,11 +79,11 @@ export const viewController = [
* 视图控制 * 视图控制
*/ */
export const actionBars = [ export const actionBars = [
{ key: 'impEquipment-action', icon: 'impEquipment', type: 'impEquipmentMode', singleClick: true, label: '重点设备' }, { key: 'impEquipment-action', icon: 'impEquipment', type: 'impEquipmentMode', singleClick: false, label: '重点设备' },
{ key: 'panoramic-action', icon: 'panoramic', type: 'panoramicMode', singleClick: true, label: '全景' }, { key: 'panoramic-action', icon: 'panoramic', type: 'panoramicMode', singleClick: false, label: '全景' },
{ key: 'burst-action', icon: 'burst', type: 'burst', singleClick: true, label: '分解' }, { key: 'burst-action', icon: 'burst', type: 'burst', singleClick: true, label: '分解' },
{ key: 'fitview-action', icon: 'fitview', type: 'fitview', singleClick: true, label: '初始视图' }, { key: 'fitview-action', icon: 'fitview', type: 'fitview', singleClick: true, label: '初始视图' },
{ key: 'edit-action', icon: 'editMode', type: 'editMode', singleClick: true, label: '编辑' } { key: 'edit-action', icon: 'editMode', type: 'editMode', singleClick: false, label: '编辑' }
]; ];
/** /**
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment