{"version":3,"sources":["webpack://jerri-ui/src/components/addressBook/F:/All project/JR-UI-pub/src/components/addressBook/addressBook.vue","webpack://jerri-ui/src/components/addressBook/F:/All project/JR-UI-pub/src/components/addressBook/addressBook.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.org {\r\n  /deep/ .wrap {\r\n    height: auto;\r\n    padding: 0px !important;\r\n  }\r\n}\r\n@import \"./addressBook.scss\";\r\n","$content-height: 477px;\r\n\r\n.jr-address-book {\r\n  /deep/.jobs-list {\r\n    padding-top: 15px;\r\n  }\r\n  &__tips {\r\n    color: #666;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  &__refresh {\r\n    margin-left: 5px;\r\n    color: #0ea856;\r\n    text-decoration: underline;\r\n    cursor: pointer;\r\n  }\r\n\r\n  // 组织架构\r\n  .org {\r\n    &__main {\r\n      display: flex;\r\n\r\n      .icon-sort-up {\r\n        position: absolute;\r\n        left: 20px;\r\n        font-size: 18px;\r\n        top: 11px;\r\n        transform: rotate(0);\r\n\r\n        &.fold {\r\n          top: 10px;\r\n          transform: rotate(270deg);\r\n        }\r\n      }\r\n    }\r\n\r\n    &__display {\r\n      flex: 1;\r\n      border-right: solid 1px #abc0ba;\r\n    }\r\n\r\n    &__search {\r\n      padding: 15px 20px;\r\n      border-bottom: solid 1px #abc0ba;\r\n\r\n      &-del {\r\n        font-size: $--font-l;\r\n        color: #abc0ba;\r\n        display: inline-block;\r\n        transform: translateY(4px);\r\n        &:hover {\r\n          color: $--color-c11;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__filter {\r\n      height: $content-height;\r\n      overflow-x: hidden;\r\n      overflow-y: auto;\r\n      /deep/.el-radio {\r\n        &-wrap {\r\n          width: 100%;\r\n        }\r\n        &-label {\r\n          width: inherit;\r\n        }\r\n      }\r\n      &-title {\r\n        background: #e5ece9;\r\n        font-size: 12px;\r\n        color: #666;\r\n        padding-left: 20px;\r\n        line-height: 30px;\r\n      }\r\n      &-all {\r\n        padding: 10px 20px;\r\n      }\r\n      &-item {\r\n        padding: 0 20px;\r\n      }\r\n\r\n      .j-not-data {\r\n        padding-top: 140px;\r\n      }\r\n\r\n      .org__child {\r\n        &-name {\r\n          max-width: 400px;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__content {\r\n      display: flex;\r\n      max-width: 600px;\r\n      height: $content-height;\r\n      &-left,\r\n      &-right {\r\n        flex: 0 0 300px;\r\n        overflow-y: auto;\r\n        overflow-x: hidden;\r\n        padding: 10px 0;\r\n      }\r\n\r\n      &-left {\r\n        border-right: solid 1px #abc0ba;\r\n      }\r\n\r\n      &-all {\r\n        width: calc(100% - 10px);\r\n        /deep/.el-radio-label {\r\n          width: inherit;\r\n        }\r\n        margin: 10px 0;\r\n        padding-left: 22px;\r\n      }\r\n    }\r\n\r\n    &__company,\r\n    &__team {\r\n      cursor: pointer;\r\n      position: relative;\r\n      color: #014830;\r\n      font-size: 14px;\r\n      padding-left: 40px;\r\n      height: 36px;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    &__dept {\r\n      padding-left: 40px;\r\n      height: 36px;\r\n      display: flex;\r\n      align-items: center;\r\n      color: #003f2d;\r\n      cursor: pointer;\r\n      transition: 0.3s;\r\n      &:hover {\r\n        background-color: #eff4ef;\r\n      }\r\n      &--active {\r\n        font-weight: bold;\r\n        background-color: #e3f7e3 !important;\r\n      }\r\n    }\r\n\r\n    &__team {\r\n      &-name {\r\n        color: #000;\r\n      }\r\n      .el-radio-wrap {\r\n        width: 100%;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    &__item {\r\n      padding-left: 22px;\r\n      /deep/.el-radio {\r\n        &-wrap {\r\n          width: calc(100% - 22px);\r\n        }\r\n        &-label {\r\n          width: inherit;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__child {\r\n      height: 36px;\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      &-name {\r\n        font-weight: normal;\r\n        color: #000;\r\n        max-width: 100px;\r\n        @include ellip;\r\n\r\n        &--long {\r\n          max-width: 220px;\r\n        }\r\n      }\r\n\r\n      &-post {\r\n        @include ellip;\r\n        font-weight: normal;\r\n        margin-left: 8px;\r\n        color: #999;\r\n        font-size: 13px;\r\n        max-width: 160px;\r\n      }\r\n    }\r\n\r\n    &__selected {\r\n      position: relative;\r\n      width: 300px;\r\n      height: 569px;\r\n      padding: 24px 0;\r\n      background-color: #fff;\r\n\r\n      &-text {\r\n        padding-left: 22px;\r\n        font-weight: bold;\r\n        margin-bottom: 6px;\r\n      }\r\n\r\n      &-list {\r\n        overflow-y: auto;\r\n        height: 525px;\r\n        padding-bottom: 72px;\r\n      }\r\n\r\n      &-type {\r\n        margin-left: 34px;\r\n        padding-left: 5px;\r\n        position: relative;\r\n        font-size: 13px;\r\n        color: #247149;\r\n        cursor: pointer;\r\n        line-height: 36px;\r\n\r\n        .icon-sort-up {\r\n          left: -13px;\r\n        }\r\n      }\r\n\r\n      .org__child {\r\n        padding-left: 40px;\r\n        padding-right: 20px;\r\n        cursor: default;\r\n        height: 34px;\r\n        &:hover {\r\n          background-color: #eff4ef;\r\n          transition: 0.3s;\r\n          .icon-wrong-warning {\r\n            display: block;\r\n          }\r\n        }\r\n        &-name {\r\n          max-width: none;\r\n        }\r\n      }\r\n\r\n      .icon-wrong-warning {\r\n        transition: 0.3s;\r\n        font-size: 24px;\r\n        color: #abc0ba;\r\n        cursor: pointer;\r\n        margin-left: auto;\r\n        transform: translateY(2px);\r\n        display: none;\r\n        &:hover {\r\n          color: #f55c54;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__confirm {\r\n      position: absolute;\r\n      right: 15px;\r\n      bottom: 0;\r\n      width: calc(100% - 15px);\r\n      height: 72px;\r\n      text-align: right;\r\n      padding-top: 15px;\r\n      background-color: rgba(#fff, 0.96);\r\n      padding-right: 20px;\r\n    }\r\n  }\r\n\r\n  /deep/.el-radio-wrap {\r\n    margin-right: 0;\r\n  }\r\n}\r\n"]}