yyuap-ref
Version:
cloud os fe ref project which is based on tinper
1 lines • 8.37 kB
CSS
.yyuap-ref .cancelButton{background:0 0;outline:0;line-height:30px;width:60px;text-align:center;font-size:14px;font-family:MicrosoftYaHei;color:rgba(71,77,84,1);margin-right:5px;border:1px solid #e9e9e9;border-radius:3px;cursor:pointer}.yyuap-ref .emptyBtn{margin:10px;width:auto;float:left;color:#f44336;border:0}.yyuap-ref .saveButton{margin-right:10px}.yyuap-ref :global(.u-checkbox .u-checkbox-label:after),.yyuap-ref :global(.u-checkbox .u-checkbox-label:before){top:0;width:16px;height:16px}.yyuap-ref .ref-tree-checkbox{right:10px;position:absolute;top:0}.yyuap-ref .u-tree-title .title-con>span{width:71%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yyuap-ref .u-tree li span.u-tree-checkbox{margin:0 4px 0 0}.yyuap-ref .RefGrid :global(.u-checkbox .u-checkbox-label:after),.yyuap-ref .RefGrid :global(.u-checkbox .u-checkbox-label:before){top:4px;width:16px;height:16px}.yyuap-ref.u-modal .u-modal-body{min-height:150px;padding:15px 0;padding-right:0;margin-top:0}.yyuap-ref .List-checkbox{width:33%;display:inline-block;border-right:1px solid #e9e9e9;padding:5px 0}.yyuap-ref .List-checkbox .u-checkbox{margin-left:20px}.yyuap-ref .List-checkbox:nth-child(3n){border-right:0}.yyuap-ref .Ref-List{border-top:1px solid #e9e9e9;max-height:300px;overflow-y:auto}.yyuap-ref .Ref-Search{display:inline-block;width:40%;margin-bottom:10px}.yyuap-ref .Ref-Search .Search-input{display:inline-block;padding:0;text-indent:12px}.yyuap-ref .Ref-Search .u-form-control-search{width:100%;position:relative}.yyuap-ref .Ref-Search input.u-form-control-search{width:100%;padding-left:15px;border:1px solid #e9e9e9;border-radius:3px}.yyuap-ref .Ref-Search .u-form-control-search .uf-search{position:absolute;right:10px;top:15px;color:#999}.yyuap-ref .Ref-Search{position:relative}.yyuap-ref .Ref-Search .u-form-control-search .uf.uf-close-c{position:absolute;top:15px;right:5px;color:#ccc}.yyuap-ref .Ref-Search .u-form-control-search .uf-close-c:before{content:"\E66B"}.yyuap-ref .Ref-Search .search-input-que{color:#999;position:absolute;top:7px;right:30px;cursor:pointer;line-height:normal}.yyuap-ref .Ref-Search .uf-close-c{position:absolute;top:7px;right:10px;cursor:pointer;line-height:normal;color:#ccc}.yyuap-ref .Ref-Button{display:inline-block;margin-top:10px;text-align:right;width:100%;position:absolute;bottom:0;height:50px;line-height:45px;left:0;background:rgba(255,255,255,.9)}.yyuap-ref .Ref-Search .u-form-control-suffix{position:absolute;top:0;width:100%}.yyuap-ref .Ref-Search .u-form-control-suffix .uf-close-c{position:absolute;top:15px;right:5px}.yyuap-ref .Ref_title{font-size:20px}.yyuap-ref .loading{visibility:hidden}.yyuap-ref .TabWrap{margin:0;border-top:1px solid #e9e9e9;border-bottom:0;background-color:#f6f7f8;height:43px;width:100%}.yyuap-ref .TabClass .u-tabs-tab-disabled{cursor:default;color:#000}.yyuap-ref .TabClass .u-tabs-ink-bar{height:0}.yyuap-ref .TabClass.u-tabs-top{border-bottom:0;overflow-x:hidden;width:auto}.yyuap-ref .TabClass .u-tabs-tab{float:left;height:100%;margin-right:0}.yyuap-ref .TabClass .u-tabs-tab:after,.yyuap-ref .TabClass .u-tabs-tab:last-child.u-tabs-tab-active:after{content:'';display:block;width:30px;height:5px;border-radius:5px;margin:1px auto 0}.u-tabs-tab-active:hover,.yyuap-ref .TabClass .u-tabs-tab-active{color:#000;font-weight:600;cursor:default;-webkit-transform:translateZ(0);transform:translateZ(0)}.yyuap-ref .TabClass .u-tabs-tab:after{background:0 0}.yyuap-ref .TabClass .u-tabs-tab-active:after{background-color:red}.yyuap-ref .TabClass .u-tabs-tab:last-child{position:absolute;right:0}.yyuap-ref .TabClass .u-tabs-tab:last-child.u-tabs-tab-active{font-weight:400}.yyuap-ref .TabClass .u-tabs-tab:last-child.u-tabs-tab-active:after{background:0 0}.yyuap-ref .TabClass .u-tabs-nav{min-height:42px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:0;position:static;margin:0;float:left;list-style:none;display:inline-block;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%}.TabClass .u-tabs-tab a:focus,.yyuap-ref .TabClass .u-tabs-tab a:hover{text-decoration:none}.yyuap-ref .tableWrap{border:1px solid #e9e9e9;min-width:auto;width:100%}.onlyRefTable .tableWrap{border:0}.onlyRefTable .tableWrap .u-table .u-checkbox{margin-left:15px}.yyuap-ref .Reftitle{width:40%;font-size:16px;display:inline-block;padding-left:15px}.yyuap-ref .tableWrap .u-table th{background:#fff;font-weight:700;-webkit-transition:background .3s ease;transition:background .3s ease;border-bottom:1px solid #e9e9e9;line-height:15px;height:15px}.yyuap-ref .tableWrap .u-table-header{overflow:hidden}.yyuap-ref .u-tabs-top .u-tabs-nav-scroll{width:100%}.u-table th,.yyuap-ref .tableWrap .u-table td{border-top:0;padding:10px 8px;white-space:normal}.u-table th:first-of-type,.yyuap-ref .tableWrap .u-table td:first-of-type{padding-left:8px}.yyuap-ref .tableWrap .u-table .u-table-tbody{font-size:12px;color:#666}.yyuap-ref .tableWrap .u-table .u-table-tbody .u-table-row.selected{background:#e3f2fd}.RefTableWrap .u-table-tbody .u-table-row.selected{background:rgba(33,150,243,1)}.yyuap-ref .tableWrap .u-table{border:0}.yyuap-ref .tableWrap .u-table .td{border-top:0}.yyuap-ref .paginationWrap .u-pagination{position:relative;bottom:0;height:50px;line-height:45px;left:9px;z-index:1}.yyuap-ref .tableWrap table{margin-bottom:15px}@media (max-width:767px){.onlyRefTreeModal :global(.u-modal-dialog){width:482px}.RefTree2Modal :global(.u-modal-dialog){width:700px}}@media (min-width:768px){.onlyRefTreeModal :global(.u-modal-dialog){width:482px}.RefTree2Modal :global(.u-modal-dialog){width:700px}}.onlyRefTreeModal .u-tree li a.u-tree-node-selected{background-color:inherit;color:#086ebb}.onlyRefTreeModal .u-tree-node-content-wrapper{width:90%;position:relative}.yyuap-ref.u-modal .u-modal-header{padding:0;border-bottom:0;z-index:99999;position:absolute;right:0;top:0;width:30px;height:40px}.onlyRefTreeModal .u-tree-title .u-checkbox .u-checkbox-label{margin-right:10px}.yyuap-ref .u-tree{padding-left:15px;padding-top:15px}.onlyRefTreeModal .u-tree{padding-right:15px}.onlyRefTreeModal .u-tree .title-con{position:relative;width:100%}.onlyRefTreeModal .u-tree .title-con .Treepoint{position:absolute;border-radius:100%;width:5px;height:5px;background:#086ebb;right:7px;top:5px}.onlyRefTreeModal .u-tree .u-tree-title{display:inline-flex;width:99%}.yyuap-ref .u-tree li{margin:5px 0}.yyuap-ref.u-modal .u-modal-header .u-close{margin:15px 10px 0 0}.yyuap-ref .treebox{display:flex}.yyuap-ref .u-tabs-top .u-tabs-nav-container-scrolling{padding-left:0;padding-right:0}.c-checked .head,.c-checked .list{padding-left:10px}.yyuap-ref .u-tabs-top .u-tabs-tab-next,.yyuap-ref .u-tabs-top .u-tabs-tab-prev{display:none}.yyuap-ref .c-tree{flex:1;width:95%;position:relative;min-height:250px}.yyuap-ref .c-tree i.uf{color:#555}.yyuap-ref .c-tree .TabWrap{width:auto;flex:1;display:grid;height:auto}.yyuap-ref .c-error{max-height:300px;min-height:300px;height:100%;width:100%;text-align:center}.yyuap-ref .c-error.hide{display:none}.yyuap-ref .c-checked{flex:1;border-left:1px solid #e9e9e9}.c-checked .head{position:relative;background-color:#f6f7f8;height:45px;line-height:45px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9}.c-checked .head .clear{position:absolute;right:10px;cursor:pointer}.c-checked .list .item{position:relative;height:30px;line-height:30px}.c-checked .list .remove{position:absolute;right:10px;cursor:pointer}.u-checkbox{width:auto}.yyuap-ref .Ref-nodata{text-align:center;padding-top:10px;height:300px}.RefGrid .u-checkbox .u-checkbox-label{word-break:break-all;height:25px;overflow:hidden;line-height:25px}.u-select-dropdown.u-select-dropdown--single.u-select-dropdown-placement-bottomLeft{z-index:1701}.yyuap-ref .u-modal.in .u-modal-dialog{transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.rc-calendar-picker{z-index:9999}.u-tooltip{z-index:2000}.yyuap-ref .u-checkbox .u-checkbox-label{position:static}.onlyRefTreeModal .c-tree{width:100%}.yyuap-ref .ref-tree-checkbox.is-checked .u-checkbox-label:after{color:#f53c32}.yyuap-ref .ref-tree-checkbox.is-checked .u-checkbox-label:before{-webkit-box-shadow:none;box-shadow:none;border-color:#a5adba}