优化动态下拉框宽度样式，和延迟获取数据

Yi.RuoYi.Vue3/src/components/SelectDataTag/index.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 动态数据下拉选择框 -->
   <el-select v-model="value" :value-key="servicekey" filterable remote clearable :placeholder="placeholder"
-    :loading="loading" :style="{ width: width + '%' }" :remote-method="remoteMethod" @change="handleChange"
+    :loading="loading" :remote-method="remoteMethod" @change="handleChange"
     @clear="handleClear">
     <el-option v-for="item in options" :key="item[servicekey]" :label="item[servicelabel]" :value="item" />
   </el-select>
@@ -16,10 +16,6 @@ const props = defineProps({
     type: String,
     default: '请输入关键字',
   },
-  width: {
-    type: [String, Number],
-    default: 100,
-  },
   /** 动态服务名称 */
   servicename: {
     type: String,
@@ -61,14 +57,16 @@ function remoteMethod(query) {
   if (query) {
     loading.value = true;
 
-    getSelectDataList(query).then(
+    setTimeout(() => {
-      (response) => {
+      getSelectDataList(query).then(
-        list.value = response.data.items;
+        (response) => {
-        options.value = list.value;
+          list.value = response.data.items;
+          options.value = list.value;
 
-        loading.value = false;
+          loading.value = false;
-      }
+        }
-    );
+      );
+    }, 300);
   }
 }