feat: space组件处理

src/views/components/dataEngine/userPainPoints.vue

@@ -3,7 +3,7 @@
     <topHeader ref="topHeaderRef" @search="search"></topHeader>
 
     <!-- 用户痛点观察 -->
-    <a-space
+    <Space
       direction="vertical"
       style="background-color: #fff; width: 100%; padding: 0 20px"
       class="bg-#fff rounded-8px  mb-24px"
@@ -55,7 +55,7 @@
           <Button type="primary" ghost @click="gotoDetail(record)">详情</Button>
         </template>
       </a-table>
-    </a-space>
+    </Space>
 
     <Modal
       v-model:open="visible"
@@ -70,7 +70,7 @@
         <span style="text-align: left; width: 100%">用户痛点观察</span>
       </template>
       <div>
-        <a-space direction="vertical" style="font-size: 12px">
+        <Space direction="vertical" style="font-size: 12px">
           <div class="mb-12px flex items-center">
             <p class="cts !mr-16px flex-shrink-0 w-60px">痛点</p>
             <span class="cts">{{ topicInfo.name }}</span>
@@ -108,7 +108,7 @@
               </div>
             </div>
           </div>
-        </a-space>
+        </Space>
       </div>
       <template #footer>
         <Button size="large" @click="handleCancel">取消</Button>
@@ -120,7 +120,7 @@
 
 <script setup>
 import topHeader from './topHeader.vue';
-import { Modal, Button, Tooltip } from 'ant-design-vue';
+import { Modal, Button, Tooltip, Space } 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';