修改

src/components/Share/shareFriend.vue

@@ -30,7 +30,7 @@
         <el-table :data="dataList" v-loading="loading" border style="width: 100%;margin:20px 0">
           <el-table-column prop="Id" label="ID" width="60">
           </el-table-column>
-          <el-table-column label="分类名称" width="150">
+          <el-table-column label="分类名称" width="120">
             <template slot-scope="scope">
               <el-tag v-for="tag in scope.row.CateList" style="margin-bottom:3px;" size="small" :key="tag.Id">
                 {{tag.Name}}
@@ -53,7 +53,19 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column prop="GoodsId" label="商品信息" width="220">
+          <el-table-column prop="GoodsId" label="商品信息" width="250">
+            <template slot-scope="scope">
+              <div flex="box:first" v-if="scope.row.GoodsId>0">
+                  <template v-if="scope.row.ImgList.length>0">
+                    <div style="padding-right: 10px">
+                      <img style="width:50px;height:50px;" :src="scope.row.ImgList[0]" alt=""/>
+                    </div>
+                  </template>
+                    <div flex="cross:center">
+                      <div class="shareGoodName">{{scope.row.GoodsName}}</div>
+                    </div>
+              </div>
+            </template>
           </el-table-column>
           <el-table-column prop="SortNum" label="排序" width="120">
             <template slot-scope="scope">
@@ -588,5 +600,11 @@
     padding-right: 50%;
     min-width: 1100px;
   }
-
+  .shareGoodName{
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 </style>