itsm-pc-handle/assets/views/system/dashboard/dashboardeditor.html

<style>
    * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    [ng-drag] {
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    [ng-drag].drag-over {
        /*border: solid 1px red;*/
    }
    
    [ng-drag].dragging {
        opacity: 0.5;
    }
    
    [ng-drop] {
        /*background: rgba(0, 0, 0, 0.25);*/
        /*text-align: center;*/
        display: block;
        cursor: move;
        position: relative;
        /*padding: 20px;*/
        /* width: 100%; */
        /*height: 320px;*/
        float: left;
        margin-bottom: 10px;
    }
    
    [ng-drop].drag-enter {
        border: solid 3px red;
    }
    
    [ng-drop] span.title {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 200px;
        /*height: 20px;*/
        margin-left: -100px;
        /*margin-top: -10px;*/
    }
    
    [ng-drop] div {
        position: relative;
        /*z-index: 2;*/
    }
    
    .draglist {
        display: inline-block;
        margin: 0 auto;
    }
</style>
<div ng-controller="DashboardformCtrl">
    <div class="col-xs-12">
        <button type="button" style="margin-right:-15px" class="pull-right btn btn-primary" ng-disabled="filboard.length==resonseform.fields.length" ng-click="addModel()"><i class="fa  fa-plus"></i></button></div>
    <div>
        <!--{{title}}-->
        <form ng-submit="vm.submit(vm.model,'expand-right')">
            <!--<formly-form model="vm.model" fields="vm.fields" options="vm.options" form="vm.form" ng-if="vm.fields.length">
                <div></div>
                <div class="col-xs-12 margin-top-30 margin-bottom-30">

                </div>
            </formly-form>-->
            <div ng-repeat="field in vm.fields" ng-if="!field.hide" ng-drop="true" ng-drop-success="onDropComplete($index, $data,$event)" class={{field.className}}>
                <div ng-drag="true" ng-drag-data="field">
                    <!-- <div class="headfont listheader margin-left-15 margin-right-15">{{field.templateOptions.label}}
                        <span class="dropdown pull-right" dropdown on-toggle="toggled(open)">
                            <a href class="dropdown-toggle" dropdown-toggle>
                                <i class="fa fa-ellipsis-v" style="padding:5px 15px"></i>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a ng-click="more(field)"><i class="ti-settings margin-right-5"></i>更多</a></li>
                                <li><a ng-click="removes(field)"><i class="ti-close margin-right-5"></i>隐藏</a></li>
                            </ul> 
                        </span>
                    </div> -->
                    <!--<div>-->
                    <div formly-field="" removeClass class="formly-field ng-scope ng-isolate-scope formly-field-ui-ngtable" options="field" model="field.model || field" original-model="field" fields="field" ng-if="vm.fields.length" form="theFormlyForm" form-id="formly_1"
                        form-state="options.formState" form-options="options" index="$index">
                    </div>
                    <!--</div>-->
                </div>
            </div>
            <div class="col-xs-12 margin-top-30 margin-bottom-30">
                <button type="button" ladda="ldloading.sm" class="col-md-offset-10 btn btn-primary ladda-button" translate="form.button.SUBMIT" ng-click="submit(vm)">Submit</button>
            </div>
            <!--<div formly-field="" ng-repeat="field in fields " ng-if="!field.hide" class="formly-field ng-scope ng-isolate-scope col-xs-12 formly-field-ui-ngtable" options="field" model="field.model || model" original-model="model" fields="fields" form="theFormlyForm"
                form-id="formly_1" form-state="options.formState" form-options="options" index="$index">-->

            <!--<div ng-repeat="field in vm.fields" ng-if="!field.hide" ng-drop="true" ng-drop-success="onDropComplete($index, $data,$event)">
                <div ng-drag="true" ng-drag-data="field" ng-class="field.name" class="col-xs-6">
                    <div formly-field="" ng-repeat="field in fields " ng-if="!field.hide" class="formly-field ng-scope ng-isolate-scope col-xs-12 formly-field-ui-ngtable" options="field" model="field.model || model" original-model="model" fields="fields" form="theFormlyForm"
                        form-id="formly_1" form-state="options.formState" form-options="options" index="$index">
                    </div>
                </div>
            </div>-->

            <!--<formly-form model="vm.model" fields="vm.fields" options="vm.options" form="vm.form" ng-if="vm.fields.length">
                <div></div>
                <div class="col-xs-12 margin-top-30 margin-bottom-30">

                </div>
            </formly-form>-->
        </form>
    </div>
</div>
<!-- ng-disabled="disablebton " -->