.rootDiv{ font-size: 1em; color: #ffffff!important; background: url(../../assets/commonAuto/bg.jpg) center top; } /* 大屏图表样式 */ :global{ .rootbg{ background: url(../../assets/commonAuto/bg.jpg); } .headbg{ background: url(../../assets/commonAuto/headbg.png) no-repeat center center; background-size: 100% 100% } .mainDiv{ background: url(../../assets/commonAuto/bg.jpg) no-repeat center top; background-size: 100% 100%; } .qcDiv{ background: url(../../assets/commonAuto/qcbg.png) no-repeat center top; background-size: 100% 100%; } .processDiv{ .ant-progress-show-info .ant-progress-outer{ padding:1px!important; margin: 0px; } .ant-progress-text{ display: none!important; } } .qcLight{ background: url(../../assets/commonAuto/qclight.gif) no-repeat center top; background-size: 100% 100%; } .commonAuto{ color: #ffffff!important; font-size: 1rem!important; opacity: 0.5; } /* ---------模板2-生产车间设备看板界面布局Begin----------------- */ /* 背景布局 */ .mtDiv{ background: url(../../assets/commonAuto/template/bg.png) no-repeat center top; background-size: 100% 100%; } /* 头部区域*/ .mtheadbg{ background: url(../../assets/commonAuto/template/headbg.png) no-repeat center center; background-size: 100% 100% } /* 内容布局 */ .mtmainbg{ background: url(../../assets/commonAuto/template/main.png) no-repeat center center; background-size: 100% 100% } /* 内容左区 */ .mtleftbox{ background: url(../../assets/commonAuto/template/leftbox.png) no-repeat center center; background-size: 100% 100% } .mtareabg{ background: url(../../assets/commonAuto/template/card.png) no-repeat center center; background-size: 100% 100% } .mticon1{ width: 2.68rem; height: 2.68rem; background: url(../../assets/commonAuto/template/icon-1.png) no-repeat center center; background-size: 100% 100% } /* 内容中区 */ .mtmid1box{ background: url(../../assets/commonAuto/template/midbox_1.png) no-repeat center center; background-size: 100% 100% } .mtmachinebox{ background: url(../../assets/commonAuto/template/machine.png) no-repeat center center; background-size: 100% 100% } .mtmidcontent{ background: url(../../assets/commonAuto/template/mid_top.png) no-repeat center center; background-size: 100% 100% } .mtchartbg{ background: url(../../assets/commonAuto/template/chartbg.png) no-repeat center center; background-size: 100% 100% } .mtmid2box{ background: url(../../assets/commonAuto/template/midbox_2.png) no-repeat center center; background-size: 100% 100% } /* 内容右区 */ .mtrightbox{ background: url(../../assets/commonAuto/template/rightbox.png) no-repeat center center; background-size: 100% 100% } /* ---------模板2-生产车间设备看板界面布局End----------------- */ /* ---------模板2-班组车间设备看板界面布局Begin----------------- */ .mtmainbox{ background: url(../../assets/commonAuto/template/index/mainbox.png) no-repeat center center; background-size: 100% 100% } .mtbg2{ background: url(../../assets/commonAuto/template/index/ct2bg.png) no-repeat center center; background-size: 100% 100% } .mtbg3{ background: url(../../assets/commonAuto/template/index/ct3bg.png) no-repeat center center; background-size: 100% 100% } .mtbg4{ background: url(../../assets/commonAuto/template/index/ct4bg.png) no-repeat center center; background-size: 100% 100% } .mtbg5{ background: url(../../assets/commonAuto/template/index/ct2bg.png) no-repeat center center; background-size: 100% 100% } .mtbg6left{ background: url(../../assets/commonAuto/template/index/ct6bg-1.png) no-repeat center center; background-size: 100% 100% } .mtbg6right{ background: url(../../assets/commonAuto/template/index/ct6bg-2.png) no-repeat center center; background-size: 100% 100% } /* 纵向饼形图 竖向排列 */ //.piecolumn { position: relative;left: 27%;} .piecolumn .index__legendBlock___13qn5.index__hasLegend___26XLE .index__chart___112d8 { margin: -43px 0px 0px 0px !important;} .piecolumn .index__pie___r_Mgc .index__legend___q03ab { position: relative !important;margin: 0px 0px 0px 0px !important;} // .piecolumn { position: relative;left: 27%;} .piecolumn .legendBlock___13qn5.hasLegend___26XLE .chart___112d8 { margin: -43px 0px 0px 0px !important;} .piecolumn .pie___r_Mgc .legend___q03ab { position: relative !important;margin: 0px 0px 0px 0px !important;} /* ---------模板2-班组车间设备看板界面布局End----------------- */ /* ---------模板3-设备实时数据Begin----------------- */ /* 白色 -无排程*/ .whiteSmall{ background: url(../../assets/commonAuto/template/device/small/white_small.png) no-repeat center center; background-size: 100% 100% } .whiteMid{ background: url(../../assets/commonAuto/template/device/mid/white_mid.png) no-repeat center center; background-size: 100% 100% } .whiteBig{ background: url(../../assets/commonAuto/template/device/big/white_big.png) no-repeat center center; background-size: 100% 100% } /* 灰色 -下班 */ .graySmall{ background: url(../../assets/commonAuto/template/device/small/gray_small.png) no-repeat center center; background-size: 100% 100% } .grayMid{ background: url(../../assets/commonAuto/template/device/mid/gray_mid.png) no-repeat center center; background-size: 100% 100% } .grayBig{ background: url(../../assets/commonAuto/template/device/big/gray_big.png) no-repeat center center; background-size: 100% 100% } /* 紫红 -故障 */ .violetRedSmall{ background: url(../../assets/commonAuto/template/device/small/violetred_small.png) no-repeat center center; background-size: 100% 100% } .violetRedMid{ background: url(../../assets/commonAuto/template/device/mid/violetred_mid.png) no-repeat center center; background-size: 100% 100% } .violetRedBig{ background: url(../../assets/commonAuto/template/device/big/violetred_big.png) no-repeat center center; background-size: 100% 100% } /* 绿色 -正常 */ .greenSmall{ background: url(../../assets/commonAuto/template/device/small/green_small.png) no-repeat center center; background-size: 100% 100% } .greenMid{ background: url(../../assets/commonAuto/template/device/mid/green_mid.png) no-repeat center center; background-size: 100% 100% } .greenBig{ background: url(../../assets/commonAuto/template/device/big/green_big.png) no-repeat center center; background-size: 100% 100% } /* 黄色 -超期 */ .yellowSmall{ background: url(../../assets/commonAuto/template/device/small/yellow_small.png) no-repeat center center; background-size: 100% 100% } .yellowMid{ background: url(../../assets/commonAuto/template/device/mid/yellow_mid.png) no-repeat center center; background-size: 100% 100% } .yellowBig{ background: url(../../assets/commonAuto/template/device/big/yellow_big.png) no-repeat center center; background-size: 100% 100% } /* 橘黄色 -超30分 */ .orangeSmall{ background: url(../../assets/commonAuto/template/device/small/orange_small.png) no-repeat center center; background-size: 100% 100% } .orangeMid{ background: url(../../assets/commonAuto/template/device/mid/orange_mid.png) no-repeat center center; background-size: 100% 100% } .orangeBig{ background: url(../../assets/commonAuto/template/device/big/orange_big.png) no-repeat center center; background-size: 100% 100% } /* 红色 -超60分 */ .redSmall{ background: url(../../assets/commonAuto/template/device/small/red_small.png) no-repeat center center; background-size: 100% 100% } .redMid{ background: url(../../assets/commonAuto/template/device/mid/red_mid.png) no-repeat center center; background-size: 100% 100% } .redBig{ background: url(../../assets/commonAuto/template/device/big/red_big.png) no-repeat center center; background-size: 100% 100% } /* 深红 -超90分 */ .deepRedSmall{ background: url(../../assets/commonAuto/template/device/small/deepred_small.png) no-repeat center center; background-size: 100% 100% } .deepRedMid{ background: url(../../assets/commonAuto/template/device/mid/deepred_mid.png) no-repeat center center; background-size: 100% 100% } .deepRedBig{ background: url(../../assets/commonAuto/template/device/big/deepred_big.png) no-repeat center center; background-size: 100% 100% } /* ---------模板3-设备实时数据End----------------- */ #commonSreen { .pie-sub-title { color: #fff !important; font-size: 0.7rem; opacity: 0.5; } .pie-stat { color: #fff !important; font-size: 1rem; opacity: 0.5; } .areabg { background: url(../../assets/commonAuto/line.png); } .ant-divider, .ant-divider-vertical { opacity: 0.5; } .FastFilter__fastFilter___2eRwK { display: none; } .ant-layout { background: none !important; padding: 0px 0px 0px 0px!important; } /* 设置表格背景颜色 */ .ant-table{ background: none!important; } .xly-list { /* 大屏列表 */ /* 设置表头颜色 */ .ant-table-thead > tr > th { background: none!important; opacity: 0.8; color: #fff !important; } /* 表格不设置边框 */ .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table{ border:none!important; } .ant-table.ant-table-bordered > .ant-table-container{ border: none!important; } .ant-table-header{ background: none!important; } .ant-table-thead{ background: none!important; } .ant-table-column-sorter{ display: none; } .ant-table-body{ overflow: hidden!important; } /* 设置悬浮行颜色 */ tbody tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1):hover{ background: none!important; } .selected-record-row{ background:none!important; } /* 设置标题滚动条 */ .ant-table-bordered .ant-table-thead > tr > th.ant-table-cell-scrollbar{ display: none!important; } td { color: #fff !important; font-size: 0.8rem!important; } .ant-select-selection--single{ border: none !important; } td,td .ant-input[disabled],td .ant-input-number-input[disabled],td .ant-input-number{ border-right: none!important; } .ant-table-bordered .ant-table-tbody > tr > td{ border-bottom: none!important; background: none!important; } .ant-table-bordered .ant-table-thead > tr > th{ border: none!important; } table tr th{ font-size: 0.8rem!important; } .ant-table-scroll{ overflow: hidden!important; } .ant-table-pagination.ant-pagination{ display: none!important; } .ant-table-tbody > tr:hover > td { background: none!important; cursor: pointer; } } /* 设置滚动条宽度 */ .ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar { width: 1px!important; background: none; } .ant-table-body::-webkit-scrollbar { width: 1px!important; background: none; } } }