caimei365-www/src/main/resources/templates/supplier-center/components/disguise-dialog.html

<el-dialog
        title="添加商品"
        :visible.sync="dialogVisible"
        width="900px"
        :close-on-click-modal="false"
        :show-close="false"
>
  <div class="filter-container">
    <div class="filter-control">
      <span>商品名称:</span>
      <el-input
              v-model="listQuery.shopName"
              placeholder="商品名称"
              clearable
              style="width: 160px"
              @keyup.enter.native="getList"
              @clear="getList"></el-input>
    </div>
    <div class="filter-control">
      <el-button type="primary" @click="getList"> 查询 </el-button>
    </div>
  </div>
  <el-table
          ref="table"
          v-loading="isLoading"
          :data="list"
          height="400px"
          border
          @selection-change="handleSelectionChange"
  >
    <el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>
    <el-table-column label="商品图片" align="center" prop="image" width="80">
      <template slot-scope="{row}">
        <img :src="row.image" :alt="row.name" style="width: 40px;height: 40px;">
      </template>
    </el-table-column>
    <el-table-column label="商品名称" prop="name" align="center"></el-table-column>
  </el-table>
  <!-- 页码 -->
  <pagination
          :total="total"
          :page-sizes="[100, 200]"
          :page-size="100"
          :page.sync="listQuery.pageNum"
          :limit.sync="listQuery.pageSize"
          @pagination="getShopList"
  ></pagination>
  <div slot="footer">
    <el-button @click="handleCanle"> 取 消 </el-button>
    <el-button type="primary" :disabled="disabled" @click="handleConfirm"> 确 定 </el-button>
  </div>
</el-dialog>