Merge branch 'zzd' of ssh://was.baoshi56.com:10022/var/git/bswas

 Conflicts:

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

app/Http/Controllers/TestController.php

@@ -161,8 +161,6 @@ class TestController extends Controller
 
     public function test()
     {
-        $a = new DeliveryAppointmentController();
-        dd($a->getExhibitionList());
         return view("test");
     }
 

resources/js/queryForm/header.js

@@ -1,5 +1,5 @@
-window.checkData = [];
-window.sort=require('../utilities/sort');
+window.checkData = []; //全选 数据池
+window.sort=require('../utilities/sort');//排序组件
 window.Header = function getHeader(object) {
     let _targetDom = object.el ? document.getElementById(object.el) : document.getElementsByTagName("table")[0];//基点元素
     let _columns = object.column;   //列名
@@ -8,21 +8,19 @@ window.Header = function getHeader(object) {
     let _data = object.data || [];   //被排序数据
     let _restorationColumn = object.restorationColumn || 'id'; //恢复原数据基准字段
     let _is_restorationColumn_asc = object.is_restorationColumn_asc || false;    //恢复原数据基准字段的排序类型 true:asc false:desc
-    let _before = object.before;
-    let _name = object.name ? object.name+"." : "";
+    let _before = object.before;//前置元素
+    let _name = object.name ? object.name+"." : "";//唯一名称 用于区别模块 本地存储
 
-    let sortType = {};
-    let columnArr = [];
+    let sortType = {}; //排序类型
+    let columnArr = []; //列数组
 
-    let moveTd = {};
+    let moveTd = {}; //移动列
 
-    let table = document.createElement("table");
-
-    function getTargetChildNode(dom) {
+    function getTargetChildNode(dom) { //递归获取input子节点
         if (!dom || dom.tagName==='INPUT')return dom;
         return getTargetChildNode(dom.firstElementChild);
     }
-    function createHeaderBefore() {
+    function createHeaderBefore() {//生成前置元素
         let tr = document.createElement("tr");
         _before.forEach(be=>{
             let th = document.createElement("th");
@@ -36,128 +34,60 @@ window.Header = function getHeader(object) {
             if (be.class)th.className = be.class;
             tr.appendChild(th);
         });
-        table.appendChild(tr);
+        _targetDom.insertBefore(tr, _targetDom.firstChild);
     }
-    function createHeader() {
-        let div = document.createElement("div");
-        div.style.position = "sticky";
-        div.style.position = "-webkit-sticky";
-        div.style.top = _fixedTop+"px";
-        table.style.backgroundColor = "white";
-        div.style.zIndex = "999";
-        table.className = "table table-bordered mb-0 text-center";
+    function appendFloat(th) {
+        th.style.position = "sticky";
+        th.style.position = "-webkit-sticky";
+        th.style.top = _fixedTop+"px";
+        th.style.backgroundColor = "white";
+        th.style.zIndex = "999";
+    }
+    function createHeader() {//生成表头列
         let tr = document.createElement("tr");
+        tr.className = "text-center";
         let firstTr = _targetDom.getElementsByTagName("tr")[0];
         let tds = [];
-            if (!firstTr){
-            tr.className = "text-nowrap";
-        }else tds = firstTr.children;
-        if (_isCheckAllBox){
+        if (firstTr)tds = firstTr.children;
+
+        if (_isCheckAllBox){//是否开启全选
             let th = document.createElement("th");
+            appendFloat(th);
             if (firstTr) th.style.minWidth = tds[0].offsetWidth+"px";
             th.className = "text-left";
             let check = document.createElement("input");
             check.type = "checkbox";
             check.id = "checkAll";
-            let trs = _targetDom.children;
-            if (firstTr){
-                while(trs[0].tagName !== 'TR')trs = trs[0].children;
-                check.onchange = function () {
-                    if (event.target.checked){
-                        for (let i=0;i<trs.length;i++){
-                            let checkbox = getTargetChildNode(trs[i].children[0]);
-                            if (checkbox && !checkbox.checked){
-                                checkData.push(checkbox.value);
-                                checkbox.checked = true;
-                            }
-                        }
-                    }else{
-                        checkData = [];
-                        for (let i=0;i<trs.length;i++){
-                            let checkbox = getTargetChildNode(trs[i].children[0]);
-                            if (checkbox && checkbox.checked)checkbox.checked = false;
-                        }
-                    }
-                };
-                for (let i=0;i<trs.length;i++){
-                    let checkbox = getTargetChildNode(trs[i].children[0]);
-                    if (checkbox) checkbox.onchange = function () {
-                        if (event.target.checked)checkData.push(checkbox.value);
-                        else checkData.splice(checkData.indexOf(checkbox.value),1);
-                        if (checkData.length === _data.length && !check.checked)check.checked=true;
-                        if (checkData.length !== _data.length && check.checked) check.checked=false;
-                    }
-                }
-            }
+            if (firstTr)bindCheckbox(check);
             th.appendChild(check);
             tr.appendChild(th);
         }
+
         let i = (_isCheckAllBox && firstTr) ? 1 : 0;
         for (i;i<(tds.length>0 ? tds.length : _columns.length);i++){
             let th = document.createElement("th");
+            appendFloat(th);
             let column = _columns[(_isCheckAllBox && firstTr) ? i-1 : i];
             let wid = localStorage.getItem(_name+column.name);
             if (wid){
-                if (firstTr){
-                    _targetDom.style.width = _targetDom.offsetWidth+(wid-tds[i].offsetWidth)+"px";
-                    tds[i].style.minWidth = wid+"px";
-                }
-                th.style.minWidth = wid+"px";
-            }else if (firstTr) th.style.minWidth = (tds[i].offsetWidth-0.4)+"px";
-            if (_columns && column){
-                switch (column.type) {
-                    case "multi":
-                        th = multiColumn(th,column);
-                        break;
-                    default:
-                        th = defaultColumn(th,column);
+                let trs = _targetDom.children;
+                while(trs[0].tagName !== 'TR')trs = trs[0].children;
+                for (let j=0;j<trs.length;j++){
+                    trs[j].children[i].style.minWidth = wid+"px";
                 }
             }
-            tr.appendChild(th);
-        }
-        for (let j=0;j<tr.children.length;j++){
-            tr.children[j].onmousedown = function (){
-                if (j===0 && event.offsetX<10)return;
-                if(event.offsetX<10)moveTd = {oldX:event.clientX,dom:tr.children[j-1],index:j-1};
-                if (event.offsetX > tr.children[j].offsetWidth-10)moveTd = {oldX:event.clientX,dom:tr.children[j],index:j};
-            };
-            tr.children[j].onmousemove = function () {
-                if (j===0 && event.offsetX<10)return;
-                if(event.offsetX<10 || event.offsetX > tr.children[j].offsetWidth-10)
-                    this.style.cursor = 'w-resize';
-                else this.style.cursor = 'default';
+            if (column){
+                if (column.type === 'multi')  multiColumn(th,column);
+                else defaultColumn(th,column);
             }
+            tr.appendChild(th);
         }
-        document.onmouseup = function (){
-            if (moveTd.oldX){
-                event.stopPropagation();
-                moveTd.dom.style.cursor = 'default';
-                moveTd.oldX = undefined;
-                setTimeout(function () {
-                    let column = _columns[(_isCheckAllBox && firstTr) ? moveTd.index-1 : moveTd.index];
-                    if (column) localStorage.setItem(_name+column.name, moveTd.dom.offsetWidth);
-                });
-            }
-        };
-        document.onmousemove = function(){
-            if (moveTd.oldX){
-                event.stopPropagation();
-                let diff = event.clientX-moveTd.oldX;
-                let newWidth = moveTd.dom.offsetWidth+diff+"px";
-                moveTd.dom.style.minWidth = newWidth;
-                _targetDom.style.width = table.offsetWidth+"px";
-                setTimeout(()=>{
-                    if (tds.length>0)tds[moveTd.index].style.minWidth = newWidth;
-                },0);
-                moveTd.oldX = event.clientX;
-            }
-        };
-        table.appendChild(tr);
-        div.appendChild(table);
-        _targetDom.parentNode.insertBefore(div,_targetDom);
+        bindMove(tr);
+        if (_targetDom.firstChild) _targetDom.insertBefore(tr, _targetDom.firstChild);
+        else _targetDom.appendChild(tr);
     }
 
-    function multiColumn(th,column) {
+    function multiColumn(th,column) { //多列样式的生成
         if (column.title){
             let div = document.createElement("div");
             div.className="w-100 text-center";
@@ -177,8 +107,8 @@ window.Header = function getHeader(object) {
         }
         return th;
     }
-    
-    function defaultColumn(th,column) {
+
+    function defaultColumn(th,column) { //默认列样式的生成
         if (column.style)for (let key in column.style)if (column.style.hasOwnProperty(key)) th.style[key] = column.style[key];
         if (column.class)th.className =  column.class;
         let span = document.createElement("span");
@@ -188,7 +118,7 @@ window.Header = function getHeader(object) {
             let font = document.createElement("span");
             font.className = "fa fa-sort";
             span.appendChild(font);
-            span.onclick = rule(column,font);
+            span.onclick = rule(column,font); //绑定排序事件
         }
         span.appendChild(document.createTextNode((column.value ? column.value : '')));
         th.appendChild(span);
@@ -257,9 +187,82 @@ window.Header = function getHeader(object) {
             }
         }
     }
+    function bindCheckbox(check) {
+        let trs = _targetDom.children;
+        while(trs[0].tagName !== 'TR')trs = trs[0].children;
+        check.onchange = function () {
+            if (event.target.checked){
+                for (let i=0;i<trs.length;i++){
+                    let checkbox = getTargetChildNode(trs[i].children[0]);
+                    if (checkbox && !checkbox.checked){
+                        checkData.push(checkbox.value);
+                        checkbox.checked = true;
+                    }
+                }
+            }else{
+                checkData = [];
+                for (let i=0;i<trs.length;i++){
+                    let checkbox = getTargetChildNode(trs[i].children[0]);
+                    if (checkbox && checkbox.checked)checkbox.checked = false;
+                }
+            }
+        };
+        for (let i=0;i<trs.length;i++){
+            let checkbox = getTargetChildNode(trs[i].children[0]);
+            if (checkbox) checkbox.onchange = function () {
+                if (event.target.checked)checkData.push(checkbox.value);
+                else checkData.splice(checkData.indexOf(checkbox.value),1);
+                if (checkData.length === _data.length && !check.checked)check.checked=true;
+                if (checkData.length !== _data.length && check.checked) check.checked=false;
+            }
+        }
+    }
+    function bindMove(tr) {
+        for (let j=0;j<tr.children.length;j++){ //为首列绑定拖拽列宽事件
+            tr.children[j].onmousedown = function (){
+                if (j===0 && event.offsetX<10)return;
+                if(event.offsetX<10)moveTd = {oldX:event.clientX,dom:tr.children[j-1],index:j-1};
+                if (event.offsetX > tr.children[j].offsetWidth-10)moveTd = {oldX:event.clientX,dom:tr.children[j],index:j};
+            };
+            tr.children[j].onmousemove = function () {
+                if (j===0 && event.offsetX<10)return;
+                if(event.offsetX<10 || event.offsetX > tr.children[j].offsetWidth-10)
+                    this.style.cursor = 'w-resize';
+                else this.style.cursor = 'default';
+            }
+        }
+        document.onmouseup = function (){ //全局监听拖拽列宽的发生 作用域设为全局是为了防抖动
+            if (moveTd.oldX){
+                event.stopPropagation();
+                moveTd.dom.style.cursor = 'default';
+                moveTd.oldX = undefined;
+                setTimeout(function () {
+                    let column = _columns[(_isCheckAllBox && _targetDom.firstChild) ? moveTd.index-1 : moveTd.index];
+                    if (column) localStorage.setItem(_name+column.name, moveTd.dom.offsetWidth);
+                });
+            }
+        }; //移动时调整表头与表身的列宽
+        document.onmousemove = function(){
+            if (moveTd.oldX){
+                event.stopPropagation();
+                let diff = event.clientX-moveTd.oldX;
+                let newWidth = moveTd.dom.offsetWidth+diff+"px";
+                setTimeout(()=>{
+                    let trs = _targetDom.children;
+                    if (trs){
+                        while(trs[0].tagName !== 'TR')trs = trs[0].children;
+                        for (let j=0;j<trs.length;j++){
+                            if (trs[j].children[moveTd.index]) trs[j].children[moveTd.index].style.minWidth = newWidth;
+                        }
+                    }
+                },0);
+                moveTd.oldX = event.clientX;
+            }
+        };
+    }
     //初始化
     this.init = function() {
-        if (_before)createHeaderBefore();
         createHeader();
+        if (_before)createHeaderBefore();
     };
 };

resources/sass/layout.scss

@@ -54,19 +54,19 @@ table,table.table-striped tbody{
     }
     th{
         &.td-warm{
-            background: #af7651;
+            background: #af7651 !important;
         }
         &.td-cool{
-            background: #aac7ea;
+            background: #aac7ea !important;
         }
         &.td-helpful{
-            background: #aaeace;
+            background: #aaeace !important;
         }
         &.td-yellow{
-            background: #f8eea0;
+            background: #f8eea0 !important;
         }
         &.td-calm{
-            background: #c6d8e3;
+            background: #c6d8e3 !important;
         }
     }
     td,tr:nth-of-type(odd){

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

@@ -52,7 +52,7 @@
                         </div><!-- /.modal-content -->
                     </div><!-- /.modal -->
                 </div>
-                <table class="table table-sm table-striped table-bordered table-hover card-body td-min-width-80" id="table">
+                <table class="table table-striped table-bordered table-hover card-body td-min-width-80" id="table">
                     <tr v-for="(order,i) in orders" @click="selectedColor(order.orderno)" :style="{'background-color': order.orderno==selectedStyle?'#aac7ea':''}">
                         <td>
                             <input class="checkItem" type="checkbox" :value="order.orderno">
@@ -91,7 +91,7 @@
                         <td class="text-nowrap"> @{{ order.warehouseid }}</td>
                         <td class="text-nowrap"><span v-if="order.edisendflag2=='Y'">是</span><span v-if="order.edisendflag2=='N'">否</span><span v-if="order.edisendflag2=='W'">错误</span></td>
                         <td class="text-nowrap">@{{ order.edisendtime2 }}</td>
-                        <td colspan="7" class="text-center" style="min-width: 900px">
+                        <td class="text-center" style="min-width: 900px">
                             <div :class="commodities[order.orderno]&&commodities[order.orderno].length==1 ? '' : 'up'" :id="'order-'+i">
                                 <div v-for="oracleDOCOrderDetail in commodities[order.orderno]" class="row">
                                     <div class="col-2">@{{ oracleDOCOrderDetail.sku }}</div>
@@ -339,12 +339,12 @@
                     {name:'c_province',value: '省'},
                     {name:'c_city',value: '市'},
                     {name:'c_district',value: '区'},
-                    {name:'c_address1',value: '收货人地址', style:"min-width:320px;"},
+                    {name:'c_address1',value: '收货人地址'},
                     {name:'waveno',value: '波次编号'},
                     {name:'warehouseid',value: '仓库'},
                     {name:'edisendflag2',value: '快递获取标记'},
                     {name:'edisendtime2',value: '快递获取时间'},
-                    {name:"commodity",type:"multi",title:"商品信息",rows:[
+                    {name:"commodity", type:"multi",title:"商品信息",rows:[
                             {value:"产品代码",col:"2"},
                             {value:"产品条码",col:"2"},
                             {value:"产品名称",col:"2"},
@@ -353,7 +353,7 @@
                             {value:"明细状态",col:"1"},
                             {value:"复核时间",col:"2"}
                         ]},
-                    {name:'notes',value: '备注', style:"min-width: 260px"},
+                    {name:'notes',value: '备注'},
                     {name:'erpcancelflag',value: '接口取消标记'},
                     {name:'picking_print_flag',value: '拣货单打印标记'},
                     {name:'edisendflag',value: '接口回传标记'},

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

@@ -22,7 +22,7 @@
                 </div>
             </span>
             <div>
-                <table class="table table-striped table-sm text-nowrap table-hover td-min-width-80" id="table">
+                <table class="table table-bordered table-striped table-sm text-nowrap table-hover td-min-width-80" id="table">
                     <tr v-for="(package,i) in packages" @click="selectTr===i+1?selectTr=0:selectTr=i+1" :class="selectTr===i+1?'focusing' : ''">
                         <td>
                             <input class="checkItem" type="checkbox" :value="package.id">

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

@@ -79,7 +79,7 @@
                         @can('退货管理-查询-客户定义-爱奇艺')<td class="text-muted">@{{rejectedBill.common_01}}</td>@endcan
                         <td class="text-muted">@{{rejectedBill.common_02}}</td>
                         <td class="text-muted">@{{rejectedBill.goods_amount}}</td>
-                        <td colspan="8" style="min-width: 900px">
+                        <td style="min-width: 900px">
                             <div class="w-100" :class="rejectedBill.items.length>1 ? 'up' : ''" :id="'rejected-'+rejectedBill.id">
                                 <div class="row" v-for="item in rejectedBill.items">
                                     <div class="col-2">

resources/views/test.blade.php

@@ -3,11 +3,20 @@
 <head>
     <meta charset="utf-8">
     <title>table</title>
+    <style type="text/css">
+        #test th{
+            position: sticky;
+            position: -webkit-sticky;
+            top: 0;
+            z-index:999;
+            background-color: white;
+        }
+    </style>
 </head>
 <body>
+<button onclick="a()">11111111</button>
 <table id="table" cellspacing="0" cellpadding="2" width="100%" border="1">
-    <thead>
-    <tr >
+    <tr id="test">
         <th >用户编号</th>
         <th>试用时间</th>
         <th>转正时间</th>
@@ -15,18 +24,8 @@
         <th>民族</th>
         <th>身高</th>
     </tr>
-    </thead>
-    <tbody>
-    <tr>
-        <td>2000001</td>
-        <td>1997-3-13</td>
-        <td>1997-3-13</td>
-        <td>1965-3-13</td>
-        <td>汉</td>
-        <td>171</td>
-    </tr>
     <tr>
-        <td>2000045</td>
+        <td style="overflow-x: hidden">200004512312312321321</td>
         <td>2001-2-15</td>
         <td>2001-3-15</td>
         <td>1978-8-5</td>
@@ -34,18 +33,237 @@
         <td>162</td>
     </tr>
     <tr>
-        <td>2000046</td>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
+        <td>2001-2-23</td>
+        <td>2001-3-23</td>
+        <td>2001-2-23</td>
+        <td>汉</td>
+        <td>171</td>
+    </tr>
+    <tr>
+        <td style="overflow-x: hidden">200004512312312321321</td>
         <td>2001-2-23</td>
         <td>2001-3-23</td>
         <td>2001-2-23</td>
         <td>汉</td>
         <td>171</td>
     </tr>
-    </tbody>
 </table>
 <script type="text/javascript">
     var tTD; //用来存储当前更改宽度的Table Cell,避免快速移动鼠标的问题
+
     var table = document.getElementById("table");
+    function a() {
+        for (let i=0;i<table.children[0].children.length;i++){
+            let arr = table.children[0].children[i].children;
+            for (let j=0;j<arr.length;j++){
+                let td = arr[j];
+                let div = document.createElement("div");
+                td.insert
+                td.appendChild(div);
+            }
+        }
+    }
     var down = false;
     for (i = 0; i < table.rows[0].cells.length; i++) {
         table.rows[0].cells[i].onmousedown = function () {

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

@@ -46,11 +46,9 @@
                     <div class="alert alert-success h1">{{Session::get('successTip')}}</div>
                 @endif
             </div>
-            <table class="table table-striped table-sm table-bordered table-hover text-nowrap waybill-table td-min-width-80" style="background: #fff;" id="table">
-                <tr v-for="(waybill,i) in waybills" :style="[{color:waybill.status=='待重审'?'red':''||waybill.status=='已完结'?'green':''},{'font-weight': waybill.id==selectedStyle?'bold':''}]"
-                    :id="'waybill'+waybill.id" @click="selectedColor(waybill.id,$event) & (selectTr===i+1?selectTr=0:selectTr=i+1)" position="static" @mouseover="hidetop($event)" @mouseleave="showtop($event)"
-                    :class="selectTr===i+1?'focusing':''"
-                >
+            <table class="table table-striped table-bordered table-hover text-nowrap waybill-table td-min-width-80" style="background: #fff;" id="table">
+                <tr v-for="(waybill,i) in waybills" :style="[{color:waybill.status=='待重审'?'red':''||waybill.status=='已完结'?'green':''}]"
+                    :id="'waybill'+waybill.id" @click="selectedColor(waybill.id,$event)" position="static" @mouseover="hidetop($event)" @mouseleave="showtop($event)">
                     <td><input class="checkItem" type="checkbox" :value="waybill.id"></td>
                     <td>
                         <span v-if=waybill.status==="未审核"||waybill.status==="待重审">