select.html 1.4 KB

12345678910111213141516171819202122232425262728293031
  1. {include file="/shopro/common/script" /}
  2. <div id="select" class="fake-user-select" v-cloak>
  3. <el-container class="panel-block">
  4. <el-main>
  5. <el-table height="100%" class="sa-table" :data="state.data" stripe>
  6. <el-table-column prop="id" label="ID" min-width="90"> </el-table-column>
  7. <el-table-column label="用户名" min-width="180">
  8. <template #default="scope">
  9. <div class="sa-table-line-1">
  10. {{ scope.row.username || '-' }}
  11. </div>
  12. </template>
  13. </el-table-column>
  14. <el-table-column label="用户信息" min-width="180">
  15. <template #default="scope">
  16. <sa-user-profile :user="scope.row" :id="scope.row.id" />
  17. </template>
  18. </el-table-column>
  19. <el-table-column fixed="right" label="操作" min-width="120">
  20. <template #default="scope">
  21. <el-button type="primary" link @click="onSelect(scope.row)">选择</el-button>
  22. </template>
  23. </el-table-column>
  24. </el-table>
  25. </el-main>
  26. <el-footer class="sa-footer sa-flex sa-row-right">
  27. <sa-pagination class="is-ellipsis" v-model="pagination" @pagination-change="getData"></sa-pagination>
  28. </el-footer>
  29. </el-container>
  30. </div>