WZC2/fe/PC/src/components/commonTabel-drawer/style/index.scss

.el-drawer__wrapper {
  z-index: 10 !important;
  position: absolute;
  left: 32%;
  overflow: visible;
  // height:calc(100% - 28px);
  // top: 14px;
  // right:14px

  ::v-deep .el-drawer {
    height: 100%;
    overflow: visible;
    box-shadow: 0 8px 10px -5px rgb(0 0 0 / 15%), 0 16px 24px 2px rgb(0 0 0 / 9%), 0 6px 30px 5px rgb(0 0 0 / 7%);

    .el-drawer__body {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;

      .drawer-heder {
        display: flex;
        padding: 15px 10px;
        justify-content: space-between;
        align-items: center;

        .heder-left {
          display: flex;
          justify-content: space-between;

          .heder-img {
            width: 40px;
            height: 40px;
            margin-right: 10px;
          }

          .header-text {
            padding:0 20px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            span:nth-child(1) {
              color: #333;
              font-size: 22px;
            }

            span:nth-child(2) {
              color: #999;
              font-size: 16px;
            }
          }
        }
      }

      .Descriptions {
        padding: 0 10px;
      }

      .drawer-main {
        // padding-top: 20px;
        flex: 1;
        overflow: hidden;
        // background-color: #efefef;
        padding: 10px 20px 20px 30px;
        border-top: solid 5px  #f6f6f6;

        .el-tabs {
          height: 100%;
          display: flex;
          flex-direction: column;
          .el-tabs__header{
            // padding-bottom: 5px ;
            .el-tabs__nav{
                z-index: auto !important;
            }
          }

          .el-tabs__content {
            flex: 1;

            .el-tab-pane {
              width: 100%;
              height: 100%;
              overflow-y: auto;
            }

            .el-descriptions-item__label {
              padding-right: 40px;
            }
          }
        }
      }

      .drawer-Shut {
        width: 35px;
        height: 100px;
        position: absolute;
        top: 200px;
        left: -35px;

        .el-button {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;

          ::v-deep span {
            font-size: 12px;
            letter-spacing: 10px;
            writing-mode: tb-rl;
          }
        }
      }
    }
  }
}

::v-deep .el-tabs__nav-wrap::after{
  content: unset !important;
}