PMCORE-3922: Added styles to unread cases
Fixed observations PM Blue color added
This commit is contained in:
@@ -44,42 +44,90 @@
|
||||
name="todo"
|
||||
>
|
||||
<div slot="detail" slot-scope="props">
|
||||
<div class="btn-default" @click="openCaseDetail(props.row)">
|
||||
<div
|
||||
class="btn-default"
|
||||
:class="props.row.INIT_DATE ? '' : 'pm-main-text-color '"
|
||||
@click="openCaseDetail(props.row)"
|
||||
>
|
||||
<i class="fas fa-info-circle"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div slot="case_number" slot-scope="props">
|
||||
<div
|
||||
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
|
||||
slot="case_number"
|
||||
slot-scope="props"
|
||||
>
|
||||
{{ props.row.CASE_NUMBER }}
|
||||
</div>
|
||||
<div slot="case_title" slot-scope="props">
|
||||
<div
|
||||
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
|
||||
slot="case_title"
|
||||
slot-scope="props"
|
||||
>
|
||||
{{ props.row.THREAD_TITLE }}
|
||||
</div>
|
||||
<div slot="process_category" slot-scope="props">
|
||||
<div
|
||||
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
|
||||
slot="process_category"
|
||||
slot-scope="props"
|
||||
>
|
||||
{{ props.row.PROCESS_CATEGORY }}
|
||||
</div>
|
||||
<div slot="process_name" slot-scope="props">
|
||||
<div
|
||||
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
|
||||
slot="process_name"
|
||||
slot-scope="props"
|
||||
>
|
||||
{{ props.row.PROCESS_NAME }}
|
||||
</div>
|
||||
<div slot="task" slot-scope="props">
|
||||
<div
|
||||
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
|
||||
slot="task"
|
||||
slot-scope="props"
|
||||
>
|
||||
<TaskCell :data="props.row.TASK" />
|
||||
</div>
|
||||
<div slot="send_by" slot-scope="props">
|
||||
<div
|
||||
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
|
||||
slot="send_by"
|
||||
slot-scope="props"
|
||||
>
|
||||
<CurrentUserCell :data="props.row.USER_DATA" />
|
||||
</div>
|
||||
<div slot="current_user" slot-scope="props">
|
||||
<div
|
||||
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
|
||||
slot="current_user"
|
||||
slot-scope="props"
|
||||
>
|
||||
{{ props.row.USERNAME_DISPLAY_FORMAT }}
|
||||
</div>
|
||||
<div slot="due_date" slot-scope="props">
|
||||
<div
|
||||
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
|
||||
slot="due_date"
|
||||
slot-scope="props"
|
||||
>
|
||||
{{ props.row.DUE_DATE }}
|
||||
</div>
|
||||
<div slot="delegation_date" slot-scope="props">
|
||||
<div
|
||||
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
|
||||
slot="delegation_date"
|
||||
slot-scope="props"
|
||||
>
|
||||
{{ props.row.DELEGATION_DATE }}
|
||||
</div>
|
||||
<div slot="priority" slot-scope="props">
|
||||
<div
|
||||
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
|
||||
slot="priority"
|
||||
slot-scope="props"
|
||||
>
|
||||
{{ props.row.PRIORITY }}
|
||||
</div>
|
||||
<div slot="actions" slot-scope="props">
|
||||
<div
|
||||
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
|
||||
slot="actions"
|
||||
slot-scope="props"
|
||||
>
|
||||
<div @mouseover="updateDataEllipsis(props.row)">
|
||||
<ellipsis
|
||||
v-if="dataEllipsis"
|
||||
@@ -104,6 +152,7 @@
|
||||
<b-col sm="12">
|
||||
<div
|
||||
class="v-pm-card-info"
|
||||
:class="props.row.INIT_DATE ? '' : 'pm-main-text-color '"
|
||||
@click="openCaseDetail(props.item)"
|
||||
>
|
||||
<i class="fas fa-info-circle"></i>
|
||||
@@ -120,7 +169,7 @@
|
||||
</b-row>
|
||||
</b-col>
|
||||
<template v-for="column in cardColumns" :slot="column" slot-scope="props" class="v-card-text">
|
||||
<div :key="column">
|
||||
<div :class="props.item.INIT_DATE ? '' : 'font-weight-bold'" :key="column">
|
||||
<span class="v-card-text-dark">
|
||||
{{ getCustomHeading(column, props) }} :
|
||||
</span>
|
||||
@@ -165,7 +214,10 @@
|
||||
<div slot="actions" slot-scope="props">
|
||||
<b-row>
|
||||
<b-col sm="12">
|
||||
<div class="v-pm-card-info" @click="openCaseDetail(props.item)">
|
||||
<div
|
||||
class="v-pm-card-info"
|
||||
:class="props.item.INIT_DATE ? '' : 'pm-main-text-color'"
|
||||
@click="openCaseDetail(props.item)">
|
||||
<i class="fas fa-info-circle"></i>
|
||||
</div>
|
||||
</b-col>
|
||||
@@ -177,7 +229,7 @@
|
||||
</b-row>
|
||||
</div>
|
||||
<template v-for="column in cardColumns" :slot="column" slot-scope="props" class="v-card-text">
|
||||
<div :key="column">
|
||||
<div :class="props.item.INIT_DATE ? '' : 'font-weight-bold'" :key="column">
|
||||
<span class="v-card-text-dark">
|
||||
{{ getCustomHeading(column, props) }} :
|
||||
</span>
|
||||
@@ -911,6 +963,7 @@ export default {
|
||||
}),
|
||||
DUE_DATE: v.DEL_TASK_DUE_DATE_LABEL,
|
||||
DELEGATION_DATE: v.DEL_DELEGATE_DATE_LABEL,
|
||||
INIT_DATE: v.DEL_INIT_DATE,
|
||||
PRIORITY: v.DEL_PRIORITY_LABEL,
|
||||
DEL_INDEX: v.DEL_INDEX,
|
||||
APP_UID: v.APP_UID,
|
||||
@@ -968,6 +1021,7 @@ export default {
|
||||
DEL_INDEX: item.DEL_INDEX,
|
||||
PRO_UID: item.PRO_UID,
|
||||
TAS_UID: item.TAS_UID,
|
||||
INIT_DATE: item.INIT_DATE,
|
||||
ACTION: "todo",
|
||||
});
|
||||
this.$emit("onUpdatePage", "XCase");
|
||||
@@ -989,6 +1043,7 @@ export default {
|
||||
PRO_UID: item.PRO_UID,
|
||||
TAS_UID: item.TAS_UID,
|
||||
APP_NUMBER: item.CASE_NUMBER,
|
||||
INIT_DATE: item.INIT_DATE,
|
||||
ACTION: "todo",
|
||||
});
|
||||
that.$emit("onUpdatePage", "case-detail");
|
||||
|
||||
Reference in New Issue
Block a user