feat: button组件替换

src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue

@@ -9,6 +9,7 @@
     width="960px"
     unmountOnClose
     titleAlign="start"
+    centered
     wrapClassName="custom-table-column-modal-98"
     @cancel="close"
   >
@@ -64,7 +65,7 @@
     </div>
 
     <template #footer>
-      <div style="text-align: right">
+      <div class="flex">
         <Button @click="close">取消</Button>
         <Button type="primary" @click="onSubmit">确定</Button>
       </div>

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

@@ -51,24 +51,25 @@
         </a-select>
       </div>
       <div class="filter-row-item flex items-center">
-        <a-button type="outline" class="w-84px mr-12px" size="medium" @click="handleSearch">
+        <Button type="primary" ghost class="w-84px mr-12px" @click="handleSearch">
           <template #icon>
-            <icon-search />
+            <icon-search class="mr-8px" />
           </template>
           <template #default>搜索</template>
-        </a-button>
-        <a-button class="w-84px" size="medium" @click="handleReset">
+        </Button>
+        <Button class="w-84px" @click="handleReset">
           <template #icon>
-            <icon-refresh />
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
-        </a-button>
+        </Button>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
+import { Button } from 'ant-design-vue';
 import { reactive, defineEmits, defineProps } from 'vue';
 import { fetchAccountGroups, fetchAccountOperators } from '@/api/all/propertyMarketing';
 import StatusSelect from '@/views/property-marketing/media-account/components/status-select';