添加渠道列表展示仓库名称标签

src/views/ecw/channel/index.vue

@@ -77,7 +77,16 @@
       <el-table-column label="类型编码" align="center" prop="typeNumber" />
       <!-- <el-table-column label="仓库id字符串" align="center" prop="warehouseIds" /> -->
       <el-table-column label="仓库名" align="center" prop="warehouseNameList" width="180">
-          <span  v-for=" warehouseName in props.row.warehouseNameList" :key="warehouseName.index">{{warehouseName}}，</span>
+       <template slot-scope="scope">
+       <el-scrollbar style="margin-right: 6px;">
+           <div class="left">
+          <el-tag v-for="warehouseName in scope.row.warehouseNameList"
+             :key="warehouseName.index">
+             <span>{{warehouseName}}</span>
+           </el-tag>
+          </div>
+       </el-scrollbar>
+       </template>
       </el-table-column>
       <el-table-column label="排序" align="center" prop="sort" />
       <el-table-column label="快递公司" align="center" prop="companyName" />
@@ -265,3 +274,26 @@ export default {
   }
 };
 </script>
+
+<style lang="scss">
+
+  .left {
+
+    .el-tag {
+            background-color: #e6f6fd;
+            border: 1px solid #ccecfb;
+            display: inline-block;
+            height:auto;
+            padding: 0 10px;
+            line-height: 30px;
+            font-size: 12px;
+            color: #02a1e9;
+            border-radius: 4px;
+            box-sizing: border-box;
+            white-space: nowrap;
+
+        }
+
+   }
+
+</style>