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

.

parent 29d9f281
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { Connect } from 'amos-framework';
import { SidePane } from 'amos-framework';
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 {
constructor(props) {
......@@ -17,9 +22,16 @@ class ActionBar extends Component {
};
}
itemClick = (activeAction) => {
this.setState({ activeAction });
itemClick = (item) => {
if(!item.singleClick){
this.setState({ activeAction: item.type });
}
this.props.onActionItemClick && this.props.onActionItemClick();
this.props.trigger(eventTopics.innate_operater, {
key: item.type,
value: true
});
}
render() {
......@@ -32,11 +44,13 @@ class ActionBar extends Component {
actionBars.map( a => {
const cls = classNames({
'action-item': true,
'action-active': activeAction === a.type
'action-active': activeAction === a.type && !a.singleClick
});
return (
<div className={cls} onClick={()=> this.itemClick(a.type)}>
<p className="action-item-title">{a.label}</p>
<div className={cls} onClick={()=> this.itemClick(a)}>
<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`)} />
</div>
);
......
......@@ -79,11 +79,11 @@ export const viewController = [
* 视图控制
*/
export const actionBars = [
{ key: 'impEquipment-action', icon: 'impEquipment', type: 'impEquipmentMode', singleClick: true, label: '重点设备' },
{ key: 'panoramic-action', icon: 'panoramic', type: 'panoramicMode', singleClick: true, label: '全景' },
{ key: 'impEquipment-action', icon: 'impEquipment', type: 'impEquipmentMode', singleClick: false, label: '重点设备' },
{ key: 'panoramic-action', icon: 'panoramic', type: 'panoramicMode', singleClick: false, label: '全景' },
{ key: 'burst-action', icon: 'burst', type: 'burst', 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