工单->展开列宽问题

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

@@ -76,7 +76,7 @@
 
                 </div>
                 <div>
-                    <table class="table table-sm table-striped table-hover table-bordered td-min-width-80 " id="table">
+                    <table class="table table-sm table-striped table-hover table-bordered td-min-width-80 " id="table" :class="tableClass">
                         <thead>
                         <tr>
                             <th style="min-width: 100px">
@@ -511,6 +511,18 @@
         .image-w {
             width: 100%;
         }
+
+        .logistic-table{
+            min-width: 775px;
+            max-width: 900px
+        }
+        .owner-table{
+            min-width: 775px;
+            max-width: 900px;
+        }
+        .baoShi-table {
+            min-width: 900px;
+        }
     </style>
     <script>
         const orderIssueVue = new Vue({
@@ -752,7 +764,17 @@
                 tableHeader: null,
                 toggleBtnHeight: 0,
             },
-            computed: {},
+            computed: {
+                tableClass() {
+                    if(this.isBaoShi){
+                        return 'baoShi-table'
+                    }else if(this.isLogistic){
+                        return 'logistic-table';
+                    } else if(this.isOwner){
+                        return 'owner-table';
+                    }
+                }
+            },
             watch: {
                 checkData(value) {
                     let dom = document.getElementById('all')