jnpf-web-vue3/dist/static/css/BasicColumnDesign-36daec08.css

.extra-config-modal .extra-config-modal-body[data-v-098b4d8d]{min-height:150px;padding-bottom:20px}.extra-config-modal .extra-config-modal-body .options-list[data-v-098b4d8d]{max-height:200px;overflow-y:auto;margin-bottom:-10px}.extra-config-modal .extra-config-modal-body .options-list .scrollbar__wrap[data-v-098b4d8d]{margin-bottom:0!important}.extra-config-modal .extra-config-modal-body .options-list .select-item[data-v-098b4d8d]{display:flex;border:1px dashed #ffffff;box-sizing:border-box}.extra-config-modal .extra-config-modal-body .options-list .select-item .ant-input+.ant-input[data-v-098b4d8d]{margin-left:4px}.extra-config-modal .extra-config-modal-body .options-list .select-item .ant-select[data-v-098b4d8d]{width:100%}.extra-config-modal .extra-config-modal-body .options-list .select-item+.select-item[data-v-098b4d8d]{margin-top:4px}.extra-config-modal .extra-config-modal-body .options-list .select-item.sortable-chosen[data-v-098b4d8d]{border:1px dashed #1890ff}.extra-config-modal .extra-config-modal-body .options-list .select-item .select-line-icon[data-v-098b4d8d]{line-height:31px;font-size:22px;padding:0 4px;color:#606266}.extra-config-modal .extra-config-modal-body .options-list .select-item .select-line-icon .icon-ym-darg[data-v-098b4d8d]{font-size:20px;line-height:31px;display:inline-block}.extra-config-modal .extra-config-modal-body .options-list .select-item .select-line-icon .icon-ym-btn-clearn[data-v-098b4d8d]{font-size:18px}.extra-config-modal .extra-config-modal-body .options-list .select-item .close-btn[data-v-098b4d8d]{cursor:pointer;color:#ed6f6f;height:32px;display:flex;align-items:center}.extra-config-modal .extra-config-modal-body .options-list .select-item .option-drag[data-v-098b4d8d]{cursor:move}.extra-config-modal .extra-config-modal-body .options-list .jnpf-tree__name[data-v-098b4d8d]{width:calc(100% - 60px)}.extra-config-modal .extra-config-modal-body .add-btn[data-v-098b4d8d]{padding-left:27px;margin-top:10px}.jnpf-basic-column-design{position:relative;width:100%;height:100%}.jnpf-basic-column-design .head-tabs{position:absolute;left:0;top:0;width:calc(100% - 350px);height:42px;border-bottom:1px solid #f0f0f0;background:#ffffff;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;z-index:100;border-radius:8px 8px 0 0}.jnpf-basic-column-design .head-tabs .ant-btn{padding:0;margin-left:15px}.jnpf-basic-column-design .head-tabs .unActive-btn{color:#000000e0!important}.jnpf-basic-column-design .head-tabs .unActive-btn:hover{color:#1890ff!important}.jnpf-basic-column-design .column-empty-box{width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}.jnpf-basic-column-design .column-empty-box .empty-img{width:180px;height:120px}.jnpf-basic-column-design .column-empty-box p{padding:15px 0}.jnpf-basic-column-design .column-design-container{height:100%;width:100%;position:relative;padding-top:42px}.jnpf-basic-column-design .column-design-container .main-board{height:100%;width:auto;margin:0 350px 0 0;padding:10px;overflow:auto;overflow-x:hidden;background-color:#fff;border-radius:0 0 8px 8px}.jnpf-basic-column-design .column-design-container .right-board{width:340px;position:absolute;right:0;top:0;height:100%;margin-left:10px;background-color:#fff;border-radius:8px;overflow:hidden}.jnpf-basic-column-design .column-design-container .right-board .right-main{position:relative;height:calc(100% - 42px);overflow:hidden;box-sizing:border-box}.jnpf-basic-column-design .column-design-container .right-board .right-main .scrollbar__view{padding:10px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .ant-form-item{margin-bottom:18px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .typeList{display:flex;flex-wrap:wrap}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .typeList .item:nth-child(3n+3){margin-right:0}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .typeList .item{width:100px;margin-bottom:15px;margin-right:10px;border-bottom:unset!important}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .typeList .item.view-item{width:150px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .typeList .item.view-item .item-img{height:100px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .typeList .item .item-img{width:100%;height:70px;border-radius:4px;overflow:hidden;cursor:pointer;position:relative;border:1px solid transparent}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .typeList .item .item-img img{width:100%;height:100%;z-index:-1}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .typeList .item .item-img.checked{border:1px solid #1890ff}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .typeList .item .item-img .icon-checked{display:block;width:12px;height:12px;border:12px solid #1890ff;border-left:12px solid transparent!important;border-top:12px solid transparent!important;border-bottom-right-radius:4px;position:absolute;right:-1px;bottom:-1px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .typeList .item .item-img .icon-checked .anticon-check{position:absolute;top:-1px;left:-1px;font-size:12px;color:#fff}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .typeList .item .item-name{font-size:12px;color:#00000073;margin-top:10px;text-align:center}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .right-radio .ant-radio-button-wrapper{padding:0 11px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .btnsList{width:100%}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .btnsList .btnsList-cell{display:flex;align-items:flex-start;margin-bottom:10px;width:100%}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .btnsList .ant-checkbox-wrapper{width:90px;flex-shrink:0;line-height:32px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .btnsList .btn-upload{width:100%;margin-top:10px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .btn-cap{margin-bottom:10px;color:#00000073}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item{display:flex;align-items:center;border:1px dashed #ffffff;box-sizing:border-box}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item+.custom-item{margin-top:4px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item.sortable-chosen{border:1px dashed #1890ff}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item .ant-input+.ant-input{margin-left:4px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item .ant-input-group-addon{cursor:pointer;padding:0}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item .ant-input-group-addon span{display:inline-block;line-height:30px;padding:0 11px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item .custom-line-icon{line-height:32px;font-size:22px;padding:0 4px;color:#606266}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item .custom-line-icon .icon-ym-btn-clearn{font-size:18px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item .custom-line-icon .icon-ym-darg{font-size:20px;line-height:31px;display:inline-block;cursor:move}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item .custom-line-icon.option-drag{padding-left:0}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item .custom-line-icon.close-btn{padding-right:0}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item .custom-line-value{width:90px;flex-shrink:0;line-height:32px;font-size:14px}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .custom-item .close-btn{cursor:pointer;color:#ed6f6f}.jnpf-basic-column-design .column-design-container .right-board .right-main .right-board-form .custom-btns-list .add-btn .ant-btn{padding:0}