mirror of
https://github.com/apache/skywalking-booster-ui.git
synced 2025-05-12 15:52:57 +00:00
fix: trace id
This commit is contained in:
parent
50ca810c7e
commit
618d4fc3bb
@ -142,6 +142,7 @@ limitations under the License. -->
|
|||||||
/*global defineProps, Nullable, Recordable */
|
/*global defineProps, Nullable, Recordable */
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
currentSpan: { type: Object as PropType<Recordable>, default: () => ({}) },
|
currentSpan: { type: Object as PropType<Recordable>, default: () => ({}) },
|
||||||
|
traceId: { type: String, default: "" },
|
||||||
});
|
});
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
const traceStore = useTraceStore();
|
const traceStore = useTraceStore();
|
||||||
@ -167,7 +168,7 @@ limitations under the License. -->
|
|||||||
const res = await traceStore.getSpanLogs({
|
const res = await traceStore.getSpanLogs({
|
||||||
condition: {
|
condition: {
|
||||||
relatedTrace: {
|
relatedTrace: {
|
||||||
traceId: props.currentSpan.traceId,
|
traceId: props.currentSpan.traceId || props.traceId,
|
||||||
segmentId: props.currentSpan.segmentId,
|
segmentId: props.currentSpan.segmentId,
|
||||||
spanId: props.currentSpan.spanId,
|
spanId: props.currentSpan.spanId,
|
||||||
},
|
},
|
||||||
|
@ -17,7 +17,13 @@ limitations under the License. -->
|
|||||||
<div class="trace-t-loading" v-show="loading">
|
<div class="trace-t-loading" v-show="loading">
|
||||||
<Icon iconName="spinner" size="sm" />
|
<Icon iconName="spinner" size="sm" />
|
||||||
</div>
|
</div>
|
||||||
<TableContainer :tableData="tableData" type="table" :headerType="headerType" @select="handleSelectSpan">
|
<TableContainer
|
||||||
|
:tableData="tableData"
|
||||||
|
type="table"
|
||||||
|
:headerType="headerType"
|
||||||
|
:traceId="traceId"
|
||||||
|
@select="handleSelectSpan"
|
||||||
|
>
|
||||||
<div class="trace-tips" v-if="!tableData.length">{{ $t("noData") }}</div>
|
<div class="trace-tips" v-if="!tableData.length">{{ $t("noData") }}</div>
|
||||||
</TableContainer>
|
</TableContainer>
|
||||||
</div>
|
</div>
|
||||||
|
@ -41,6 +41,7 @@ limitations under the License. -->
|
|||||||
</div>
|
</div>
|
||||||
<TableItem
|
<TableItem
|
||||||
:method="method"
|
:method="method"
|
||||||
|
:traceId="traceId"
|
||||||
v-for="(item, index) in tableData"
|
v-for="(item, index) in tableData"
|
||||||
:data="item"
|
:data="item"
|
||||||
:key="'key' + index"
|
:key="'key' + index"
|
||||||
@ -63,6 +64,7 @@ limitations under the License. -->
|
|||||||
tableData: { type: Array as PropType<Recordable>, default: () => [] },
|
tableData: { type: Array as PropType<Recordable>, default: () => [] },
|
||||||
type: { type: String, default: "" },
|
type: { type: String, default: "" },
|
||||||
headerType: { type: String, default: "" },
|
headerType: { type: String, default: "" },
|
||||||
|
traceId: { type: String, default: "" },
|
||||||
});
|
});
|
||||||
const emits = defineEmits(["select"]);
|
const emits = defineEmits(["select"]);
|
||||||
const method = ref<number>(300);
|
const method = ref<number>(300);
|
||||||
|
@ -137,7 +137,7 @@ limitations under the License. -->
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<el-dialog v-model="showDetail" :destroy-on-close="true" fullscreen @closed="showDetail = false">
|
<el-dialog v-model="showDetail" :destroy-on-close="true" fullscreen @closed="showDetail = false">
|
||||||
<SpanDetail :currentSpan="data" />
|
<SpanDetail :currentSpan="data" :traceId="traceId" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -156,6 +156,7 @@ limitations under the License. -->
|
|||||||
method: { type: Number, default: 0 },
|
method: { type: Number, default: 0 },
|
||||||
type: { type: String, default: "" },
|
type: { type: String, default: "" },
|
||||||
headerType: { type: String, default: "" },
|
headerType: { type: String, default: "" },
|
||||||
|
traceId: { type: String, traceId: "" },
|
||||||
};
|
};
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
name: "TableItem",
|
name: "TableItem",
|
||||||
|
Loading…
Reference in New Issue
Block a user