title
This commit is contained in:
parent
ff304ac4d3
commit
3ece07fc4f
BIN
src/assets/layout/header-logo-new.jpg
Normal file
BIN
src/assets/layout/header-logo-new.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
BIN
src/assets/layout/headerno-logo-new.png
Normal file
BIN
src/assets/layout/headerno-logo-new.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 195 KiB |
@ -532,7 +532,7 @@ function Header(props) {
|
||||
<PictureThumb
|
||||
thumbCodes={thumbCode ? [thumbCode] : []}
|
||||
thumbConfigs={[{ target: thumbCode }]}
|
||||
defaultThumb={require("../assets/layout/header-logo.png")}
|
||||
defaultThumb={require("../assets/layout/headerno-logo-new.png")}
|
||||
className="header__left-logo"
|
||||
/>
|
||||
{isMobile ? (
|
||||
|
||||
@ -100,6 +100,9 @@ class GroupHome extends React.Component {
|
||||
standardScoreNaN: [],
|
||||
visible: false,
|
||||
safetySloganOne: "",
|
||||
animationDuration: 20,
|
||||
sliderColor:'#de4e58',
|
||||
sliderSize:'24px',
|
||||
safetySloganTwo: "",
|
||||
noticeTitle: "",
|
||||
tmpData: {},
|
||||
@ -263,6 +266,7 @@ class GroupHome extends React.Component {
|
||||
},
|
||||
];
|
||||
this.getTeam();
|
||||
this.getHomeTitle()
|
||||
//定时器功能，暂时不开启
|
||||
this.timerID = setInterval(
|
||||
() => this.getBaseInfoData(1, this.state.tableKey, 5),
|
||||
@ -502,46 +506,31 @@ class GroupHome extends React.Component {
|
||||
},
|
||||
});
|
||||
};
|
||||
getHomeTitle = () => {
|
||||
var orgId = storage("lacal").getItem("webOrgId")?.val; //登录后有存储登录信息
|
||||
let json = initFilter(orgId);
|
||||
this.props.dispatch({
|
||||
type: "app/getDataByPost",
|
||||
payload: json,
|
||||
url: "PF/HomeTitle/OrderPaged",
|
||||
onComplete: (ret) => {
|
||||
if (ret) {
|
||||
this.setState({
|
||||
safetySloganOne: ret[0].TITLE,
|
||||
// safetySloganOne: "1.安全方针：以人为本、关注健康、依法治企、安全发展。 2.安全理念：一切风险皆可控，一切事故皆可防！3.安全方针：以人为本、关注健康、依法治企、安全发展。4.安全方针：以人为本、关注健康、依法治企、安全发展。5.安全方针：以人为本、关注健康、依法治企、安全发展。 6.安全理念：一切风险皆可控，一切事故皆可防！7.安全方针：以人为本、关注健康、依法治企、安全发展。8.安全方针：以人为本、关注健康、依法治企、安全发展。",
|
||||
animationDuration: ret[0].SECOND,
|
||||
sliderColor:ret[0].COCOR,
|
||||
sliderSize:ret[0].FONTSIZE
|
||||
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
getTeam = () => {
|
||||
var userId = storage("lacal").getItem("userid")?.val; //登录后有存储登录信息
|
||||
var orgId = storage("lacal").getItem("webOrgId")?.val; //登录后有存储登录信息
|
||||
// 龙岩稀土
|
||||
if (orgId == "8f1cf418-8bf3-ea3f-7a6d-fc5d61247008") {
|
||||
this.setState({
|
||||
safetySloganOne: "安全方针：以人为本、关注健康、依法治企、安全发展。",
|
||||
});
|
||||
}
|
||||
// 都昌金鼎
|
||||
else if (orgId == "8b3c41aa-51b1-7ce9-1879-248a038c1b5c") {
|
||||
this.setState({
|
||||
safetySloganOne: "安全方针：安全第一，预防为主，科学管理，持续改进。",
|
||||
mineType: localStorage.getItem("currentMineType")
|
||||
});
|
||||
}
|
||||
//洛阳豫璐
|
||||
else if (orgId == "d9871ba8-0eec-9e4a-bb87-7d5a540d8913") {
|
||||
this.setState({
|
||||
safetySloganOne: "安全方针：科技、安全、环保、效益。",
|
||||
});
|
||||
}
|
||||
//博柏
|
||||
else if (orgId == "3efd5276-632b-e379-9ff3-7a7546591fca") {
|
||||
this.setState({
|
||||
safetySloganOne: "安全方针：安全第一、综合治理、控制风险、科学发展",
|
||||
mineType: localStorage.getItem("currentMineType")
|
||||
});
|
||||
}
|
||||
//行洛坑
|
||||
else {
|
||||
this.setState({
|
||||
safetySloganOne: "安全方针：安全第一、综合治理、控制风险、科学发展",
|
||||
mineType: localStorage.getItem("currentMineType")
|
||||
});
|
||||
}
|
||||
this.setState({
|
||||
safetySloganTwo: "安全理念：一切风险皆可控，一切事故皆可防！",
|
||||
});
|
||||
let json = initFilter(orgId);
|
||||
extendRule(json, "ID", 1, userId);
|
||||
extendInclude(json, "Nav_Department");
|
||||
@ -1390,8 +1379,8 @@ class GroupHome extends React.Component {
|
||||
? "尾矿库"
|
||||
: this.state.mineType == 10
|
||||
? "选矿厂"
|
||||
:this.state.mineType == 31
|
||||
? "职能口": this.state.mineType == 32?"非金属"
|
||||
: this.state.mineType == 31
|
||||
? "职能口" : this.state.mineType == 32 ? "非金属"
|
||||
: "露天矿";
|
||||
if (formCode == "BI054_HOMEDETAIL") {
|
||||
titleTemp += "安全检查次数统计（近12月）";
|
||||
@ -1451,6 +1440,9 @@ class GroupHome extends React.Component {
|
||||
className: styles.slideHeight,
|
||||
fade: true,
|
||||
};
|
||||
// 在render方法中添加动态样式计算
|
||||
const { safetySloganOne, animationDuration,sliderColor,sliderSize } = this.state;
|
||||
|
||||
const rowSelection = {
|
||||
onChange: (selectedRowKeys, selectedRows) => {
|
||||
this.state.taskSelects = selectedRows;
|
||||
@ -1609,11 +1601,16 @@ class GroupHome extends React.Component {
|
||||
<div className="slide-icon-style">
|
||||
<Icon type="sound" style={{ fontSize: "28px" }}></Icon>
|
||||
</div>
|
||||
<div className="slide-style">
|
||||
<div
|
||||
className="slide-style"
|
||||
style={{
|
||||
'--animation-duration': `${animationDuration}s`, // 动态设置动画时长
|
||||
'--slider-color': `${sliderColor}`, // 动态设置颜色
|
||||
'--slider-size': `${sliderSize}px`, // 动态设置颜色
|
||||
}}
|
||||
>
|
||||
<p className="slide-text-style">
|
||||
{this.state.safetySloganOne}
|
||||
|
||||
{this.state.safetySloganTwo}
|
||||
{safetySloganOne || '暂无公告'}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -87,8 +87,7 @@ const contentStyle = {
|
||||
background: "#364d79",
|
||||
};
|
||||
|
||||
|
||||
class Home extends React.Component {
|
||||
class GroupHome extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
@ -101,6 +100,9 @@ class Home extends React.Component {
|
||||
standardScoreNaN: [],
|
||||
visible: false,
|
||||
safetySloganOne: "",
|
||||
animationDuration: 20,
|
||||
sliderColor:'#de4e58',
|
||||
sliderSize:'24px',
|
||||
safetySloganTwo: "",
|
||||
noticeTitle: "",
|
||||
tmpData: {},
|
||||
@ -208,7 +210,6 @@ class Home extends React.Component {
|
||||
}
|
||||
|
||||
componentDidMount() {
|
||||
|
||||
if (localStorage.getItem("webOrgId") == '00300000-0000-0000-0000-000000000000') {
|
||||
this.props.history.replace('/grouphome')
|
||||
// props.history.push({ pathname: "/grouphome" });
|
||||
@ -265,6 +266,7 @@ class Home extends React.Component {
|
||||
},
|
||||
];
|
||||
this.getTeam();
|
||||
this.getHomeTitle()
|
||||
//定时器功能，暂时不开启
|
||||
this.timerID = setInterval(
|
||||
() => this.getBaseInfoData(1, this.state.tableKey, 5),
|
||||
@ -504,46 +506,31 @@ class Home extends React.Component {
|
||||
},
|
||||
});
|
||||
};
|
||||
getHomeTitle = () => {
|
||||
var orgId = storage("lacal").getItem("webOrgId")?.val; //登录后有存储登录信息
|
||||
let json = initFilter(orgId);
|
||||
this.props.dispatch({
|
||||
type: "app/getDataByPost",
|
||||
payload: json,
|
||||
url: "PF/HomeTitle/OrderPaged",
|
||||
onComplete: (ret) => {
|
||||
if (ret) {
|
||||
this.setState({
|
||||
safetySloganOne: ret[0].TITLE,
|
||||
// safetySloganOne: "1.安全方针：以人为本、关注健康、依法治企、安全发展。 2.安全理念：一切风险皆可控，一切事故皆可防！3.安全方针：以人为本、关注健康、依法治企、安全发展。4.安全方针：以人为本、关注健康、依法治企、安全发展。5.安全方针：以人为本、关注健康、依法治企、安全发展。 6.安全理念：一切风险皆可控，一切事故皆可防！7.安全方针：以人为本、关注健康、依法治企、安全发展。8.安全方针：以人为本、关注健康、依法治企、安全发展。",
|
||||
animationDuration: ret[0].SECOND,
|
||||
sliderColor:ret[0].COCOR,
|
||||
sliderSize:ret[0].FONTSIZE
|
||||
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
getTeam = () => {
|
||||
var userId = storage("lacal").getItem("userid")?.val; //登录后有存储登录信息
|
||||
var orgId = storage("lacal").getItem("webOrgId")?.val; //登录后有存储登录信息
|
||||
// 龙岩稀土
|
||||
if (orgId == "8f1cf418-8bf3-ea3f-7a6d-fc5d61247008") {
|
||||
this.setState({
|
||||
safetySloganOne: "安全方针：以人为本、关注健康、依法治企、安全发展。",
|
||||
});
|
||||
}
|
||||
// 都昌金鼎
|
||||
else if (orgId == "8b3c41aa-51b1-7ce9-1879-248a038c1b5c") {
|
||||
this.setState({
|
||||
safetySloganOne: "安全方针：安全第一，预防为主，科学管理，持续改进。",
|
||||
mineType: localStorage.getItem("currentMineType")
|
||||
});
|
||||
}
|
||||
//洛阳豫璐
|
||||
else if (orgId == "d9871ba8-0eec-9e4a-bb87-7d5a540d8913") {
|
||||
this.setState({
|
||||
safetySloganOne: "安全方针：科技、安全、环保、效益。",
|
||||
});
|
||||
}
|
||||
//博柏
|
||||
else if (orgId == "3efd5276-632b-e379-9ff3-7a7546591fca") {
|
||||
this.setState({
|
||||
safetySloganOne: "安全方针：安全第一、综合治理、控制风险、科学发展",
|
||||
mineType: localStorage.getItem("currentMineType")
|
||||
});
|
||||
}
|
||||
//行洛坑
|
||||
else {
|
||||
this.setState({
|
||||
safetySloganOne: "安全方针：安全第一、综合治理、控制风险、科学发展",
|
||||
mineType: localStorage.getItem("currentMineType")
|
||||
});
|
||||
}
|
||||
this.setState({
|
||||
safetySloganTwo: "安全理念：一切风险皆可控，一切事故皆可防！",
|
||||
});
|
||||
let json = initFilter(orgId);
|
||||
extendRule(json, "ID", 1, userId);
|
||||
extendInclude(json, "Nav_Department");
|
||||
@ -1453,6 +1440,9 @@ class Home extends React.Component {
|
||||
className: styles.slideHeight,
|
||||
fade: true,
|
||||
};
|
||||
// 在render方法中添加动态样式计算
|
||||
const { safetySloganOne, animationDuration,sliderColor,sliderSize } = this.state;
|
||||
|
||||
const rowSelection = {
|
||||
onChange: (selectedRowKeys, selectedRows) => {
|
||||
this.state.taskSelects = selectedRows;
|
||||
@ -1611,11 +1601,16 @@ class Home extends React.Component {
|
||||
<div className="slide-icon-style">
|
||||
<Icon type="sound" style={{ fontSize: "28px" }}></Icon>
|
||||
</div>
|
||||
<div className="slide-style">
|
||||
<div
|
||||
className="slide-style"
|
||||
style={{
|
||||
'--animation-duration': `${animationDuration}s`, // 动态设置动画时长
|
||||
'--slider-color': `${sliderColor}`, // 动态设置颜色
|
||||
'--slider-size': `${sliderSize}px`, // 动态设置颜色
|
||||
}}
|
||||
>
|
||||
<p className="slide-text-style">
|
||||
{this.state.safetySloganOne}
|
||||
|
||||
{this.state.safetySloganTwo}
|
||||
{safetySloganOne || '暂无公告'}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -2170,4 +2165,4 @@ class Home extends React.Component {
|
||||
);
|
||||
}
|
||||
}
|
||||
export default connect(({ login, app }) => ({ login, app }))(Home);
|
||||
export default connect(({ login, app }) => ({ login, app }))(GroupHome);
|
||||
|
||||
@ -1,188 +1,213 @@
|
||||
/* 工作台调整样式 */
|
||||
:global(.dashboard-div-style){
|
||||
:global(.dashboard-div-style) {
|
||||
height: 100%;
|
||||
width:100%;
|
||||
border-radius:10px;
|
||||
background-color:white;
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
background-color: white;
|
||||
min-height: 20px;
|
||||
}
|
||||
:global(.redTableCell){
|
||||
}
|
||||
|
||||
:global(.redTableCell) {
|
||||
background: #e6f7ff;
|
||||
}
|
||||
:global(.bi001-table){
|
||||
:global(.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td){
|
||||
}
|
||||
|
||||
:global(.bi001-table) {
|
||||
:global(.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td) {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
:global(.slide-style){
|
||||
/* margin-bottom: 10px; */
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color:#de4e58;
|
||||
/* -webkit-text-stroke: #E38C7A 1px; */
|
||||
/* padding-left:30px; */
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
:global(.slide-style) {
|
||||
/* position: absolute; */
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: auto;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--slider-color);
|
||||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
flex: 1;
|
||||
|
||||
}
|
||||
:global(.slide-icon-style){
|
||||
}
|
||||
|
||||
:global(.slide-icon-style) {
|
||||
/* padding: 0px 20px; */
|
||||
margin-right: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
:global(.slide-content){
|
||||
:global(.slide-content) {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
/* 固定高度 */
|
||||
background-color: #ffffff;
|
||||
/* 背景色 */
|
||||
border-radius: 4px;
|
||||
margin-bottom: 10px;
|
||||
background: #ffffff;
|
||||
/* padding-left:30px; */
|
||||
padding: 0px 30px;
|
||||
box-sizing: border-box;
|
||||
border-radius:4px;
|
||||
height:50px;
|
||||
line-height:50px;
|
||||
/* border:1px solid red; */
|
||||
/* overflow:hidden; */
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
box-shadow: 2px 1px 8px 1px rgb(228, 232, 235);
|
||||
/* min-width: 100px; */
|
||||
}
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
:global(.slide-text-style){
|
||||
position:relative;
|
||||
display:inline-block;
|
||||
white-space:nowrap;
|
||||
animation: slide-text-style 20s linear 1s infinite ;
|
||||
width:'auto';
|
||||
:global(.slide-text-style) {
|
||||
white-space: nowrap;
|
||||
align-items: center;
|
||||
/* 禁止换行 */
|
||||
padding: 0 16px;
|
||||
font-size: var(--slider-size);
|
||||
animation: slide-text-style var(--animation-duration) linear infinite;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
@keyframes slide-text-style {
|
||||
0% {
|
||||
transform: translateX(100%);
|
||||
-webkit-transform: translateX(100%);
|
||||
}
|
||||
|
||||
@keyframes slide-text-style{
|
||||
0%{margin-left:100%;}
|
||||
100%{margin-left:-1200px;}
|
||||
100% {
|
||||
transform: translateX(-100%);
|
||||
-webkit-transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.slide-text-style {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
:global(.slick-prev){
|
||||
:global(.slick-prev) {
|
||||
padding: 2px 0px 0px 0px !important;
|
||||
}
|
||||
:global(.slick-next){
|
||||
}
|
||||
|
||||
:global(.slick-next) {
|
||||
padding: 2px 0px 0px 0px !important;
|
||||
}
|
||||
:global(.slick-dots){
|
||||
position: absolute!important;
|
||||
bottom: 20px!important;
|
||||
}
|
||||
|
||||
:global(.slick-dots) {
|
||||
position: absolute !important;
|
||||
bottom: 20px !important;
|
||||
z-index: 100;
|
||||
}
|
||||
:global(.slick-prev){
|
||||
background-color: rgb(50,150,250) !important;
|
||||
}
|
||||
|
||||
:global(.slick-prev) {
|
||||
background-color: rgb(50, 150, 250) !important;
|
||||
left: 8px !important;
|
||||
z-index: 100 !important;
|
||||
border-radius: 50%;
|
||||
}
|
||||
:global(.slick-next){
|
||||
background-color: rgb(50,150,250) !important;
|
||||
}
|
||||
|
||||
:global(.slick-next) {
|
||||
background-color: rgb(50, 150, 250) !important;
|
||||
right: 8px !important;
|
||||
z-index: 100 !important;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
:global(.score-title-style){
|
||||
:global(.score-title-style) {
|
||||
font-size: 14pt;
|
||||
padding-top: 18px;
|
||||
color: red;
|
||||
text-align: center;
|
||||
min-width: 110px;
|
||||
}
|
||||
}
|
||||
|
||||
:global(.score-num-style){
|
||||
:global(.score-num-style) {
|
||||
font-size: 60pt;
|
||||
font-weight: bold;
|
||||
margin-top: 14px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
:global(.score-icon-style){
|
||||
:global(.score-icon-style) {
|
||||
font-size: 30pt;
|
||||
margin-top: -64px;
|
||||
color: white;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
:global(.backlog-title-style){
|
||||
:global(.backlog-title-style) {
|
||||
font-size: 14pt;
|
||||
margin-left: 22px;
|
||||
padding-top: 10px;
|
||||
color: white;
|
||||
margin-bottom: 20px;
|
||||
/* min-width: 120px; */
|
||||
}
|
||||
:global(.backlog-icontitle-style){
|
||||
}
|
||||
|
||||
:global(.backlog-icontitle-style) {
|
||||
font-size: 32px;
|
||||
margin-left: 22px;
|
||||
/* padding-top: 10px; */
|
||||
color: white;
|
||||
/* min-width: 120px; */
|
||||
margin-top: 22px;
|
||||
}
|
||||
:global(.backlog-icontitle-style1){
|
||||
}
|
||||
|
||||
:global(.backlog-icontitle-style1) {
|
||||
font-size: 32px;
|
||||
margin-left: 24px;
|
||||
/* padding-top: 10px; */
|
||||
color: white;
|
||||
/* min-width: 120px; */
|
||||
margin-top: 22px;
|
||||
}
|
||||
:global(.backlog-icontitle-style2){
|
||||
}
|
||||
|
||||
:global(.backlog-icontitle-style2) {
|
||||
font-size: 32px;
|
||||
margin-left: 18px;
|
||||
/* padding-top: 10px; */
|
||||
color: white;
|
||||
/* min-width: 120px; */
|
||||
margin-top: 22px;
|
||||
}
|
||||
:global(.backlog-icontitle-style3){
|
||||
}
|
||||
|
||||
:global(.backlog-icontitle-style3) {
|
||||
font-size: 32px;
|
||||
margin-left: 22px;
|
||||
/* padding-top: 10px; */
|
||||
color: white;
|
||||
/* min-width: 120px; */
|
||||
margin-top: 22px;
|
||||
}
|
||||
:global(.backlog-icontitle-style4){
|
||||
}
|
||||
|
||||
:global(.backlog-icontitle-style4) {
|
||||
font-size: 32px;
|
||||
margin-left: 18px;
|
||||
/* padding-top: 10px; */
|
||||
color: white;
|
||||
/* min-width: 120px; */
|
||||
margin-top: 22px;
|
||||
}
|
||||
:global(.backlog-icon-score){
|
||||
}
|
||||
|
||||
:global(.backlog-icon-score) {
|
||||
font-size: 32px;
|
||||
/* margin-left: 22px; */
|
||||
/* padding-top: 10px; */
|
||||
color: white;
|
||||
/* min-width: 120px; */
|
||||
/* margin-top: 22px; */
|
||||
}
|
||||
}
|
||||
|
||||
:global(.backlog-title-score){
|
||||
:global(.backlog-title-score) {
|
||||
font-size: 14pt;
|
||||
margin-left: 12px;
|
||||
/* padding-top: 10px; */
|
||||
color: white;
|
||||
/* min-width: 120px; */
|
||||
}
|
||||
}
|
||||
|
||||
:global(.backlog-scoretitle-style){
|
||||
:global(.backlog-scoretitle-style) {
|
||||
font-size: 32px;
|
||||
/* margin-left: 22px; */
|
||||
/* padding-top: 10px; */
|
||||
@ -190,17 +215,18 @@
|
||||
/* min-width: 120px; */
|
||||
/* margin-top: 20px; */
|
||||
margin: 9px 0px 9px 22px;
|
||||
}
|
||||
:global(.backlog-score-wrap){
|
||||
}
|
||||
|
||||
:global(.backlog-score-wrap) {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 20px 0px 0px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
:global(.backlog-icon-title){
|
||||
:global(.backlog-icon-title) {
|
||||
font-size: 14pt;
|
||||
margin-left: 10px;
|
||||
/* padding-top: 10px; */
|
||||
@ -209,40 +235,47 @@
|
||||
/* margin-top: 22px; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
:global(.backlog-background-style){
|
||||
background: linear-gradient(135deg, #75baf3,#2177d5);
|
||||
}
|
||||
:global(.backlog-background-style1){
|
||||
background: linear-gradient(135deg, #ffa94d,#f76707);
|
||||
}
|
||||
:global(.backlog-background-style2){
|
||||
background:linear-gradient(135deg, #99ca6e,#48a447);
|
||||
/* linear-gradient(135deg, #aab5e2,#5f6ac2); */
|
||||
}
|
||||
:global(.backlog-background-style3){
|
||||
background: linear-gradient(135deg, #ffe066,#fcc419);
|
||||
}
|
||||
:global(.backlog-background-style4){
|
||||
background: linear-gradient(135deg, rgb(245, 121, 118),#c92a2a);
|
||||
/*#ea9a99,#de4e58 */
|
||||
}
|
||||
}
|
||||
|
||||
:global(.backlog-title-style2){
|
||||
:global(.backlog-background-style) {
|
||||
background: linear-gradient(135deg, #75baf3, #2177d5);
|
||||
}
|
||||
|
||||
:global(.backlog-background-style1) {
|
||||
background: linear-gradient(135deg, #ffa94d, #f76707);
|
||||
}
|
||||
|
||||
:global(.backlog-background-style2) {
|
||||
background: linear-gradient(135deg, #99ca6e, #48a447);
|
||||
/* linear-gradient(135deg, #aab5e2,#5f6ac2); */
|
||||
}
|
||||
|
||||
:global(.backlog-background-style3) {
|
||||
background: linear-gradient(135deg, #ffe066, #fcc419);
|
||||
}
|
||||
|
||||
:global(.backlog-background-style4) {
|
||||
background: linear-gradient(135deg, rgb(245, 121, 118), #c92a2a);
|
||||
/*#ea9a99,#de4e58 */
|
||||
}
|
||||
|
||||
:global(.backlog-title-style2) {
|
||||
font-size: 12pt;
|
||||
margin-left: 10px;
|
||||
padding-top: 2px;
|
||||
color: white;
|
||||
min-width: 500px;
|
||||
}
|
||||
:global(.backlog-style){
|
||||
}
|
||||
|
||||
:global(.backlog-style) {
|
||||
font-size: 28pt;
|
||||
font-weight: bold;
|
||||
margin-left:22px;
|
||||
margin-left: 22px;
|
||||
color: white;
|
||||
margin-top: 10px;
|
||||
}
|
||||
:global(.backlog-style-score){
|
||||
}
|
||||
|
||||
:global(.backlog-style-score) {
|
||||
|
||||
/* margin-left:22px; */
|
||||
color: white;
|
||||
@ -255,73 +288,81 @@
|
||||
height: 100%;
|
||||
font-size: 38pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
:global(.score-title){
|
||||
}
|
||||
|
||||
:global(.score-title) {
|
||||
font-size: 16pt;
|
||||
/* font-weight: bold; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* margin-left:22px; */
|
||||
}
|
||||
:global(.score-content){
|
||||
}
|
||||
|
||||
:global(.score-content) {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
:global(.score-num){
|
||||
}
|
||||
|
||||
:global(.score-num) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 16pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
:global(.backlog-style4){
|
||||
:global(.backlog-style4) {
|
||||
font-size: 28pt;
|
||||
font-weight: bold;
|
||||
margin-left:22px;
|
||||
margin-left: 22px;
|
||||
color: white;
|
||||
margin-top: 10px;
|
||||
}
|
||||
:global(.backlog-style2){
|
||||
}
|
||||
|
||||
:global(.backlog-style2) {
|
||||
font-size: 20pt;
|
||||
font-weight: bold;
|
||||
margin-left:10px;
|
||||
margin-left: 10px;
|
||||
color: white;
|
||||
margin-top: -8px;
|
||||
}
|
||||
:global(.backlog-style3){
|
||||
}
|
||||
|
||||
:global(.backlog-style3) {
|
||||
font-size: 16pt;
|
||||
font-weight: bold;
|
||||
margin-left:10px;
|
||||
margin-left: 10px;
|
||||
color: white;
|
||||
margin-top: -8px;
|
||||
}
|
||||
:global(.notice-title-style){
|
||||
}
|
||||
|
||||
:global(.notice-title-style) {
|
||||
color: rgb(255, 255, 255);
|
||||
font-size: 16pt;
|
||||
margin-left: 20px;
|
||||
padding-top: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
:global(.notice-title-style span){
|
||||
:global(.notice-title-style span) {
|
||||
float: right;
|
||||
margin-right: 48px;
|
||||
font-size: 14pt;
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
:global(.notice-content-style ){
|
||||
:global(.notice-content-style) {
|
||||
color: white;
|
||||
line-height: 38px;
|
||||
margin-left: 20px;
|
||||
margin-top: 20px;
|
||||
font-size: 12pt;
|
||||
}
|
||||
:global(.notice-content-style span){
|
||||
}
|
||||
|
||||
:global(.notice-content-style span) {
|
||||
margin-right: 16px;
|
||||
}
|
||||
:global(.statistical-title-style){
|
||||
}
|
||||
|
||||
:global(.statistical-title-style) {
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
color: #333333;
|
||||
font-size: 18px;
|
||||
@ -330,14 +371,16 @@
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
:global(.statistical-title-style2){
|
||||
}
|
||||
|
||||
:global(.statistical-title-style2) {
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
color: #333333;
|
||||
font-size: 14px;
|
||||
padding: 8px 0px 0px 20px;
|
||||
}
|
||||
:global(.badge-style){
|
||||
}
|
||||
|
||||
:global(.badge-style) {
|
||||
/* background: #ffffff;
|
||||
border: 2px solid #5f6ac2;
|
||||
width: 8px;
|
||||
@ -350,19 +393,22 @@
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
:global(.backlog-icon-style){
|
||||
}
|
||||
|
||||
:global(.backlog-icon-style) {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-left: 45%;
|
||||
width: 30px;
|
||||
}
|
||||
:global(.backlog-icon-style2){
|
||||
}
|
||||
|
||||
:global(.backlog-icon-style2) {
|
||||
position: relative;
|
||||
/* top: -2px; */
|
||||
/* width: 10px; */
|
||||
}
|
||||
:global(.backlog-icon-style3){
|
||||
}
|
||||
|
||||
:global(.backlog-icon-style3) {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-left: calc(50% - 20px);
|
||||
@ -371,8 +417,9 @@
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 20px solid transparent;
|
||||
border-top: 10px solid #3b8bde;
|
||||
}
|
||||
:global(.backlog-icon-style4){
|
||||
}
|
||||
|
||||
:global(.backlog-icon-style4) {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-left: calc(50% - 20px);
|
||||
@ -381,8 +428,9 @@
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 20px solid transparent;
|
||||
border-top: 10px solid #fa7b1c;
|
||||
}
|
||||
:global(.backlog-icon-style5){
|
||||
}
|
||||
|
||||
:global(.backlog-icon-style5) {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-left: calc(50% - 20px);
|
||||
@ -391,8 +439,9 @@
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 20px solid transparent;
|
||||
border-top: 10px solid #5faf52;
|
||||
}
|
||||
:global(.backlog-icon-style6){
|
||||
}
|
||||
|
||||
:global(.backlog-icon-style6) {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-left: calc(50% - 20px);
|
||||
@ -401,8 +450,9 @@
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 20px solid transparent;
|
||||
border-top: 10px solid #fdcc2e;
|
||||
}
|
||||
:global(.backlog-icon-style7){
|
||||
}
|
||||
|
||||
:global(.backlog-icon-style7) {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin-left: calc(50% - 20px);
|
||||
@ -411,73 +461,84 @@
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 20px solid transparent;
|
||||
border-top: 10px solid #c92a2a;
|
||||
}
|
||||
.sideContent :global(.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title){
|
||||
}
|
||||
|
||||
.sideContent :global(.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title) {
|
||||
padding: 0 10px !important;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.sideContent :global(.ant-menu-inline-collapsed){
|
||||
width: inherit!important;
|
||||
}
|
||||
.IndexPageTabs{
|
||||
.sideContent :global(.ant-menu-inline-collapsed) {
|
||||
width: inherit !important;
|
||||
}
|
||||
|
||||
.IndexPageTabs {
|
||||
background-color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.IndexPageTabs :global(.ant-tabs-bar){
|
||||
.IndexPageTabs :global(.ant-tabs-bar) {
|
||||
background-color: #ecf4f6;
|
||||
padding: 0 10px;
|
||||
}
|
||||
/* :global(.header .IndexPage__loginMenu___xUJI4 span) {
|
||||
}
|
||||
|
||||
/* :global(.header .IndexPage__loginMenu___xUJI4 span) {
|
||||
vertical-align: baseline!important;
|
||||
} */
|
||||
:global(.home-always-title) {
|
||||
:global(.home-always-title) {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 10px 10px 10px 0px;
|
||||
}
|
||||
:global(.home-always-left) {
|
||||
}
|
||||
|
||||
:global(.home-always-left) {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
:global(.home-always-badge) {
|
||||
}
|
||||
|
||||
:global(.home-always-badge) {
|
||||
width: 4px;
|
||||
height: 19px;
|
||||
background-color: #4f69e9;
|
||||
border-radius: 3px;
|
||||
margin-top: 2px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
:global(.home-always-name) {
|
||||
}
|
||||
|
||||
:global(.home-always-name) {
|
||||
font-size: 14px;
|
||||
color: #303133;
|
||||
font-weight: bold;
|
||||
}
|
||||
:global(.home-always-icon) {
|
||||
}
|
||||
|
||||
:global(.home-always-icon) {
|
||||
color: #909399;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
}
|
||||
:global(.risk-model-col) {
|
||||
}
|
||||
|
||||
:global(.risk-model-col) {
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0px 20px 1px rgba(0, 0, 0, 0.12);
|
||||
padding: 0px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
:global(.risk-chart) {
|
||||
}
|
||||
|
||||
:global(.risk-chart) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
:global(.risk-model-tab) {
|
||||
}
|
||||
|
||||
:global(.risk-model-tab) {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
:global(.risk-model-card) {
|
||||
}
|
||||
|
||||
:global(.risk-model-card) {
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #ebeef5;
|
||||
border-radius: 5px;
|
||||
@ -486,8 +547,9 @@
|
||||
cursor: pointer;
|
||||
background-color: #fff;
|
||||
color: #303133;
|
||||
}
|
||||
:global(.risk-model-card-choose) {
|
||||
}
|
||||
|
||||
:global(.risk-model-card-choose) {
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #3c9cff;
|
||||
border-radius: 5px;
|
||||
@ -496,7 +558,8 @@
|
||||
cursor: pointer;
|
||||
background-color: #3c9cff;
|
||||
color: #fff;
|
||||
}
|
||||
:global(.ant-select-combobox .ant-select-search__field) {
|
||||
z-index: auto!important;
|
||||
}
|
||||
}
|
||||
|
||||
:global(.ant-select-combobox .ant-select-search__field) {
|
||||
z-index: auto !important;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user