feat(views): 优化实时监测页面高级设置的逻辑和样式

1. 点击其他参数时滚动到更精确的位置
2. 优化选择器打开时的文字颜色
3. 添加 loading

src/views/real-time-monitor/device-control/AdvancedSettings.vue

@@ -53,7 +53,7 @@ watch(currentParamType, (newVal) => {
       behavior: 'smooth',
     });
   } else {
-    const otherEl = document.querySelector('.ai-advanced-param-other');
+    const otherEl = document.querySelector('.ai-advanced-param-other + .ant-col .ant-form-item-label');
 
     otherEl?.scrollIntoView({
       behavior: 'smooth',
@@ -62,7 +62,7 @@ watch(currentParamType, (newVal) => {
   }
 });
 
-const { handleRequest } = useRequest();
+const { isLoading, handleRequest } = useRequest();
 const paramList = ref<AIAdvancedParamItem[]>([]);
 let settingsTimer: number | undefined;
 
@@ -132,6 +132,7 @@ const updateDeviceData = (deviceId: number, paramCode: string, value?: string |
         </template>
       </ARow>
     </AForm>
+    <ASpin v-if="isLoading" class="center-loading" :spinning="true" />
   </div>
 </template>
 
@@ -198,6 +199,10 @@ const updateDeviceData = (deviceId: number, paramCode: string, value?: string |
     .ant-select-arrow {
       color: #8c94a8;
     }
+
+    &.ant-select-single.ant-select-open .ant-select-selection-item {
+      color: rgb(255 255 255 / 25%);
+    }
   }
 }
 </style>