feat: button组件替换

src/views/components/dataEngine/keyWord.vue

@@ -207,15 +207,16 @@
           </div>
         </template>
         <template #optional="{ record }">
-          <a-button type="outline" @click="gotoDetail(record)">详情</a-button>
+          <Button type="primary" ghost @click="gotoDetail(record)">详情</Button>
         </template>
       </a-table>
     </a-space>
     <!-- modal -->
-    <a-modal
-      :visible="visible"
-      modal-class="keyword-modal"
+    <Modal
+      v-model:open="visible"
+      wrapClassName="keyword-modal"
       unmountOnClose
+      centered
       width="640px"
       @ok="handleOk"
       @cancel="handleCancel"
@@ -260,15 +261,16 @@
         </a-space>
       </div>
       <template #footer>
-        <a-button size="large" @click="handleCancel">取消</a-button>
-        <a-button type="primary" size="large" class="rounded-4px" @click="handleOk"> 确定 </a-button>
+        <Button size="large" @click="handleCancel">取消</Button>
+        <Button type="primary" size="large" @click="handleOk"> 确定 </Button>
       </template>
-    </a-modal>
+    </Modal>
   </view>
 </template>
 
 <script setup>
 import topHeader from './topHeader.vue';
+import { Checkbox, Modal, Button } from 'ant-design-vue';
 import {
   fetchKeywordTrendsList,
   fetchIndustryEmotions,