73 lines
2.0 KiB
Vue
73 lines
2.0 KiB
Vue
<template>
|
|
<base-table :data="tableData" thead-classes="text-primary">
|
|
<template slot-scope="{ row }">
|
|
<td><base-checkbox v-model="row.done"></base-checkbox></td>
|
|
<td>
|
|
<p class="title">{{ row.title }}</p>
|
|
<p class="text-muted">{{ row.description }}</p>
|
|
</td>
|
|
<td class="td-actions text-right">
|
|
<el-tooltip
|
|
content="Edit task"
|
|
effect="light"
|
|
:open-delay="300"
|
|
placement="top"
|
|
>
|
|
<base-button type="link">
|
|
<i class="tim-icons icon-pencil"></i>
|
|
</base-button>
|
|
</el-tooltip>
|
|
</td>
|
|
</template>
|
|
</base-table>
|
|
</template>
|
|
<script>
|
|
import { BaseTable } from '@/components';
|
|
|
|
export default {
|
|
components: {
|
|
BaseTable
|
|
},
|
|
data() {
|
|
return {
|
|
tableData: [
|
|
{
|
|
title: 'Update the Documentation',
|
|
description: 'Dwuamish Head, Seattle, WA 8:47 AM',
|
|
done: false
|
|
},
|
|
{
|
|
title: 'GDPR Compliance',
|
|
description:
|
|
'The GDPR is a regulation that requires businesses to protect the personal data and privacy of Europe citizens for transactions that occur within EU member states.',
|
|
done: true
|
|
},
|
|
{
|
|
title: 'Solve the issues',
|
|
description:
|
|
'Fifty percent of all respondents said they would be more likely to shop at a company',
|
|
done: false
|
|
},
|
|
{
|
|
title: 'Release v2.0.0',
|
|
description: 'Ra Ave SW, Seattle, WA 98116, SUA 11:19 AM',
|
|
done: false
|
|
},
|
|
{
|
|
title: 'Export the processed files',
|
|
description:
|
|
'The report also shows that consumers will not easily forgive a company once a breach exposing their personal data occurs.',
|
|
done: false
|
|
},
|
|
{
|
|
title: 'Arival at export process',
|
|
description: 'Capitol Hill, Seattle, WA 12:34 AM',
|
|
done: false
|
|
}
|
|
]
|
|
};
|
|
}
|
|
};
|
|
</script>
|
|
<style></style>
|