耗材列表所属商品样式修复

src/views/invoicing/consumable/information.vue

@@ -94,7 +94,7 @@
         </el-table-column>
         <el-table-column label="所属商品" width="220">
           <template v-slot="scope">
-            <div>
+            <div class="goods-list">
               <el-button v-for="(item) in scope.row.product" @click="toGoods(item)" :key="item.productId" type="text">{{
               item.productName }}</el-button>
             </div>
@@ -861,6 +861,13 @@ export default {
 </script>
 
 <style scoped lang="scss">
+::v-deep .goods-list .el-button--text span{
+  display: block;
+  text-align: left;
+}
+::v-deep .goods-list .el-button--text{
+  white-space: break-spaces;
+}
 .color-success {
   color: #67c23a;
   cursor: pointer;