浮动表头的onresize宽度变化等

resources/js/queryForm/header.js

@@ -7,7 +7,7 @@
 window.sort=require('../utilities/sort');
 window.Header = function getHeader(object) {
     this._header = object.el || '#header';  //基点元素
-    this._column = object.column;   //列名
+    this._columns = object.column;   //列名
     this._data = object.data;   //被排序数据
     this._restorationColumn = object.restorationColumn; //恢复原数据基准字段
     this._fixedTop = object.fixedTop || 0;  //同级浮动元素高度，使当前元素追加该元素高度浮动
@@ -41,6 +41,14 @@ window.Header = function getHeader(object) {
                 _parentNodeTemp.css('margin-left',"");
             }
         });
+        let resetTrWidth = function(){
+            _parentNodeTemp.find('tr').css('width',$(document).width());
+            this._columns.forEach(function (column){
+                $("#dom_"+column.name+"_temp").css('width',$("#dom_"+column.name).width())
+            })
+        };
+        $(window).resize(resetTrWidth);
+        setTimeout(resetTrWidth,200)
     }
 
     /**
@@ -130,7 +138,7 @@ window.Header = function getHeader(object) {
     };
     //追加表头字段
     function append() {
-        _this._column.forEach(function (column) {
+        _this._columns.forEach(function (column) {
             if (column.customization){
                 let _th = $("<th id='dom_"+column.name+"'><span style='display: inline-block'></span></th>");
                 $(_th.children()[0]).append(column.dom);
@@ -171,7 +179,7 @@ window.Header = function getHeader(object) {
         _parentNodeTemp.height(height);
         _parentNodeTemp.attr('id',_parentNode.attr('id')+"Temp");
         $(_this._header+"Roll").append(_parentNodeTemp);
-        _this._column.forEach(function (column) {
+        _this._columns.forEach(function (column) {
             let column_dom = $('#dom_'+column.name);
             let column_dom_temp = column_dom.clone();
             let columnNameDom = column_dom_temp.children()[0];

resources/views/inventory/statement/changeInventory.blade.php

@@ -56,8 +56,8 @@
 
 @section('lastScript')
     <script type="text/javascript" src="{{asset('js/queryForm/export200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200825.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
         let vue=new Vue({
             el:"#list",

resources/views/maintenance/role/index.blade.php

@@ -49,7 +49,7 @@
 @endsection
 
 @section('lastScript')
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
         new Vue({
             el:"#list",

resources/views/maintenance/user/index.blade.php

@@ -16,6 +16,12 @@
                 <div id="list">
                     <table class="table table-bordered table-sm d-none" id="headerRoll"></table>
                     <table class="table table-striped table-sm" id="headerParent">
+                        <tr>
+                            <th data_field="id">id</th>
+                            <th data_field="name">name</th>
+                            <th>xx</th>
+                            <th>xxz</th>
+                        </tr>
                         <tr id="header"></tr>
                         <tr v-for="user in users">
                             <td class="text-muted">@{{user.id}}</td>
@@ -50,8 +56,11 @@
 @endsection
 
 @section('lastScript')
-    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script>
+
+    </script>
+    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200825.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
         new Vue({
             el:"#list",
@@ -73,16 +82,16 @@
                     condition: data,
                 })
                 this.form.init();
-                let column = [
-                    {name:'id',value: 'ID'},
-                    {name:'name',value: '用户名'},
-                    {name:'role_name',value: '角色', neglect: true},
-                    {name:'workgroup_name',value: '工作组', neglect: true},
-                    {name:'carrier_name',value: '配置承运商', neglect: true},
-                    {name:'email',value: '邮件地址'},
-                    {name:'created_at',value: '创建时间'},
-                    {name:'operation',value: '操作', neglect: true},
-                ];
+                // let column = [
+                //     {name:'id',value: 'ID'},
+                //     {name:'name',value: '用户名'},
+                //     {name:'role_name',value: '角色', neglect: true},
+                //     {name:'workgroup_name',value: '工作组', neglect: true},
+                //     {name:'carrier_name',value: '配置承运商', neglect: true},
+                //     {name:'email',value: '邮件地址'},
+                //     {name:'created_at',value: '创建时间'},
+                //     {name:'operation',value: '操作', neglect: true},
+                // ];
                 let header = new Header({
                     column: column,
                     data: this.users,

resources/views/order/index/delivering.blade.php

@@ -140,8 +140,8 @@
 
 @section('lastScript')
     <script type="text/javascript" src="{{asset('js/queryForm/export200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200825.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
         let vue=new Vue({
             el:"#list",

resources/views/order/issue/index.blade.php

@@ -407,7 +407,7 @@
         }
 
     </style>
-    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200818a.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200825.js')}}"></script>
     <script type="text/javascript" src="{{asset('js/queryForm/export200818a.js')}}"></script>
     <script>
         let listVue = new Vue({

resources/views/order/wave/search.blade.php

@@ -82,7 +82,7 @@
 @endsection
 
 @section("lastScript")
-    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200818a.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200825.js')}}"></script>
     <script>
         let vueList = new Vue({
             el: "#wave_div",

resources/views/personnel/laborReport/index.blade.php

@@ -211,8 +211,8 @@
 
 @section('lastScript')
     <script type="text/javascript" src="{{asset('js/queryForm/export200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200825.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
         let today=(new Date());
         function isTomorrow(){

resources/views/process/index.blade.php

@@ -462,8 +462,8 @@
 
 @section('lastScript')
     <script type="text/javascript" src="{{asset('js/queryForm/export200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200825.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
         let vue = new Vue({
             el:"#process",

resources/views/rejected/search/analyze.blade.php

@@ -62,7 +62,7 @@
 @section('lastScript')
     <script src="{{asset('js/queryForm/export200818a.js')}}"></script>
     <script src="{{asset('js/queryForm/queryForm200803a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
         let vue = new Vue({
             el:"#list",

resources/views/rejected/search/general.blade.php

@@ -176,8 +176,8 @@
         let csrfInput='@csrf';
     </script>
     <script src="{{asset('js/queryForm/export200818a.js')}}"></script>
-    <script src="{{asset('js/queryForm/queryForm200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script src="{{asset('js/queryForm/queryForm200825.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
         let vue = new Vue({
             el:"#list",

resources/views/store/index.blade.php

@@ -34,7 +34,7 @@
 @endsection
 
 @section('lastScript')
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
         let vue = new Vue({
             el:'#fast',

resources/views/store/storeItem/index.blade.php

@@ -38,7 +38,7 @@
 @endsection
 
 @section('lastScript')
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
         let vue = new Vue({
             el:'#item',

resources/views/waybill/delivering.blade.php

@@ -187,7 +187,7 @@
     .color1{background-color: #FFA07A}
     .color2{background-color: cornflowerblue}
 </style>
-<script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+<script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
 <script>
     new Vue({
         el:"#list",

resources/views/waybill/index.blade.php

@@ -334,8 +334,8 @@
         }
     </style>
     <script type="text/javascript" src="{{asset('js/queryForm/export200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200825.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
         let vue = new Vue({
             el:'#list',

resources/views/waybill/waybillFinancialSnapshot/index.blade.php

@@ -133,7 +133,7 @@
 @stop
 
 @section('lastScript')
-<script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+<script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
 <script>
     let vue = new Vue({
         el:'#editingPanel',

resources/views/weight/package/index.blade.php

@@ -58,8 +58,8 @@
 
 @section('lastScript')
     <script type="text/javascript" src="{{asset('js/queryForm/export200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200818a.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/queryForm200825.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
             @if(isset($request))
         let request={!! json_encode($request) !!};

resources/views/weight/weightExcepted/index.blade.php

@@ -86,7 +86,7 @@
 @endsection
 
 @section('lastScript')
-    <script type="text/javascript" src="{{asset('js/queryForm/header200819.js')}}"></script>
+    <script type="text/javascript" src="{{asset('js/queryForm/header200825.js')}}"></script>
     <script>
         let vue = new Vue({
             el:"#list",

webpack.mix.js

@@ -19,7 +19,7 @@ mix.copy('resources/images','public/images');
 mix.copy('resources/icon/faviconc.ico','public/faviconc.ico');
 mix.js('resources/js/trix.js','public/js/trix.js');
 mix.copy('resources/sass/trix.css','public/css/trix.css');
-mix.copy('resources/js/queryForm/queryForm.js','public/js/queryForm/queryForm200818a.js');
+mix.copy('resources/js/queryForm/queryForm.js','public/js/queryForm/queryForm200825.js');
 mix.copy('resources/js/queryForm/export.js','public/js/queryForm/export200818a.js');
-mix.js('resources/js/queryForm/header.js','public/js/queryForm/header200819.js');
+mix.js('resources/js/queryForm/header.js','public/js/queryForm/header200825.js');