| 1 |
- .jnpf-basic-generator{position:relative;width:100%;height:100%;display:flex}.jnpf-basic-generator .common-board{height:100%;border-radius:8px;overflow:hidden}.jnpf-basic-generator .left-board{width:250px;flex-shrink:0;background-color:#fff;display:flex;flex-direction:column}.jnpf-basic-generator .left-board .ant-collapse-header .ant-collapse-header-text{font-weight:600}.jnpf-basic-generator .left-board .components-list .ant-collapse-content-box{padding:0 10px}.jnpf-basic-generator .left-board .components-list .components-part{background-color:#fff;border-radius:4px;padding:10px 10px 0;margin-bottom:10px}.jnpf-basic-generator .left-board .components-list .components-part:last-child{margin-bottom:0}.jnpf-basic-generator .left-board .components-list .components-title{font-size:14px;line-height:30px;margin-bottom:10px;font-weight:700}.jnpf-basic-generator .left-board .components-list .components-draggable{display:flex;flex-wrap:wrap;justify-content:space-between}.jnpf-basic-generator .left-board .components-list .components-item{width:110px;margin-bottom:10px;transition:transform 0ms!important}.jnpf-basic-generator .left-board .components-list .components-item.disabled .components-body{cursor:not-allowed;color:#00000073}.jnpf-basic-generator .left-board .components-list .components-item.disabled .components-body:hover{color:#00000073;border-color:#d9d9d9}.jnpf-basic-generator .left-board .components-list .components-item .components-body{padding-left:8px;font-size:12px;height:36px;cursor:move;border:1px solid #d9d9d9;border-radius:var(--border-radius);line-height:34px;display:flex;align-items:center;color:#000000e0}.jnpf-basic-generator .left-board .components-list .components-item .components-body span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jnpf-basic-generator .left-board .components-list .components-item .components-body i{flex-shrink:0;line-height:16px;height:16px;margin-right:4px}.jnpf-basic-generator .left-board .components-list .components-item .components-body:hover{border:1px solid #1890ff;color:#1890ff}.jnpf-basic-generator .center-board{flex:1;margin:0 10px;background-color:#fff;box-sizing:border-box}.jnpf-basic-generator .center-board-main{height:calc(100% - 42px);overflow:hidden;box-sizing:border-box}.jnpf-basic-generator .center-board-main .scrollbar__view{padding:10px}.jnpf-basic-generator .center-board-main .center-board-row>.ant-form{height:calc(100vh - 150px);width:100%}.jnpf-basic-generator .center-board-main .empty-info{position:absolute;top:20%;left:calc(50% - 250px);pointer-events:none}.jnpf-basic-generator .center-board-main .empty-info.app-empty-info{top:calc(50% - 150px);left:calc(50% - 150px)}.jnpf-basic-generator .center-board-main .empty-info.app-empty-info .empty-img{width:300px;height:300px}.jnpf-basic-generator .center-board-main .empty-info .empty-img{width:500px;height:500px}.jnpf-basic-generator .center-board-main .drawing-board{height:100%;position:relative;display:flex;flex-wrap:wrap;align-content:flex-start}.jnpf-basic-generator .center-board-main .drawing-board .components-body{padding:0;margin:0;font-size:0}.jnpf-basic-generator .center-board-main .drawing-board .sortable-ghost{position:relative;display:block;overflow:hidden}.jnpf-basic-generator .center-board-main .drawing-board .sortable-ghost i{display:none}.jnpf-basic-generator .center-board-main .drawing-board .sortable-ghost:before{content:" ";position:absolute;left:0;right:0;top:0;height:3px;background:#1890ff;z-index:2}.jnpf-basic-generator .center-board-main .drawing-board .sortable-ghost .drawing-item-action{display:none!important}.jnpf-basic-generator .center-board-main .drawing-board .components-item.sortable-ghost{width:100%;height:60px;background-color:#e6f7ff}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item{position:relative;cursor:move}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item .ant-form-item{border:1px dashed #d9d9d9;padding:10px;margin-bottom:10px!important;border-radius:8px}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item .ant-form-item .common-container .ant-form-item{border:unset;padding:0;margin-bottom:0!important;border-radius:0}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item{position:relative;cursor:move;box-sizing:border-box;border:1px dashed #d9d9d9;padding:0 2px;margin-bottom:10px;border-radius:8px}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-table-grid{padding-top:10px;padding-bottom:10px}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item .ant-card{width:100%}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item .ant-card .ant-card-body>.ant-row{width:100%}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item .ant-tabs{width:100%}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item .ant-tabs .ant-tabs-nav{margin-bottom:0}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item .ant-collapse{width:100%}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item .child-drawing-row,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-row{position:relative}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-row>.ant-col{width:100%}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-row .row-tip{top:50px}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-row .drag-wrapper{min-height:100px}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-table .row-tip{top:50px}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-table .ant-form{width:100%}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-table .drag-wrapper{min-height:100px;padding-top:30px}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-table .table-wrapper-web{overflow:auto hidden;display:flex;width:100%;flex-wrap:nowrap;padding-bottom:10px}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-table .table-wrapper-web>.ant-col{width:200px!important;flex:none;flex-shrink:0;height:auto}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-table .table-wrapper-web>.ant-col .ant-row{display:block}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-table .table-wrapper-web>.ant-col .ant-form-item{margin-bottom:0!important}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.drawing-row-item-table .table-wrapper-web>.ant-col .ant-form-item .ant-form-item-label{width:auto!important}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item .drawing-row-item{margin-bottom:2px}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item .drag-wrapper{width:100%;min-height:80px;display:flex;flex-wrap:wrap;align-content:flex-start}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item .drag-wrapper.tableGrid-app-wrapper .row-tip{margin-top:20px}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item.active-from-item{border:1px solid #1890ff}.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item .component-name{position:absolute;top:0;left:0;font-size:18px;color:#00000073;display:inline-block;padding:0 6px}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item:hover>.ant-form-item,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item:hover>.ant-form-item{background:#e6f7ff}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item:hover>.drawing-item-action,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item:hover>.drawing-item-action{display:flex}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item:hover>.drawing-item-cell,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item:hover>.drawing-item-cell{display:block}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item>.drawing-item-action,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item>.drawing-item-action{position:absolute;top:-10px;height:24px;line-height:22px;border-radius:24px;font-size:12px;border:1px solid #1890ff;background:#ffffff;cursor:pointer;z-index:1;right:var(--rightDistance);display:none;overflow:hidden}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item>.drawing-item-action .drawing-item-action-item,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item>.drawing-item-action .drawing-item-action-item{display:block;width:30px;height:22px;height:100%;text-align:center;position:relative;align-items:center;justify-content:flex-start;color:#606266}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item>.drawing-item-action .drawing-item-action-item.drawing-item-delete,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item>.drawing-item-action .drawing-item-action-item.drawing-item-delete{color:#606266}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item>.drawing-item-action .drawing-item-action-item.drawing-item-delete:hover,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item>.drawing-item-action .drawing-item-action-item.drawing-item-delete:hover{background:#ffe5e5;color:#ed6f6f}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item>.drawing-item-action .drawing-item-action-item:hover,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item>.drawing-item-action .drawing-item-action-item:hover{background:#e6f7ff;color:#1890ff}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item>.drawing-item-action .drawing-item-action-item:first-child:after,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item>.drawing-item-action .drawing-item-action-item:first-child:after{display:none}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item>.drawing-item-action .drawing-item-action-item:after,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item>.drawing-item-action .drawing-item-action-item:after{display:block;content:"";position:absolute;top:3px;left:0;height:16px;width:1px;background-color:#f0f0f0}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item>.drawing-item-cell,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item>.drawing-item-cell{display:none;position:absolute;bottom:0;right:0;width:22px;height:22px;line-height:22px;text-align:center;font-size:12px;cursor:pointer;z-index:1;color:#fff;background-color:#1890ff}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item>.drawing-item-cell i,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item>.drawing-item-cell i{color:#fff}.jnpf-basic-generator .center-board-main .drawing-board .drawing-item>.drawing-item-cell .anticon,.jnpf-basic-generator .center-board-main .drawing-board .drawing-row-item>.drawing-item-cell .anticon{vertical-align:top!important;margin-top:5px}.jnpf-basic-generator .center-board-main .drawing-board .active-from-item>.ant-form-item{background-color:#e6f7ff;border:1px solid #1890ff}.jnpf-basic-generator .center-board-main .drawing-board .active-from-item>.drawing-item-action{display:flex}.jnpf-basic-generator .center-board-main .drawing-board .active-from-item>.drawing-item-cell{display:block}.jnpf-basic-generator .center-board-main .drawing-board .active-from-item>.component-name{color:#1890ff}.jnpf-basic-generator .center-board-main .drawing-board .row-tip{width:100%;color:#00000073;text-align:center;position:absolute;top:30px;font-size:14px}.jnpf-basic-generator .center-board-main .drawing-board .table-grid{width:100%;text-align:center;border-collapse:collapse;table-layout:fixed}.jnpf-basic-generator .center-board-main .drawing-board .table-grid .table-cell{min-height:75px!important;overflow:auto;padding-top:10px}.jnpf-basic-generator .center-board-main .drawing-board .table-grid .drawing-row-item{padding:0 2px;text-align:left}.jnpf-basic-generator .center-board-main .ipad{height:calc(100% - 42px);display:flex;justify-content:center;align-items:center;min-height:711px}.jnpf-basic-generator .center-board-main .ipad .outerIpad{background:url(/static/png/iphoneBg-540786a6.png);width:389px;height:711px;padding:65px 40px}.jnpf-basic-generator .center-board-main .ipad .outerIpad .ipadBody{height:100%}.jnpf-basic-generator .center-board-main .ipad .outerIpad .ipadBody .center-board-row>.ant-form{height:550px!important}html[data-theme=dark] .jnpf-basic-generator .center-board-main .ipad .outerIpad{background:url(/static/png/iphoneBg-dark-af34c4ff.png)}.jnpf-basic-generator .right-board{width:340px;flex-shrink:0;background-color:#fff}.jnpf-basic-generator .right-board .field-box{position:relative;height:calc(100% - 42px);box-sizing:border-box;overflow:hidden}.jnpf-basic-generator .right-board .field-box>.scrollbar>.scrollbar__wrap>.scrollbar__view{padding:10px}.jnpf-basic-generator .right-board .right-board-form .ant-form-item{margin-bottom:18px}.jnpf-basic-generator .right-board .right-board-form .right-radio .ant-radio-button-wrapper{padding:0 11px}.jnpf-basic-generator .right-board .right-board-form .btn-config-list .btn-cell{display:flex;align-items:center;margin-bottom:18px}.jnpf-basic-generator .right-board .right-board-form .btn-config-list .btn-cell .ant-checkbox-wrapper{width:100px;flex-shrink:0}.jnpf-basic-generator .right-board .right-board-form .reg-item{padding:12px 6px;background-color:#f1f4f8;position:relative;border-radius:4px}.jnpf-basic-generator .right-board .right-board-form .reg-item .close-btn{position:absolute;right:-6px;top:-6px;display:block;width:16px;height:16px;line-height:16px;background:rgba(0,0,0,.2);border-radius:50%;color:#fff;text-align:center;z-index:1;cursor:pointer;font-size:12px}.jnpf-basic-generator .right-board .right-board-form .reg-item .close-btn i{font-size:12px}.jnpf-basic-generator .right-board .right-board-form .reg-item .close-btn:hover{background:#ED6F6F}.jnpf-basic-generator .right-board .right-board-form .reg-item+.reg-item{margin-top:18px}.jnpf-basic-generator .right-board .right-board-form .options-list{margin-bottom:-10px}.jnpf-basic-generator .right-board .right-board-form .options-list .scrollbar__wrap{margin-bottom:0!important}.jnpf-basic-generator .right-board .right-board-form .options-list .select-item{display:flex;border:1px dashed #ffffff;box-sizing:border-box}.jnpf-basic-generator .right-board .right-board-form .options-list .select-item .ant-input+.ant-input{margin-left:4px}.jnpf-basic-generator .right-board .right-board-form .options-list .select-item .ant-select{width:100%}.jnpf-basic-generator .right-board .right-board-form .options-list .select-item+.select-item{margin-top:4px}.jnpf-basic-generator .right-board .right-board-form .options-list .select-item.sortable-chosen{border:1px dashed #1890ff}.jnpf-basic-generator .right-board .right-board-form .options-list .select-item .select-line-icon{line-height:31px;font-size:22px;padding:0 4px;color:#606266}.jnpf-basic-generator .right-board .right-board-form .options-list .select-item .select-line-icon .icon-ym-darg{font-size:20px;line-height:31px;display:inline-block}.jnpf-basic-generator .right-board .right-board-form .options-list .select-item .select-line-icon .icon-ym-btn-clearn{font-size:18px}.jnpf-basic-generator .right-board .right-board-form .options-list .select-item .close-btn{cursor:pointer;color:#ed6f6f;height:32px;display:flex;align-items:center}.jnpf-basic-generator .right-board .right-board-form .options-list .select-item .option-drag{cursor:move}.jnpf-basic-generator .right-board .right-board-form .options-list .add-btn{padding-left:27px}.jnpf-basic-generator .right-board .right-board-form .options-list .jnpf-tree__name{width:calc(100% - 60px)}.select-item-add{text-align:center}.select-item-add .ant-btn{padding:4px 12px!important}.ant-select-item-option-content .custom-option-left{float:left}.ant-select-item-option-content .custom-option-right{float:right;color:#00000073;font-size:13px;margin-left:20px}.field-modal .ant-modal-body{height:70vh}.field-modal .ant-modal-body>.scrollbar{padding:0}.field-modal .ant-modal-body>.scrollbar .scrollbar__view .table-add-action{margin-bottom:10px}.business-tip{margin-bottom:10px;padding:0 4px;color:#606266}.JNPF-detail-extra-Modal .ant-modal-body>.scrollbar{padding:20px;overflow:hidden}.JNPF-detail-extra-Modal .ant-modal-body>.scrollbar .detail-extra-contain{height:450px;border-radius:4px;border:1px solid #f0f0f0;display:flex;flex-direction:column}.JNPF-detail-extra-Modal .ant-modal-body>.scrollbar .detail-extra-contain .detail-extra-header{padding:4px 0;border-bottom:1px solid #f0f0f0;text-align:right}.JNPF-detail-extra-Modal .ant-modal-body>.scrollbar .detail-extra-contain .detail-extra-list{flex:1;height:100%;padding:8px 0;overflow:auto}.JNPF-detail-extra-Modal .ant-modal-body>.scrollbar .detail-extra-contain .detail-extra-list .detail-extra-item{display:flex;align-items:center;height:36px;padding:0 10px}.JNPF-detail-extra-Modal .ant-modal-body>.scrollbar .detail-extra-contain .detail-extra-list .detail-extra-item .name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.JNPF-detail-extra-Modal .ant-modal-body>.scrollbar .detail-extra-contain .detail-extra-list .detail-extra-item .action{display:flex}.JNPF-detail-extra-Modal .ant-modal-body>.scrollbar .detail-extra-contain .detail-extra-list .detail-extra-item .action .custom-line-icon{line-height:32px;font-size:22px;padding:0 4px;color:#606266;cursor:pointer}.JNPF-detail-extra-Modal .ant-modal-body>.scrollbar .detail-extra-contain .detail-extra-list .detail-extra-item .action i{font-size:18px!important}.mask-config-modal .ant-modal-body{padding:20px 50px 0!important}.demo-box[data-v-ec10732d]{margin:10px 0;border:1px solid #d9d9d9}.demo-box .demo-box-cell[data-v-ec10732d]{line-height:36px;border-bottom:1px solid #d9d9d9;padding:0 11px}.demo-box .demo-box-cell[data-v-ec10732d]:last-child{border-bottom:0}.demo-box .demo-box-cell p[data-v-ec10732d],.demo-box .demo-box-cell span[data-v-ec10732d]{display:inline-block}.demo-box .demo-box-cell span[data-v-ec10732d]{color:#1890ff}.tree-node-modal .ant-modal-body{padding:20px 50px 0!important}.type-list[data-v-ab3450cb]{display:flex;justify-content:space-between;flex-wrap:wrap}.type-list .type-list-item[data-v-ab3450cb]{width:155px;margin-bottom:10px;cursor:pointer}.type-list .type-list-item[data-v-ab3450cb]:last-child,.type-list .type-list-item[data-v-ab3450cb]:nth-last-child(2){margin-bottom:0}.type-list .type-list-item .ant-alert[data-v-ab3450cb]{text-align:center}.type-list .type-list-item.active .ant-alert[data-v-ab3450cb]{border:1px solid #999}.relation-radio[data-v-57324213]{margin-top:10px}.relation-radio[data-v-57324213] .ant-radio-wrapper,.level-radio[data-v-fd12dee8] .ant-radio-wrapper{display:block}.pane-calc-preview .placeholder-text[data-v-ebf3a7af]{color:#bfbfbf;line-height:32px;font-weight:400;font-size:14px}html[data-theme=dark] .pane-calc-preview[data-v-ebf3a7af]{border:1px solid #303030!important}html[data-theme=dark] .pane-calc-preview .placeholder-text[data-v-ebf3a7af]{color:#565656}.pane-calc-preview[data-v-ebf3a7af]{padding:0 11px;cursor:pointer;min-height:32px;border:1px solid #d9d9d9;border-radius:2px;font-size:13px}.pane-calc-preview span[data-v-ebf3a7af]{line-height:32px}.pane-calc-preview .calc-btn[data-v-ebf3a7af]:first-child{margin-left:0}.calc-btn[data-v-ebf3a7af]{padding:4px 8px;margin:0 6px;background:#ebeef5;cursor:pointer}.calc-btn.error[data-v-ebf3a7af]{background:#ED6F6F}.calc-btn[data-v-ebf3a7af]:hover{background:#F1F4F8}.calc-modal .calc-box[data-v-ebf3a7af]{font-size:12px;line-height:2}.calc-modal .calc-box .calc-tip[data-v-ebf3a7af]{margin:10px 0;font-size:12px;color:#00000073}.calc-modal .calc-box .empty-text[data-v-ebf3a7af]{margin:6px 0;color:#00000073}.calc-modal .calc-box .numBtn[data-v-ebf3a7af]{width:110px;line-height:2.5;overflow:hidden}.calc-modal .calc-box .comBtn .calc-btn[data-v-ebf3a7af]{height:22px;width:22px;padding:0;text-align:center;line-height:22px;display:inline-block}.calc-modal .calc-box .calc-preview[data-v-ebf3a7af]{border:1px solid #f0f0f0;border-radius:2px;min-height:60px;padding:4px 10px;position:relative}.calc-modal .calc-box .calc-preview.error[data-v-ebf3a7af]{border:1px solid #ED6F6F}.calc-modal .calc-box .calc-preview .preview-actions[data-v-ebf3a7af]{position:absolute;bottom:0;right:0}.calc-modal .calc-box .calc-preview .preview-actions .anticon[data-v-ebf3a7af]{font-size:14px;margin-right:8px;cursor:pointer}.calc-modal .calc-box .calc-preview .preview-actions .anticon[data-v-ebf3a7af]:hover{color:#ed6f6f}.map-center-select-modal .scrollbar{padding:20px!important}.map-center-select-modal .map-contain{position:relative}.map-center-select-modal .map-contain .map{width:100%;height:300px}.map-center-select-modal .map-contain .search-contain{width:300px;position:absolute;top:10px;left:10px}.map-center-select-modal .label-contain{margin:15px 0 10px}.map-center-select-modal .label-contain .tips{padding-left:5px;color:#909399}.location-scope-item{display:flex;align-items:center;margin-bottom:5px}.location-scope-item .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.location-scope-item .edit-btn,.location-scope-item .close-btn{cursor:pointer}.location-scope-item .edit-btn .icon-ym,.location-scope-item .close-btn .icon-ym{font-size:18px}.location-scope-item .edit-btn{color:#1890ff;margin:0 5px 0 10px}.location-scope-item .close-btn{color:#ed6f6f}.ai-popover-content[data-v-729b51e6]{width:350px!important;padding:6px}.icon-selected[data-v-729b51e6]{color:#1890ff!important}.JNPF-ai-field-Modal .scrollbar{padding:0!important}.JNPF-ai-field-Modal .ant-table-wrapper{min-height:400px}
|
