.draggable-box[data-v-513265b0]{height:100%;overflow:auto}.draggable-box[data-v-513265b0] .list-main{overflow:hidden;padding:5px;position:relative}.draggable-box[data-v-513265b0] .list-main .moving{min-height:35px;box-sizing:border-box;overflow:hidden;padding:0!important;position:relative}.draggable-box[data-v-513265b0] .list-main .moving:before{content:"";height:5px;width:100%;background-color:#0960bd;position:absolute;top:0;right:0}.draggable-box[data-v-513265b0] .list-main .drag-move-box{position:relative;box-sizing:border-box;padding:8px;overflow:hidden;transition:all .3s;min-height:60px}.draggable-box[data-v-513265b0] .list-main .drag-move-box:hover{background-color:#0960bd33}.draggable-box[data-v-513265b0] .list-main .drag-move-box:before{content:"";height:5px;width:100%;background-color:#0960bd;position:absolute;top:0;right:-100%;transition:all .3s}.draggable-box[data-v-513265b0] .list-main .drag-move-box.active{background-color:#0960bd33;outline-offset:0}.draggable-box[data-v-513265b0] .list-main .drag-move-box.active:before{right:0}.draggable-box[data-v-513265b0] .list-main .drag-move-box .form-item-box{position:relative;box-sizing:border-box;word-wrap:break-word}.draggable-box[data-v-513265b0] .list-main .drag-move-box .form-item-box:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0}.draggable-box[data-v-513265b0] .list-main .drag-move-box .form-item-box .ant-form-item{margin:0;padding-bottom:6px}.draggable-box[data-v-513265b0] .list-main .drag-move-box .show-key-box{position:absolute;bottom:2px;right:5px;font-size:14px;color:#0960bd}.draggable-box[data-v-513265b0] .list-main .drag-move-box .copy,.draggable-box[data-v-513265b0] .list-main .drag-move-box .delete{position:absolute;top:0;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;transition:all .3s}.draggable-box[data-v-513265b0] .list-main .drag-move-box .copy.unactivated,.draggable-box[data-v-513265b0] .list-main .drag-move-box .delete.unactivated{opacity:0!important;pointer-events:none}.draggable-box[data-v-513265b0] .list-main .drag-move-box .copy.active,.draggable-box[data-v-513265b0] .list-main .drag-move-box .delete.active{opacity:1!important}.draggable-box[data-v-513265b0] .list-main .drag-move-box .copy{border-radius:0 0 0 8px;right:30px;background-color:#0960bd}.draggable-box[data-v-513265b0] .list-main .drag-move-box .delete{right:0;background-color:#0960bd}.draggable-box[data-v-513265b0] .list-main .grid-box{position:relative;box-sizing:border-box;padding:5px;background-color:#9867f71f;width:100%;transition:all .3s;overflow:hidden}.draggable-box[data-v-513265b0] .list-main .grid-box .form-item-box{position:relative;box-sizing:border-box}.draggable-box[data-v-513265b0] .list-main .grid-box .form-item-box .ant-form-item{margin:0;padding-bottom:15px}.draggable-box[data-v-513265b0] .list-main .grid-box .grid-row{background-color:#9867f71f}.draggable-box[data-v-513265b0] .list-main .grid-box .grid-row .grid-col .draggable-box{min-height:80px;min-width:50px;border:1px #ccc dashed}.draggable-box[data-v-513265b0] .list-main .grid-box .grid-row .grid-col .draggable-box .list-main{min-height:83px;position:relative;border:1px #ccc dashed}.draggable-box[data-v-513265b0] .list-main .grid-box:before{content:"";height:5px;width:100%;background:transparent;position:absolute;top:0;right:-100%;transition:all .3s}.draggable-box[data-v-513265b0] .list-main .grid-box.active{background-color:#9867f73d;outline-offset:0}.draggable-box[data-v-513265b0] .list-main .grid-box.active:before{background-color:#9867f7;right:0}.draggable-box[data-v-513265b0] .list-main .grid-box>.copy-delete-box>.copy,.draggable-box[data-v-513265b0] .list-main .grid-box>.copy-delete-box>.delete{position:absolute;top:0;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;transition:all .3s}.draggable-box[data-v-513265b0] .list-main .grid-box>.copy-delete-box>.copy.unactivated,.draggable-box[data-v-513265b0] .list-main .grid-box>.copy-delete-box>.delete.unactivated{opacity:0!important;pointer-events:none}.draggable-box[data-v-513265b0] .list-main .grid-box>.copy-delete-box>.copy.active,.draggable-box[data-v-513265b0] .list-main .grid-box>.copy-delete-box>.delete.active{opacity:1!important}.draggable-box[data-v-513265b0] .list-main .grid-box>.copy-delete-box>.copy{border-radius:0 0 0 8px;right:30px;background-color:#9867f7}.draggable-box[data-v-513265b0] .list-main .grid-box>.copy-delete-box>.delete{right:0;background-color:#9867f7}.v-form-container .ant-form-inline .list-main[data-v-513265b0]{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start}.v-form-container .ant-form-inline .list-main .layout-width[data-v-513265b0]{width:100%}.v-form-container .ant-form-inline .ant-form-item-control-wrapper[data-v-513265b0]{min-width:175px!important}.form-panel[data-v-513265b0]{position:relative;height:100%}.form-panel .empty-text[data-v-513265b0]{position:absolute;z-index:100;inset:-10% 0 0;height:150px;margin:auto;color:#aaa}.form-panel .draggable-box .drag-move[data-v-513265b0]{min-height:62px;cursor:move}.form-panel .draggable-box .list-main[data-v-513265b0]{height:100%;overflow:auto}.form-panel .draggable-box .list-main .list-enter-active[data-v-513265b0]{transition:all .5s}.form-panel .draggable-box .list-main .list-leave-active[data-v-513265b0]{transition:all .3s}.form-panel .draggable-box .list-main .list-enter[data-v-513265b0],.form-panel .draggable-box .list-main .list-leave-to[data-v-513265b0]{transform:translate(-100px);opacity:0}.form-panel .draggable-box .list-main .list-enter[data-v-513265b0]{height:30px}
|
