|
@@ -111,9 +111,11 @@
|
|
|
<span>{{ getTaskStage(scope.row.taskStage) }}</span>
|
|
<span>{{ getTaskStage(scope.row.taskStage) }}</span>
|
|
|
</template>
|
|
</template>
|
|
|
<template #reportPrincipals="scope">
|
|
<template #reportPrincipals="scope">
|
|
|
- <p v-for="user in scope.row.reportPrincipalInfoList" :key="user.reportPrincipalId">
|
|
|
|
|
- {{ user.reportPrincipalName }}({{ user.reportPrincipalStaffNo }})
|
|
|
|
|
- </p>
|
|
|
|
|
|
|
+ <div class="principal-container--div">
|
|
|
|
|
+ <p v-for="user in scope.row.reportPrincipalInfoList" :key="user.reportPrincipalId">
|
|
|
|
|
+ {{ user.reportPrincipalName }}({{ user.reportPrincipalStaffNo }})
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
<template #action="scope">
|
|
<template #action="scope">
|
|
|
<div class="action-container--div">
|
|
<div class="action-container--div">
|
|
@@ -445,4 +447,8 @@
|
|
|
max-height: $collapse-container-height-default;
|
|
max-height: $collapse-container-height-default;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ .principal-container--div {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|