feat: select组件替换

src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue

@@ -31,15 +31,14 @@
       <FormItem label="选择标签" required>
         <template v-if="editType === 'all'">
           <div class="flex items-center w-100%">
-            <a-select
-              v-model="form.tags"
+            <Select
+              v-model:value="form.tags"
               :options="tagOptions"
-              multiple
-              allow-create
+              mode="tags"
               placeholder="请输入标签，回车键可直接添加..."
-              :limit="5"
+              :max-tag-count="5"
               class="flex-1"
-              @create="handleCreateTag"
+              @search="handleCreateTag"
             />
             <span class="ml-12px">{{ `${form.tags.length}/5` }}</span>
           </div>
@@ -58,15 +57,14 @@
             <a-table-column title="选择标签" data-index="tags">
               <template #cell="{ record, rowIndex }">
                 <div class="flex items-center w-100%">
-                  <a-select
-                    v-model="record.tags"
+                  <Select
+                    v-model:value="record.tags"
                     :options="tagOptions"
-                    multiple
-                    allow-create
+                    mode="tags"
                     placeholder="请输入标签，回车键可直接添加..."
-                    :limit="5"
+                    :max-tag-count="5"
                     style="width: 90%"
-                    @create="(val) => handleCreateTag(val, rowIndex)"
+                    @search="(val) => handleCreateTag(val, rowIndex)"
                   />
                   <span class="tag-count ml-8px">{{ record.tags.length }}/5</span>
                 </div>
@@ -85,7 +83,7 @@
 
 <script setup>
 import { ref, reactive } from 'vue';
-import { Button, Modal, Form, FormItem, RadioGroup, Radio } from 'ant-design-vue';
+import { Button, Modal, Form, FormItem, RadioGroup, Radio, Select } from 'ant-design-vue';
 import { fetchAccountTags, batchPutTag } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/icon-question.png';

src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue

@@ -20,22 +20,22 @@
       </div>
       <div class="filter-row-item">
         <span class="label">平台</span>
-        <a-select
-          v-model="query.platform"
+        <Select
+          v-model:value="query.platform"
           class="w-160px"
-          size="medium"
+          size="middle"
           placeholder="全部"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
-          <a-option
+          <Option
             v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
             :key="index"
             :value="item.value"
             :label="item.label"
-            >{{ item.label }}</a-option
+            >{{ item.label }}</Option
           >
-        </a-select>
+        </Select>
       </div>
       <div class="filter-row-item">
         <span class="label">运营人员</span>
@@ -82,7 +82,8 @@
 
 <script setup>
 import { reactive, defineEmits, defineProps } from 'vue';
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input, Select } from 'ant-design-vue';
+const { Option } = Select;
 import {
   fetchAccountTags,
   getProjectList,

src/views/property-marketing/media-account/account-manage/constants.ts

@@ -4,9 +4,9 @@
  */
 export const INITIAL_QUERY = {
   search: '',
-  status: '',
-  platform: '',
-  operator_id: '',
+  status: undefined,
+  platform: undefined,
+  operator_id: undefined,
   group_ids: [],
   tag_ids: [],
   project_ids: [],