fix : 选择框为远程搜索解决卡顿问题

src/assets/styles/index.scss

@@ -588,3 +588,23 @@ html, body, #app, .el-container, .el-aside, .el-main {
     position: relative;
   }
 }
+//绘制下拉选择框远程搜索时右侧的箭头
+.el-select {
+  .el-select__wrapper {
+    .el-select__suffix::before {
+      content: "";
+      width: 6px;
+      height: 6px;
+      border: solid #a8abb2;
+      border-width: 0 0 1px 1px;
+      transform: translate(-50%, -50%) rotate(-45deg);
+    }
+  }
+
+  .is-focused {
+    .el-select__suffix::before {
+      margin-top: 10px;
+      transform: translate(-50%, -50%) rotate(-225deg) !important;
+    }
+  }
+}

src/components/DetailComponent/ApprovalDetail.vue

@@ -6,7 +6,7 @@
       </el-col>
       <el-form :model="attachmentParam" inline style="margin-top: 15px;margin-left: 15px">
         <el-form-item label="标签" prop="tag">
-          <el-select v-model="attachmentParam.tag" placeholder="请选择标签" clearable filterable style="width: 300px">
+          <el-select v-model="attachmentParam.tag" placeholder="请选择标签" clearable filterable remote style="width: 300px">
             <el-option
                 v-for="item in tagsOption"
                 :key="item.value"

src/components/SearchFilesByTag.vue

@@ -5,7 +5,7 @@
         <el-input v-model="attachment.fileName" placeholder="请输入附件名称查询" clearable filterable style="width: 300px"/>
       </el-form-item>
       <el-form-item label="标签" prop="tag" v-if="type==='40'">
-        <el-select v-model="attachment.tag" placeholder="请选择标签" clearable filterable style="width: 300px">
+        <el-select v-model="attachment.tag" placeholder="请选择标签" clearable remote filterable style="width: 300px">
           <el-option
               v-for="item in tagsOption"
               :key="item.value"

src/fvcomponents/fvSearchForm/index.vue

@@ -119,24 +119,3 @@ onMounted(() => {
   align-items: center;
 }
 </style>
-<style lang="scss">
-.el-select {
-  .el-select__wrapper {
-    .el-select__suffix::before {
-      content: "";
-      width: 6px;
-      height: 6px;
-      border: solid #a8abb2;
-      border-width: 0 0 1px 1px;
-      transform: translate(-50%, -50%) rotate(-45deg);
-    }
-  }
-
-  .is-focused {
-    .el-select__suffix::before {
-      margin-top: 10px;
-      transform: translate(-50%, -50%) rotate(-225deg) !important;
-    }
-  }
-}
-</style>

src/views/expense-management/ledger/index.vue

@@ -23,7 +23,8 @@ const searchConfig = ref([
       clearable: true,
       data: [],
       filterable: true,
-      checkStrictly: true
+      checkStrictly: true,
+      remote: true
     }
   },
   {

src/views/project-demand/summary/index.vue

@@ -110,6 +110,7 @@ const searchConfig = reactive([
     props: {
       placeholder: '请选择状态',
       clearable: true,
+      filterable:true,
       cacheKey: 'demand_summary',
       remote: true
     }

src/views/project-management/filing/index.vue

@@ -54,7 +54,8 @@ const searchConfig = ref([
       clearable: true,
       data: [],
       filterable: true,
-      checkStrictly: true
+      checkStrictly: true,
+      remote:true
     }
   },
   {
@@ -125,6 +126,7 @@ const searchConfig = ref([
       placeholder: '请选择状态',
       clearable: true,
       cacheKey: 'project_filing',
+      filterable: true,
       remote: true
     }
   },

src/views/project-management/implementation/attachment.vue

@@ -3,7 +3,7 @@
   <fvForm :schema="schema" @getInstance="(e)=>baseForm = e" label-position="left" label-width="left"></fvForm>
   <el-form :model="attachment" inline style="margin-top: 15px">
     <el-form-item label="标签" prop="tag">
-      <el-select v-model="attachment.tag" placeholder="请选择标签" clearable filterable style="width: 300px">
+      <el-select v-model="attachment.tag" placeholder="请选择标签" clearable filterable remote style="width: 300px">
         <el-option
             v-for="item in tagsOption"
             :key="item.value"

src/views/project-management/implementation/index.vue

@@ -52,7 +52,8 @@ const searchConfig = ref([
       clearable: true,
       data: [],
       filterable: true,
-      checkStrictly: true
+      checkStrictly: true,
+      remote: true
     }
   },
   {
@@ -123,6 +124,7 @@ const searchConfig = ref([
     props: {
       placeholder: '请选择状态',
       clearable: true,
+      filterable: true,
       cacheKey: 'project_implementation',
       remote: true
     }

src/views/project-management/initiation/index.vue

@@ -51,7 +51,8 @@ const searchConfig = ref([
       clearable: true,
       data: [],
       filterable: true,
-      checkStrictly: true
+      checkStrictly: true,
+      remote: true
     }
   },
   {
@@ -121,8 +122,9 @@ const searchConfig = ref([
     props: {
       placeholder: '请选择状态',
       clearable: true,
+      filterable: true,
+      remote: true,
       cacheKey: 'project_initiation',
-      remote: true
     }
   },
   // {

src/views/special-fund/add.vue

@@ -322,4 +322,8 @@ onMounted(async () => {
 :deep(.el-table--fit ) {
   height: 300px !important;
 }
+.add-block{
+
+  padding: 0 30px 30px 15px;
+}
 </style>

src/views/special-fund/index.vue

@@ -31,6 +31,7 @@ const searchConfig = reactive([
     props: {
       placeholder: '请选择状态',
       clearable: true,
+      filterable:true,
       cacheKey: 'special_fund',
       remote: true
     }