qimall/addons/Store/client/views/goods/sync-goods.php

 <!-- 同步多商户商品至门店 -->
 <el-dialog title="商品选择" :visible.sync="syncGoods2Store" width="60%" center>

     <div class="el-row">
         <div style="display: inline-block;width:20%">
             <el-select v-model="mchGoodsSearch.mall_id" placeholder="请选择商城" size="small" @change="searchMchGoods">
                 <el-option v-for="item in mallList" :key="item.id" :label="item.name" :value="item.id">
                 </el-option>
             </el-select>
         </div>
         <div v-if="mchGoodsSearch.mall_id ? true: false" style="display: inline-block;padding-left:14px">
             <el-button size="small" @click="$refs.mallCats.openDialog()">分类筛选</el-button>
             <el-button size="small" v-if="mchGoodsSearch.cats && mchGoodsSearch.cats.length > 0" type="danger" @click="clearMallCat">清除分类</el-button>
         </div>

         <div style="display: inline-block;width:20%;padding-left:14px">
             <el-input v-model="mchGoodsSearch.goods_id" size="small" clearable @clear="searchMchGoods" placeholder="请输入商品名称/商品ID"></el-input>
         </div>
         <div style="display: inline-block;width:20%;padding-left:14px">
             <el-input v-model="mchGoodsSearch.name" size="small" clearable @clear="searchMchGoods" placeholder="请输入商户店长/商户名称"></el-input>
         </div>
         <div style="display: inline-block;width:50px;margin-left:14px">
             <el-button slot="append" icon="el-icon-search" @click="searchMchGoods" type="primary" size="small" style="width:100px"></el-button>
         </div>
     </div>
     <div class="sync-goods">
         <el-table border v-loading="syncGoods2StoreLoading" :data="mchGoodsList" style="margin-top: 5px;" ref="multipleTable" @select-all="handleSelectAll" @select="handleSyncSelect" :row-key="getRowKey">
             <el-table-column type="selection" :reserve-selection="true" width="60" align='center'>
             </el-table-column>
             <el-table-column label="商品ID" prop="id" align="center"></el-table-column>
             <el-table-column label="分类" align="center">
                 <template slot-scope="scope">
                     <div class="goods-cat">
                         <el-tag v-if="scope.row.cats && scope.row.cats.length > 0" size="mini">
                             {{scope.row.cats[0].name}}
                         </el-tag>
                         <el-tooltip v-if="scope.row.cats && scope.row.cats.length > 1" placement="top">
                             <div slot="content">
                                 <span v-for="item in scope.row.cats" :key="item.id">{{item.name}}&nbsp;</span>
                             </div>
                             <span>...</span>
                         </el-tooltip>
                     </div>
                 </template>
             </el-table-column>
             <el-table-column label="商品名称" prop="goods_name" align="center"></el-table-column>
             <el-table-column label="售价" prop="price" align="center"></el-table-column>
             <el-table-column label="商户名称" prop="store_name" align="center"></el-table-column>
             <el-table-column label="商户店长" prop="shop_owner" align="center"></el-table-column>
             <el-table-column label="商城名称" prop="mall_name" align="center"></el-table-column>
         </el-table>
     </div>
     <div style="text-align: right;margin: 20px 0;">
         <el-pagination @current-change="mchGoodsPagination" background layout="prev, pager, next" :page-count="mchGoodsPageCount" :current-page="mchGoodsPage"></el-pagination>
     </div>
     <span slot="footer" class="dialog-footer">
         <el-button @click="syncGoods2Store = false" size="small">取 消</el-button>
         <el-button :loading="btnLoading" type="primary" @click="confirmSyncGoods" size="small">确认</el-button>
     </span>
 </el-dialog>