11

src/components/busManagement/HPTripPlan.vue

@@ -11,7 +11,7 @@
     .tripPlanTab th {
       border: 1px solid #dcdcdc;
       text-align: center;
-      min-width: 60px;
+      min-width: 40px;
       height: 32px;
       position: sticky;
       top: 0;
@@ -30,7 +30,7 @@
       font-size: 13px;
       background: #ffffff;
       vertical-align: middle;
-      word-break: break-all;
+      word-break: break-word;
     }
 
     .tripPlanTab tbody tr:hover td {
@@ -80,6 +80,7 @@
     .tripPlanTab td font {
       line-height: 1.3;
     }
+
   </style>
   <template>
     <div>
@@ -420,7 +421,7 @@
         let yearStr = myDate.getFullYear();
         let monthStr = parseInt(myDate.getMonth() + 1);
         this.msg.MonthStr = yearStr + "-" + (monthStr < 10 ? '0' + monthStr : monthStr);
-        let height = window.innerHeight - 65 - 55;
+        let height = window.innerHeight - 200;
         this.boxHeight = height;
         this.getCarList();
         this.getList();

src/components/busManagement/JourneyTripPlan.vue

@@ -14,7 +14,7 @@
     border-left: 1px solid #dcdcdc;
     border-right: 1px solid #dcdcdc;
     text-align: center;
-    min-width: 75px;
+    min-width: 40px;
     height: 32px;
     position: sticky;
     top: 0;
@@ -31,6 +31,7 @@
     padding-top: 3px;
     padding-bottom: 3px;
     text-align: center;
+    white-space: nowrap;
   }
 
   /* 表头四角圆角 */
@@ -60,7 +61,7 @@
   .journeyTripTab .team-flex {
     display: flex;
     flex-wrap: wrap;
-    gap: 12px;
+    gap: 4px 6px;
     justify-content: center;
     align-items: flex-start;
     width: 100%;
@@ -76,7 +77,7 @@
     padding: 5px;
     border-radius: 4px;
     background-color: #fafafa;
-    min-width: 140px;
+    min-width: 100px;
     max-width: 180px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     word-break: break-word;
@@ -156,7 +157,7 @@
         </li>
       </ul>
     </div>
-    <div style="overflow:auto;padding-bottom: 50px; " :style="{height: boxHeight + 'px'}" class="ownScrollbarStyle"
+    <div style="overflow:auto;margin-bottom: 50px; " :style="{height: boxHeight + 'px'}" class="ownScrollbarStyle"
       v-loading="loading" :element-loading-text="loadingText">
       <table class="journeyTripTab" v-if="dataList&&dataList.length>0">
         <thead>
@@ -180,25 +181,25 @@
                   :key="`d1_`+index+`s1_`+subIndex+`c1_`+childIndex">
                   {{childItem}}
                   <template v-if="subItem.UseBusList[childIndex]=='接'">
-                    <font style="color:#FF0080">(接)</font>
+                    <font style="color:#FF0080">接</font>
                   </template>
                   <template v-else-if="subItem.UseBusList[childIndex]=='送'">
-                    <font style="color:#FF0080">(送)</font>
+                    <font style="color:#FF0080">送</font>
                   </template>
                   <template v-else-if="subItem.UseBusList[childIndex]=='酒'">
-                    <font style="color:#FF0080">(酒)</font>
+                    <font style="color:#FF0080">酒</font>
                   </template>
                   <template v-else-if="subItem.UseBusList[childIndex]=='全'">
-                    <font style="color:#67C23A">(√)</font>
+                    <font style="color:#67C23A">√</font>
                   </template>
                   <template v-else-if="subItem.UseBusList[childIndex]=='半'">
-                    (半)
+                    <font style="color:#67C23A">半</font>
                   </template>
                   <template v-else-if="subItem.UseBusList[childIndex]=='小'">
-                    (小)
+                    <font style="color:#67C23A">小</font>
                   </template>
                   <template v-else>
-                    <font style="color:red;">(X)</font>
+                    <font style="color:red;">X</font>
                   </template>
                 </div>
               </td>
@@ -442,7 +443,7 @@
       let yearStr = myDate.getFullYear();
       let monthStr = parseInt(myDate.getMonth() + 1);
       this.msg.MonthStr = yearStr + "-" + (monthStr < 10 ? '0' + monthStr : monthStr);
-      let height = window.innerHeight - 65 - 55;
+      let height = window.innerHeight - 200;
       this.boxHeight = height;
       this.getCompanyList();
       this.getList();