chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix: order => taskStatusCount function to filter by responsible user ID

Browse source
This commit is contained in:
puriphatt 2024-12-27 12:00:25 +07:00
parent 35285f81b9
commit cce1eccf8c
1 changed files with 15 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/pages/09_task-order/order_view/MainPage.vue
View file

@ -576,9 +576,11 @@ function openFailedDialog(
pageState.failedDialog = true; pageState.failedDialog = true;
} }
function taskStatusCount(index: number, id: string) { function taskStatusCount(index: number, id: string, responsibleUserId: string) {
const task = fullTaskOrder.value?.taskList.filter( const task = fullTaskOrder.value?.taskList.filter(
(t) => t.requestWorkStep.requestWork.productService.productId === id, (t) =>
t.requestWorkStep.requestWork.productService.productId === id &&
t.requestWorkStep.responsibleUserId === responsibleUserId,
); );
if (index === 1) { if (index === 1) {
return task?.filter( return task?.filter(
@ -920,14 +922,14 @@ watch([currentFormData.value.taskStatus], () => {
</span> </span>
<span class="q-ml-auto row items-center q-gutter-x-sm"> <span class="q-ml-auto row items-center q-gutter-x-sm">
<div <div
v-for="v in 3" v-for="taskStatus in 3"
:key="v" :key="taskStatus"
class="rounded q-px-sm row items-center" class="rounded q-px-sm row items-center"
style="background: hsl(var(--text-mute) / 0.1)" style="background: hsl(var(--text-mute) / 0.1)"
:style="`color: hsl(var(--${ :style="`color: hsl(var(--${
v === 1 taskStatus === 1
? 'warning' ? 'warning'
: v === 2 : taskStatus === 2
? 'positive' ? 'positive'
: 'negative' : 'negative'
}-bg))`" }-bg))`"
@ -937,8 +939,13 @@ watch([currentFormData.value.taskStatus], () => {
size="xs" size="xs"
class="q-pr-sm" class="q-pr-sm"
/> />
{{
{{ taskStatusCount(v, product.id) }} taskStatusCount(
taskStatus,
product.id,
v.responsibleUser.id,
)
}}
</div> </div>
</span> </span>
</template> </template>