Commit 37678e91 authored by 吴俊凯's avatar 吴俊凯

样式修改提交

parent 89b9b9b0
...@@ -7,8 +7,8 @@ ...@@ -7,8 +7,8 @@
Amos.config = { Amos.config = {
// 普通http // 普通http
httpURI: { httpURI: {
baseURI: 'http://172.16.10.72:10005/', baseURI: 'http://172.16.10.66:10005/',
pluginURI: 'http://172.16.10.72:10005/', pluginURI: 'http://172.16.10.66:10005/',
fileServerURI: 'http://39.98.246.31:8888/' //图片服务器地址 fileServerURI: 'http://39.98.246.31:8888/' //图片服务器地址
//设计器数据绑定 //设计器数据绑定
// dataBindUrl: 'http://172.16.10.91:8083/api/visual/common/dataBind' // dataBindUrl: 'http://172.16.10.91:8083/api/visual/common/dataBind'
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
// 外部链接地址 // 外部链接地址
outterURI: { outterURI: {
//巡检子服务地址, //巡检子服务地址,
xunjian: 'http://172.16.11.36:3001/outter?isSub=true&token={token}&companyId={companyId}&deptId={deptId}&roleId={roleId}', xunjian: 'http://172.16.3.49:3400/outter?isSub=true&token={token}&companyId={companyId}&deptId={deptId}&roleId={roleId}',
//规则管控模型地址 //规则管控模型地址
mgtCtrlModel: 'http://172.16.10.72:8080/login?token={token}', mgtCtrlModel: 'http://172.16.10.72:8080/login?token={token}',
//预案业务屏前端接口地址 //预案业务屏前端接口地址
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
}, },
// 屏保配置信息 // 屏保配置信息
screenSaverConf: { screenSaverConf: {
enable: false, // 是否启用屏保 enable: false, // 是否启用屏保
deployDate: '2019-06-06', // 系统部署日期 deployDate: '2019-06-06', // 系统部署日期
delayTime: 10 // 屏保出现时间(单位:秒) 10s delayTime: 10 // 屏保出现时间(单位:秒) 10s
}, },
...@@ -74,13 +74,13 @@ ...@@ -74,13 +74,13 @@
// 屏保配置信息 // 屏保配置信息
screenSaverConf: { screenSaverConf: {
enable: false, // 是否启用屏保 enable: false, // 是否启用屏保
deployDate: '2019-06-06', // 系统部署日期 deployDate: '2019-06-06', // 系统部署日期
delayTime: 10 // 屏保出现时间(单位:秒) 10s delayTime: 10 // 屏保出现时间(单位:秒) 10s
}, },
// 区域风险点ID与态势图位置对应关系配置 // 区域风险点ID与态势图位置对应关系配置
riskDynamicChart: { riskDynamicChart: {
projectName: 'jinhua', //yn 沂南站 shm 上海庙站 sn 苏南 hainan 海南站 lingzhou灵州 shaoxing韶兴 shaoshan韶山 tianshan天山 yibin宜宾 jinhua宜宾 projectName: 'jinhua', //yn 沂南站 shm 上海庙站 sn 苏南 hainan 海南站 lingzhou灵州 shaoxing韶兴 shaoshan韶山 tianshan天山 yibin宜宾 jinhua宜宾
riskSourceIdMap: { riskSourceIdMap: {
'mapItem-1': 195, 'mapItem-1': 195,
'mapItem-2': 95, 'mapItem-2': 95,
...@@ -133,11 +133,12 @@ ...@@ -133,11 +133,12 @@
window.LogConfig = LogConfig; window.LogConfig = LogConfig;
window.innerConfig = innerConfig; window.innerConfig = innerConfig;
window.demo = true; window.demo = true;
window.CheckDefaultTheme = 'transparent'; // 'blue'
// 采用本地模式启动插件 // 采用本地模式启动插件
window.useNative = true; window.useNative = true;
window.appKey = 'studio_normalapp_2668446'; window.appKey = 'CONVERTER_STATION';
window.product = 'STUDIO_APP_WEB'; window.product = 'CONVERTER_STATION_WEB';
window.dutyType = 'normal'; //normal/bank window.dutyType = 'normal'; //normal/bank
// 是否采用hash路由 // 是否采用hash路由
window.useHashHistory = true; window.useHashHistory = false;
})(); })();
...@@ -106,6 +106,8 @@ ...@@ -106,6 +106,8 @@
border-top: 1px solid $core-border-color; border-top: 1px solid $core-border-color;
border-bottom: 1px solid $core-border-color; border-bottom: 1px solid $core-border-color;
border-left: 1px solid $core-border-color; border-left: 1px solid $core-border-color;
background-color: '#f2f2f2';
padding: '0px';
} }
.col_color { .col_color {
...@@ -120,9 +122,9 @@ ...@@ -120,9 +122,9 @@
color: $biz-table-font-color; color: $biz-table-font-color;
text-align: left; text-align: left;
background: #efefef; background: #efefef;
border-top: 1px solid $core-border-color; border-top: 2px solid $core-border-color;
border-bottom: 1px solid $core-border-color; border-bottom: 1px solid $core-border-color;
border-left: 1px solid $core-border-color; border-left: 24px solid $core-border-color;
} }
.col_groupcolor3 { .col_groupcolor3 {
...@@ -134,6 +136,19 @@ ...@@ -134,6 +136,19 @@
background: #efefef; background: #efefef;
border: 1px solid $core-border-color; border: 1px solid $core-border-color;
} }
.col_groupcolor4 {
width: 8%;
padding: '0px';
line-height: 45px;
color: $biz-table-font-color;
text-align: center;
background: $biz-title-color;
border-top: 1px solid $core-border-color;
border-bottom: 1px solid $core-border-color;
border-left: 1px solid $core-border-color;
background-color: #ffffff;
padding: 0px;
}
.pointinfo_title_background { .pointinfo_title_background {
background-color: '#333333'; background-color: '#333333';
......
...@@ -11,9 +11,7 @@ import { ...@@ -11,9 +11,7 @@ import {
batchSavePointMeasuresAction batchSavePointMeasuresAction
} from './../../../services/checkInfoService'; } from './../../../services/checkInfoService';
import { import { queryPointFMEAAction } from './../../../services/ledgerService';
queryPointFMEAAction
} from './../../../services/ledgerService';
import pointInfocss from '../../../styles/view/biz/point/pointInfo.scss'; import pointInfocss from '../../../styles/view/biz/point/pointInfo.scss';
import AmosGridTable from './../common/tableComponent/table/AmosGridTable'; import AmosGridTable from './../common/tableComponent/table/AmosGridTable';
...@@ -24,14 +22,14 @@ const offsetHeight = 110; ...@@ -24,14 +22,14 @@ const offsetHeight = 110;
const defaultHeight = 390; const defaultHeight = 390;
const strUnique = str => { const strUnique = str => {
if(str){ if (str) {
let arr = str.split(',') let arr = str.split(',');
let newarr=[...new Set(arr)] let newarr = [...new Set(arr)];
return newarr.join(",") return newarr.join(',');
}else{ } else {
return ''; return '';
} }
} };
const measuresColumns = self => { const measuresColumns = self => {
return [ return [
...@@ -193,19 +191,19 @@ class PointInfo extends Component { ...@@ -193,19 +191,19 @@ class PointInfo extends Component {
pointID && this.onInit(pointID); pointID && this.onInit(pointID);
} }
componentWillReceiveProps(nextProps){ componentWillReceiveProps(nextProps) {
const { pointID } = this.props; const { pointID } = this.props;
if (nextProps.pointID && pointID !== nextProps.pointID) { if (nextProps.pointID && pointID !== nextProps.pointID) {
this.onInit(nextProps.pointID); this.onInit(nextProps.pointID);
} }
} }
onInit = (id) => { onInit = id => {
this.onInfoReload(id); this.onInfoReload(id);
this.onTableReload(id); this.onTableReload(id);
} };
onTableReload = (id) => { onTableReload = id => {
queryPointFMEAAction(id).then(data => { queryPointFMEAAction(id).then(data => {
let source = new Array(); let source = new Array();
data.map(item => { data.map(item => {
...@@ -214,13 +212,13 @@ class PointInfo extends Component { ...@@ -214,13 +212,13 @@ class PointInfo extends Component {
}); });
this.setState({ dataSource: source, selectedRows: [], selectedRowKeys: [] }); this.setState({ dataSource: source, selectedRows: [], selectedRowKeys: [] });
}); });
} };
onInfoReload = (id) => { onInfoReload = id => {
fetchPointDetailAction(id).then(data => { fetchPointDetailAction(id).then(data => {
this.setState({ pointDetail: data }); this.setState({ pointDetail: data });
}); });
} };
onEditClick(record) { onEditClick(record) {
const { dataSource } = this.state; const { dataSource } = this.state;
...@@ -292,15 +290,16 @@ class PointInfo extends Component { ...@@ -292,15 +290,16 @@ class PointInfo extends Component {
}; };
let groups = strUnique(groupName); let groups = strUnique(groupName);
return ( return (
<div className='pointinfo-content' style={{ height: '100%' }}> <div className="pointinfo-content" style={{ height: '100%' }}>
<div className="dangerInfo" <div
className="dangerInfo"
//style={{ float: 'right', 'marginRight': '15px', 'marginTop': '10px', position: 'relative', 'zIndex': '33' }} //style={{ float: 'right', 'marginRight': '15px', 'marginTop': '10px', position: 'relative', 'zIndex': '33' }}
// onClick={() => { // onClick={() => {
// goBackAction(); // goBackAction();
// }} // }}
> >
{/*<img src={require('./../../../assets/fsc/check/back.png')} alt="" />*/} {/*<img src={require('./../../../assets/fsc/check/back.png')} alt="" />*/}
<Button icon={<BizIcon icon="fanhui" />} transparent onClick={() => goBackAction()} /> <Button icon={<BizIcon icon="fanhui" />} transparent onClick={() => goBackAction()} />
</div> </div>
<CardPane <CardPane
title={reactNodespan} title={reactNodespan}
...@@ -311,24 +310,18 @@ class PointInfo extends Component { ...@@ -311,24 +310,18 @@ class PointInfo extends Component {
<div className="base point-view" style={{ padding: '0px' }}> <div className="base point-view" style={{ padding: '0px' }}>
<div> <div>
<Row id="fxdinfo" type="flex" justify="start" style={{ padding: '0px', height: '45px', marginBottom: '10px' }}> <Row id="fxdinfo" type="flex" justify="start" style={{ padding: '0px', height: '45px', marginBottom: '10px' }}>
<Col className="col_groupcolor" style={{ backgroundColor: '#f2f2f2', padding: '0px' }}> <Col className="col_groupcolor">
<p> <p>
<span>类型</span> <span>类型</span>
</p> </p>
</Col> </Col>
<Col className="col_groupcolor" style={{ backgroundColor: '#ffffff', padding: '0px' }}> <Col className="col_groupcolor4">{checkType}</Col>
{checkType} <Col className="col_groupcolor">部门</Col>
</Col> <Col className="col_groupcolor2" style={{ paddingLeft: '24px', paddingTop: '2px' }}>
<Col className="col_groupcolor" style={{ backgroundColor: '#f2f2f2', padding: '0px' }}>
部门
</Col>
<Col className="col_groupcolor2" style={{ backgroundColor: '#ffffff', paddingLeft: '24px', paddingTop: '2px' }}>
{groups} {groups}
</Col> </Col>
<Col className="col_groupcolor" style={{ backgroundColor: '#f2f2f2', padding: '0px' }}> <Col className="col_groupcolor">责任人</Col>
责任人 <Col className="col_groupcolor3" style={{ paddingLeft: '24px', paddingTop: '2px' }}>
</Col>
<Col className="col_groupcolor3" style={{ backgroundColor: '#ffffff', paddingLeft: '24px', paddingTop: '2px' }}>
{realName} {realName}
</Col> </Col>
</Row> </Row>
...@@ -342,9 +335,9 @@ class PointInfo extends Component { ...@@ -342,9 +335,9 @@ class PointInfo extends Component {
<div className="device-list-content"> <div className="device-list-content">
<AmosGridTable <AmosGridTable
columns={measuresColumns(this)} columns={measuresColumns(this)}
callBack={()=>{}} callBack={() => {}}
dataList={dataSource} dataList={dataSource}
getTableDataAction={()=>{}} getTableDataAction={() => {}}
getSelectedRows={this.getSelectedRows} getSelectedRows={this.getSelectedRows}
isPageable={false} isPageable={false}
/> />
......
import React from 'react';
import PropTypes from 'prop-types';
import Icon from 'amos-icon';
import classnames from 'classnames';
const footerSpans = [
{ key: 'f1', style: { backgroundColor: '#00bbd3' } },
{ key: 'f2', style: { backgroundColor: '#8ac249' } },
{ key: 'f3', style: { backgroundColor: '#fc0' } },
{ key: 'f4', style: { backgroundColor: '#e6564a' } }
];
const SkinItem = props => {
const { skinImg, name, bgColor = 'transparent', skinUse, onThemeChange } = props;
const cls = classnames('skin-item', {
'normal': !skinUse,
'used': skinUse
});
return (
<div className={cls} onClick={onThemeChange}>
<img src={skinImg} alt="" />
<div className="skin-name" style={{ backgroundColor: bgColor }}>{name}</div>
<div className="skin-footer">
{
(footerSpans || []).map(footer => <span key={footer.key} style={footer.style} />)
}
</div>
<div className="skin-check" style={{ backgroundColor: bgColor }}>选用皮肤</div>
<div className="skin-use" style={{ display: skinUse ? 'block' : 'none' }}>
<Icon icon="xuanzhong" />使用中
</div>
</div>
);
};
SkinItem.propTypes = {
skinImg: PropTypes.string,
name: PropTypes.string,
bgColor: PropTypes.string,
skinUse: PropTypes.bool,
onThemeChange: PropTypes.func
};
SkinItem.defaultProps = {
skinUse: false
};
export default SkinItem;
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import Icon from 'amos-icon';
import { Switch, Scrollbars } from 'amos-framework';
import SkinItem from './SkinItem';
class Skin extends Component {
static propTypes = {
skins: PropTypes.array,
onEyeModeChange: PropTypes.func,
changeTheme: PropTypes.func,
closed: PropTypes.func
};
static defaulProps = {
changeTheme(){}
};
onThemeChange = (skin) => {
this.props.changeTheme(skin);
}
closedSkin = () => {
this.props.closed();
}
renderSkinContent = () => {
const { skins = [] } = this.props;
return (skins || []).map(s =>(
<SkinItem
key={s.id}
skinImg={s.icon}
name={s.text}
bgColor={s.bgColor}
skinUse={s.skinUse}
onThemeChange={() => this.onThemeChange(s)}
/>
));
}
render() {
const { onEyeModeChange } = this.props;
const skinContent = this.renderSkinContent();
return (
<div className="skin-scroll-wrapper">
<Scrollbars>
<div className="skin-wrapper">
<div className="skin-header">
<h3>皮肤</h3>
<Icon icon="cross" onClick={this.closedSkin} />
</div>
<div className="skin-switch">
<label className="switch-tip">护眼模式:</label>
<Switch checkedChildren="开" unCheckedChildren="关" defaultChecked onChange={onEyeModeChange} />
</div>
<div className="skin-content">
{skinContent}
</div>
</div>
</Scrollbars>
</div>
);
}
}
export default Skin;
export default function(skin){
const rootDom = document.getElementById('app');
rootDom.className = skin;
const gbUrl = `./src/assets/skin/dark/bg-${skin}.jpg`;
rootDom.style.backgroundImage = `url(${gbUrl})`;
rootDom.style.backgroundRepeat = 'no-repeat';
rootDom.style.backgroundSize = 'cover';
}
export const updateLinkCss = function(href, id = 'theme'){
if (href && href.length >= 0){
let themeLink = document.getElementById(id);
if (themeLink){
themeLink.setAttribute('href', href);
} else {
let link = document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.setAttribute('type', 'text/css');
link.setAttribute('id', 'theme');
link.setAttribute('href', href);
let heads = document.getElementsByTagName('head');
if (heads.length) {
heads[0].appendChild(link);
} else {
document.documentElement.appendChild(link);
}
}
}
};
export const downloadFile = (url, fileName) => {
let aLink = document.createElement('a');
var evt = document.createEvent('MouseEvent');
evt.initEvent('click', false, false);
aLink.download = fileName;
aLink.href = url;
aLink.dispatchEvent(evt);
if (navigator.userAgent.indexOf('Firefox') >= 0) {
aLink.click();//FF的支持,可能不需要
}
};
...@@ -9,13 +9,12 @@ import PropTypes from 'prop-types'; ...@@ -9,13 +9,12 @@ import PropTypes from 'prop-types';
import storageConsts, { CONSTS } from './../../consts/storageConsts'; import storageConsts, { CONSTS } from './../../consts/storageConsts';
import { secExtUrl, SecurityUrl, getOutterURL } from './../../consts/urlConsts'; import { secExtUrl, SecurityUrl, getOutterURL } from './../../consts/urlConsts';
import { pathMapping } from './../../routes/customRoutes'; import { pathMapping } from './../../routes/customRoutes';
import { getCurrentUser, currentUserBizPermissions, logoutAction } from './../../services/securityService' import { getCurrentUser, currentUserBizPermissions, logoutAction } from './../../services/securityService';
import { getPathname } from 'amos-designer/lib/utils/history'; import { getPathname } from 'amos-designer/lib/utils/history';
import imgStatic from './../../consts/imgStatic'; import imgStatic from './../../consts/imgStatic';
import { updateLinkCss } from './../common/skin/invokeSkin';
import '../../styles/view/mainframe/mainframe.scss'; import '../../styles/view/mainframe/mainframe.scss';
const enhanceStorage = Connect.enhanceStorage; const enhanceStorage = Connect.enhanceStorage;
const lsTool = Store.lsTool; const lsTool = Store.lsTool;
...@@ -46,9 +45,9 @@ class BizFrame extends Component { ...@@ -46,9 +45,9 @@ class BizFrame extends Component {
const changeRegionData = this.props.read(CONSTS.region_change); const changeRegionData = this.props.read(CONSTS.region_change);
changeRegionData && this.handleChangeRegionData(JSON.parse(changeRegionData)); changeRegionData && this.handleChangeRegionData(JSON.parse(changeRegionData));
} };
handleControlData = (controlData) => { handleControlData = controlData => {
//处理三维视图中设置菜单中的注销同时关闭业务视图 //处理三维视图中设置菜单中的注销同时关闭业务视图
if (controlData.control) { if (controlData.control) {
const { logOut } = controlData.control || {}; const { logOut } = controlData.control || {};
...@@ -56,9 +55,10 @@ class BizFrame extends Component { ...@@ -56,9 +55,10 @@ class BizFrame extends Component {
window.close(); window.close();
} }
} }
} };
componentDidMount () { componentDidMount() {
updateLinkCss(`/themes/${window.CheckDefaultTheme}.css`);
const is = window.location.href.indexOf('isShow='); const is = window.location.href.indexOf('isShow=');
if (is !== -1) { if (is !== -1) {
const header = document.getElementsByClassName('header')[0]; const header = document.getElementsByClassName('header')[0];
...@@ -73,18 +73,18 @@ class BizFrame extends Component { ...@@ -73,18 +73,18 @@ class BizFrame extends Component {
/** /**
* 处理三维地图上各种点的跳转 * 处理三维地图上各种点的跳转
*/ */
handleForwardData = (forwardData) => { handleForwardData = forwardData => {
//处理三维视图中设置菜单中的注销同时关闭业务视图 //处理三维视图中设置菜单中的注销同时关闭业务视图
if (forwardData.details) { if (forwardData.details) {
const { dialogId, type, detailForw, checkId, show, editable } = forwardData.details || {}; const { dialogId, type, detailForw, checkId, show, editable } = forwardData.details || {};
if (type === 'patrol') { if (type === 'patrol') {
if (detailForw === 'details'){ if (detailForw === 'details') {
browserHistory.push({ pathname: pathMapping.pointInfo, state: { pointDetail: { pointID: dialogId } } }); browserHistory.push({ pathname: pathMapping.pointInfo, state: { pointDetail: { pointID: dialogId } } });
} else if (detailForw === 'danger'){ } else if (detailForw === 'danger') {
const { name } = forwardData.details || {}; const { name } = forwardData.details || {};
browserHistory.push({ pathname: pathMapping.dangerList, state: { point: { id: dialogId, name, normalForward: false } } }); browserHistory.push({ pathname: pathMapping.dangerList, state: { point: { id: dialogId, name, normalForward: false } } });
} else if (detailForw === 'record'){ } else if (detailForw === 'record') {
browserHistory.push({ pathname: pathMapping.pointCheckDetail, state: { pointID: dialogId,checkID: checkId } }); browserHistory.push({ pathname: pathMapping.pointCheckDetail, state: { pointID: dialogId, checkID: checkId } });
} }
} else if (type === 'video') { } else if (type === 'video') {
return; return;
...@@ -94,46 +94,54 @@ class BizFrame extends Component { ...@@ -94,46 +94,54 @@ class BizFrame extends Component {
return; return;
} else if (type === 'croom') { } else if (type === 'croom') {
return; return;
} else if (type === 'riskSource') {//风险模型 } else if (type === 'riskSource') {
//风险模型
browserHistory.push({ pathname: pathMapping.riskModel, state: { riskSourceId: dialogId } }); browserHistory.push({ pathname: pathMapping.riskModel, state: { riskSourceId: dialogId } });
} else if (type === 'impEquipment') {//重点装备 } else if (type === 'impEquipment') {
//重点装备
browserHistory.push({ pathname: pathMapping.matchEquipment, state: { equipmentId: dialogId, show } }); browserHistory.push({ pathname: pathMapping.matchEquipment, state: { equipmentId: dialogId, show } });
} else if (type === 'fireResource') {//消防资源 } else if (type === 'fireResource') {
if (detailForw === 'fireCar'){//消防车 //消防资源
if (detailForw === 'fireCar') {
//消防车
browserHistory.push({ pathname: pathMapping.firetruckinfo, state: { activeKey: '1', fireCarId: dialogId, editable } }); browserHistory.push({ pathname: pathMapping.firetruckinfo, state: { activeKey: '1', fireCarId: dialogId, editable } });
} else { } else {
let stateObj = {}; let stateObj = {};
if (detailForw === 'fireEquipment') {// 消防装备 if (detailForw === 'fireEquipment') {
// 消防装备
stateObj.activeKey = '2'; stateObj.activeKey = '2';
} else if (detailForw === 'fireFoam') {// 消防泡沫间 } else if (detailForw === 'fireFoam') {
// 消防泡沫间
stateObj.activeKey = '3'; stateObj.activeKey = '3';
} else if (detailForw === 'fireStation') {// 消防小室 } else if (detailForw === 'fireStation') {
// 消防小室
stateObj.activeKey = '4'; stateObj.activeKey = '4';
} else if (detailForw === 'hydrant') {// 灭火栓 } else if (detailForw === 'hydrant') {
// 灭火栓
stateObj.activeKey = '5'; stateObj.activeKey = '5';
} else if (detailForw === 'firePool') {// 消防水池 } else if (detailForw === 'firePool') {
// 消防水池
stateObj.activeKey = '6'; stateObj.activeKey = '6';
} else if (detailForw === 'fireDetection') {// 火探 } else if (detailForw === 'fireDetection') {
// 火探
stateObj.activeKey = '7'; stateObj.activeKey = '7';
} }
stateObj.recordId = dialogId; stateObj.recordId = dialogId;
browserHistory.push({ pathname: pathMapping.fireResource, state: stateObj }); browserHistory.push({ pathname: pathMapping.fireResource, state: stateObj });
} }
} else if (type === 'prePlan') { } else if (type === 'prePlan') {
this.setState( { showPrePlan: show } , () => { this.setState({ showPrePlan: show }, () => {
browserHistory.push({ pathname: pathMapping.assessmentView }); browserHistory.push({ pathname: pathMapping.assessmentView });
}); });
} else if (type === 'alarmVideoMonitor'){ } else if (type === 'alarmVideoMonitor') {
browserHistory.push({ pathname: pathMapping.alarmVideoMonitor, state: {} }); browserHistory.push({ pathname: pathMapping.alarmVideoMonitor, state: {} });
} }
} }
} };
handleSideControlData = (data) => {
} handleSideControlData = data => {};
handleChangeRegionData = (changeRegionData) => { handleChangeRegionData = changeRegionData => {
if (changeRegionData.refresh) { if (changeRegionData.refresh) {
const { refresh } = changeRegionData.refresh || {}; const { refresh } = changeRegionData.refresh || {};
if (refresh) { if (refresh) {
...@@ -143,7 +151,7 @@ class BizFrame extends Component { ...@@ -143,7 +151,7 @@ class BizFrame extends Component {
} }
} }
} }
} };
openDefaultPage = menus => { openDefaultPage = menus => {
// open first url // open first url
...@@ -160,7 +168,6 @@ class BizFrame extends Component { ...@@ -160,7 +168,6 @@ class BizFrame extends Component {
} }
}; };
// getFrameConfig = () => { // getFrameConfig = () => {
// return { // return {
// opSearchMenusUrl: formatUrl(secExtUrl.opSearchMenusUrl, { nodeName: '', type: window.BizPermissionType }), // opSearchMenusUrl: formatUrl(secExtUrl.opSearchMenusUrl, { nodeName: '', type: window.BizPermissionType }),
...@@ -174,25 +181,28 @@ class BizFrame extends Component { ...@@ -174,25 +181,28 @@ class BizFrame extends Component {
userPic: require('./../../assets/user/normal.png'), userPic: require('./../../assets/user/normal.png'),
// userExtra: true, // userExtra: true,
loginLink: '/login', loginLink: '/login',
currentUserAction:getCurrentUser, currentUserAction: getCurrentUser,
// 自行处理注销 // 自行处理注销
handleLogout: this.handleLogOut handleLogout: this.handleLogOut
}; };
}; };
handleLogOut = () => { handleLogOut = () => {
logoutAction().then(d => { logoutAction().then(
browserHistory.push('/login'); d => {
Toast.success({ browserHistory.push('/login');
title: '注销成功' Toast.success({
}); title: '注销成功'
}, err => { });
Toast.error({ },
title: '错误', err => {
cotnent: err || '注销错误!' Toast.error({
}); title: '错误',
browserHistory.push('/login'); cotnent: err || '注销错误!'
}); });
browserHistory.push('/login');
}
);
}; };
render() { render() {
...@@ -201,24 +211,9 @@ class BizFrame extends Component { ...@@ -201,24 +211,9 @@ class BizFrame extends Component {
const url = formatUrl(getOutterURL('prePlan')); const url = formatUrl(getOutterURL('prePlan'));
if (showPrePlan) { if (showPrePlan) {
return ( return <IFrame url={url} width="100%" height="100%" display="initial" position="relative" allowFullScreen scrolling="auto" />;
<IFrame
url={url}
width="100%"
height="100%"
display="initial"
position="relative"
allowFullScreen
scrolling="auto"
/>);
} else { } else {
return ( return <MainFrame {...this.props} userMenusAction={currentUserBizPermissions} sysToolPorps={sysToolPorps} />;
<MainFrame
{...this.props}
userMenusAction={currentUserBizPermissions}
sysToolPorps={sysToolPorps}
/>
);
} }
} }
} }
......
@import './transparent.scss';
@import '~amos-framework/lib/styles/mixins/scrollbar.scss';
.amos-main-content {
background: url('../src/assets/indexBcakground.png');
background-size: 100% 100%;
}
.amos-main-content .main-frame-cardpane-content {
background: transparent !important;
}
.main-frame-cardpane .main-frame-cardpane-content {
border-top: 0px solid #d5e1f3;
}
.amos-splitpane-vertical {
background: transparent !important;
}
.ant-table-wrapper .ant-table-content .ant-table-header th,
.ant-table-bordered .ant-table-thead > tr > th {
color: white !important;
background: rgba(0, 185, 255, 0.2) !important;
border-color: #1f5383 !important;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
overflow: hidden;
background: transparent;
}
.ant-table-header > table {
border-top: #1f5383 !important;
}
.ant-table-bordered .ant-table-body > table {
border: 1px solid #1f5383 !important;
}
.ant-table-content .ant-table-placeholder {
color: white;
background: transparent;
border: 1px solid #1f5383 !important;
}
.patrol-page-table-tool {
background: #01133b !important;
}
.patrol-page-table-tool .amos-btn,
.patrol-page-table-tool .amos-dropnav.amos-dropnav-light .amos-dropnav-item > a,
.patrol-page-table-tool .amos-dropdown {
color: white !important;
}
.ant-table-body {
overflow: auto !important;
background: transparent !important;
}
.ant-table-body td {
color: white !important;
background: rgba(0, 185, 255, 0.1);
border-color: #1f5383 !important;
}
.ant-table-tbody > tr:hover > td {
background: rgba(0, 173, 239, 0.2);
}
.ant-table-thead .ant-checkbox-wrapper .ant-checkbox-inner,
.ant-table-tbody .ant-checkbox-wrapper .ant-checkbox-inner,
.ant-table-thead .ant-checkbox-disabled .ant-checkbox-inner,
.ant-table-body td .amos-checkbox .amos-checkbox-status::before {
background: transparent;
border: 1px solid rgba(0, 185, 255, 0.6) !important;
}
/* 分页样式 */
.ant-pagination {
border-top: 1px solid #1f5383 !important;
}
.ant-pagination .ant-pagination-total-text {
color: white;
}
.ant-pagination .ant-pagination-prev,
.ant-pagination .ant-pagination-next {
background: rgba(0, 185, 255, 0.2);
}
.ant-pagination .ant-pagination-prev a,
.ant-pagination .ant-pagination-next a {
color: #59f0fb;
}
.ant-pagination .ant-pagination-item {
background: rgba(0, 185, 255, 0.2);
border: none;
}
.ant-pagination .ant-pagination-item a {
color: white;
}
.ant-pagination .ant-pagination-item-active {
color: white !important;
background: rgba(0, 185, 255, 0.1);
border: 1px solid red;
}
.ant-pagination .ant-select-selection {
color: white;
background: rgba(0, 185, 255, 0.2);
border: none;
}
.ant-select-dropdown,
.amos-popover-content,
.amos-dropdown-menu-warpper,
.ant-dropdown-menu {
color: white;
background: #063c8c;
}
.ant-select-dropdown .ant-select-dropdown-menu-item,
.ant-select-tree li .ant-select-tree-node-content-wrapper,
.ant-select-tree li .ant-select-tree-switcher_open,
.ant-select-tree li .ant-select-tree-switcher_close,
.ant-dropdown-menu .ant-dropdown-menu-item,
.ui-menu .ui-menu-item {
color: white;
}
.ant-select-dropdown .ant-select-dropdown-menu-item-selected,
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected,
.amos-popover-content .amos-select-option-selected,
.ant-dropdown-menu .ant-dropdown-menu-item-active {
color: white;
background: #084bb0;
}
.ant-select-dropdown .ant-select-dropdown-menu-item:hover,
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover,
.amos-select-option:hover,
.ant-dropdown-menu .ant-dropdown-menu-item:hover,
.ui-menu .ui-menu-item:hover {
color: white;
background: #084bb0;
}
/* 筛选面板 */
.qq-client {
border-left: 1px solid #1f5383;
}
.qq-client-content {
background: #043363;
border: 1px solid #1f5383;
}
.qq-client-open {
background: #013f7f;
}
.qq-client-content h2 {
color: white;
background: #013f7f;
border-bottom: 1px solid #1f5383;
}
.amos-form .amos-form-item {
color: white;
}
.amos-form .amos-form-item input,
.amos-form .amos-form-item .amos-select-dropdown,
.amos-form .amos-form-item .ant-select-selection {
color: white;
background: transparent;
border: 1px solid rgba(111, 171, 223, 0.6);
outline: none;
}
.amos-input {
color: white;
background: transparent;
border: 1px solid rgba(111, 171, 223, 0.6);
outline: none;
}
.amos-textarea {
color: white;
background: transparent;
border: 1px solid rgba(111, 171, 223, 0.6);
outline: none;
}
.input_item_Input {
color: white;
background: transparent;
border: 1px solid rgba(111, 171, 223, 0.6);
outline: none;
}
.amos-timeline-item-content {
color: white;
}
.amos-form .amos-form-item-control .amos-btn {
background: #345fa6;
border: 1px solid #2e5392;
}
.amos-btn-minor {
color: white;
background: #27b3fe;
border: 1px solid #27b3fe;
}
.ant-table-title {
border: 1px solid #1f5383 !important;
}
.ant-table-title .ant-btn {
color: white;
background: #052152;
border: 1px solid #143c70;
}
checkDetail-root {
height: 100%;
font-size: 25px;
text-align: center;
}
.checkDetail-root .amos-layout {
display: -webkit-box;
}
.checkDetail-root .amos-layout-header {
width: 100%;
height: 100%;
padding: 0;
background: #345fa6;
}
.checkDetail-root .amos-layout-header .check-detail-header {
float: left;
width: 97.5%;
height: 45px;
font-size: 15px;
line-height: 40px;
color: white;
text-align: left;
background: #444343;
}
.checkDetail-root .amos-layout-header .check-detail-header-goback {
float: right;
width: 2.5%;
height: 45px;
font-size: 15px;
color: white;
text-align: left;
background: #444343;
}
.checkDetail-root .amos-layout-sider {
padding-left: 10px;
background: #333;
-webkit-box-flex: 1;
}
.checkDetail-root .amos-layout-content {
-webkit-box-flex: 2;
-webkit-flex: 2 0 70%;
-ms-flex: 2 0 70%;
flex: 2 0 70%;
padding-top: 5px;
background: transparent;
-webkit-box-flex: 1;
}
.checkDetail-root .check-detail-content-input {
height: 100%;
padding-top: 5px;
font-size: 18px;
line-height: 20px;
text-align: left;
background: transparent;
}
.checkDetail-root .check-detail-content-input .check-detail-content1 {
width: 100%;
height: 40px;
padding-left: 10px !important;
line-height: 40px;
color: white !important;
background: transparent !important;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 {
width: 100%;
height: 100%;
padding-top: 5px;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-table-wrapper {
background: transparent;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-table {
border-radius: 0;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-table-content .ant-table-header table {
border: 0 solid #deddde;
border-radius: 0;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-table-content .ant-table-body {
border-left: 1px solid #deddde;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-table-content .ant-table-body table {
border: 0 solidr #deddde;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-table-title {
display: none;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-table-thead tr th {
color: black;
background: white;
border-top: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-table-placeholder {
color: white;
background: #333333;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .highlight-row {
background: #ecf6fd;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-pagination .ant-pagination-item {
height: 25px;
min-width: 25px;
margin: 5px;
line-height: 25px;
border-radius: 6px;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-pagination .ant-pagination-prev {
height: 25px;
min-width: 25px;
margin: 5px;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-pagination .ant-pagination-prev ::after {
height: 25px;
line-height: 25px;
color: black;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-pagination .ant-pagination-item-active {
height: 25px;
min-width: 25px;
margin: 5px;
line-height: 25px;
border-radius: 6px;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-pagination .ant-pagination-item-active a {
color: white;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-pagination .ant-pagination-next {
height: 25px;
min-width: 25px;
margin: 5px;
line-height: 25px;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-pagination .ant-pagination-next ::after {
height: 25px;
line-height: 25px;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-pagination .ant-pagination-options .ant-select-selection {
height: 25px;
}
.checkDetail-root .check-detail-imge {
width: 100%;
height: 90%;
font-size: 18px;
text-align: left;
border: 1px solid #deddde;
}
.checkDetail-root .check-detail-imge .check-detail-imge-text {
height: 40px;
padding-left: 10px;
line-height: 40px;
border-bottom: 1px solid #deddde;
}
.checkDetail-root .check-detail-imge .point-details-picture {
height: 100%;
background: transparent;
}
.checkDetail-root .header {
height: 40px;
font-size: 18px;
line-height: 40px;
-webkit-box-shadow: initial;
box-shadow: initial;
background: transparent !important;
color: white;
}
.checkDetail-root .header .check-detail-header {
float: left;
width: 97%;
padding-left: 10px;
text-align: left;
}
.checkDetail-root .header .check-detail-header-goback {
float: right;
width: 3%;
text-align: center;
}
.checkDetail-root .content-parent {
position: absolute;
top: 40px;
left: 5px;
display: inline;
padding-top: 5px;
color: white;
}
.checkDetail-root .content-parent .content {
float: left;
width: 70%;
padding-top: 10px;
padding-left: 10px;
}
.checkDetail-root .content-parent .sider {
float: right;
width: 30%;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
}
check-detail-table {
display: inline;
font-size: 7px;
line-height: 40px;
}
.check-detail-table .check-detail-table-row1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border: 1px solid #deddde;
border-bottom: 0;
border-left: 0;
}
.check-detail-table .check-detail-table-row2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border: 1px solid #deddde;
border-top: 0;
border-left: 0;
}
.check-detail-table .check-detail-table-row2 .colTitle {
border-bottom: 0;
}
.check-detail-table .colTitle {
float: left;
width: 131px;
height: 40px;
background: #1f5383;
text-align: center;
border-bottom: 1px solid #deddde;
border-left: 1px solid #deddde;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.check-detail-table .colValue {
float: left;
text-align: center;
width: 131px;
height: 40px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background: transparent;
border-bottom: 1px solid #deddde;
border-left: 1px solid #deddde;
}
.check-detail-table .colValue1 {
float: left;
width: 20%;
height: 40px;
border-left: 1px solid #deddde;
}
.check-detail-table .colValue2 {
float: left;
width: 20%;
height: 40px;
border-left: 1px solid #deddde;
}
.check-detail-table .colValue3 {
float: left;
width: 30%;
height: 40px;
line-height: 20px;
border-left: 1px solid #deddde;
}
carousel-content {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.carousel-content .carousel-inner {
position: absolute;
top: 0;
left: 0;
height: 100%;
-webkit-transition: left 0.5s;
transition: left 0.5s;
}
.carousel-content .carousel-inner .carousel-item {
float: left;
height: 100%;
}
.carousel-content .carousel-img {
width: 100%;
height: 100%;
padding: 5px;
}
.carousel-content .carousel-indicators {
position: absolute;
bottom: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 60px;
-webkit-transition: left 0.5s;
transition: left 0.5s;
}
.carousel-content .carousel-indicators .carousel-left-bar {
width: 15px;
margin-right: 10px;
line-height: 53px;
text-align: center;
cursor: pointer;
background: transparent;
border-radius: 4px 0 0 4px;
}
.carousel-content .carousel-indicators .carousel-right-bar {
width: 15px;
line-height: 53px;
text-align: center;
cursor: pointer;
background: transparent;
border-radius: 0 4px 4px 0;
}
.carousel-content .carousel-indicators .carousel-center-bar {
position: relative;
height: 100%;
overflow: hidden;
}
.carousel-content .carousel-indicators .carousel-center-bar ul {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.carousel-content .carousel-indicators .carousel-center-bar ul .carousel-bar-item {
float: left;
height: 100%;
margin-right: 10px;
cursor: pointer;
}
.carousel-content .carousel-indicators .carousel-center-bar ul .carousel-bar-item.active {
border: 1px solid linear-gradient(180deg, #aeaeae 0%, #aeaeae 0%, #c9c9c9 100%, #c9c9c9 100%);
}
/* .amos-popover-content {
background: #063c8c;
} */
.amos-modal-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 30px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 0 18px;
background: -webkit-gradient(linear, left top, left bottom, from(#002e58), to(#004370));
background: -webkit-linear-gradient(top, #002e58 0%, #004370 100%);
background: linear-gradient(180deg, #002e58 0%, #004370 100%);
border-bottom: 1px solid #1f5383;
border-radius: 6px 6px 0 0;
}
.amos-modal-content {
max-height: 60vh;
min-height: 100px;
padding: 10px 0;
background: #06153e !important;
}
.amos-modal-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 60px;
padding: 0;
background: -webkit-gradient(linear, left top, left bottom, from(#002e58), to(#004370));
background: -webkit-linear-gradient(top, #002e58 0%, #004370 100%);
background: linear-gradient(180deg, #002e58 0%, #004370 100%);
border-top: 1px solid #1f5383;
border-bottom: 1px solid #1f5383;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
border-radius: 0 0 6px 6px;
}
.amos-modal-header .amos-modal-title {
margin: 0;
font-size: 16px;
font-weight: 500;
line-height: 22px;
color: white;
}
.amos-modal-close {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 30px;
height: 30px;
padding: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#eb0404), to(#ff0057));
background: -webkit-linear-gradient(bottom, #eb0404 0%, #ff0057 100%);
background: linear-gradient(360deg, #eb0404 0%, #ff0057 100%);
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.ant-calendar {
position: relative;
outline: none;
width: 231px;
color: white;
border: 1px solid #143c70;
list-style: none;
font-size: 12px;
text-align: left;
background-color: #043363;
border-radius: 4px;
-webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
background-clip: padding-box;
line-height: 1.5;
}
.ant-calendar-input {
border: 0;
width: 100%;
cursor: auto;
outline: 0;
height: 22px;
color: white;
background: #043363;
}
.ant-calendar-date {
display: block;
margin: 0 auto;
color: white;
border-radius: 2px;
width: 20px;
height: 20px;
line-height: 18px;
border: 1px solid transparent;
padding: 0;
background: transparent;
text-align: center;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.ant-calendar-input-wrap {
color: white;
height: 34px;
padding: 6px;
border-bottom: 1px solid #e9e9e9;
}
.calendar-month-select {
padding: 0 2px;
font-weight: bold;
display: inline-block;
color: white;
line-height: 34px;
}
.ant-calendar-month-panel {
position: absolute;
top: 1px;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
border-radius: 4px;
color: white;
background: #043363;
outline: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
position: absolute;
top: 0;
color: white;
font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
padding: 0 5px;
font-size: 16px;
display: inline-block;
line-height: 34px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
padding: 0 2px;
font-weight: bold;
display: inline-block;
color: white;
line-height: 34px;
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
padding: 0 2px;
font-weight: bold;
display: inline-block;
color: white;
line-height: 34px;
}
.ant-calendar-month-panel-month {
display: inline-block;
margin: 0 auto;
color: white;
background: transparent;
text-align: center;
height: 24px;
line-height: 24px;
padding: 0 6px;
border-radius: 4px;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
position: absolute;
top: 0;
color: white;
font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
padding: 0 5px;
font-size: 16px;
display: inline-block;
line-height: 34px;
}
.statistics-content .statistics-item {
width: 38%;
color: white;
border: 1px solid#143c70;
border-radius: 8px;
background-color: #043363;
-webkit-box-shadow: 3px 3px 8px #043363;
box-shadow: 3px 3px 8px #043363;
height: 60px;
margin-right: 1vw;
margin-bottom: 1vw;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 10px;
font-size: 15px;
cursor: pointer;
}
/* 换流站样式 */
.point-view {
width: 100%;
height: 100%;
color: white;
background: rgba(255, 255, 255, 0);
}
.point-view .point-first-row {
height: 40%;
margin: 10px;
color: white;
background: rgba(255, 255, 255, 0);
}
.point-view .point-first-row .point-statistics {
position: relative;
float: left;
width: 18%;
height: 100%;
margin-right: 1%;
color: white;
background: rgba(255, 255, 255, 0);
border: 1px solid #143c70;
}
.point-view .point-first-row .point-statistics .point-statistics-title {
padding-left: 20px;
font-size: 18px;
line-height: 40px;
color: white;
text-align: left;
background: rgba(255, 255, 255, 0);
}
.point-view .point-first-row .point-month-ins {
float: left;
width: 38%;
height: 100%;
margin-right: 1%;
color: white;
background: rgba(255, 255, 255, 0);
border: 1px solid #ddddde;
}
.point-view .point-first-row .point-month-ins .point-month-ins-title {
padding-left: 20px;
font-size: 18px;
line-height: 40px;
color: white;
text-align: left;
background: rgba(255, 255, 255, 0);
}
.point-view .point-first-row .point-execution-situation .point-execution-situation-title {
padding-left: 20px;
font-size: 18px;
line-height: 40px;
color: white;
text-align: left;
background: rgba(255, 255, 255, 0);
}
.point-view .point-first-row .point-execution-situation {
float: right;
width: 42%;
height: 100%;
color: white;
background: rgba(255, 255, 255, 0);
border: 1px solid #143c70;
}
.point-view .point-first-row .point-execution-situation .point-list-content .ant-table-body tr td,
.point-view .create-device-root .create-device-host-bottom .device-list-content .ant-table-body tr td,
.point-view .create-device-root .create-device-host-bottom .device-list-content .ant-table-header .ant-table-thead tr th {
color: white;
background: rgba(255, 255, 255, 0);
border-color: #143c70;
}
.point-view .create-device-root .create-device-host-top {
width: 100%;
height: 40px;
margin-bottom: 10px;
color: white;
background-color: rgba(255, 255, 255, 0);
}
.point-view .create-device-root .create-device-host-top .table-search .create-device-search-root .catalog-select .ant-select-selection {
height: 30px;
color: white;
background-color: rgba(255, 255, 255, 0);
border-color: #143c70;
border-radius: 4px;
}
.ant-select-selection__rendered {
display: block;
margin-left: 11px;
margin-right: 11px;
position: relative;
line-height: 30px;
color: white;
background-color: rgba(255, 255, 255, 0);
}
.amos-taglist {
padding: 0 0 3px 6px;
margin: 0;
line-height: 1;
list-style: none;
color: white;
background: rgba(255, 255, 255, 0);
}
.point-view .point-first-row .point-execution-situation .point-list-content .ant-pagination-options .ant-select-selection {
height: 25px;
color: white;
background-color: rgba(255, 255, 255, 0);
border-color: #143c70;
}
.point-view .point-first-row .point-execution-situation .point-list-content .ant-pagination-item {
height: 25px;
min-width: 25px;
margin: 5px;
line-height: 25px;
color: white;
background-color: #043363;
border-color: #143c70;
border-radius: 6px;
}
.point-view .point-first-row .point-execution-situation .point-list-content .ant-pagination-prev,
.point-view .point-first-row .point-execution-situation .point-list-content .ant-pagination-next {
height: 25px;
min-width: 25px;
margin: 5px;
line-height: 25px;
color: white;
background-color: #043363;
border-color: #143c70;
border-radius: 6px;
}
.amos-select-dropdown {
font-family: var(--font-family-all);
font-size: var(--font-size);
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-width: 12em;
line-height: 28px;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #143c70;
border-radius: 2px;
outline: none;
}
.amos-taglist li input {
height: 22px;
vertical-align: top;
border: none;
outline: none;
color: white;
background-color: rgba(255, 255, 255, 0);
}
.amos-taglist .amos-taglist-label {
display: inline-block;
max-width: 100px;
line-height: 22px;
vertical-align: middle;
color: white;
background-color: rgba(255, 255, 255, 0);
}
.amos-taglist .amos-taglist-item {
position: relative;
padding-left: 5px;
cursor: default;
background-color: #063c8c;
border: 1px solid#063c8c;
border-radius: 2px;
}
.point-view .create-device-root .create-device-host-top .table-search .create-device-search-root .search-device .ant-input {
height: 2.5rem;
padding: 0 0.6rem;
color: inherit;
vertical-align: middle;
border-color: #143c70;
border-radius: 10px;
border-radius: 4px;
-webkit-appearance: none;
color: white;
background-color: rgba(255, 255, 255, 0);
}
.pointinfo-content .amos-cardpane.amos-cardpane-bordered.amos-cardpane-animate {
background: rgba(255, 255, 255, 0);
}
.pointinfo-content .amos-cardpane-head {
height: 40px;
background: inherit;
background-color: rgba(255, 255, 255, 0);
border-radius: 0 0 0 0;
border-color: #ddddde;
font-size: 18px;
color: white;
text-align: left;
border-radius: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-width: 1px;
border-style: solid;
}
.pointinfo-content .amos-cardpane.amos-cardpane-bordered.amos-cardpane-animate .amos-cardpane-head-title {
font-size: 18px;
line-height: 40px;
color: white;
}
.pointinfo-content .col_groupcolor {
width: 8%;
padding: '0px';
line-height: 45px;
color: white;
text-align: center;
background: rgba(255, 255, 255, 0);
border-top: 1px solid #143c70;
border-bottom: 1px solid #143c70;
border-left: 1px solid #143c70;
}
.pointinfo-content .col_groupcolor3 {
width: 43%;
padding: '0px';
line-height: 40px;
color: white;
text-align: left;
background: rgba(255, 255, 255, 0);
border: 1px solid #143c70;
}
.pointinfo-content .col_groupcolor2 {
width: 25%;
padding: '0px';
line-height: 40px;
color: white;
text-align: left;
background: rgba(255, 255, 255, 0);
border-top: 2px solid #143c70;
border-bottom: 1px solid #143c70;
border-left: 24px solid #143c70;
}
.pointinfo-content .col_groupcolor4 {
width: 8%;
padding: '0px';
line-height: 45px;
color: white;
text-align: center;
background: rgba(255, 255, 255, 0);
border-top: 1px solid #143c70;
border-bottom: 1px solid #143c70;
border-left: 1px solid #143c70;
}
.point-view .create-device-root .create-device-host-top .table-search .create-device-search-root .check-detail-header-goback button {
height: 2.5rem;
background: rgba(255, 255, 255, 0);
border: 1px solid #143c70;
opacity: 1;
}
.point-view .create-device-root .create-device-host-bottom .create-device-host-left .ant-fullcalendar-header {
padding: 16px 16px 22px 12px;
background: rgba(255, 255, 255, 0);
}
.point-view .create-device-root .create-device-host-bottom .create-device-host-left {
position: relative;
z-index: 2;
float: left;
width: 300px;
margin-right: 10px;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #143c70;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
.ant-fullcalendar-tbody
tr
.ant-fullcalendar-cell {
color: white;
background: rgba(255, 255, 255, 0);
border: 1px solid #143c70;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
.ant-fullcalendar-tbody
tr
.ant-fullcalendar-cell.ant-fullcalendar-next-month-btn-day {
color: white;
background: rgba(255, 255, 255, 0);
border: 1px solid #143c70;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
.ant-fullcalendar-tbody
tr
.ant-fullcalendar-cell.ant-fullcalendar-last-month-cell {
color: white;
background: rgba(255, 255, 255, 0);
border: 1px solid #143c70;
}
.point-view .create-device-root .create-device-host-bottom .create-device-host-left .ant-fullcalendar-header .select-scroll-wrapper .ant-select-selection {
color: white;
background: rgba(255, 255, 255, 0);
border: 1px solid #143c70;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
.ant-fullcalendar-tbody
tr
.ant-fullcalendar-cell
.ant-fullcalendar-value {
color: white;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
.ant-fullcalendar-tbody
tr
.ant-fullcalendar-cell.ant-fullcalendar-last-month-cell
.ant-fullcalendar-value {
color: white;
}
.point-view
.create-device-root
.create-device-host-bottom
.create-device-host-left
.ant-fullcalendar.ant-fullcalendar-full
.ant-fullcalendar-calendar-body
.ant-fullcalendar-table
.ant-fullcalendar-tbody
tr
.ant-fullcalendar-cell.ant-fullcalendar-next-month-btn-day
.ant-fullcalendar-value {
color: white;
}
.checkDetail-root {
height: 100%;
font-size: 25px;
text-align: center;
background: rgba(255, 255, 255, 0);
}
.check-detail-table .colTitle {
float: left;
width: 131px;
height: 40px;
color: white;
background: rgba(255, 255, 255, 0);
text-align: center;
border-bottom: 1px solid#143c70;
border-left: 1px solid #143c70;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.check-detail-table .colValue {
float: left;
text-align: center;
width: 131px;
height: 40px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: white;
background: rgba(255, 255, 255, 0);
border-bottom: 1px solid #143c70;
border-left: 1px solid #143c70;
}
.check-detail-table .colValue3 {
float: left;
width: 30%;
height: 40px;
line-height: 20px;
color: white;
background: rgba(255, 255, 255, 0);
border-left: 1px solid #143c70;
}
.check-detail-table .check-detail-table-row2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border: 1px solid #143c70;
border-top: 0;
border-left: 0;
}
.check-detail-table .check-detail-table-row1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border: 1px solid #143c70;
border-bottom: 0;
border-left: 0;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 {
width: 100%;
height: 100%;
padding-top: 5px;
background: rgba(255, 255, 255, 0);
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-table-body tr td {
color: white;
background: rgba(255, 255, 255, 0);
border-color: #143c70;
}
.checkDetail-root .check-detail-content-input .check-detail-content1 {
width: 100%;
height: 40px;
padding-left: 10px;
line-height: 40px;
background: #f3f3f3;
border: 1px solid #143c70;
}
.checkDetail-root .check-detail-imge {
width: 100%;
height: 90%;
font-size: 18px;
text-align: left;
color: white;
background: rgba(255, 255, 255, 0);
border: 1px solid #143c70;
}
.checkDetail-root .check-detail-imge .check-detail-imge-text {
height: 40px;
padding-left: 10px;
line-height: 40px;
color: white;
background: rgba(255, 255, 255, 0);
border-bottom: 1px solid #143c70;
}
.amos-modal-container .amos-modal-header {
background: -webkit-gradient(linear, left top, left bottom, from(#002e58), to(#004370));
background: -webkit-linear-gradient(top, #002e58 0%, #004370 100%);
background: linear-gradient(180deg, #002e58 0%, #004370 100%);
padding: 4px 10px;
font-size: 15px;
border-bottom: none;
}
.checkDetail-root .check-detail-content-input .check-detail-content2 .ant-pagination .ant-pagination-options .ant-select-selection {
height: 25px;
color: #004370;
background: #ddddde;
border-color: #ddddde;
}
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