feat: button组件替换

src/views/components/dataEngine/userPainPoints.vue

@@ -52,14 +52,15 @@
         </template>
 
         <template #optional="{ record }">
-          <a-button type="outline" class="!rounded-4px" @click="gotoDetail(record)">详情</a-button>
+          <Button type="primary" ghost @click="gotoDetail(record)">详情</Button>
         </template>
       </a-table>
     </a-space>
 
-    <a-modal
-      :visible="visible"
-      modal-class="user-pain-points-modal"
+    <Modal
+      v-model:open="visible"
+      wrapClassName="user-pain-points-modal"
+      centered
       unmountOnClose
       width="640px"
       @ok="handleOk"
@@ -110,15 +111,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 { Modal, Button } from 'ant-design-vue';
 import { fetchUserPainPointsDetail, fetchUserPainPointsList } from '@/api/all/index';
 import { ref, onMounted, computed } from 'vue';
 import top1 from '@/assets/img/captcha/top1.svg';