Browse Source

下拉组件

qianlishi 7 months ago
parent
commit
916ccd59a9

+ 12 - 2
Report-V3-TS/src/components/Base/Jsq-select/src/Jsq-select.vue

@@ -19,6 +19,10 @@
     return { ...props, ...(unref(propsRef) as any) };
   });
 
+  /**
+   * 下拉框数据源优先级
+   *  静态数据 > 数字字典 > 接口
+   * */
   const getOptions = computed(() => {
     const { api, dictCode, localOptions } = unref(getProps);
     const options = localOptions
@@ -44,11 +48,17 @@
   watch(
     () => unref(getProps).api,
     (old, val) => {
-      console.log(old);
-      console.log(val);
+      loadData();
     },
   );
 
+  const loadData = async () => {
+    const requestApi = unref(getProps).api;
+    if (!requestApi) return;
+    const { data } = await requestApi();
+    selectOptions.value = data;
+  };
+
   onMounted(() => {
     emit('register', selectMethods);
   });

+ 1 - 1
Report-V3-TS/src/components/Base/Jsq-select/src/hooks/useSelect.ts

@@ -12,7 +12,7 @@ export const useSelect = (props?: props): UseSelectReturnType => {
   const getSelect = async () => {
     const select = unref(selectRef);
     if (!select) {
-      console.error('tree节点尚未获取');
+      console.error('select节点尚未获取');
     }
     await nextTick();
     return select as selectActionType;