index.less 11.5 KB

Edit Raw Blame History

.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;
    }
  }
}