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