update cards view API service

This commit is contained in:
Henry Jordan
2021-07-08 20:20:05 +00:00
parent bfb957ea5a
commit 2364ecbe99
5 changed files with 150 additions and 37 deletions

View File

@@ -51,7 +51,20 @@
</button>
</div>
</v-server-table>
<VueCardView v-if="typeView === 'CARD'" :data="tableData">
<VueCardView v-if="typeView === 'CARD'" :options="optionsVueCardView">
<div slot="case_number" slot-scope="props" class="v-card-text">
<span class="v-card-text-dark">{{ props["headings"][props.column]}} :</span> <span class="v-card-text-light">{{ props["item"]["CASE_NUMBER"]}} </span>
</div>
<div slot="case_title" slot-scope="props" class="v-card-text">
<span class="v-card-text-dark">{{ props["headings"][props.column]}} :</span> <span class="v-card-text-light">{{ props["item"]["CASE_TITLE"]}} </span>
</div>
<div slot="process_name" slot-scope="props" class="v-card-text">
<span class="v-card-text-dark">{{ props["headings"][props.column]}} :</span> <span class="v-card-text-light">{{ props["item"]["PROCESS_NAME"]}} </span>
</div>
<div slot="task" slot-scope="props" class="v-card-text">
<span class="v-card-text-dark">{{ props["headings"][props.column]}} :</span> <span class="v-card-text-light"> <TaskCell :data="props.item.TASK" /> </span>
</div>
</VueCardView>
</div>
@@ -377,4 +390,22 @@ export default {
.VueTables__limit {
display: none;
}
.v-card-text-dark{
font-size: 14px;
font-weight: 700;
line-height: 1.5;
display: inline-block;
}
.v-card-text-light{
font-size: 14px;
font-weight: 400;
line-height: 1.5;
display: inline-block;
}
.v-card-text{
line-height: 0;
}
</style>