select.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. {include file="/shopro/common/script" /}
  2. <div id="select" class="richtext-select" v-cloak>
  3. <el-container class="panel-block">
  4. <el-header>
  5. <div class="sa-title sa-flex sa-row-right">
  6. <el-button icon="Plus" type="primary" @click="onAdd">添加</el-button>
  7. </div>
  8. </el-header>
  9. <el-main class="sa-main">
  10. <el-table height="100%" class="sa-table" :data="state.data" stripe @selection-change="onChangeSelection"
  11. @sort-change="onChangeSort">
  12. <el-table-column type="selection" width="48" align="center"></el-table-column>
  13. <el-table-column prop="id" label="ID" min-width="90" sortable="custom"> </el-table-column>
  14. <el-table-column label="标题" min-width="120">
  15. <template #default="scope">
  16. <div class="sa-table-line-1">
  17. {{ scope.row.title || '-' }}
  18. </div>
  19. </template>
  20. </el-table-column>
  21. <el-table-column label="创建时间" width="172">
  22. <template #default="scope">
  23. {{ scope.row.createtime || '-' }}
  24. </template>
  25. </el-table-column>
  26. <el-table-column label="更新时间" width="172">
  27. <template #default="scope">
  28. {{ scope.row.updatetime || '-' }}
  29. </template>
  30. </el-table-column>
  31. <el-table-column fixed="right" label="操作" min-width="120">
  32. <template #default="scope">
  33. <el-button type="primary" link @click="onSelect(scope.row)">选择</el-button>
  34. </template>
  35. </el-table-column>
  36. </el-table>
  37. </el-main>
  38. <el-footer class="sa-footer sa-flex sa-row-right sa-flex-wrap">
  39. <sa-pagination class="is-ellipsis" v-model="pagination" @pagination-change="getData"></sa-pagination>
  40. </el-footer>
  41. </el-container>
  42. </div>