首页样式优化；

zhangzzzz
1 parent 43cccc63
Showing 6 changed files with 4703 additions and 3519 deletions
src/components/Tab/index.less
src/default.less
src/global.less
src/index.less
src/layouts/index.tsx
src/variable.less
@@ -15,7 +15,7 @@
     border: 0;
     color: #fff;
     &:hover{
-      background: var(--xly-skin-active-color, #1890FF);
+      background: var(--xly-skin-active-color, #1890FF) !important;
       color: #fff!important;
     }
     &:active, &:visited, &:focus {
 @import "~@/variable.less";
-:global{
-  .sActiveIdStyle {
-    top: 0;
-  }
-  .select-table-option{
-    max-width: 100wh;
-    overflow: hidden;
-    .select-table{
-      td{
-        font-weight: normal!important;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
+
+.sActiveIdStyle {
+  top: 0;
+}
+
+.select-table-option {
+  max-width: 100wh;
+  overflow: hidden;
+
+  .select-table {
+    td {
+      font-weight: normal !important;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
   }
-  .select-search{
-    box-sizing: border-box;
-    padding: 5px;
-    background: #f1f1f1;
-  }
-  .select-pagination{
-    padding: 5px 0;
-    margin-bottom: -5px;
-    background: #f1f1f1;
-    display: flex;
-    justify-content: space-between;
-  }
-  .toolbarIcon{
-    width: 13px;
-    height: 13px;
-    display: inline-block;
-    fill: #fff;
-    stroke: #fff;
-    margin-right: 3px;
-    position: relative;
-    top: 2px;
-  }
-  .commonNewBillContainer{
-    .ant-form-item-control-input-content{
-      .ant-input-number{
-        width: 100%!important;
-        .ant-input-number-input {
-          height: 28px;
-        }
+}
+
+.select-search {
+  box-sizing: border-box;
+  padding: 5px;
+  background: #f1f1f1;
+}
+
+.select-pagination {
+  padding: 5px 0;
+  margin-bottom: -5px;
+  background: #f1f1f1;
+  display: flex;
+  justify-content: space-between;
+}
+
+.toolbarIcon {
+  width: 13px;
+  height: 13px;
+  display: inline-block;
+  fill: #fff;
+  stroke: #fff;
+  margin-right: 3px;
+  position: relative;
+  top: 2px;
+}
+
+.commonNewBillContainer {
+  .ant-form-item-control-input-content {
+    .ant-input-number {
+      width: 100% !important;
+
+      .ant-input-number-input {
+        height: 28px;
       }
     }
   }
-  .homeTab {
-    width: 80px;
-    text-align: center;
-    font-size: 14px;
-    cursor: pointer;
-    span{
-      margin-left: 8px;
-    }
-  }
-  .homeTab__active{
-    color: var(--xly-skin-active-color, #1890FF);
+}
+
+.homeTab {
+  width: 80px;
+  text-align: center;
+  font-size: 14px;
+  cursor: pointer;
+
+  span {
+    margin-left: 8px;
   }
-  .mainTabWrap{
-    & > .ant-tabs-nav {
-      .ant-tabs-tab{
-        &:first-child{
-          display: none;
-        }
+}
+
+.homeTab__active {
+  color: var(--xly-skin-active-color, #1890FF);
+}
+
+.mainTabWrap {
+  &>.ant-tabs-nav {
+    .ant-tabs-tab {
+      &:first-child {
+        display: none;
       }
     }
   }
-  .placeHidden {
-    opacity: 0;
-    visibility: hidden;
+}
+
+.placeHidden {
+  opacity: 0;
+  visibility: hidden;
+}
+
+.ant-tabs-dropdown-menu {
+  padding: 0px !important;
+}
+
+// 空表单margin高度改为0
+.ant-empty-normal {
+  margin: 0 !important;
+
+  .ant-empty-image {
+    display: none;
+  }
+}
+
+.custom-collapse {
+  .ant-collapse-item {
+    border-bottom: 1.5px solid #f5f5f5;
   }
-  .ant-tabs-dropdown-menu {
-    padding: 0px!important;
+
+  .ant-collapse-content-box {
+    padding: 0;
   }
-  // 空表单margin高度改为0
-  .ant-empty-normal{
-    margin: 0!important;
-    .ant-empty-image{
-      display: none;
-    }
+
+  .ant-collapse-header {
+    font-size: 14px;
+    font-weight: bold;
+    background: rgba(204, 204, 204, 1);
   }
-  .custom-collapse{
-    .ant-collapse-item {
-      border-bottom: 1.5px solid #f5f5f5;
-    }
-    .ant-collapse-content-box{
-      padding: 0;
-    }
-    .ant-collapse-header{
-      font-size: 14px;
-      font-weight: bold;
-      background: rgba(204, 204, 204, 1);
-    }
-    .ant-collapse-content{
-      border-top: none;
-    }
-    .ant-table-container{
-      border-left: none!important;
-    }
-    .ant-collapse-extra{
-      margin-left: 8px!important;
-    }
+
+  .ant-collapse-content {
+    border-top: none;
   }
-  div, span, p, input, textarea{
-    font-family: @font_family!important;
+
+  .ant-table-container {
+    border-left: none !important;
   }
-  #slaveTabs {
-    margin-top: 8px;
-    height: auto;
+
+  .ant-collapse-extra {
+    margin-left: 8px !important;
   }
-  #slaveTabs::-webkit-scrollbar{
-    width: 1px;
-    background-color: rgb(230,230,230,1);
-    opacity: 5%;
+}
+
+div,
+span,
+p,
+input,
+textarea {
+  font-family: @font_family !important;
+}
+
+#slaveTabs {
+  margin-top: 8px;
+  height: auto;
+}
+
+#slaveTabs::-webkit-scrollbar {
+  width: 1px;
+  background-color: rgb(230, 230, 230, 1);
+  opacity: 5%;
+}
+
+tr.ant-table-measure-row {
+  td {
+    padding: 0;
   }
+}
  
-  tr.ant-table-measure-row{
-    td{
-      padding: 0;
-    }
+tr:not(.ant-table-measure-row) {
+  td {
+    padding: 4px;
   }
-  tr:not(.ant-table-measure-row) {
-    td{
+}
+
+.xly-bill-list,
+.xly-workorder-list,
+.other-list,
+.productPlan {
+  td {
+    padding: 0 !important;
+
+    .listDiv {
       padding: 4px;
     }
   }
-  .xly-bill-list, .xly-workorder-list, .other-list, .productPlan{
-    td{
-      padding: 0!important;
-      .listDiv {
-        padding: 4px;
-      }
+}
+
+// 处理表单详情的样式问题开始
+button.ant-table-row-expand-icon {
+  margin-left: ~'calc(50% - 9px)';
+}
+
+.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
+  margin: 0 0 0 47px;
+}
+
+.ant-table-bordered .virtuallist>table>.ant-table-tbody>tr>td {
+  border-right: 1px solid #d9d9d9 !important;
+}
+
+// 处理表单详情的样式问题结束
+
+.ant-input {
+  padding: 3px 4px;
+}
+
+.ant-input-number-input {
+  padding: 3px 4px;
+  font-size: 12px;
+}
+
+.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+  //padding: 3px 4px;
+}
+
+td {
+
+  .ant-input:focus,
+  .ant-input-focused {
+    border: none;
+    box-shadow: none;
+  }
+
+  .ant-picker-focused {
+    border: none;
+    box-shadow: none;
+  }
+
+  .ant-select-focused {
+    border: none;
+    box-shadow: none;
+    outline: none;
+
+    .ant-select-selector {
+      border: none;
+      box-shadow: none !important;
+      outline: none;
     }
   }
-  // 处理表单详情的样式问题开始
-  button.ant-table-row-expand-icon {
-    margin-left: ~'calc(50% - 9px)';
+
+  .ant-input-number-focused {
+    border: none;
+    box-shadow: none;
+  }
+
+  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+    padding: 0 4px;
+    border: none;
+    line-height: 26px;
+    height: 26px;
+    background-color: transparent;
   }
-  .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table{
-    margin: 0 0 0 47px;
+
+  .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+    line-height: 26px;
+    height: 26px;
+    background-color: transparent;
   }
-  .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr>td{
-    border-right: 1px solid #d9d9d9!important;
+
+  .ant-input {
+    border: none;
+    background-color: transparent;
   }
-  // 处理表单详情的样式问题结束
  
-  .ant-input{
-    padding: 3px 4px;
+  .ant-input-number {
+    border: none;
+    background-color: transparent;
   }
-  .ant-input-number-input{
-    padding: 3px 4px;
-    font-size: 12px;
+
+  .ant-picker {
+    border: none;
+    padding: 3px 4px 3px;
+    background-color: transparent;
   }
-  .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
-    //padding: 3px 4px;
+}
+
+.noInput {
+  max-width: 100%;
+  min-height: @cell-height;
+  line-height: @cell-height;
+  display: block; // inline-block会引发line-height问题
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &>span {
+    padding: @td_padding_sub;
   }
-  td{
-    .ant-input:focus, .ant-input-focused{
-      border: none;
-      box-shadow: none;
-    }
-    .ant-picker-focused{
-      border: none;
-      box-shadow: none;
-    }
-    .ant-select-focused{
-      border: none;
-      box-shadow: none;
-      outline: none;
-      .ant-select-selector{
-        border: none;
-        box-shadow: none!important;
-        outline: none;
+}
+
+input[disabled] {
+  color: #000 !important;
+  background: #fff !important;
+  font: 12px @font_family;
+  line-height: 1.66667;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.ant-select-selector {
+  color: #000 !important;
+}
+
+.ant-form-item-control-input-content {
+  //height: 100%;
+  min-height: @cell-height;
+  line-height: @cell-height;
+}
+
+tbody {
+  color: #000;
+  font-size: 12px;
+
+  tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1) {
+    &:hover {
+      background: #fff7e6 !important;
+
+      td {
+        background: #fff7e6 !important;
+        font-weight: bold;
+      }
+
+      .sActiveIdStyle {
+        background: #fff7e6 !important;
       }
-    }
-    .ant-input-number-focused{
-      border: none;
-      box-shadow: none;
-    }
-    .ant-select:not(.ant-select-customize-input) .ant-select-selector{
-      padding: 0 4px;
-      border: none;
-      line-height: 26px;
-      height: 26px;
-      background-color: transparent;
-    }
-    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
-      line-height: 26px;
-      height: 26px;
-      background-color: transparent;
-    }
-    .ant-input{
-      border: none;
-      background-color: transparent;
-    }
-    .ant-input-number{
-      border: none;
-      background-color: transparent;
-    }
-    .ant-picker{
-      border: none;
-      padding: 3px 4px 3px;
-      background-color: transparent;
     }
   }
  
-  .noInput{
+  .ant-input-number {
     max-width: 100%;
-    min-height: @cell-height;
-    line-height: @cell-height;
-    display: block; // inline-block会引发line-height问题
-    overflow:hidden;
-    text-overflow:ellipsis;
-    white-space:nowrap;
-    & > span{
-      padding: @td_padding_sub;
-    }
   }
  
-  input[disabled]{
-    color: #000!important;
-    background: #fff!important;
-    font: 12px @font_family;
-    line-height: 1.66667;
-    overflow: hidden;
-    text-overflow :ellipsis;
+  input[disabled] {
+    border: none;
+    padding: @td_padding_sub;
+    background: transparent !important;
+  }
+
+  button[class*='ant-table-row-expand-icon']+.changeClassName {
+    display: inline;
+  }
+
+  .changeClassName {
+    .ant-checkbox {
+      padding: @td_padding_sub;
+    }
   }
  
-  .ant-select-selector{
-    color: #000!important;
+  .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
+    background-color: transparent;
+    color: #000 !important;
   }
  
-  .ant-form-item-control-input-content{
-    //height: 100%;
-    min-height: @cell-height;
+  .ant-select-single .ant-select-selector .ant-select-selection-search {
+    left: 4px;
+    background-color: transparent;
     line-height: @cell-height;
+    display: inline-block;
   }
  
-  tbody{
-    color: #000;
+  .sActiveIdStyle {
+    height: 100%;
+    max-width: 100%;
+    padding: @td_padding_sub;
     font-size: 12px;
-    tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1){
-      &:hover{
-        background: #fff7e6!important;
-        td{
-          background: #fff7e6!important;
-          font-weight: bold;
-        }
-        .sActiveIdStyle{
-          background: #fff7e6!important;
-        }
-      }
-    }
-    .ant-input-number{
-      max-width: 100%;
-    }
-    input[disabled]{
-      border: none;
-      padding: @td_padding_sub;
-      background: transparent!important;
-    }
-    button[class*='ant-table-row-expand-icon']+.changeClassName{
-      display: inline;
-    }
-    .changeClassName{
-      .ant-checkbox {
-        padding: @td_padding_sub;
-      }
+    z-index: 9;
+    white-space: nowrap;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    background: #fff;
+    top: 0;
+    left: 0;
+    position: absolute !important;
+
+    &+.ant-select {
+      display: none;
     }
-    .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{
-      background-color: transparent;
-      color: #000!important;
+
+    &+input {
+      //display: none;
     }
-    .ant-select-single .ant-select-selector .ant-select-selection-search{
-      left: 4px;
-      background-color: transparent;
-      line-height: @cell-height;
+
+    span {
+      font-size: 12px;
+      position: relative;
+      top: 50%;
+      transform: translateY(-50%);
       display: inline-block;
+      cursor: pointer;
+
+      &:hover {
+        text-decoration: underline;
+      }
     }
-    .sActiveIdStyle {
-      height: 100%;
-      max-width: 100%;
-      padding: @td_padding_sub;
-      font-size: 12px;
-      z-index: 9;
+
+    .viewChooseSpan {
+      display: block;
+      top: 14px;
       white-space: nowrap;
       word-break: break-all;
       text-overflow: ellipsis;
       overflow: hidden;
-      background: #fff;
-      top: 0;
-      left: 0;
-      position: absolute!important;
-      & + .ant-select{
-        display: none;
-      }
-      & + input{
-        //display: none;
-      }
-      span {
-        font-size: 12px;
-        position: relative;
-        top: 50%;
-        transform: translateY(-50%);
-        display: inline-block;
-        cursor: pointer;
-        &:hover{
-          text-decoration: underline;
-        }
-      }
-      .viewChooseSpan{
-        display: block;
-        top: 14px;
-        white-space: nowrap;
-        word-break: break-all;
-        text-overflow: ellipsis;
-        overflow: hidden;
-      }
     }
-    .sActiveIdStyle_viewChooseSpan{
-      width: 100%;
-    }
-    .sActiveIdStyleNone, .sActiveIdStyleBlock{
-      & + .ant-select{
-        display: block;
-      }
-    }
-    .ant-table-row-indent + button.ant-table-row-expand-icon{
-      margin-left: 6px;
-      margin-top: 6px;
+  }
+
+  .sActiveIdStyle_viewChooseSpan {
+    width: 100%;
+  }
+
+  .sActiveIdStyleNone,
+  .sActiveIdStyleBlock {
+    &+.ant-select {
+      display: block;
     }
   }
  
-  .xlyCommonTable.tableEnabled tbody {
-    tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1){
-      &:hover{
+  .ant-table-row-indent+button.ant-table-row-expand-icon {
+    margin-left: 6px;
+    margin-top: 6px;
+  }
+}
+
+.xlyCommonTable.tableEnabled tbody {
+  tr:not(.selected-record-row):not(.ant-table-expanded-row-level-1) {
+    &:hover {
+      background: #FFF !important;
+
+      td {
         background: #FFF !important;
-        td{
-          background: #FFF !important;
-          font-weight: bold;
-        }
-        .sActiveIdStyle{
-          background: #FFF !important;
-        }
-        .readonlyStyle {
+        font-weight: bold;
+      }
+
+      .sActiveIdStyle {
+        background: #FFF !important;
+      }
+
+      .readonlyStyle {
+        background: #f1f2f8 !important;
+
+        .sActiveIdStyle {
           background: #f1f2f8 !important;
-          .sActiveIdStyle{
-            background: #f1f2f8 !important;
-          }
         }
       }
     }
-    .readonlyStyle {
+  }
+
+  .readonlyStyle {
+    background: #f1f2f8 !important;
+
+    .sActiveIdStyle {
       background: #f1f2f8 !important;
-      .sActiveIdStyle{
-        background: #f1f2f8 !important;
-      }
     }
-    .ant-input-search {
-      height: 25px;
-      top: -2px;
-      .ant-input-group-addon {
-        left: 0;
-        .ant-input-search-button {
-          height: 26px;
-        }
+  }
+
+  .ant-input-search {
+    height: 25px;
+    top: -2px;
+
+    .ant-input-group-addon {
+      left: 0;
+
+      .ant-input-search-button {
+        height: 26px;
       }
     }
   }
+}
  
-  .ant-modal{
-    max-width: unset;
-  }
+.ant-modal {
+  max-width: unset;
+}
  
-  .xlyCommonTable:not(.tableEnabled) .ant-table-tbody > tr.ant-table-row-selected > td{
-    background: #e6f7ff;
-  }
+.xlyCommonTable:not(.tableEnabled) .ant-table-tbody>tr.ant-table-row-selected>td {
+  background: #e6f7ff;
+}
  
-  .xlyCommonTable.tableEnabled .ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover {
-    background: initial;
-  }
+.xlyCommonTable.tableEnabled .ant-table-tbody>tr.ant-table-row:hover>td,
+.ant-table-tbody>tr>td.ant-table-cell-row-hover {
+  background: initial;
+}
  
-  @selected-line-border-color: #1296db;
-  .xlyCommonTable.tableEnabled .ant-table-tbody > tr.ant-table-row-selected,
-  .xlyCommonTable.tableEnabled .ant-table-tbody > tr.selected-record-row {
-    // box-shadow: 0px 2px 0px 0px #2400ff inset, 0px -2px 0px 0px red inset;
-    >td {
+@selected-line-border-color: #1296db;
+
+.xlyCommonTable.tableEnabled .ant-table-tbody>tr.ant-table-row-selected,
+.xlyCommonTable.tableEnabled .ant-table-tbody>tr.selected-record-row {
+
+  // box-shadow: 0px 2px 0px 0px #2400ff inset, 0px -2px 0px 0px red inset;
+  >td {
+    box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
+
+    .sActiveIdStyle {
+      box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
+    }
+
+    .readonlyStyle {
       box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-      .sActiveIdStyle{
+
+      .sActiveIdStyle {
         box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
       }
-      .readonlyStyle {
-        box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-        .sActiveIdStyle{
-          box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-        }
+    }
+
+    // background-color: transparent !important;
+    // border: 1px solid @selected-line-border-color !important;
+    // border-left: 0 !important;
+    // border-right: 0 !important;
+    &:first-child {
+      // border-left: 1px solid @selected-line-border-color !important;
+      box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
+
+      .sActiveIdStyle {
+        box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
       }
-      // background-color: transparent !important;
-      // border: 1px solid @selected-line-border-color !important;
-      // border-left: 0 !important;
-      // border-right: 0 !important;
-      &:first-child {
-        // border-left: 1px solid @selected-line-border-color !important;
+
+      .readonlyStyle {
         box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-        .sActiveIdStyle{
-          box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-        }
-        .readonlyStyle {
+
+        .sActiveIdStyle {
           box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-          .sActiveIdStyle{
-            box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-          }
-        }
-      }
-      &:last-child {
-        // border-right: 1px solid @selected-line-border-color !important;
-        box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-        .sActiveIdStyle{
-          box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-        }
-        .readonlyStyle {
-          box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-          .sActiveIdStyle{
-            box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-          }
         }
       }
     }
-    // &.dark-record-row {
-    //   >td {
-    //     background-color: #f5f5f5 !important;
-    //   }
-    // }
-  }
  
-  .xlyCommonTable.tableEnabled .ant-table-tbody > tr.selected-record-row {
-    > td {
-      .readonlySpanStyle {
-        box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-      }
-      &:first-child {
-        .readonlySpanStyle {
-          box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
-        }
+    &:last-child {
+      // border-right: 1px solid @selected-line-border-color !important;
+      box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
+
+      .sActiveIdStyle {
+        box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
       }
-      &:last-child {
-        .readonlySpanStyle {
+
+      .readonlyStyle {
+        box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
+
+        .sActiveIdStyle {
           box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
         }
       }
     }
   }
  
-  // .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.ant-table-row-selected {
+  // &.dark-record-row {
   //   >td {
-  //     &:last-child {
-  //       border-right: 1px solid @selected-line-border-color !important;
-  //     }
+  //     background-color: #f5f5f5 !important;
   //   }
   // }
+}
  
-
-  .selected-record-row{
-    background-color: #e6f7ff!important;
-    font-weight: bold;
-    input{
-      font-weight: bold;
-    }
-    td{
-      background: #e6f7ff!important;
-      font-weight: bold;
-    }
-    .ant-input-number-disabled{
-      background: transparent;
-      transition: unset;
-      border: none;
-      width: unset;
-    }
-    .sActiveIdStyle{
-      background: #e6f7ff!important;
-    }
-    .ant-select-selector{
-      transition: unset;
+.xlyCommonTable.tableEnabled .ant-table-tbody>tr.selected-record-row {
+  >td {
+    .readonlySpanStyle {
+      box-shadow: 0px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
     }
-  }
-  .xlyCommonTable.tableEnabled .selected-record-row{
-    background-color: #FFF !important;
-    td{
-      background: #FFF !important;
+
+    &:first-child {
+      .readonlySpanStyle {
+        box-shadow: 1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
+      }
     }
-    .sActiveIdStyle{
-      background: #FFF !important;
+
+    &:last-child {
+      .readonlySpanStyle {
+        box-shadow: -1px 1px 0px 0px @selected-line-border-color inset, 0px -1px 0px 0px @selected-line-border-color inset;
+      }
     }
   }
-  .ant-form-item-label {
-    vertical-align: middle;
-    display: inline-block;
-    text-align: left!important;
-  }
-  .ant-form-item-label label {
-    //color: rgba(0, 0, 0, 0.65)!important;
-    color:inherit!important;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    padding-right: 0!important;
-    text-align: left;
-    &:before{
-      content: '';
-      width: 10px;
-    }
+}
+
+// .ant-table-bordered .virtuallist>table>.ant-table-tbody>tr.ant-table-row-selected {
+//   >td {
+//     &:last-child {
+//       border-right: 1px solid @selected-line-border-color !important;
+//     }
+//   }
+// }
+
+
+.selected-record-row {
+  background-color: #e6f7ff !important;
+  font-weight: bold;
+
+  input {
+    font-weight: bold;
   }
-  .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{
-    width: auto;
+
+  td {
+    background: #e6f7ff !important;
+    font-weight: bold;
   }
-  .ant-form-item-label .ant-form-item-required {
-    font-size: 12px!important;
-    left: 0px;
+
+  .ant-input-number-disabled {
+    background: transparent;
+    transition: unset;
+    border: none;
+    width: unset;
   }
-  .commonCheckBill{
-    .sActiveIdStyle{
-      left:1px;
-      top:1px;
-      width: ~'calc(100% - 2px)';
-      height: ~'calc(100% - 2px)';
-    }
-    .ant-input-number{
-      width: 100%!important;
-    }
+
+  .sActiveIdStyle {
+    background: #e6f7ff !important;
   }
-  .searchMainForm{
-    .sActiveIdStyle{
-      left:1px;
-      top:1px!important;
-      padding:0px!important;
-      max-width: 90%!important;
-      //width: ~'calc(100% - 2px)'!important;
-      height: ~'calc(100% - 2px)'!important;
-      background: #fff;
-    }
-    .sActiveIdStyle-sMemo{
-      max-width: 100%!important;
-    }
-    #sMemo{
-      margin-bottom: 0;
-    }
-    .ant-input-number{
-      width: 100%!important;
-    }
-    .masterMemo{
-      background-color: #f1f2f8!important;
-      color: #000!important;
-      top: 4px !important;
-      left: 1px!important;
-      height: ~'calc(100% - 9px)' !important;
-      line-height: 20px;
-      letter-spacing:-1px;
-      font-family: Monospaced Number, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif !important
-    }
+
+  .ant-select-selector {
+    transition: unset;
   }
-  .suit .searchMainForm{
-    .sActiveIdStyle{
-      left:8px;
-    }
+}
+
+.xlyCommonTable.tableEnabled .selected-record-row {
+  background-color: #FFF !important;
+
+  td {
+    background: #FFF !important;
   }
-  .insertTd{
-    z-index: 999!important;
+
+  .sActiveIdStyle {
+    background: #FFF !important;
   }
-  .ant-form-item{
-    margin-bottom: 0;
+}
+
+.ant-form-item-label {
+  vertical-align: middle;
+  display: inline-block;
+  text-align: left !important;
+}
+
+.ant-form-item-label label {
+  //color: rgba(0, 0, 0, 0.65)!important;
+  color: inherit !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-right: 0 !important;
+  text-align: left;
+
+  &:before {
+    content: '';
+    width: 10px;
   }
-  .linksActiveIdStyle {
-    color: @active_color2!important;
-    cursor: pointer;
-    backgroundColor: transparent!important;
-    padding: 4px 0px;
+}
+
+.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
+  width: auto;
+}
+
+.ant-form-item-label .ant-form-item-required {
+  font-size: 12px !important;
+  left: 0px;
+}
+
+.commonCheckBill {
+  .sActiveIdStyle {
+    left: 1px;
+    top: 1px;
+    width: ~'calc(100% - 2px)';
+    height: ~'calc(100% - 2px)';
   }
-  .linksActiveIdStyle:hover{
-    text-decoration: underline!important;
+
+  .ant-input-number {
+    width: 100% !important;
   }
-  .ant-checkbox-wrapper{
-    line-height: 14px;
+}
+
+.searchMainForm {
+  .sActiveIdStyle {
+    left: 1px;
+    top: 1px !important;
+    padding: 0px !important;
+    max-width: 90% !important;
+    //width: ~'calc(100% - 2px)'!important;
+    height: ~'calc(100% - 2px)' !important;
+    background: #fff;
   }
  
-  .ant-tabs-tab.ant-tabs-tab-disabled{
-    &:hover{
-      color: rgba(0, 0, 0, 0.25)!important;
-    }
+  .sActiveIdStyle-sMemo {
+    max-width: 100% !important;
   }
-  // 因紧凑型主题，修改部分过小的样式
-  .ant-tabs-tab{
-    font-size: 14px;
+
+  #sMemo {
+    margin-bottom: 0;
   }
-  #allBtnNav{
-    font-size: 14px;
-    &[disabled] {
-      &:hover{
-        color: unset!important;
-      }
-    }
+
+  .ant-input-number {
+    width: 100% !important;
   }
-  .ant-card-head{
-    font-size: 14px;
+
+  .masterMemo {
+    background-color: #f1f2f8 !important;
+    color: #000 !important;
+    top: 4px !important;
+    left: 1px !important;
+    height: ~'calc(100% - 9px)' !important;
+    line-height: 20px;
+    letter-spacing: -1px;
+    font-family: Monospaced Number, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif !important
   }
-  // end
-  // tab样式与老版本统一
-  .ant-tabs-content-holder{
-    .ant-tabs-nav-wrap{
-      background: #fff;
-      .ant-tabs-nav-list{
-        background: #fff;
-        .ant-tabs-tab{
-          border: 1px solid #d9d9d9;
-          border-right: 0;
-          padding: 0 18px;
-          height: 30px;
-          line-height: 30px;
-          margin-left: 0;
-          background: #fafafa;
-          &:nth-last-child(2){
-            border-right: 1px solid #d9d9d9;
-          }
-        }
-        .ant-tabs-tab-active{
-          border-bottom: 1px solid transparent;
-          background: #fff;
-        }
-        .ant-tabs-ink-bar{
-          top: 0;
-          bottom: unset;
-        }
-      }
-    }
+}
+
+.suit .searchMainForm {
+  .sActiveIdStyle {
+    left: 8px;
   }
-  // end
-  .input24 {
-    :global {
-      .ant-col-2.ant-form-item-label {
-        flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)';
-        max-width: ~'calc(0.25 * 7 / 24 * 100%)';
-      }
-      .ant-col-22.ant-form-item-control {
-        flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)';
-        max-width: ~'calc(0.25 * 87 / 24 * 100%)';
-      }
-      .ant-col-7.ant-form-item-label {
-        flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)';
-        max-width: ~'calc(0.25 * 7 / 24 * 100%)';
-      }
-      .ant-col-15.ant-form-item-control {
-        flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)';
-        max-width: ~'calc(0.25 * 87 / 24 * 100%)';
-      }
-    }
+}
+
+.insertTd {
+  z-index: 999 !important;
+}
+
+.ant-form-item {
+  margin-bottom: 0;
+}
+
+.linksActiveIdStyle {
+  color: @active_color2 !important;
+  cursor: pointer;
+  backgroundColor: transparent !important;
+  padding: 4px 0px;
+}
+
+.linksActiveIdStyle:hover {
+  text-decoration: underline !important;
+}
+
+.ant-checkbox-wrapper {
+  line-height: 14px;
+}
+
+.ant-tabs-tab.ant-tabs-tab-disabled {
+  &:hover {
+    color: rgba(0, 0, 0, 0.25) !important;
   }
-  .input18 {
-    :global {
-      .ant-col-7.ant-form-item-label {
-        flex: 0 0 ~'calc(0.25 * 7 / 18 * 100%)';
-        max-width: ~'calc(0.25 * 7 / 18 * 100%)';
-      }
-      .ant-col-15.ant-form-item-control {
-        flex: 0 0 ~'calc(0.25 * 42 / 12 * 100%)';
-        max-width: ~'calc(0.25 * 42 / 12 * 100%)';
-      }
+}
+
+// 因紧凑型主题，修改部分过小的样式
+.ant-tabs-tab {
+  font-size: 14px;
+}
+
+#allBtnNav {
+  font-size: 14px;
+
+  &[disabled] {
+    &:hover {
+      color: unset !important;
     }
   }
-  .input12 {
-    :global {
-      .ant-col-7.ant-form-item-label {
-        flex: 0 0 ~'calc(0.25 * 7 / 12 * 100%)';
-        max-width: ~'calc(0.25 * 7 / 12 * 100%)';
+}
+
+.ant-card-head {
+  font-size: 14px;
+}
+
+// end
+// tab样式与老版本统一
+.ant-tabs-content-holder {
+  .ant-tabs-nav-wrap {
+    background: #fff;
+
+    .ant-tabs-nav-list {
+      background: #fff;
+
+      .ant-tabs-tab {
+        border: 1px solid #d9d9d9;
+        border-right: 0;
+        padding: 0 18px;
+        height: 30px;
+        line-height: 30px;
+        margin-left: 0;
+        background: #fafafa;
+
+        &:nth-last-child(2) {
+          border-right: 1px solid #d9d9d9;
+        }
       }
-      .ant-col-15.ant-form-item-control {
-        flex: 0 0 ~'calc(0.25 * 39 / 12 * 100%)';
-        max-width: ~'calc(0.25 * 39 / 12 * 100%)';
+
+      .ant-tabs-tab-active {
+        border-bottom: 1px solid transparent;
+        background: #fff;
       }
-    }
-  }
-  .ant-table-pagination.ant-pagination {
-    position: fixed;
-    bottom: 0;
-    right: 8px;
-    z-index: 999;
-  }
-  .ant-table-summary td {
-    padding: 4px!important;
-    text-align: center;
-  }
-  .ant-table-column-title {
-    moz-user-select: -moz-none;
-    -moz-user-select: none;
-    -o-user-select:none;
-    -khtml-user-select:none;
-    -webkit-user-select:none;
-    -ms-user-select:none;
-    user-select:none;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
  
-  #calTab {
-    .ant-tabs > .ant-tabs-nav {
-      margin-bottom: 0;
-    }
-    .formula{
-      textarea.ant-input {
-        height: 140px!important;
+      .ant-tabs-ink-bar {
+        top: 0;
+        bottom: unset;
       }
     }
   }
-  /* 调整系统权限界面 */
-  #SysPermissionList {
-    .ant-tree{
-      margin-top: 1px;
-      border:1px solid #d9d9d9;
-      overflow-y: auto;
-      height: 516px;
-    }
-    .ant-tabs-nav{
-      margin-bottom: 0;
-      //border-bottom: 1px solid #d9d9d9;
-    }
-    #staticEditTree .ant-input-search{
-      //width: 63%
-      width: 405px;
-    }
-  }
+}
  
-  #modalChooseProcess, #modalChooseProductMaterial{
-    .ant-table-pagination.ant-pagination {
-      position: static;
-    }
+// end
+.input24 {
+  .ant-col-2.ant-form-item-label {
+    flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)';
+    max-width: ~'calc(0.25 * 7 / 24 * 100%)';
   }
  
-  .xly-eject{
-    z-index: 999;
+  .ant-col-22.ant-form-item-control {
+    flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)';
+    max-width: ~'calc(0.25 * 87 / 24 * 100%)';
   }
-  .xly-normal-list{
-    padding-left: 10px;
-    padding-right: 10px;
+
+  .ant-col-7.ant-form-item-label {
+    flex: 0 0 ~'calc(0.25 * 7 / 24 * 100%)';
+    max-width: ~'calc(0.25 * 7 / 24 * 100%)';
   }
-  .xly-normal-list1{
-    padding-left: 0;
-    padding-right: 0;
+
+  .ant-col-15.ant-form-item-control {
+    flex: 0 0 ~'calc(0.25 * 87 / 24 * 100%)';
+    max-width: ~'calc(0.25 * 87 / 24 * 100%)';
   }
-  .react-resizable{
-    user-select: none;
+}
+
+.input18 {
+  .ant-col-7.ant-form-item-label {
+    flex: 0 0 ~'calc(0.25 * 7 / 18 * 100%)';
+    max-width: ~'calc(0.25 * 7 / 18 * 100%)';
   }
-  .xly-workorder-list{
-    .ant-layout{
-      overflow: hidden;
-    }
+
+  .ant-col-15.ant-form-item-control {
+    flex: 0 0 ~'calc(0.25 * 42 / 12 * 100%)';
+    max-width: ~'calc(0.25 * 42 / 12 * 100%)';
   }
-  .ant-table-sticky-holder{
-    z-index: 15;
+}
+
+.input12 {
+  .ant-col-7.ant-form-item-label {
+    flex: 0 0 ~'calc(0.25 * 7 / 12 * 100%)';
+    max-width: ~'calc(0.25 * 7 / 12 * 100%)';
   }
  
-  thead{
-    .ant-table-cell-fix-left, .ant-table-cell-fix-right, .ant-table-cell-fix-left-last, .ant-table-cell-fix-left-first, .ant-table-cell-fix-right-first, .ant-table-cell-fix-right-last, .ant-table-cell-fix-sticky{
-      z-index: 15;
-    }
+  .ant-col-15.ant-form-item-control {
+    flex: 0 0 ~'calc(0.25 * 39 / 12 * 100%)';
+    max-width: ~'calc(0.25 * 39 / 12 * 100%)';
   }
-  tbody{
-    .ant-table-cell-fix-left, .ant-table-cell-fix-right, .ant-table-cell-fix-left-last, .ant-table-cell-fix-left-first, .ant-table-cell-fix-right-first, .ant-table-cell-fix-right-last, .ant-table-cell-fix-sticky{
-      z-index: 10;
-    }
-    .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{
-      background: none;
-    }
-    .ant-select-disabled.ant-select-multiple .ant-select-selection-item{
-      background: none;
-      border: none;
-      color: #000;
-      padding-left: 0px;
-    }
+}
+
+.ant-table-pagination.ant-pagination {
+  position: fixed;
+  bottom: 0;
+  right: 8px;
+  z-index: 999;
+}
+
+.ant-table-summary td {
+  padding: 4px !important;
+  text-align: center;
+}
+
+.ant-table-column-title {
+  moz-user-select: -moz-none;
+  -moz-user-select: none;
+  -o-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+#calTab {
+  .ant-tabs>.ant-tabs-nav {
+    margin-bottom: 0;
   }
  
-  .modalChooseProcessContent, #modalChooseProcess, #modalChooseProcessContent, #modalChooseProductMaterial{
-    .ant-table-body, #staticEditTree{
-      height: @modal-table-height;
+  .formula {
+    textarea.ant-input {
+      height: 140px !important;
     }
   }
-  .dark-mode{
+}
  
-  }
-  .ant-table-sticky-scroll{
-    display: none;
+/* 调整系统权限界面 */
+#SysPermissionList {
+  .ant-tree {
+    margin-top: 1px;
+    border: 1px solid #d9d9d9;
+    overflow-y: auto;
+    height: 516px;
   }
  
-  .ant-table-body::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-  .ant-table-body::-webkit-scrollbar-thumb {
-    background-color: rgba(204, 204, 204, 1);
-    //border-radius: 10px;
-  }
-  /*鼠标悬浮在该类指向的控件上时滑块的样式*/
-  .ant-table-body:hover::-webkit-scrollbar-thumb {
-    background-color: rgba(204, 204, 204, 1);
-    //border-radius: 10px;
-  }
-  /*鼠标悬浮在滑块上时滑块的样式*/
-  .ant-table-body::-webkit-scrollbar-thumb:hover {
-    background-color: rgba(180, 180, 180, 1);
-  }
-  /*正常时候的主干部分*/
-  .ant-table-body::-webkit-scrollbar-track {
-    background: #f5f5f5;
-  }
-  /*鼠标悬浮在滚动条上的主干部分*/
-  .ant-table-body::-webkit-scrollbar-track:hover {
-    background: #f5f5f5;
-  }
-  .ant-table-body::-webkit-scrollbar-corner {
-    background: rgba(204, 204, 204, 1);
+  .ant-tabs-nav {
+    margin-bottom: 0;
+    //border-bottom: 1px solid #d9d9d9;
   }
  
-  .custom-scroll::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-  .custom-scroll::-webkit-scrollbar-thumb {
-    background-color: rgba(204, 204, 204, 1);
-    //border-radius: 10px;
-  }
-  /*鼠标悬浮在该类指向的控件上时滑块的样式*/
-  .custom-scroll:hover::-webkit-scrollbar-thumb {
-    background-color: rgba(204, 204, 204, 1);
-    //border-radius: 10px;
+  #staticEditTree .ant-input-search {
+    //width: 63%
+    width: 405px;
   }
-  /*鼠标悬浮在滑块上时滑块的样式*/
-  .custom-scroll::-webkit-scrollbar-thumb:hover {
-    background-color: rgba(180, 180, 180, 1);
-  }
-  /*正常时候的主干部分*/
-  .custom-scroll::-webkit-scrollbar-track {
-    background: #f5f5f5;
-  }
-  /*鼠标悬浮在滚动条上的主干部分*/
-  .custom-scroll::-webkit-scrollbar-track:hover {
-    background: #f5f5f5;
-  }
-  .custom-scroll::-webkit-scrollbar-corner {
-    background: rgba(204, 204, 204, 1);
+}
+
+#modalChooseProcess,
+#modalChooseProductMaterial {
+  .ant-table-pagination.ant-pagination {
+    position: static;
   }
-  .row-dragging {
-    background: #fafafa;
-    border: 1px solid #ccc;
-    z-index: 99999;
-    height: 29px;
-    line-height: 29px;
+}
+
+.xly-eject {
+  z-index: 999;
+}
+
+.xly-normal-list {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.xly-normal-list1 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.react-resizable {
+  user-select: none;
+}
+
+.xly-workorder-list {
+  .ant-layout {
     overflow: hidden;
-    word-break: break-all;
-    text-overflow: ellipsis;
-    //font-size: 12px!important;
-    //td, span, input, div{
-    //  display: inline-block!important;
-    //  padding: 0;
-    //  margin: 0;
-    //  height: 29px!important;
-    //  line-height: 20px!important;
-    //  font-size: 12px!important;
-    //}
-  }
-  .row-dragging .drag-visible {
-    visibility: visible!important;
-    opacity: 1!important;
-  }
-  .xly-workorder-list{
-    .ant-tabs-nav{
-      margin-bottom: 0;
-    }
-  }
-  .drag-visible{
-    text-align: center;
-  }
-  .insertTd{
-    z-index: 999!important;
-  }
-  .ant-table-small .ant-table-thead > tr > th{
-    background: #f5f5f5;
-  }
-  .ant-modal-mask{
-    z-index: 999;
   }
-  .commonCheckBillContainer{
-    .ant-table-pagination.ant-pagination{
-      position: static;
-    }
-  }
-  .ant-tabs{
-    overflow: unset;
+}
+
+.ant-table-sticky-holder {
+  z-index: 15;
+}
+
+thead {
+
+  .ant-table-cell-fix-left,
+  .ant-table-cell-fix-right,
+  .ant-table-cell-fix-left-last,
+  .ant-table-cell-fix-left-first,
+  .ant-table-cell-fix-right-first,
+  .ant-table-cell-fix-right-last,
+  .ant-table-cell-fix-sticky {
+    z-index: 15;
   }
-  .operate-bar{
-    min-height: 28px;
-    a{
-      width: 40px;
-      margin: 0!important;
-      position: relative;
-      img{
-        display: block;
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        margin: auto;
-      }
-      svg{
-        display: block;
-        position: absolute!important;
-        top: 0!important;
-        bottom: 0;
-        left: 0!important;
-        right: 0;
-        margin: auto;
-      }
-    }
+}
+
+tbody {
+
+  .ant-table-cell-fix-left,
+  .ant-table-cell-fix-right,
+  .ant-table-cell-fix-left-last,
+  .ant-table-cell-fix-left-first,
+  .ant-table-cell-fix-right-first,
+  .ant-table-cell-fix-right-last,
+  .ant-table-cell-fix-sticky {
+    z-index: 10;
   }
-  .ant-tree-switcher-leaf-line::before{
-    right: 10px;
+
+  .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
+    background: none;
   }
-  .masterLinkSpan{
-    width: auto;
-    height: 26px;
-    line-height: 26px;
-    overflow: hidden;
-    color: #2f54eb;
-    //position: absolute;
-    padding-right: 2px;
-    z-index: 10;
-    cursor: pointer;
+
+  .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
+    background: none;
+    border: none;
+    color: #000;
+    padding-left: 0px;
   }
-  /* checkBill commonView区域 */
-  .checkbillStyle .masterLinkSpan{
-    width: 100%;
+}
+
+.modalChooseProcessContent,
+#modalChooseProcess,
+#modalChooseProcessContent,
+#modalChooseProductMaterial {
+
+  .ant-table-body,
+  #staticEditTree {
+    height: @modal-table-height;
   }
-  .checkbillStyle .sActiveIdStyleBlock{
-    width: 100%;
+}
+
+.dark-mode {}
+
+.ant-table-sticky-scroll {
+  display: none;
+}
+
+.ant-table-body::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.ant-table-body::-webkit-scrollbar-thumb {
+  background-color: rgba(204, 204, 204, 1);
+  //border-radius: 10px;
+}
+
+/*鼠标悬浮在该类指向的控件上时滑块的样式*/
+.ant-table-body:hover::-webkit-scrollbar-thumb {
+  background-color: rgba(204, 204, 204, 1);
+  //border-radius: 10px;
+}
+
+/*鼠标悬浮在滑块上时滑块的样式*/
+.ant-table-body::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(180, 180, 180, 1);
+}
+
+/*正常时候的主干部分*/
+.ant-table-body::-webkit-scrollbar-track {
+  background: #f5f5f5;
+}
+
+/*鼠标悬浮在滚动条上的主干部分*/
+.ant-table-body::-webkit-scrollbar-track:hover {
+  background: #f5f5f5;
+}
+
+.ant-table-body::-webkit-scrollbar-corner {
+  background: rgba(204, 204, 204, 1);
+}
+
+.custom-scroll::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.custom-scroll::-webkit-scrollbar-thumb {
+  background-color: rgba(204, 204, 204, 1);
+  //border-radius: 10px;
+}
+
+/*鼠标悬浮在该类指向的控件上时滑块的样式*/
+.custom-scroll:hover::-webkit-scrollbar-thumb {
+  background-color: rgba(204, 204, 204, 1);
+  //border-radius: 10px;
+}
+
+/*鼠标悬浮在滑块上时滑块的样式*/
+.custom-scroll::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(180, 180, 180, 1);
+}
+
+/*正常时候的主干部分*/
+.custom-scroll::-webkit-scrollbar-track {
+  background: #f5f5f5;
+}
+
+/*鼠标悬浮在滚动条上的主干部分*/
+.custom-scroll::-webkit-scrollbar-track:hover {
+  background: #f5f5f5;
+}
+
+.custom-scroll::-webkit-scrollbar-corner {
+  background: rgba(204, 204, 204, 1);
+}
+
+.row-dragging {
+  background: #fafafa;
+  border: 1px solid #ccc;
+  z-index: 99999;
+  height: 29px;
+  line-height: 29px;
+  overflow: hidden;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  //font-size: 12px!important;
+  //td, span, input, div{
+  //  display: inline-block!important;
+  //  padding: 0;
+  //  margin: 0;
+  //  height: 29px!important;
+  //  line-height: 20px!important;
+  //  font-size: 12px!important;
+  //}
+}
+
+.row-dragging .drag-visible {
+  visibility: visible !important;
+  opacity: 1 !important;
+}
+
+.xly-workorder-list {
+  .ant-tabs-nav {
+    margin-bottom: 0;
   }
-  .commonNewBillContainer .changeClassName .sActiveIdStyleBlock,
-  .commonNewBillContainer .input12 .sActiveIdStyleBlock,
-  .commonNewBillContainer .input18 .sActiveIdStyleBlock,
-  .commonNewBillContainer .input24 .sActiveIdStyleBlock
-  {
-    top: 0;
-    left: 3px !important;
-    .masterLinkSpan {
-      left: 0 !important;
-    }
+}
+
+.drag-visible {
+  text-align: center;
+}
+
+.insertTd {
+  z-index: 999 !important;
+}
+
+.ant-table-small .ant-table-thead>tr>th {
+  background: #f5f5f5;
+}
+
+.ant-modal-mask {
+  z-index: 999;
+}
+
+.commonCheckBillContainer {
+  .ant-table-pagination.ant-pagination {
+    position: static;
   }
-  .bill-search-group{
-    .masterLinkSpan{
-      padding-left: 7px;
-      background: #fff;
-    }
-    .sActiveIdStyle {
-      height: calc(100% - 2px);
-      max-width: 100%;
-      padding: @td_padding_sub;
-      font-size: 12px;
-      z-index: 9;
-      white-space: nowrap;
-      word-break: break-all;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      background: #fff;
+}
+
+.ant-tabs {
+  overflow: unset;
+}
+
+.operate-bar {
+  min-height: 28px;
+
+  a {
+    width: 40px;
+    margin: 0 !important;
+    position: relative;
+
+    img {
+      display: block;
+      position: absolute;
       top: 0;
+      bottom: 0;
       left: 0;
-      position: absolute!important;
+      right: 0;
+      margin: auto;
     }
-    :global {
-      .searchMainFormArrow {
-        z-index: 1000 !important;
-      }
-      .searchMainFormArrowMaxHeight {
-        max-height: 91px !important;
-        overflow: hidden !important;
-      }
+
+    svg {
+      display: block;
+      position: absolute !important;
+      top: 0 !important;
+      bottom: 0;
+      left: 0 !important;
+      right: 0;
+      margin: auto;
     }
   }
-  .bill-search-group1 {
-    :global {
-      .searchMainFormArrowMaxHeight {
-        max-height: none !important;
-      }
-    }
+}
+
+.ant-tree-switcher-leaf-line::before {
+  right: 10px;
+}
+
+.masterLinkSpan {
+  width: auto;
+  height: 26px;
+  line-height: 26px;
+  overflow: hidden;
+  color: #2f54eb;
+  //position: absolute;
+  padding-right: 2px;
+  z-index: 10;
+  cursor: pointer;
+}
+
+/* checkBill commonView区域 */
+.checkbillStyle .masterLinkSpan {
+  width: 100%;
+}
+
+.checkbillStyle .sActiveIdStyleBlock {
+  width: 100%;
+}
+
+.commonNewBillContainer .changeClassName .sActiveIdStyleBlock,
+.commonNewBillContainer .input12 .sActiveIdStyleBlock,
+.commonNewBillContainer .input18 .sActiveIdStyleBlock,
+.commonNewBillContainer .input24 .sActiveIdStyleBlock {
+  top: 0;
+  left: 3px !important;
+
+  .masterLinkSpan {
+    left: 0 !important;
   }
-  .ant-pagination-options-size-changer.ant-select{
-    width: auto!important;
+}
+
+.bill-search-group {
+  .masterLinkSpan {
+    padding-left: 7px;
+    background: #fff;
   }
-  // 富文本编辑器
-  .braft-output-content{
-    border: 1px solid #d9d9d9;
-    border-radius: 2px;
-    min-height: 28.5px;
+
+  .sActiveIdStyle {
+    height: calc(100% - 2px);
+    max-width: 100%;
+    padding: @td_padding_sub;
+    font-size: 12px;
+    z-index: 9;
+    white-space: nowrap;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    background: #fff;
+    top: 0;
+    left: 0;
+    position: absolute !important;
   }
  
-  // 英文版样式
-  .xlyerpEnglish {
-    .homeTab {
-      width: 100px;
-    }
+  .searchMainFormArrow {
+    z-index: 1000 !important;
   }
  
-  .ant-select-multiple .ant-select-selection-search input {
-    width: auto !important;
+  .searchMainFormArrowMaxHeight {
+    max-height: 91px !important;
+    overflow: hidden !important;
   }
+}
  
-  .commonTitle {
-    padding-top: 0;
-    .ant-tooltip-arrow {
-      display: none;
-    }
+.bill-search-group1 {
+  .searchMainFormArrowMaxHeight {
+    max-height: none !important;
   }
-  .commonSpecialTitle {
-    padding-top: 0;
-    .ant-tooltip-arrow {
-      display: block;
-    }
+}
+
+.ant-pagination-options-size-changer.ant-select {
+  width: auto !important;
+}
+
+// 富文本编辑器
+.braft-output-content {
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  min-height: 28.5px;
+}
+
+// 英文版样式
+.xlyerpEnglish {
+  .homeTab {
+    width: 100px;
   }
 }
+
+.ant-select-multiple .ant-select-selection-search input {
+  width: auto !important;
+}
+
+.commonTitle {
+  padding-top: 0;
+
+  .ant-tooltip-arrow {
+    display: none;
+  }
+}
+
+.commonSpecialTitle {
+  padding-top: 0;
+
+  .ant-tooltip-arrow {
+    display: block;
+  }
+}
 \ No newline at end of file
-@import "~@/variable.less";
-@table-bg-even: #f5f5f5;
-/* 表格偶数行背景色 */
-@table-bg-split: #CDCDCD;
-
-/* 表格分割行背景色 */
-html,
-body,
-:global(#root) {
-  background: #888;
-  height: 100%;
-  font-size: 13px;
-}
-
-html {
-  overflow: hidden;
-}
-
-.homeTab {
-  width: 80px;
-  text-align: center;
-  font-size: 14px;
-  cursor: pointer;
-
-  span {
-    margin-left: 8px;
-  }
-}
-
-.homeTab__active {
-  color: var(--xly-skin-active-color, #1890FF);
-}
-
-.mainTabWrap {
-  &>.ant-tabs-nav {
-    .ant-tabs-tab {
-      &:first-child {
-        display: none;
-      }
-    }
-  }
-}
-
-.toolbarIcon {
-  width: 13px;
-  height: 13px;
-  display: inline-block;
-  fill: #fff;
-  stroke: #fff;
-  margin-right: 3px;
-  position: relative;
-  top: 2px;
+@import "antd-v4/dist/antd.css";
+@import "./index.less";
+@import "./default.less";
+@import "./variable.less";
+
+.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item,
+.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu {
+  padding: 0 12px;
+}
+
+:where(.css-dev-only-do-not-override-240cud).ant-tabs .ant-tabs-tab {
+  color: inherit;
+}
+
+:where(.css-dev-only-do-not-override-240cud).ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,
+:where(.css-dev-only-do-not-override-240cud).ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more {
+  color: inherit;
+}
+
+.ant-btn {
+  padding: 3px 11px;
+  font-size: 12px;
+  height: 28px;
+}
+
+.ant-btn>.anticon+span,
+.ant-btn>span+.anticon {
+  margin-left: 4px;
+}
+
+.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,
+.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab {
+  padding: 4px 8px;
+}
+
+.ant-card {
+  font-size: 12px;
+}
+
+.ant-card-head {
+  padding: 0 12px;
+  border-bottom: 1px solid #d9d9d9;
+  min-height: 36px;
+}
+
+.ant-card-head-title {
+  padding: 8.5px 0;
+}
+
+.ant-card-body {
+  padding: 12px;
+}
+
+.ant-tree {
+  font-size: 12px;
+  line-height: 1.66667;
+}
+
+.ant-tree .ant-tree-treenode {
+  padding: 0;
+  height: 22px;
+}
+
+.ant-menu-vertical>.ant-menu-item,
+.ant-menu-vertical-left>.ant-menu-item,
+.ant-menu-vertical-right>.ant-menu-item,
+.ant-menu-inline>.ant-menu-item,
+.ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title,
+.ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title,
+.ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title,
+.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title {
+  height: 32px;
+  line-height: 32px;
+}
+
+.ant-layout-footer {
+  font-size: 12px;
+}
+
+.ant-table .ant-table-thead>tr>th {
+  background: #e6e6e6;
+}
+
+.ant-table.ant-table-middle .ant-table-thead>tr>th {
+  padding: 8px;
+  font-size: 12px;
+}
+
+.ant-table-tbody>tr>td {
+  border-bottom: 1px solid #d9d9d9;
 }
 \ No newline at end of file