修复岗位错误

2021-12-02 01:12:38 +08:00
parent 77b8563de3
commit b9833d0973
13 changed files with 38 additions and 38 deletions
@@ -0,0 +1,3 @@
+<form class="form-horizontal form-controller" method="post" id="user_post" name="user_post">
+    {{$form['tpl']}}
+</form>
@@ -0,0 +1,46 @@
+<div class="padder">
+    <div class="m-t-sm m-b-sm">
+        <form id="dialog-{{$search['query']['id']}}-search-form" class="form-inline" method="get">
+            @include('searchForm')
+        </form>
+    </div>
+</div>
+    
+<div id="dialog-{{$search['query']['id']}}" class="ag-theme-balham" style="width:100%;height:380px;"></div>
+
+<script>
+(function ($) {
+    var search = JSON.parse('{{json_encode($search)}}');
+    var params = search.query;
+
+    var grid = new agGridOptions();
+    var option = gdoo.dialogInit(params, grid);
+    grid.remoteDataUrl = '{{url()}}';
+    grid.remoteParams = params;
+
+    grid.columnDefs = [
+        {suppressMenu: true, cellClass:'text-center', checkboxSelection: true, headerCheckboxSelection: grid.multiple, suppressSizeToFit: true, sortable: false, width: 40},
+        {suppressMenu: true, cellClass:'text-center', field: 'name', headerName: '名称', width: 200},
+        {suppressMenu: true, cellClass:'text-center', field: 'id', headerName: 'ID', width: 60}
+    ];
+
+    var gridDiv = document.querySelector("#dialog-{{$search['query']['id']}}");
+    new agGrid.Grid(gridDiv, grid);
+
+    grid.remoteData();
+
+    var data = search.forms;
+    var search = $("#dialog-{{$search['query']['id']}}-search-form").searchForm({
+        data: data
+    });
+    search.find('#search-submit').on('click', function() {
+        var params = search.serializeArray();
+        $.map(params, function(row) {
+            data[row.name] = row.value;
+        });
+        grid.remoteData(data);
+        return false;
+    });
+
+})(jQuery);
+</script>
@@ -0,0 +1,45 @@
+<div class="gdoo-list-page" id="{{$header['master_table']}}-page">
+
+    <div class="gdoo-list panel">
+        <div class="gdoo-list-header">
+            <gdoo-grid-header :header="header" :grid="grid" :action="action" />
+        </div>
+
+        <div class='gdoo-list-grid'>
+            <div id="{{$header['master_table']}}-grid" class="ag-theme-balham"></div>
+        </div>
+    </div>
+
+</div>
+
+<script>
+Vue.createApp({
+    components: {
+        gdooGridHeader,
+    },
+    setup(props, ctx) {
+        var table = '{{$header["master_table"]}}';
+
+        var config = new gdoo.grid(table);
+
+        var grid = config.grid;
+        grid.autoColumnsToFit = true;
+        grid.remoteDataUrl = '{{url()}}';
+
+        var action = config.action;
+        // 双击行执行的方法
+        action.rowDoubleClick = action.edit;
+
+        var setup = config.setup;
+
+        Vue.onMounted(function() {
+            var gridDiv = config.div(136);
+            // 初始化数据
+            grid.remoteData({page: 1}, function(res) {
+                config.init(res);
+            });
+        });
+        return setup;
+    }
+}).mount("#{{$header['master_table']}}-page");
+</script>