PMCORE-2552
This commit is contained in:
@@ -1,28 +1,26 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="row-cont">
|
<div class="header-container">
|
||||||
<div class="text-center">
|
<button
|
||||||
<button
|
type="button"
|
||||||
type="button"
|
v-for="header in data"
|
||||||
v-for="header in data"
|
:key="header.title"
|
||||||
:key="header.title"
|
@click="header.onClick(header)"
|
||||||
@click="header.onClick(header)"
|
:class="classBtn(header.class)"
|
||||||
:class="classBtn(header.class)"
|
>
|
||||||
>
|
<div class="v-center-header">
|
||||||
<div class="v-center-header">
|
<div class="v-btn-textm-header">
|
||||||
<div class="v-btn-textm-header">
|
<span class="v-text2">
|
||||||
<span class="v-text2">
|
<i :class="header.icon"></i>
|
||||||
<i :class="header.icon"></i>
|
</span>
|
||||||
</span>
|
<span class="v-btn-textb-header float-right">
|
||||||
<span class="v-btn-textb-header float-right">
|
{{ header.counter }}
|
||||||
{{ header.counter }}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<span class="v-btn-texts-header">
|
|
||||||
{{ header.title }}
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</button>
|
<span class="v-btn-texts-header">
|
||||||
</div>
|
{{ header.title }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -54,15 +52,16 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.v-btn-texts-header {
|
.v-btn-texts-header {
|
||||||
|
display: inline-block;
|
||||||
font-size: 1vw;
|
font-size: 1vw;
|
||||||
}
|
}
|
||||||
.v-btn-header {
|
.v-btn-header {
|
||||||
min-width: 200px;
|
padding: 20px;
|
||||||
margin-left: 5px !important;
|
flex: 2;
|
||||||
margin-right: 5px !important;
|
display: flex;
|
||||||
padding-bottom: 10px !important;
|
flex-direction: row;
|
||||||
padding-top: 10px !important;
|
justify-content: center;
|
||||||
text-align: center;
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.v-center-header {
|
.v-center-header {
|
||||||
@@ -77,4 +76,8 @@ export default {
|
|||||||
font-size: 2vw;
|
font-size: 2vw;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
.header-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -204,7 +204,7 @@ export default {
|
|||||||
_.forEach(response, (v) => {
|
_.forEach(response, (v) => {
|
||||||
data.push({
|
data.push({
|
||||||
CASE_NUMBER: v.APP_NUMBER,
|
CASE_NUMBER: v.APP_NUMBER,
|
||||||
CASE_TITLE: v.APP_TITLE,
|
CASE_TITLE: v.DEL_TITLE,
|
||||||
PROCESS_NAME: v.PRO_TITLE,
|
PROCESS_NAME: v.PRO_TITLE,
|
||||||
TASK: {
|
TASK: {
|
||||||
TITLE: v.TAS_TITLE,
|
TITLE: v.TAS_TITLE,
|
||||||
|
|||||||
@@ -144,7 +144,7 @@ export default {
|
|||||||
_.forEach(response, (v) => {
|
_.forEach(response, (v) => {
|
||||||
data.push({
|
data.push({
|
||||||
CASE_NUMBER: v.APP_NUMBER,
|
CASE_NUMBER: v.APP_NUMBER,
|
||||||
CASE_TITLE: v.APP_TITLE,
|
CASE_TITLE: v.DEL_TITLE,
|
||||||
PROCESS_NAME: v.PRO_TITLE,
|
PROCESS_NAME: v.PRO_TITLE,
|
||||||
TASK: {
|
TASK: {
|
||||||
TITLE: v.TAS_TITLE,
|
TITLE: v.TAS_TITLE,
|
||||||
|
|||||||
@@ -190,7 +190,7 @@ export default {
|
|||||||
_.forEach(response, (v) => {
|
_.forEach(response, (v) => {
|
||||||
data.push({
|
data.push({
|
||||||
CASE_NUMBER: v.APP_NUMBER,
|
CASE_NUMBER: v.APP_NUMBER,
|
||||||
CASE_TITLE: v.APP_TITLE,
|
CASE_TITLE: v.DEL_TITLE,
|
||||||
PROCESS_NAME: v.PRO_TITLE,
|
PROCESS_NAME: v.PRO_TITLE,
|
||||||
STATUS: v.APP_STATUS,
|
STATUS: v.APP_STATUS,
|
||||||
START_DATE: v.APP_CREATE_DATE || "",
|
START_DATE: v.APP_CREATE_DATE || "",
|
||||||
@@ -376,7 +376,6 @@ export default {
|
|||||||
class: "btn-warning",
|
class: "btn-warning",
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
console.log(response);
|
|
||||||
_.forEach(response, (v) => {
|
_.forEach(response, (v) => {
|
||||||
data.push({
|
data.push({
|
||||||
title: v.title,
|
title: v.title,
|
||||||
@@ -400,9 +399,7 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
onRemoveFilter(data) {
|
onRemoveFilter(data) {
|
||||||
console.log(data);
|
|
||||||
},
|
},
|
||||||
|
|
||||||
onUpdateFilters(data) {
|
onUpdateFilters(data) {
|
||||||
this.$emit("onUpdateFilters", data.params);
|
this.$emit("onUpdateFilters", data.params);
|
||||||
if (data.refresh) {
|
if (data.refresh) {
|
||||||
|
|||||||
@@ -173,7 +173,7 @@ export default {
|
|||||||
_.forEach(response, (v) => {
|
_.forEach(response, (v) => {
|
||||||
data.push({
|
data.push({
|
||||||
CASE_NUMBER: v.APP_NUMBER,
|
CASE_NUMBER: v.APP_NUMBER,
|
||||||
CASE_TITLE: v.APP_TITLE,
|
CASE_TITLE: v.DEL_TITLE,
|
||||||
PROCESS_NAME: v.PRO_TITLE,
|
PROCESS_NAME: v.PRO_TITLE,
|
||||||
TASK: {
|
TASK: {
|
||||||
TITLE: v.TAS_TITLE,
|
TITLE: v.TAS_TITLE,
|
||||||
|
|||||||
@@ -166,7 +166,7 @@ export default {
|
|||||||
_.forEach(response, (v) => {
|
_.forEach(response, (v) => {
|
||||||
data.push({
|
data.push({
|
||||||
CASE_NUMBER: v.APP_NUMBER,
|
CASE_NUMBER: v.APP_NUMBER,
|
||||||
CASE_TITLE: v.APP_TITLE,
|
CASE_TITLE: v.DEL_TITLE,
|
||||||
PROCESS_NAME: v.PRO_TITLE,
|
PROCESS_NAME: v.PRO_TITLE,
|
||||||
TASK: {
|
TASK: {
|
||||||
TITLE: v.TAS_TITLE,
|
TITLE: v.TAS_TITLE,
|
||||||
|
|||||||
@@ -170,7 +170,7 @@ export default {
|
|||||||
_.forEach(response, (v) => {
|
_.forEach(response, (v) => {
|
||||||
data.push({
|
data.push({
|
||||||
CASE_NUMBER: v.APP_NUMBER,
|
CASE_NUMBER: v.APP_NUMBER,
|
||||||
CASE_TITLE: v.APP_TITLE,
|
CASE_TITLE: v.DEL_TITLE,
|
||||||
PROCESS_NAME: v.PRO_TITLE,
|
PROCESS_NAME: v.PRO_TITLE,
|
||||||
TASK: {
|
TASK: {
|
||||||
TITLE: v.TAS_TITLE,
|
TITLE: v.TAS_TITLE,
|
||||||
|
|||||||
Reference in New Issue
Block a user