-
-
Cycle A:
-
+
+
+
+
-
-
- `
- }
+
+
+
+ `
+}
}
\ No newline at end of file
diff --git a/ide/src/trace/component/trace/sheet/gpufreq/tabPaneGpufreqDataCut.ts b/ide/src/trace/component/trace/sheet/gpufreq/tabPaneGpufreqDataCut.ts
index ef2de4ae123999911c577e833a2d149b56224409..eee5d9b304027192ad1adc3a71db613ccab9d0e5 100644
--- a/ide/src/trace/component/trace/sheet/gpufreq/tabPaneGpufreqDataCut.ts
+++ b/ide/src/trace/component/trace/sheet/gpufreq/tabPaneGpufreqDataCut.ts
@@ -36,9 +36,8 @@ export class TabPaneGpufreqDataCut extends BaseElement {
if (this.currentSelectionParam === threadStatesParam) {
return;
} else {
- this._threadId!.value = '';
- this._threadFunc!.value = '';
- }
+ SpSegmentationChart.setChartData('GPU-FREQ', []);
+ };
this.currentSelectionParam = threadStatesParam;
this.threadStatesTbl!.recycleDataSource = [];
this.threadStatesTbl!.loading = true;
@@ -58,16 +57,18 @@ export class TabPaneGpufreqDataCut extends BaseElement {
resultList[resultList.length - 1].count = String(
Number(resultList[resultList.length - 1].dur) * Number(resultList[resultList.length - 1].value)
);
- }
+ };
this.initData = resultList;
this.threadStatesTbl!.loading = false;
} else {
this.threadStatesTbl!.recycleDataSource = [];
this.threadStatesTbl!.loading = false;
- }
+ };
});
- }
+ this._threadId!.style.border = '1px solid rgb(151, 151, 151)';
+ this._threadFunc!.style.border = '1px solid rgb(151, 151, 151)';
+ };
initElements(): void {
this.threadStatesTbl = this.shadowRoot?.querySelector
('#tb-gpufreq-percent');
@@ -77,64 +78,45 @@ export class TabPaneGpufreqDataCut extends BaseElement {
this._threadFunc = this.shadowRoot?.querySelector('#dataCutThreadFunc');
this.threadIdValue = this._threadId!.value.trim();
this.threadFuncName = this._threadFunc!.value.trim();
- const originalThreadIdStyle: string = this._threadId!.style.border;
- const originalThreadFuncStyle: string = this._threadId!.style.border;
- const originalThreadIdPlaceholder: string = String(this._threadId!.getAttribute('placeholder'));
- const originalThreadFuncPlaceholder: string = String(this._threadId!.getAttribute('placeholder'));
//点击single
this._single?.addEventListener('click', (e) => {
this.threadIdValue = this._threadId!.value.trim();
this.threadFuncName = this._threadFunc!.value.trim();
this.threadStatesTbl!.loading = true;
- this.validationFun(
- this.threadIdValue,
- this.threadFuncName,
- originalThreadIdStyle,
- originalThreadFuncStyle,
- originalThreadIdPlaceholder,
- originalThreadFuncPlaceholder,
- 'single'
- );
+ SpSegmentationChart.tabHover('GPU-FREQ', false, -1);
+ this.validationFun(this.threadIdValue, this.threadFuncName, 'single');
});
//点击loop
this._loop?.addEventListener('click', (e) => {
this.threadIdValue = this._threadId!.value.trim();
this.threadFuncName = this._threadFunc!.value.trim();
this.threadStatesTbl!.loading = true;
- this.validationFun(
- this.threadIdValue,
- this.threadFuncName,
- originalThreadIdStyle,
- originalThreadFuncStyle,
- originalThreadIdPlaceholder,
- originalThreadFuncPlaceholder,
- 'loop'
- );
+ SpSegmentationChart.tabHover('GPU-FREQ', false, -1);
+ this.validationFun(this.threadIdValue, this.threadFuncName, 'loop');
});
this.threadStatesTbl?.addEventListener('row-click', (event: Event) => {
// @ts-ignore
if (event.detail.level === 2 && event.detail.thread.includes('cycle')) {
// @ts-ignore
SpSegmentationChart.tabHover('GPU-FREQ', true, event.detail.data.cycle);
- }
+ };
});
this._threadId?.addEventListener('change', function () {
if (this.value.trim() !== '') {
- this.style.border = originalThreadIdStyle;
- this.setAttribute('placeholder', originalThreadIdPlaceholder);
- }
+ this.style.border = '1px solid rgb(151, 151, 151)';
+ };
});
this._threadFunc?.addEventListener('change', function () {
if (this.value.trim() !== '') {
- this.style.border = originalThreadFuncStyle;
- this.setAttribute('placeholder', originalThreadFuncPlaceholder);
- }
+ this.style.border = '1px solid rgb(151, 151, 151)';
+ };
});
- }
+ };
+
connectedCallback(): void {
super.connectedCallback();
resizeObserver(this.parentElement!, this.threadStatesTbl!);
- }
+ };
initHtml(): string {
return ` 
