fix: 增加pengding样式，优化渲染交互 (#4146)

Co-authored-by: wencong1724427771 <[email protected]>
Co-authored-by: jayjiahua <[email protected]>
Co-authored-by: jidanjuan <[email protected]>
Co-authored-by: NeoLing <[email protected]>
Co-authored-by: EmilyMei <[email protected]>
Co-authored-by: 热心网友陈德华 <[email protected]>
Co-authored-by: cjyscjys <[email protected]>
Co-authored-by: chenmanting1 <[email protected]>
Co-authored-by: lai <[email protected]>
Co-authored-by: chenguo <[email protected]>
Co-authored-by: ctenetlau <[email protected]>
Co-authored-by: liuwenping <[email protected]>
Co-authored-by: crayon <[email protected]>
Co-authored-by: liang ling <[email protected]>
Co-authored-by: tang202388 <[email protected]>
Co-authored-by: 进击的弗兰克 <[email protected]>
Co-authored-by: JayCC1 <[email protected]>
Co-authored-by: xlc <[email protected]>
Co-authored-by: ZC-A <[email protected]>
Co-authored-by: HACK-WU <[email protected]>
Co-authored-by: yzygyin <[email protected]>
Co-authored-by: Shamcle Ren <[email protected]>
Co-authored-by: 闪烁 <[email protected]>
Co-authored-by: 17 <[email protected]>
Co-authored-by: RyanYu <[email protected]>
Co-authored-by: dengyh <[email protected]>

Author: 27 people

bklog/web/src/common/util.js

@@ -1100,7 +1100,6 @@ export const setDefaultTableWidth = (visibleFields, tableData, catchFieldsWidthO
       }
     }
 
-    debugger;
     return true;
   } catch (error) {
     return false;

bklog/web/src/views/retrieve-v2/search-result-panel/log-result/log-rows.scss

@@ -70,6 +70,17 @@
     min-height: 40px;
     transform: translateZ(0);
 
+    &.is-pending {
+      width: 100%;
+      background: repeating-linear-gradient(#f8f8f8, #f8f8f8 40px, #fff 40px, #fff 48px),
+        linear-gradient(90deg, rgba(240, 240, 240, 0), rgba(224, 224, 224, 0.5), rgba(240, 240, 240, 0));
+      background-repeat: no-repeat;
+      background-size:
+        100% 100%,
+        50% 100%;
+      animation: loading-animation 1.5s infinite;
+    }
+
     .bklog-list-row {
       position: relative;
       box-sizing: border-box;

bklog/web/src/views/retrieve-v2/search-result-panel/log-result/log-rows.tsx

@@ -397,29 +397,12 @@ export default defineComponent({
       },
     };
 
-    // const resetRowHeight = () => {
-    //   scrollToTop(visibleIndexs.value.endIndex < 100);
-
-    //   visibleIndexs.value.startIndex = 0;
-    //   visibleIndexs.value.endIndex = bufferCount;
-
-    //   const { startIndex, endIndex } = visibleIndexs.value;
-    //   tableData.value.forEach(row => {
-    //     const index = row[ROW_INDEX];
-
-    //     if (index < startIndex || index >= endIndex) {
-    //       row[ROW_CONFIG].value.minHeight = 40;
-    //     }
-    //   });
-    // };
-
     watch(
       () => [fieldRequestCounter.value, props.contentType],
       () => {
         columns.value = loadTableColumns();
         setTimeout(() => {
           computeRect();
-          // resetRowHeight();
         });
       },
     );
@@ -695,6 +678,7 @@ export default defineComponent({
             style={rowStyle}
             class={[
               'bklog-row-container',
+              'is-pending',
               {
                 'has-overflow-x': hasScrollX.value,
               },