zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

perf: complex table (#2732)

This commit is contained in:
Phạm Ngọc Hòa 2019-11-08 10:26:53 +07:00 committed by 花裤衩
parent 92a3e2da45
commit a4d4bc8a3e
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/table/complex-table.vue
View File

@ -36,13 +36,13 @@
@sort-change="sortChange" @sort-change="sortChange"
> >
<el-table-column :label="$t('table.id')" prop="id" sortable="custom" align="center" width="80" :class-name="getSortClass('id')"> <el-table-column :label="$t('table.id')" prop="id" sortable="custom" align="center" width="80" :class-name="getSortClass('id')">
<template slot-scope="scope"> <template slot-scope="{row}">
<span>{{ scope.row.id }}</span> <span>{{ row.id }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('table.date')" width="150px" align="center"> <el-table-column :label="$t('table.date')" width="150px" align="center">
<template slot-scope="scope"> <template slot-scope="{row}">
<span>{{ scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}</span> <span>{{ row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('table.title')" min-width="150px"> <el-table-column :label="$t('table.title')" min-width="150px">
@ -52,18 +52,18 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('table.author')" width="110px" align="center"> <el-table-column :label="$t('table.author')" width="110px" align="center">
<template slot-scope="scope"> <template slot-scope="{row}">
<span>{{ scope.row.author }}</span> <span>{{ row.author }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="showReviewer" :label="$t('table.reviewer')" width="110px" align="center"> <el-table-column v-if="showReviewer" :label="$t('table.reviewer')" width="110px" align="center">
<template slot-scope="scope"> <template slot-scope="{row}">
<span style="color:red;">{{ scope.row.reviewer }}</span> <span style="color:red;">{{ row.reviewer }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('table.importance')" width="80px"> <el-table-column :label="$t('table.importance')" width="80px">
<template slot-scope="scope"> <template slot-scope="{row}">
<svg-icon v-for="n in +scope.row.importance" :key="n" icon-class="star" class="meta-item__icon" /> <svg-icon v-for="n in +row.importance" :key="n" icon-class="star" class="meta-item__icon" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('table.readings')" align="center" width="95"> <el-table-column :label="$t('table.readings')" align="center" width="95">