{"version":3,"sources":["webpack://jerri-ui/src/components/tablePro/thead/F:/All project/JR-UI-pub/src/components/tablePro/thead/thead.vue","webpack://jerri-ui/src/components/tablePro/tbody/F:/All project/JR-UI-pub/src/components/tablePro/tbody/tbody.vue","webpack://jerri-ui/src/components/tablePro/F:/All project/JR-UI-pub/src/components/tablePro/css/tablePro.scss","webpack://jerri-ui/src/components/tablePro/F:/All project/JR-UI-pub/src/components/tablePro/tablePro.vue","webpack://jerri-ui/src/components/tablePro/F:/All project/JR-UI-pub/src/components/tablePro/css/tableBorder-inset.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/* 颜色变量 几种常见的颜色 参考图片\r\n-------------------------- */\r\n// 亮晶晶\r\n$--color-c0: transparent !default;\r\n// 黑色\r\n$--color-c1: #000 !default;\r\n// 输入框占位字体颜色\r\n$--color-c2: #999 !default;\r\n// 分割线/标签描边/滚动条/icon禁用\r\n$--color-c3: #abc0ba !default;\r\n// 表头背景\r\n$--color-c4: #e2e9e7 !default;\r\n// 内容区域底色\r\n$--color-c5: #f9fbf9 !default;\r\n// 白色\r\n$--color-c6: #fff !default;\r\n// 菜单栏/各类大标题\r\n$--color-c7: #003f2d !default;\r\n// 按钮/图标/字体点亮\r\n$--color-c8: #067f42 !default;\r\n// VI色/按钮hover色\r\n$--color-c9: #1aa849 !default;\r\n// 下拉条选中/弹窗选中\r\n$--color-c10: #e3f7e3 !default;\r\n// 强调/提醒/警示\r\n$--color-c11: #ff5c54 !default;\r\n// 强调/提醒\r\n$--color-c12: #ff8e00 !default;\r\n// 下拉选项字体颜色\r\n$--color-c13: #333 !default;\r\n// 滚动条背景色\r\n$--color-c14: #eff4ef !default;\r\n// 弹窗标题背景色\r\n$--color-c15: #1f6c44 !default;\r\n// 禁用输入框背景色\r\n$--color-c16: #f7f9f9 !default;\r\n// 禁用输入框字体颜色\r\n$--color-c17: #666 !default;\r\n// 白色按钮禁用字体颜色 滚动条hover颜色 + -号按钮默认字体颜色\r\n$--color-c18: #7e9e94 !default;\r\n// 弹窗关闭icon的hover色\r\n$--color-c19: #00ff06 !default;\r\n\r\n/* 字体大小，以衣服尺码数来区分大小 XXS、XS、S、M、L、XL、XXL、XXXL\r\n-------------------------- */\r\n$--font-xxl: 32px !default;\r\n$--font-xl: 26px !default;\r\n$--font-l: 24px !default;\r\n$--font-m: 16px !default;\r\n$--font-s: 15px !default;\r\n$--font-xs: 14px !default;\r\n$--font-xxs: 13px !default;\r\n$--font-xxxs: 12px !default;\r\n\r\n/* 圆角\r\n-------------------------- */\r\n$--border-radius-base: 3px !default;\r\n// ellipse tab圆角\r\n$--border-radius-tabs: 13px !default;\r\n// 滚动条\r\n$--border-radius-scroll: 2px !default;\r\n\r\n/* 阴影\r\n-------------------------- */\r\n$--box-shadow-base: 0px 1px 10px 0px rgba($--color-c1, 0.2) !default;\r\n// 按钮阴影\r\n$--box-shadow-btn: 0px 3px 3px 0px rgba(0, 63, 45, 0.45) !default;\r\n// 输入框阴影\r\n$--box-shadow-input: 0 0 0 2px rgba(26, 168, 73, 0.3) !default;\r\n// tabs阴影\r\n$--box-shadow-tabs: 0px -1px 1px 0px rgba($--color-c1, 0.06) !default;\r\n$--box-shadow-ellipse: 0px 2px 6px 0px rgba(38, 50, 56, 0.16) !default;\r\n\r\n/* 高度\r\n-------------------------- */\r\n// 输入框高度\r\n$--height-input: 32px !default;\r\n\r\n/* 宽度\r\n-------------------------- */\r\n// 外框菜单宽度\r\n$--width-menu: 180px !default;\r\n\r\n/* 距离\r\n-------------------------- */\r\n// 表单之间默认距离\r\n$--distance-form: 16px !default;\r\n\r\n// 需适配屏幕分辨率\r\n$--screen-s: 1366px !default;\r\n$--screen-m: 1600px !default;\r\n\r\n// cdn地址\r\n$--cdn-url: \"//cdn.ymm.cn/CDN\";\r\n$--cdn-images: \"#{$--cdn-url}/jerri-ui/assets/images\";\r\n\n// 弹性布局居中\r\n@mixin center {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n// 占位符混入\r\n@mixin placeholder($color) {\r\n  &::-webkit-input-placeholder {\r\n    color: $color;\r\n  }\r\n}\r\n\r\n// 消除字体上下间距\r\n@mixin removeSpace($size) {\r\n  font-size: $size;\r\n  line-height: $size;\r\n}\r\n\r\n// 多行文本显示省略号\r\n@mixin rowHide($row) {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  word-break: break-all;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: $row;\r\n  cursor: default;\r\n}\r\n\r\n// 单行文本显示省略号\r\n@mixin ellip {\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n}\r\n\r\n// 滚动条混入\r\n@mixin scroll-bar {\r\n  ::-webkit-scrollbar {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  /*定义滚动条轨道*/\r\n  ::-webkit-scrollbar-track {\r\n    background-color: $--color-c14;\r\n  }\r\n\r\n  /*定义滑块*/\r\n  ::-webkit-scrollbar-thumb {\r\n    border-radius: $--border-radius-scroll;\r\n    background-color: $--color-c3;\r\n\r\n    &:hover {\r\n      background-color: $--color-c18;\r\n    }\r\n  }\r\n}\r\n\r\n// 媒体查询最大宽度混入 默认1600\r\n@mixin less-resolution($max-width: $--screen-m) {\r\n  @media screen and (max-width: $max-width) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// 弹性布局垂直居中 水平根据参数对齐 默认靠两端平分\r\n@mixin flex-justify($align: space-between) {\r\n  display: flex;\r\n  justify-content: $align;\r\n  align-items: center;\r\n}\r\n\n\r\n.table__header {\r\n  background-color: $--color-c4;\r\n\r\n  .scrollbar-th {\r\n    border-left: 1px solid $--color-c4 !important;\r\n    border-right: 0px !important;\r\n  }\r\n\r\n  th {\r\n    font-weight: bold;\r\n    padding: 0 20px;\r\n    font-size: 13px;\r\n    vertical-align: middle;\r\n    border: 1px solid $--color-c3;\r\n    position: relative;\r\n\r\n    .diagonal-left-text {\r\n      position: absolute;\r\n      font-size: 14px;\r\n      left: 7px;\r\n      bottom: 7px;\r\n    }\r\n\r\n    .diagonal-right-text {\r\n      position: absolute;\r\n      font-size: 14px;\r\n      right: 7px;\r\n      top: 7px;\r\n    }\r\n\r\n    .diagonal {\r\n      position: absolute;\r\n      transform-origin: 0px 0px;\r\n      width: 1px;\r\n      left: 0px;\r\n      top: 1px;\r\n      background-color: $--color-c3;\r\n    }\r\n\r\n    .cell {\r\n      background-color: $--color-c4;\r\n      height: 100%;\r\n      width: 100%;\r\n      display: flex;\r\n      -webkit-box-pack: center;\r\n      justify-content: center;\r\n      -webkit-box-align: center;\r\n      align-items: center;\r\n\r\n      .label {\r\n        display: flex;\r\n        align-items: center;\r\n        position: relative;\r\n      }\r\n\r\n      .hot-zone {\r\n        cursor: pointer;\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n\r\n      .arrow-box {\r\n        width: 8px;\r\n        margin-left: 5px;\r\n        padding-top: 4px;\r\n\r\n        .up {\r\n          width: 8px;\r\n          height: 8px;\r\n          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAASElEQVQImV3KsQ2AIAAF0Qclm0icSacSN7CR3j10IRtICNf85N+Fqz4GVgR8/YiD3Jp4sc/BgnOIC3IPEmrbTsKNFHH0eiKj/MVyCfOB6eKIAAAAAElFTkSuQmCC);\r\n          background-repeat: no-repeat;\r\n\r\n          &.active {\r\n            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAASUlEQVQImV3KsQ2AIAAF0Qclm0jsHcEtdCrRHXQaXcgGEsI1P/l3YblWHTMCvnbETm5VvNjHYMLZxQW5BQlP3UbCjRRxtHogo/wqugkA3z1dmwAAAABJRU5ErkJggg==);\r\n          }\r\n        }\r\n\r\n        .down {\r\n          width: 8px;\r\n          height: 8px;\r\n          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAS0lEQVQImW3MMQ5AQBgF4c/GEanVuBQKld4xqNZNttbsnyhM85J5yTT7cS4Y/LMlTMg/54MxoaCvGxR0KKmKXEvBHNX2I1fcSLhCvmeRD3pgdQwfAAAAAElFTkSuQmCC);\r\n          background-repeat: no-repeat;\r\n\r\n          &.active {\r\n            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAATUlEQVQImW3MMQ5AQBgF4c/GnRzBBajVuJASF6JaN9las3+iMM1L5iXTdFu/Y/LPmbAg/5wP5oSCsW5QMKCkKnItBWtU2488cCPhCvkCzMoOh0FVoSkAAAAASUVORK5CYII=);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.header__checkbox {\r\n  &--none {\r\n    .el-radio-label {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n  &--bold {\r\n    font-weight: 600;\r\n  }\r\n}\r\n","/* 颜色变量 几种常见的颜色 参考图片\r\n-------------------------- */\r\n// 亮晶晶\r\n$--color-c0: transparent !default;\r\n// 黑色\r\n$--color-c1: #000 !default;\r\n// 输入框占位字体颜色\r\n$--color-c2: #999 !default;\r\n// 分割线/标签描边/滚动条/icon禁用\r\n$--color-c3: #abc0ba !default;\r\n// 表头背景\r\n$--color-c4: #e2e9e7 !default;\r\n// 内容区域底色\r\n$--color-c5: #f9fbf9 !default;\r\n// 白色\r\n$--color-c6: #fff !default;\r\n// 菜单栏/各类大标题\r\n$--color-c7: #003f2d !default;\r\n// 按钮/图标/字体点亮\r\n$--color-c8: #067f42 !default;\r\n// VI色/按钮hover色\r\n$--color-c9: #1aa849 !default;\r\n// 下拉条选中/弹窗选中\r\n$--color-c10: #e3f7e3 !default;\r\n// 强调/提醒/警示\r\n$--color-c11: #ff5c54 !default;\r\n// 强调/提醒\r\n$--color-c12: #ff8e00 !default;\r\n// 下拉选项字体颜色\r\n$--color-c13: #333 !default;\r\n// 滚动条背景色\r\n$--color-c14: #eff4ef !default;\r\n// 弹窗标题背景色\r\n$--color-c15: #1f6c44 !default;\r\n// 禁用输入框背景色\r\n$--color-c16: #f7f9f9 !default;\r\n// 禁用输入框字体颜色\r\n$--color-c17: #666 !default;\r\n// 白色按钮禁用字体颜色 滚动条hover颜色 + -号按钮默认字体颜色\r\n$--color-c18: #7e9e94 !default;\r\n// 弹窗关闭icon的hover色\r\n$--color-c19: #00ff06 !default;\r\n\r\n/* 字体大小，以衣服尺码数来区分大小 XXS、XS、S、M、L、XL、XXL、XXXL\r\n-------------------------- */\r\n$--font-xxl: 32px !default;\r\n$--font-xl: 26px !default;\r\n$--font-l: 24px !default;\r\n$--font-m: 16px !default;\r\n$--font-s: 15px !default;\r\n$--font-xs: 14px !default;\r\n$--font-xxs: 13px !default;\r\n$--font-xxxs: 12px !default;\r\n\r\n/* 圆角\r\n-------------------------- */\r\n$--border-radius-base: 3px !default;\r\n// ellipse tab圆角\r\n$--border-radius-tabs: 13px !default;\r\n// 滚动条\r\n$--border-radius-scroll: 2px !default;\r\n\r\n/* 阴影\r\n-------------------------- */\r\n$--box-shadow-base: 0px 1px 10px 0px rgba($--color-c1, 0.2) !default;\r\n// 按钮阴影\r\n$--box-shadow-btn: 0px 3px 3px 0px rgba(0, 63, 45, 0.45) !default;\r\n// 输入框阴影\r\n$--box-shadow-input: 0 0 0 2px rgba(26, 168, 73, 0.3) !default;\r\n// tabs阴影\r\n$--box-shadow-tabs: 0px -1px 1px 0px rgba($--color-c1, 0.06) !default;\r\n$--box-shadow-ellipse: 0px 2px 6px 0px rgba(38, 50, 56, 0.16) !default;\r\n\r\n/* 高度\r\n-------------------------- */\r\n// 输入框高度\r\n$--height-input: 32px !default;\r\n\r\n/* 宽度\r\n-------------------------- */\r\n// 外框菜单宽度\r\n$--width-menu: 180px !default;\r\n\r\n/* 距离\r\n-------------------------- */\r\n// 表单之间默认距离\r\n$--distance-form: 16px !default;\r\n\r\n// 需适配屏幕分辨率\r\n$--screen-s: 1366px !default;\r\n$--screen-m: 1600px !default;\r\n\r\n// cdn地址\r\n$--cdn-url: \"//cdn.ymm.cn/CDN\";\r\n$--cdn-images: \"#{$--cdn-url}/jerri-ui/assets/images\";\r\n\n// 弹性布局居中\r\n@mixin center {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n// 占位符混入\r\n@mixin placeholder($color) {\r\n  &::-webkit-input-placeholder {\r\n    color: $color;\r\n  }\r\n}\r\n\r\n// 消除字体上下间距\r\n@mixin removeSpace($size) {\r\n  font-size: $size;\r\n  line-height: $size;\r\n}\r\n\r\n// 多行文本显示省略号\r\n@mixin rowHide($row) {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  word-break: break-all;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: $row;\r\n  cursor: default;\r\n}\r\n\r\n// 单行文本显示省略号\r\n@mixin ellip {\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n}\r\n\r\n// 滚动条混入\r\n@mixin scroll-bar {\r\n  ::-webkit-scrollbar {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  /*定义滚动条轨道*/\r\n  ::-webkit-scrollbar-track {\r\n    background-color: $--color-c14;\r\n  }\r\n\r\n  /*定义滑块*/\r\n  ::-webkit-scrollbar-thumb {\r\n    border-radius: $--border-radius-scroll;\r\n    background-color: $--color-c3;\r\n\r\n    &:hover {\r\n      background-color: $--color-c18;\r\n    }\r\n  }\r\n}\r\n\r\n// 媒体查询最大宽度混入 默认1600\r\n@mixin less-resolution($max-width: $--screen-m) {\r\n  @media screen and (max-width: $max-width) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// 弹性布局垂直居中 水平根据参数对齐 默认靠两端平分\r\n@mixin flex-justify($align: space-between) {\r\n  display: flex;\r\n  justify-content: $align;\r\n  align-items: center;\r\n}\r\n\n\r\n.table__body {\r\n  background-color: #fff;\r\n\r\n  td {\r\n    vertical-align: middle;\r\n    padding: 0 20px;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    text-align: center;\r\n    font-size: 13px;\r\n    &.is-nowrap {\r\n      white-space: nowrap;\r\n    }\r\n\r\n    //  可编辑单元格样式\r\n    &.edit-cell {\r\n      padding: 0px;\r\n      position: relative;\r\n      background-color: #fff;\r\n\r\n      //  水平居中时，校验提醒的样式\r\n      &.edit-cell-center {\r\n        .form-item {\r\n          .message {\r\n            left: 0px !important;\r\n            right: 0px !important;\r\n            text-align: center;\r\n          }\r\n        }\r\n\r\n        input {\r\n          text-align: center;\r\n        }\r\n      }\r\n\r\n      //  铺满表单组件\r\n      .form-item {\r\n        position: absolute;\r\n        width: 100%;\r\n        min-width: 100px;\r\n        height: 100%;\r\n        left: 0px;\r\n        top: 0px;\r\n        margin-bottom: 0px;\r\n\r\n        //  铺满\r\n        .form-item-validate,\r\n        .jr-input {\r\n          height: 100%;\r\n          width: 100%;\r\n        }\r\n      }\r\n\r\n      //  输入框类型\r\n      &.edit-cell-input,\r\n      &.edit-cell-choose-district {\r\n        .form-item {\r\n          .add-content,\r\n          .input-box,\r\n          .jr-input {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n          }\r\n          input {\r\n            height: 100% !important;\r\n            border: 0px !important;\r\n            box-shadow: unset;\r\n          }\r\n        }\r\n\r\n        &.edit-cell-icon {\r\n          input {\r\n            background-repeat: no-repeat;\r\n            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABEElEQVQ4jY3TMUoDQRQG4C+rrKKFhZVYeAFvoEEIWIiFvZWiksITWEiiYukRLO1sLDyAqChYewRRFIQ0tpEJszKR7GZ/mJll/ve/9795bCPvtDZwiQXleEAzYacxhV5WQxzQiOcslvCFT+xmiXg1Bo5agZvHE9ZwhBwXWVLlscLBHG7xgxu84BjfWYWowEwUhXMTh3iO77I1LkGweY1FrKON88h18DpZIZ7AFZaxggOcJfxd2MoSNOJ0mvEBd3Ca8Cfoho+qFnrR9naZeFAp77T6SdUU/XjXLxNXtTAK3ZhgCOOmUFRPxWF893Uc/G+pQJjIH1IHQ0QdceHgPf4PwVpdfBSBwcF+elEDb9gbxOEXPiot18R/Cb4AAAAASUVORK5CYII=);\r\n            background-position: calc(100% - 12px) 50%;\r\n            cursor: pointer;\r\n\r\n            &:hover {\r\n              background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABDUlEQVQ4jY3TPUpDQRQF4C9PUdHCwspYuAF3oMHKIgguwEpRSeEKLMQ/LF2CpZDCxsIFiIqCvTsQRUFIY/tkwjwYY97LOzA/zLnn3jNzmUaz227jEvPK8YBWwk5hEr2shjigEdcZLOILn9jOEvFKDBw2AjeHJ6ziABO4yJIqjxUOZnGLH9zgBYf4zipEBaajKKzr2MdzfJeNUQmCzWssYA0dnEfuCK/jFeIxXGEJy9jDWcLfhaksQSN2pxUfcAunCX+C47CpukIv2t4sE/crNbvtPKmaIo9neZl4lINB/BPXSVBUT8WhffdFQFUXBq9UIHRkqIM/RB1x4eA9/odgrS4+Uge76UENvGGnH4dfxxouXZsgRHAAAAAASUVORK5CYII=);\r\n            }\r\n\r\n            &:focus {\r\n              cursor: text;\r\n              border-radius: 0px;\r\n              border: 2.5px solid rgba(161, 249, 161, 0.7) !important;\r\n              background-image: unset !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      //  文本域类型\r\n      &.edit-cell-input-textarea {\r\n        .form-item {\r\n          position: relative;\r\n        }\r\n        .jr-input {\r\n          display: block;\r\n        }\r\n\r\n        textarea {\r\n          border: none;\r\n          padding-bottom: 0px;\r\n        }\r\n\r\n        .message {\r\n          top: 5px !important;\r\n        }\r\n      }\r\n\r\n      &.edit-cell-select {\r\n        .form-item {\r\n          .jerri-select {\r\n            height: 100%;\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n\r\n            .warning {\r\n              top: 10px;\r\n            }\r\n\r\n            input {\r\n              border: none;\r\n              box-shadow: unset;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      &.edit-cell-date-picker {\r\n        .jr-datePicker {\r\n          display: block;\r\n          height: 100%;\r\n\r\n          label.jr-input {\r\n            position: absolute;\r\n            display: inline-block;\r\n            width: 100%;\r\n            min-width: 100px;\r\n            height: 100%;\r\n            left: 0px;\r\n            top: 0px;\r\n\r\n            input {\r\n              height: 100%;\r\n              border: none;\r\n              box-shadow: unset;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    //  操作列样式\r\n    &.operate-cell {\r\n      > div {\r\n        display: flex;\r\n        justify-content: center;\r\n\r\n        > i {\r\n          font-size: 24px;\r\n          padding: 0px 12px;\r\n        }\r\n      }\r\n    }\r\n\r\n    span {\r\n      font-size: inherit;\r\n      display: inline-block;\r\n    }\r\n  }\r\n\r\n  tr {\r\n    &.is-hover:hover {\r\n      background-color: $--color-c5;\r\n    }\r\n  }\r\n\r\n  //  附加单元格\r\n  .addition-cell {\r\n    padding: 0px;\r\n    position: fixed;\r\n    z-index: 1;\r\n    padding-left: 2px;\r\n    margin-left: -1px;\r\n\r\n    &.multiple {\r\n      > div:first-child {\r\n        bottom: 25px;\r\n      }\r\n    }\r\n\r\n    > div:last-child {\r\n      bottom: 0px;\r\n    }\r\n\r\n    > div {\r\n      width: 22px;\r\n      height: 22px;\r\n      border: none;\r\n      position: absolute;\r\n      border-radius: 0px 3px 3px 0px;\r\n    }\r\n\r\n    .j-add-btn {\r\n      vertical-align: middle;\r\n      display: inline-block;\r\n      border: 1px solid $--color-c8;\r\n      text-align: center;\r\n      line-height: 15px;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n\r\n      &::after {\r\n        content: \"+\";\r\n        font-size: 18px;\r\n      }\r\n    }\r\n\r\n    .add-btn {\r\n      background-color: $--color-c8;\r\n      color: white;\r\n      overflow: hidden;\r\n      line-height: 16px;\r\n\r\n      &:hover {\r\n        background-color: $--color-c9;\r\n      }\r\n    }\r\n\r\n    .del-btn i {\r\n      width: 8px;\r\n    }\r\n  }\r\n\r\n  .no-data {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n}\r\n","//  用于打印的样式\r\n.jr-table-print {\r\n  th {\r\n    background-color: yellow;\r\n  }\r\n\r\n  th,\r\n  td {\r\n    font-size: 12px !important;\r\n    font-weight: normal !important;\r\n    border: 1px solid #000 !important;\r\n  }\r\n\r\n  td div {\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n//  用于表格两侧的虚拟辅助边线\r\n.table-border__vertical {\r\n  height: 100%;\r\n  width: 1px;\r\n  border-right: 1px solid #adb1bc;\r\n  position: absolute;\r\n  z-index: 1;\r\n\r\n  &.right {\r\n    right: 0px;\r\n  }\r\n\r\n  &.left {\r\n    left: 0px;\r\n  }\r\n}\r\n//  用于表格两侧的虚拟辅助边线\r\n.table-border__horizontal {\r\n  width: 100%;\r\n  height: 1px;\r\n  border-top: 1px solid #adb1bc;\r\n  position: absolute;\r\n  z-index: 1;\r\n\r\n  &.bottom {\r\n    bottom: 0px;\r\n  }\r\n}\r\n\r\n.table-pro-container {\r\n  position: relative;\r\n\r\n  .load {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    background-color: hsla(0,0%,100%,.9);\r\n    transition: opacity .3s;\r\n  }\r\n\r\n  //  为了让在首列的单复选按钮位置正确\r\n  /deep/ .table__header-wrap th:first-child {\r\n    .el-radio-wrap {\r\n      margin-right: 0;\r\n    }\r\n  }\r\n\r\n  /deep/ {\r\n    td:first-child {\r\n      .el-radio-wrap {\r\n        margin-right: 0;\r\n\r\n        span.el-radio-label {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\ntable {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  border-spacing: 0;\r\n  table-layout: fixed;\r\n  overflow: hidden;\r\n}\r\n\r\n//  基础表格外壳样式\r\n.table-wrap {\r\n  border-radius: $--border-radius-base;\r\n  overflow: hidden;\r\n\r\n  .table__header-wrap {\r\n    overflow: hidden;\r\n  }\r\n\r\n  //  表体样式\r\n  .table__body-wrap {\r\n    overflow-x: hidden;\r\n\r\n    &-overflowX {\r\n      overflow-x: scroll;\r\n    }\r\n\r\n    &-overflowY {\r\n      overflow-y: scroll;\r\n    }\r\n  }\r\n}\r\n\r\n// 左侧表格固定列\r\n.table-fixed-left-wrap {\r\n  position: absolute;\r\n  top: 0px;\r\n  left: 0px;\r\n  overflow-x: hidden;\r\n  overflow-y: hidden;\r\n  box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.12);\r\n\r\n  .table-fixed-left__body-wrap {\r\n    overflow: hidden;\r\n  }\r\n}\r\n\r\n// 右侧表格固定列\r\n.table-fixed-right-wrap {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 0px;\r\n  overflow-x: hidden;\r\n  overflow-y: hidden;\r\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);\r\n\r\n  .table-fixed-right__body-wrap {\r\n    position: absolute;\r\n    right: 0px;\r\n    top: 45px;\r\n    overflow: hidden;\r\n  }\r\n}\r\n\r\n//  @Todo: August - 缓兵之计\r\n.table-fixed-right__header-wrap {\r\n  background-color: $--color-c4;\r\n}\r\n\r\n//  用于遮挡右侧表格固定列右上方空缺的卡片\r\n.table-fixed-right__header-card {\r\n  position: absolute;\r\n  top: -1px;\r\n  right: 0px;\r\n  background-color: $--color-c4;\r\n  border-top: 1px solid $--color-c3;\r\n  border-bottom: 1px solid $--color-c3;\r\n}\r\n\r\n/deep/ .page_box {\r\n  margin-top: 15px;\r\n}\r\n","/* 颜色变量 几种常见的颜色 参考图片\r\n-------------------------- */\r\n// 亮晶晶\r\n$--color-c0: transparent !default;\r\n// 黑色\r\n$--color-c1: #000 !default;\r\n// 输入框占位字体颜色\r\n$--color-c2: #999 !default;\r\n// 分割线/标签描边/滚动条/icon禁用\r\n$--color-c3: #abc0ba !default;\r\n// 表头背景\r\n$--color-c4: #e2e9e7 !default;\r\n// 内容区域底色\r\n$--color-c5: #f9fbf9 !default;\r\n// 白色\r\n$--color-c6: #fff !default;\r\n// 菜单栏/各类大标题\r\n$--color-c7: #003f2d !default;\r\n// 按钮/图标/字体点亮\r\n$--color-c8: #067f42 !default;\r\n// VI色/按钮hover色\r\n$--color-c9: #1aa849 !default;\r\n// 下拉条选中/弹窗选中\r\n$--color-c10: #e3f7e3 !default;\r\n// 强调/提醒/警示\r\n$--color-c11: #ff5c54 !default;\r\n// 强调/提醒\r\n$--color-c12: #ff8e00 !default;\r\n// 下拉选项字体颜色\r\n$--color-c13: #333 !default;\r\n// 滚动条背景色\r\n$--color-c14: #eff4ef !default;\r\n// 弹窗标题背景色\r\n$--color-c15: #1f6c44 !default;\r\n// 禁用输入框背景色\r\n$--color-c16: #f7f9f9 !default;\r\n// 禁用输入框字体颜色\r\n$--color-c17: #666 !default;\r\n// 白色按钮禁用字体颜色 滚动条hover颜色 + -号按钮默认字体颜色\r\n$--color-c18: #7e9e94 !default;\r\n// 弹窗关闭icon的hover色\r\n$--color-c19: #00ff06 !default;\r\n\r\n/* 字体大小，以衣服尺码数来区分大小 XXS、XS、S、M、L、XL、XXL、XXXL\r\n-------------------------- */\r\n$--font-xxl: 32px !default;\r\n$--font-xl: 26px !default;\r\n$--font-l: 24px !default;\r\n$--font-m: 16px !default;\r\n$--font-s: 15px !default;\r\n$--font-xs: 14px !default;\r\n$--font-xxs: 13px !default;\r\n$--font-xxxs: 12px !default;\r\n\r\n/* 圆角\r\n-------------------------- */\r\n$--border-radius-base: 3px !default;\r\n// ellipse tab圆角\r\n$--border-radius-tabs: 13px !default;\r\n// 滚动条\r\n$--border-radius-scroll: 2px !default;\r\n\r\n/* 阴影\r\n-------------------------- */\r\n$--box-shadow-base: 0px 1px 10px 0px rgba($--color-c1, 0.2) !default;\r\n// 按钮阴影\r\n$--box-shadow-btn: 0px 3px 3px 0px rgba(0, 63, 45, 0.45) !default;\r\n// 输入框阴影\r\n$--box-shadow-input: 0 0 0 2px rgba(26, 168, 73, 0.3) !default;\r\n// tabs阴影\r\n$--box-shadow-tabs: 0px -1px 1px 0px rgba($--color-c1, 0.06) !default;\r\n$--box-shadow-ellipse: 0px 2px 6px 0px rgba(38, 50, 56, 0.16) !default;\r\n\r\n/* 高度\r\n-------------------------- */\r\n// 输入框高度\r\n$--height-input: 32px !default;\r\n\r\n/* 宽度\r\n-------------------------- */\r\n// 外框菜单宽度\r\n$--width-menu: 180px !default;\r\n\r\n/* 距离\r\n-------------------------- */\r\n// 表单之间默认距离\r\n$--distance-form: 16px !default;\r\n\r\n// 需适配屏幕分辨率\r\n$--screen-s: 1366px !default;\r\n$--screen-m: 1600px !default;\r\n\r\n// cdn地址\r\n$--cdn-url: \"//cdn.ymm.cn/CDN\";\r\n$--cdn-images: \"#{$--cdn-url}/jerri-ui/assets/images\";\r\n\n// 弹性布局居中\r\n@mixin center {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n// 占位符混入\r\n@mixin placeholder($color) {\r\n  &::-webkit-input-placeholder {\r\n    color: $color;\r\n  }\r\n}\r\n\r\n// 消除字体上下间距\r\n@mixin removeSpace($size) {\r\n  font-size: $size;\r\n  line-height: $size;\r\n}\r\n\r\n// 多行文本显示省略号\r\n@mixin rowHide($row) {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  word-break: break-all;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: $row;\r\n  cursor: default;\r\n}\r\n\r\n// 单行文本显示省略号\r\n@mixin ellip {\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n}\r\n\r\n// 滚动条混入\r\n@mixin scroll-bar {\r\n  ::-webkit-scrollbar {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  /*定义滚动条轨道*/\r\n  ::-webkit-scrollbar-track {\r\n    background-color: $--color-c14;\r\n  }\r\n\r\n  /*定义滑块*/\r\n  ::-webkit-scrollbar-thumb {\r\n    border-radius: $--border-radius-scroll;\r\n    background-color: $--color-c3;\r\n\r\n    &:hover {\r\n      background-color: $--color-c18;\r\n    }\r\n  }\r\n}\r\n\r\n// 媒体查询最大宽度混入 默认1600\r\n@mixin less-resolution($max-width: $--screen-m) {\r\n  @media screen and (max-width: $max-width) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// 弹性布局垂直居中 水平根据参数对齐 默认靠两端平分\r\n@mixin flex-justify($align: space-between) {\r\n  display: flex;\r\n  justify-content: $align;\r\n  align-items: center;\r\n}\r\n\n\r\n@import \"./css/tableBorder-inset.scss\";\r\n","//  使用默认表格边框时的样式\r\n.table-pro-container.border-inset {\r\n\r\n  //  为行与单元格赋值默认边线属性\r\n  th,\r\n  td {\r\n    border-collapse: collapse;\r\n    border-width: 1px;\r\n    border-color: $--color-c3;\r\n    border-style: inset;\r\n  }\r\n\r\n  .table-fixed-right__header-card {\r\n    top: 0px;\r\n    right: 1px;\r\n  }\r\n}\r\n"]}