处理发票信息溢出隐藏问题

components/search/ForwardGoodsList.vue

@@ -5,7 +5,7 @@
         <tr>
           <th width="25%">型号/品牌</th>
           <th width="25%">卖家名称</th>
-          <th width="25%">物料名称/单位</th>
+          <th width="25%">物料名称/库存(PCS)</th>
           <th width="15%">规格</th>
           <th width="15%"></th>
         </tr>

pages/mobile/center/user/invoice/index.vue

@@ -20,12 +20,12 @@
             <div class="mi-list-bottom clearfix">
               <div class="list clearfix">
                 <div class="pull-left">发票抬头：</div>
-                <div class="pull-left overhidden" style="width: 1.85rem">{{item.head}}</div>
+                <div class="pull-left overhidden">{{item.head}}</div>
               </div>
               <div class="list clearfix">
                 <div class="clearfix">
                   <div class="pull-left">收票人：</div>
-                  <div class="pull-left overhidden" style="width:2.1rem">{{item.name}}</div>
+                  <div class="pull-left overhidden">{{item.name}}</div>
                 </div>
               </div>
               <div class="list clearfix">
@@ -38,7 +38,7 @@
               <div class="list ">
                 <div class="clearfix">
                   <div class="pull-left">收票地址：</div>
-                  <div class="pull-left" style="width: 5rem;">
+                  <div class="pull-left overhidden">
                     {{item.detailAddress}}
                   </div>
                 </div>
@@ -57,12 +57,12 @@
               <div class="mi-list-bottom clearfix">
                 <div class="list clearfix">
                   <div class="pull-left">发票抬头：</div>
-                  <div class="pull-left overhidden" style="width: 1.85rem">{{item.head}}</div>
+                  <div class="pull-left overhidden">{{item.head}}</div>
                 </div>
                 <div class="list" >
                   <div class="clearfix">
                     <div class="pull-left">单位电话：</div>
-                    <div class="pull-left overhidden" style="width: 4.6rem;">
+                    <div class="pull-left overhidden">
                       {{item.companyPhone || '-'}}
                     </div>
                   </div>
@@ -71,7 +71,7 @@
                 <div class="list">
                   <div class="clearfix">
                     <div class="pull-left">单位地址：</div>
-                    <div class="pull-left overhidden" style="width: 4.6rem;">
+                    <div class="pull-left overhidden">
                       {{item.companyAddress || '-'}}
                     </div>
                   </div>
@@ -80,7 +80,7 @@
                 <div class="list">
                   <div class="clearfix">
                     <div class="pull-left">税务登记号：</div>
-                    <div class="pull-left overhidden" style="width: 4.8rem;">
+                    <div class="pull-left overhidden" style="width: 4.5rem;">
                       {{item.companyTaxNumber || '-'}}
                     </div>
                   </div>
@@ -89,7 +89,7 @@
                 <div class="list">
                   <div class="clearfix">
                     <div class="pull-left">开户银行名称：</div>
-                    <div class="pull-left overhidden" style="width: 4.6rem;">
+                    <div class="pull-left overhidden" style="width: 4.4rem;">
                       {{item.bankName || '-'}}
                     </div>
                   </div>
@@ -98,7 +98,7 @@
                 <div class="list">
                   <div class="clearfix">
                     <div class="pull-left">开户银行账户：</div>
-                    <div class="pull-left overhidden" style="width: 4.6rem;">
+                    <div class="pull-left overhidden" style="width: 4.4rem;">
                       {{item.bankAccount || '-'}}
                     </div>
                   </div>
@@ -106,7 +106,7 @@
                 <div class="list clearfix">
                   <div class="clearfix">
                     <div class="pull-left">收票人：</div>
-                    <div class="pull-left overhidden" style="width:2.1rem">{{item.name}}</div>
+                    <div class="pull-left overhidden">{{item.name}}</div>
                   </div>
                 </div>
                 <div class="list">
@@ -119,7 +119,7 @@
                 <div class="list ">
                   <div class="clearfix">
                     <div class="pull-left">收票地址：</div>
-                    <div class="pull-left" style="width: 5rem;">
+                    <div class="pull-left overhidden">
                       {{item.detailAddress}}
                     </div>
                   </div>
@@ -594,7 +594,9 @@
             line-height: 0.55rem;
           }
           .overhidden {
-            @include overFlowHidden()
+            width:75%;
+            word-wrap: break-word;
+            word-break: break-all;
           }
           .w50 {
             width: 50%;