fix: 客户管理 - 客户详情 - 订单列表样式

project/src/components/detials/order.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="con" v-loading="loading">
     <div class="thead">
-      <div class="thead_item" v-for="(t_h,thidx) in theadList" :key="thidx" :style="{width:t_h.width?t_h.width:'20%'}">{{t_h.name}}</div>
+      <div class="thead_item" v-for="(t_h,thidx) in theadList" :key="thidx">{{t_h.name}}</div>
     </div>
     <template v-if="list&&list.length>0">
       <div class="tbody">
         <div class="tbody_item" v-for="l in list" :key="l.order_id">
-          <div style="width: 28%;">
+          <div>
             {{l.order_id?l.order_id:'-'}}
           </div>
           <div>{{l.playlet_name ? l.playlet_name  : '-'}}</div>
@@ -104,7 +104,8 @@ export default {
     position: sticky;
     top: 60px;
     .thead_item{
-      width: 20%;
+      // width: 20%;
+      flex: 1;
       padding: 16px;
       color: #666;
       background-color: #fbfbfb;
@@ -120,7 +121,9 @@ export default {
       border: 1px solid #EBEEF5;
       border-top: none;
       div{
-        width: 20%;
+        // width: 20%;
+        flex: 1;
+        word-break:break-all;
         border-right: 1px solid #EBEEF5;
         padding: 16px;
       }