@import "../../../../src/theme.less"; :host { width: 100%; height: 100%; display: flex; .yyTime { display: flex; align-items: center; flex-direction: column; } .yyTimeError { ::ng-deep .ant-time-picker-input, ::ng-deep .ant-calendar-picker-input { border: 1px solid red !important; } } .pos { position: relative; .pos-item { position: absolute; left: 100px; top: -10px; z-index: 9; } } .addRemarks { color: @primary-color; cursor: pointer; } .orderThis { color: @primary-color; border: 1px solid @primary-color; margin-left: 8px; } .nzContent { position: absolute; top: 88px; bottom: 0; left: 0; right: 0; } .modal { // 相对于 background 定位, 位置暂时设置为 0,0,0,0 在指令中将其位置水平垂直居中在页面中间 position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 280px; height: 310px; z-index: 3100; background: #f9fafb; box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3); border-radius: 30px; border: 1px solid #e5e9ed; overflow: hidden; cursor: move; .drag-title { height: 50px; line-height: 50px; position: relative; h2 { height: 100%; font-size: 18px; color: #333; text-align: center; margin: 0; } .icon-close { position: absolute; top: 0; right: 16px; font-size: 16px; cursor: pointer; color: #dde1e5; } } .dialog-center { width: 235px; height: 208px; background-color: #fff; border: 1px solid #dde1e5; margin: 0 auto; border-radius: 30px; position: relative; .dialog-code { width: 180px; height: 200px; overflow: hidden; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; img { width: 100%; } } } .dialog-operate { display: flex; height: 40px; justify-content: space-between; align-items: center; font-size: 14px; .dialog-refresh { color: @primary-color; margin-left: 40px; cursor: pointer; } span { color: #999; margin-right: 40px; } } } // } } // 查看标本详情 start .noData33 { height: 100%; display: flex; justify-content: center; align-items: center; font-weight: bold; } .loading33 { height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .detailModel { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 999999; .box { width: 1000px; height: 580px; border-radius: 8px; background-color: #fff; display: flex; flex-direction: column; align-items: center; position: relative; .transport-guanbi { position: absolute; right: 16px; top: 16px; font-size: 20px; color: #8e9d9e; cursor: pointer; } .title { height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #333; font-weight: bold; } .table { width: 960px; height: 474px; background-color: #f9fafb; border: 1px solid #e5e9ed; border-radius: 8px; display: flex; justify-content: center; align-items: center; .table-content { width: 896px; height: 420px; background-color: #fff; border-radius: 8px; border: 1px solid #e5e9ed; table { width: 100%; font-size: 14px; color: #333; th, td { text-align: center !important; width: 167px; height: 100%; &:first-of-type { width: 59px; } } thead { display: block; width: 100%; height: 40px; line-height: 40px; background-image: linear-gradient( 90deg, @bg-end 0%, @bg-start 100% ); tr { height: 40px; color: #fff; } } tbody { display: block; width: 894px; height: 380px; overflow-x: hidden; overflow-y: auto; tr { height: 34px; line-height: 34px; td:last-child { position: relative; } td { .ji { position: absolute; right: 0; top: -3px; width: 41px; height: 42px; background: url(./../../../assets/images/icon_ji.png) no-repeat 3px 0; } } } } } } } .btns { flex: 1; display: flex; justify-content: center; align-items: center; .btn { width: 120px; height: 34px; line-height: 34px; text-align: center; background-color: #f9fafb; border: 1px solid #dde1e5; border-radius: 4px; font-size: 14px; color: @primary-color; cursor: pointer; } } } } // 查看标本详情 end .nurse { width: 100%; height: 100%; .otherBox { position: absolute; width: 100%; height: 100%; padding: 16px; .otherBoxInner { height: 100%; border: 1px solid #dde1e5; display: flex; .otherBox-nav { width: 20%; border-right: 1px solid #dde1e5; display: flex; flex-direction: column; .otherBox-nav__head { height: 50px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-left: 8px; padding-right: 8px; input { height: 36px; } } .otherBox-nav__main { flex: 1; position: relative; ::ng-deep .os-content { height: 100% !important; } .otherBox-nav__mainInner { display: flex; flex-direction: column; align-items: center; margin-top: 16px; &.noData, &.oLoading { position: absolute; width: 100%; justify-content: center; height: 100%; margin-top: 0; } .otherBox-nav__mainItem { line-height: 26px; color: #333; padding-left: 8px; margin-bottom: 8px; border-radius: 4px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; &.active { color: @primary-color; background-color: #f0f6ed; } } } } } .otherBox-main { flex: 1; display: flex; flex-direction: column; .otherBox-main__main { position: relative; flex: 1; .modalBody { position: absolute; width: 100%; height: 100%; display: flex; } .modalBody_left { width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; &.nLoading, &.noData { justify-content: center; align-items: center; img { width: 24px; } div { display: inline-block; } } } .modalBody_left_box { min-height: calc(100vh - 279px); height: 100%; box-sizing: border-box; padding: 8px; display: flex; flex-direction: column; justify-content: space-between; } .modalBody_right_head { font-size: 16px; font-weight: bold; border-bottom: 1px solid #dde1e5; padding-bottom: 8px; display: flex; justify-content: space-between; span { font-weight: normal; font-size: 14px; color: @primary-color; } } .modalBody_right_box { box-sizing: border-box; padding: 0 8px; display: flex; flex-direction: column; justify-content: center; } .modalBody_right { width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid #dde1e5; padding: 8px; .modalBody_right_list { text-align: justify; border-bottom: 1px solid #dde1e5; padding: 8px 0; b { color: @primary-color; } } } .modalBody_box { position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; .content { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; & > div { width: 100%; } .shortcutForm { width: 100%; .ant-form-item-label { text-align: left; } } } .btns { padding-bottom: 16px; padding-top: 16px; } } } } } } .layout { background: #fff; } .app-layout { height: 100%; .menu-sidebar { position: relative; z-index: 8; min-height: 100vh; box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); background: #0f2e3b; overflow-y: auto; .ant-layout-sider-children { width: 220px; } .sidebar-logo { height: 88px; overflow: hidden; line-height: 64px; background: #001529; transition: all 0.3s; border-bottom: 1px solid #fff; z-index: 10; position: relative; img { width: 32px; vertical-align: middle; margin-right: 8px; } span { color: #fff; font-weight: 600; font-size: 14px; } } .mainInfo { width: 220px; height: 100%; color: #fff; position: absolute; top: 0; padding-top: 88px; overflow: hidden; .searchBox { width: 100%; padding: 8px; z-index: 1; position: relative; background: #001529; } .checkBanner { width: 100%; height: 34px; z-index: 1; .checkItem { width: 100%; text-align: center; color: #fff; background: #284450; line-height: 34px; border: none; &.checked { background: #48717f; } } } .checkedInfo { position: absolute; top: 0; height: 100%; width: 110%; padding-top: 170px; padding-bottom: 60px; overflow: hidden; padding-right: 10%; background: #0f2e3b; &.inspect { .item { min-height: 132px; display: flex; flex-direction: column; justify-content: center; } } .box { width: 100%; height: 100%; position: relative; overflow-x: hidden; overflow-y: auto; } .loading { text-align: center; width: 100%; height: 100%; img { width: 20px; } } .item { padding: 8px 6px; border-bottom: 1px solid #fff; .itemTit { display: flex; align-items: center; justify-content: center; font-size: 14px; border-bottom: 1px solid #284450; i { color: @primary-color; font-size: 20px; font-weight: normal; margin-right: 4px; &.colorRed { color: red; } &.transport-te1 { font-size: 22px; } } } .checkInfo { padding: 5px 0; .transport-zhongdianguanzhu { cursor: pointer; } } .row { overflow: hidden; .col { line-height: 28px; } } .btn { background-image: linear-gradient( 90deg, @bg-start 0%, @bg-end 100% ); line-height: 28px; text-align: center; border-radius: 4px; margin-top: 3px; cursor: default; border: none; } } } .paging { width: 220px; position: absolute; bottom: 0; left: 0; background: rgb(72, 113, 127); padding: 16px 0; text-align: center; border-top: 1px solid #284450; } } // 暂未开通 .notAvailable { width: 100%; height: 100%; position: absolute; top: 0; z-index: 9; padding-top: 88px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 20px; img { width: 80px; margin-bottom: 10px; } } } .header-trigger { height: 64px; font-size: 20px; cursor: pointer; transition: all 0.3s, padding 0s; } .trigger:hover { color: #1890ff; } nz-header.ant-layout-header { padding: 0; width: 100%; z-index: 2; background: #fff; height: 88px; .app-header { position: relative; height: 88px; padding: 0; background: #fff; box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); padding-left: 24px; .nurseTitle { height: 88px; font-size: 22px; color: #333; flex: 1; .updateTipsForNurses { margin: 0; width: 50%; line-height: normal; font-size: 14px; } .nurseCode { width: 80px; font-size: 14px; color: #333; display: flex; justify-content: space-between; align-items: center; margin-right: 40px; cursor: pointer; .nurseCodeIcon { margin-right: 8px; font-size: 24px; color: #929292; } } } .userInfo { width: 336px; height: 100%; float: right; padding: 8px; box-sizing: border-box; font-size: 14px; border-left: 1px solid #e5e9ed; .wel { line-height: 15px; } .user { font-size: 20px; height: 36px; display: flex; justify-content: center; align-items: center; line-height: normal; img { height: 100%; margin-right: 8px; } } .userInfo-wrap { display: flex; justify-content: flex-end; .logOut { display: inline-block; text-align: right; color: @primary-color; line-height: 20px; cursor: pointer; margin-right: 8px; } } } } } .inner-content { background: #fff; height: 100% !important; border-bottom: 1px solid #e5e9ed; .launch { width: 90px; height: 100%; border-right: 1px solid #e5e9ed; position: relative; overflow: hidden; z-index: 3; .laTit { width: 100%; line-height: 50px; color: #333; text-align: center; background: #fff; border-bottom: 1px solid #e5e9ed; position: absolute; z-index: 1; } .laItems { width: 110%; height: 100%; padding-right: 10%; position: relative; overflow-x: hidden; overflow-y: auto; padding-top: 60px; padding-bottom: 16px; .item { width: 100%; cursor: default; .img { width: 56px; height: 56px; margin-top: 6px; background: url(../../../assets/images/icon_hushebei2.png) center no-repeat; } &:nth-child(2n) { .img { background-image: url(../../../assets/images/icon_hubao2.png); } } &:nth-child(3n) { .img { background-image: url(../../../assets/images/icon_hubao.png); } } &:nth-child(4n) { .img { background-image: url(../../../assets/images/icon_hushebei.png); } } .txtC { display: inline-block; width: 100%; text-align: center; } } } } .mainInfo { width: 100%; height: 100%; & > div { height: 100%; &:nth-child(1) { display: flex; flex-direction: column; border-right: 1px solid #e5e9ed; } } .cont { .top { position: relative; z-index: 9; .nums { height: 88px; position: relative; div { .h33 { height: 33px; line-height: 31px; } .h53 { height: 54px; p { margin: 0; line-height: 28px; font-size: 24px; color: @primary-color; } } .quick { width: 100%; height: 100%; padding: 5px; display: flex; flex-direction: column; justify-content: center; .btn { height: 48%; background-image: linear-gradient( 90deg, @bg-start 0%, @bg-end 100% ); border-radius: 4px; color: #fff; padding: 0; border: none; border: none; &[disabled] { background: #999; cursor: not-allowed; } &:focus { outline: none; } } } } .swiperBox { width: 100%; height: 100%; position: relative; overflow: hidden; .swiper { width: 100%; position: relative; top: 0; left: 0; // transition: all 1s; .item { width: 100%; height: 44px; span { display: inline-block; width: 100%; text-align: center; } } } } .alignC { img { height: 48px; } } // 暂未开通 .notAvailable { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 20px; img { width: 80px; margin-bottom: 10px; } } } .tab { height: 60px; line-height: 60px; cursor: default; overflow: hidden; & > div { padding: 0 8px; } .checked { background: #f9fafb; border-bottom: 1px solid #e5e9ed; } .btn { width: 104px; height: 34px; line-height: 34px; background-image: linear-gradient( 90deg, @bg-start 0%, @bg-end 100% ); border-radius: 4px; color: #fff; border: none; } } } .searchBox { height: 60px; padding: 0 8px; position: relative; z-index: 9; // & > div:nth-child(1) { // input { // // min-width: 253px; // } // } .btns { button { width: 80px; height: 40px; &:nth-child(1) { color: @primary-color; border: solid 1px @primary-color; background: #f0f6ed !important; } &:nth-child(2) { background-image: linear-gradient( 135deg, @bg-start 0%, @bg-end 100% ); border: solid 1px @primary-color; margin-left: 8px; } } } } .table { width: 100%; height: 100%; position: absolute; top: 0; padding: 8px; padding-top: 208px; &.turn { padding-top: 162px; } .box { border-radius: 5px; background: #f9fafb; border: 1px solid #e5e9ed; padding-bottom: 60px; position: relative; height: 100%; .hospitalTable { padding: 24px 16px 0; height: 100%; overflow: auto; .ant-table-fixed-header .ant-table-scroll .ant-table-header { padding-bottom: 16px; overflow: hidden !important; } .thead { background-image: linear-gradient( to right, @bg-start, @bg-end ); padding: 10px 0; th { background: transparent; color: #fff; text-align: center; font-size: 14px; &.txtL { text-align: left; } } } .ant-table-body { border-bottom: 1px solid #e5e9ed; } .ant-table-tbody { tr { text-align: center; font-size: 14px; border: none; color: #333; &.txtL { text-align: left; } td { border: none; .coop { span { display: inline-block; width: 60px; cursor: pointer; &::after { content: "|"; float: right; } &:hover { color: @primary-color; } &:active { color: @primary-color; } &:nth-last-child(1) { &::after { content: ""; } } } } } } tr:nth-child(2n-1) { background: #f9fafb; } } } .pagination { margin-top: 14px; position: absolute; bottom: 12px; right: 5px; } } } } .orders { .orderTit { width: 100%; overflow: hidden; border-bottom: 1px solid #e5e9ed; padding: 8px; position: relative; z-index: 9; background: #fff; & > span { font-size: 16px; color: #666; font-weight: 500; } } .loading { text-align: center; width: 100%; height: 100%; position: absolute; top: 0; padding-top: 50px; img { width: 20px; } } .orderList { width: 100%; height: calc(100% - 106px); .box { position: relative; width: 100%; height: 100%; top: 0; overflow-x: hidden; .orderLisBox { width: 100%; padding-bottom: 10px; overflow-x: hidden; .orderLis { width: 100%; height: 100%; padding-bottom: 10px; overflow-x: hidden; .orderItem { width: 100%; overflow: hidden; position: relative; .icon_ji { position: absolute; right: -3px; top: -3px; width: 30px; } .info { width: 100%; padding: 10px; .row { width: 100%; &:nth-child(3) { padding-bottom: 8px; border-bottom: 1px solid #dde1e5; } .col { line-height: 28px; color: #333; &.toDetail { color: @primary-color; font-size: 12px; span { cursor: pointer; display: inline-block; padding: 0 10px; } } } } } .process { width: 100%; height: 70px; overflow-x: auto; overflow-y: hidden; position: relative; .box { width: 100%; justify-content: center; position: absolute; overflow: hidden; .steps { display: inline-block; &:nth-last-child(1) { .line { display: none !important; } } .step { .txt { width: 75px; text-align: center; display: inline-block; vertical-align: text-top; i { color: #e5e9ed; &.green { color: @primary-color; } } } p { margin: 0; font-size: 12px; &.time { padding: 0 2px; } } .line { display: inline-block; width: 40px; height: 2px; background: #e5e9ed; } } } } } .btns { width: 100%; .btn { text-align: center; font-size: 12px; color: @primary-color; cursor: default; background: #f9fafb; border: 1px solid #e5e9ed; border-left: 0; cursor: pointer; border-bottom: 0; line-height: 32px; border-radius: 0; } } } } } } .pageing { background: #fff; padding: 16px 0; text-align: center; border-top: 1px solid #e5e9ed; } } } } } } } .txtL { text-align: left; } .txtC { text-align: center; } .txtR { text-align: right; } .borderR { border-right: 1px solid #e5e9ed; } .borderB { border-bottom: 1px solid #e5e9ed; } .h100p { height: 100%; } .h50p { height: 50%; } .alignC { display: flex; justify-content: center; align-items: center; } .alignR { display: flex; justify-content: flex-end; align-items: center; } .color3 { color: #333; } .color6 { color: #666; } .color9 { color: #999; } .overAuto { overflow: auto; } .over { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: unset; } .save { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 99; .modalBody { width: 480px; min-height: 220px; background: #fff; border-radius: 5px; padding: 10px 20px; color: #333; &.sm { width: 350px; } .title { width: 100%; text-align: center; font-size: 18px; position: relative; i { position: absolute; right: 0; top: 0; font-size: 20px; color: #666; cursor: pointer; padding: 0 5px; } } .content { width: 100%; min-height: 117px; background: #f9fafb; border: 1px solid #e5e9ed; border-radius: 5px; overflow: hidden; margin-top: 12px; padding: 16px 10px; &.bb { display: flex; justify-content: center; align-items: center; } .patientForm { padding-top: 15px; .ant-form-item { margin-bottom: 5px; .ant-form-item-label { line-height: 20px; text-align: left; } .goods { line-height: 40px; } .ant-form-item-control { line-height: 21px; } .datesGroup { padding-top: 10px; .linkCheckCheck { text-indent: 7px; margin-top: 0; .priority { color: #d81e06; } } } .radioGroup { line-height: 24px; padding-left: 14px; } .desc { margin-top: 5px; } } .linkCheckCheck { .ant-checkbox-wrapper { margin-left: 0 !important; } } } .shortcutForm { padding-top: 20px; .ant-form-item { margin-bottom: 15px; } .ant-form-item-label { text-align: left; line-height: 0; } .goods { line-height: 40px; } } .jiTit { text-align: center; color: #666; padding: 8px 0; &.jiTitB { color: @primary-color; font-size: 12px; font-weight: bold; } } & > div { margin: 0; &.title { text-align: left; color: #333; font-size: 14px; line-height: 30px; } &.icon { i { color: #34b349; font-size: 30px !important; &.transport-wenhao { color: #f5a523; } &.transport-shibai { color: #ff3a52; } } } &.defeat { color: #333; font-size: 16px; } &.otherInfo { color: @primary-color; font-size: 12px; } } // 评价 .star { padding: 0 30px; font-size: 14px; color: #666; i { font-size: 20px; } } // 意见箱查看 .conItem { padding-bottom: 50px; color: #333; &.noCon { padding-bottom: 0; } &:nth-child(1) { border-bottom: 1px solid #dde1e5; } &:nth-child(2) { padding-top: 20px; } .defeat { padding-top: 10px; } } } .btns { button { margin-top: 10px; &.btn { margin-left: 8px; } &.knowBtn { color: @primary-color; } } } } } .commonModal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 99; .modalBody { width: 500px; height: 250px; background: #fff; border-radius: 5px; padding: 10px 20px; color: #333; .title { width: 100%; text-align: center; font-size: 18px; position: relative; i { position: absolute; right: 0; top: 0; font-size: 20px; color: #666; cursor: pointer; padding: 0 5px; } } .content { width: 460px; height: 147px; background: #f9fafb; border: 1px solid #e5e9ed; border-radius: 5px; overflow: hidden; margin-top: 12px; & > div { text-align: center; margin: 0; &.icon { margin-top: 17px; i { color: #34b349; font-size: 30px !important; &.transport-wenhao { color: #f5a523; } &.transport-shibai { color: #ff3a52; } } } &.defeat { color: #333; font-size: 18px; } &:nth-child(3) { font-size: 14px; color: #666; } } .roundRobinTips { font-size: 12px; } } button { margin-top: 10px; &.btn { margin-left: 8px; } } } } // 消息提醒 .msgTemBox { .borderLeft { position: absolute; left: 0; top: 0; width: 10px; height: 100%; background-image: linear-gradient(90deg, @bg-start 0%, @bg-end 100%); } .icon { color: @primary-color; font-size: 26px; } .ant-notification-notice-message { margin-left: 34px; font-weight: 500; } .ant-notification-notice-description { margin-left: 34px; color: #333; } } // 右侧悬浮菜单 .fixed { position: fixed; top: 40%; right: 0; z-index: 9; border-radius: 5px 0 0 5px; .fixedMark { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 88; } & > .left { width: 480px; float: left; background: #fff; padding: 16px; border-radius: 5px; border: 1px solid #e5e9ed; position: relative; z-index: 98; .con { background: #f9fafb; width: 100%; height: 100%; border-radius: 5px; border: 1px solid #e5e9ed; padding: 16px 20px; &.tableCon { padding: 0; .table { font-size: 14px; tr { td { padding: 15px 6px; text-align: center; & > .tdiv { overflow: hidden; .name { float: left; } .num { float: right; font-size: 12px; span { color: @primary-color; font-size: 14px; } } } .notOpen { color: #666; font-size: 12px; img { margin-bottom: 8px; } } } } } } .title { color: #333; text-align: center; } .conditions { & > .ant-row { margin: 8px 0; .ant-row { .ant-col-6 { margin: 2px 0; } } .checkAll { width: 100%; border-bottom: 1px solid rgb(233, 233, 233); color: @primary-color; } } } .btns { padding: 5px 20px 0 20px; } } } .right { width: 80px; float: left; background: rgba(255, 255, 255, 0.5); border-radius: 5px 0 0 5px; position: relative; z-index: 98; .fixedMenu { border: 1px solid #e5e9ed; color: @primary-color; background: rgba(255, 255, 255, 0.5); text-align: center; border-radius: 5px 0 0 5px; &.hujiaozhongxin { margin-bottom: 5px; } .menuItems { .item { height: 35px; line-height: 35px; padding: 0 6px; cursor: default; border-bottom: 1px solid #e5e9ed; user-select: none; &.checked { background: #fff; color: #52ab77; opacity: 1; box-shadow: -3px 4px 7px #eae9e9; } } .others { transition: height 0.4s linear; overflow: hidden; } } .arrow { cursor: pointer; } } } }