github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-16 05:09:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Implement adding controls in Tabs (#21)

Browse Source
This commit is contained in:
Fine0830
2022-03-04 15:35:29 +08:00
committed by GitHub
parent 59441f7a67
commit 1377703185
15 changed files with 347 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/dashboard/related/profile/components/SpanTree.vue
View File

@@ -35,16 +35,18 @@ limitations under the License. -->
{{ t("analyze") }}
</el-button>
</div>
<Table
:data="profileStore.segmentSpans"
:traceId="
profileStore.currentSegment.traceIds &&
profileStore.currentSegment.traceIds[0]
"
:showBtnDetail="true"
headerType="profile"
@select="selectSpan"
/>
<div class="profile-table">
<Table
:data="profileStore.segmentSpans"
:traceId="
profileStore.currentSegment.traceIds &&
profileStore.currentSegment.traceIds[0]
"
:showBtnDetail="true"
headerType="profile"
@select="selectSpan"
/>
</div>
</div>
</template>
<script lang="ts" setup>
@@ -158,10 +160,14 @@ function updateTimeRange() {
padding: 5px;
flex-shrink: 0;
height: 50%;
overflow: auto;
width: 100%;
}
.profile-table {
height: calc(100% - 30px);
overflow: auto;
}
.profile-trace-detail-wrapper {
padding: 5px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);