perf: 统一样式

src/components/_base/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue

@@ -10,7 +10,7 @@
       <span>确认删除 {{ accountName }} 这条记录吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px !bg-#f64b31 !border-none" status="danger" size="large" @click="onDelete"
         >确定</a-button
       >

src/components/_base/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue

@@ -10,7 +10,7 @@
       <span>确认删除 {{ accountName }} 这条记录吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px !bg-#f64b31 !border-none" status="danger" size="large" @click="onDelete"
         >确定</a-button
       >

src/components/custom-table-column-modal/index.vue

@@ -65,7 +65,7 @@
 
     <template #footer>
       <div style="text-align: right">
-        <a-button class="mr-8px cancel-btn" size="medium" @click="close">取消</a-button>
+        <a-button class="mr-8px" size="medium" @click="close">取消</a-button>
         <a-button type="primary" size="medium" @click="onSubmit">确定</a-button>
       </div>
     </template>

src/components/custom-table-column-modal/style.scss

@@ -87,13 +87,6 @@
     }
   }
   .arco-modal-footer {
-    .cancel-btn {
+
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-      &:hover {
-        border: 1px solid var(--BG-500, #b1b2b5);
-      }
-    }
   }
 }

src/views/components/dataEngine/hotTranslation.vue

@@ -133,7 +133,7 @@
         </a-space>
       </div>
       <template #footer>
-        <a-button size="large" class="cancel-btn" @click="handleCancel">取消</a-button>
+        <a-button size="large" @click="handleCancel">取消</a-button>
         <a-button type="primary" size="large" class="rounded-4px" @click="handleOk"> 确定 </a-button>
       </template>
     </a-modal>
@@ -397,14 +397,6 @@ const handleOk = () => {
     justify-content: flex-end;
     align-items: center;
     border-top: 1px solid var(--Border-1, #d7d7d9);
-    .cancel-btn {
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-      &:hover {
-        border: 1px solid var(--BG-500, #b1b2b5);
-      }
-    }
   }
 }
 </style>

src/views/components/dataEngine/keyWord.vue

@@ -260,7 +260,7 @@
         </a-space>
       </div>
       <template #footer>
-        <a-button size="large" class="cancel-btn" @click="handleCancel">取消</a-button>
+        <a-button size="large" @click="handleCancel">取消</a-button>
         <a-button type="primary" size="large" class="rounded-4px" @click="handleOk"> 确定 </a-button>
       </template>
     </a-modal>
@@ -713,14 +713,6 @@ onMounted(() => {
     justify-content: flex-end;
     align-items: center;
     border-top: 1px solid var(--Border-1, #d7d7d9);
-    .cancel-btn {
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-      &:hover {
-        border: 1px solid var(--BG-500, #b1b2b5);
-      }
-    }
   }
 }
 </style>

src/views/components/dataEngine/userPainPoints.vue

@@ -110,7 +110,7 @@
         </a-space>
       </div>
       <template #footer>
-        <a-button size="large" class="cancel-btn" @click="handleCancel">取消</a-button>
+        <a-button size="large" @click="handleCancel">取消</a-button>
         <a-button type="primary" size="large" class="rounded-4px" @click="handleOk"> 确定 </a-button>
       </template>
     </a-modal>
@@ -318,14 +318,6 @@ const search = () => {
     justify-content: flex-end;
     align-items: center;
     border-top: 1px solid var(--Border-1, #d7d7d9);
-    .cancel-btn {
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-      &:hover {
-        border: 1px solid var(--BG-500, #b1b2b5);
-      }
-    }
   }
 }
 </style>

src/views/property-marketing/component.scss

@@ -1,13 +1,4 @@
 .arco-modal {
-  .cancel-btn {
-    border-radius: 4px;
-    border: 1px solid var(--BG-500, #b1b2b5);
-    background: var(--BG-white, #fff);
-    &:hover {
-      border: 1px solid var(--BG-500, #b1b2b5);
-    }
-  }
-
   .arco-modal-body {
     .arco-form-item {
       margin-bottom: 16px;

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

@@ -65,7 +65,7 @@
 
     <template #footer>
       <div style="text-align: right">
-        <a-button class="mr-8px cancel-btn" size="medium" @click="close">取消</a-button>
+        <a-button class="mr-8px" size="medium" @click="close">取消</a-button>
         <a-button type="primary" size="medium" @click="onSubmit">确定</a-button>
       </div>
     </template>

src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss

@@ -87,13 +87,5 @@
     }
   }
   .arco-modal-footer {
-    .cancel-btn {
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-      &:hover {
-        border: 1px solid var(--BG-500, #b1b2b5);
-      }
-    }
   }
 }

src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue

@@ -15,7 +15,7 @@
       <span>确认删除 {{ accountName }} 这个账号吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >

src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue

@@ -9,7 +9,7 @@
       <span>确认暂停同步 “{{ accountName }}” 这个账号的数据吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px" size="large" @click="onConfirm">确定</a-button>
     </template>
   </a-modal>

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

@@ -436,7 +436,7 @@ export default {
           )}
         </Form>
         <div style="display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px;">
-          <Button size="large" class="cancel-btn" onClick={onClose}>
+          <Button size="large" onClick={onClose}>
             取消
           </Button>
           <Button type="primary" size="large" loading={importLoading.value} onClick={onSubmit}>

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

@@ -76,15 +76,10 @@
     </div>
 
     <template #footer>
-      <a-button v-if="modalState === MODAL_STATE.QR_READY" size="large" class="cancel-btn" @click="handleRefreshQrCode">
+      <a-button v-if="modalState === MODAL_STATE.QR_READY" size="large" @click="handleRefreshQrCode">
         重新生成
       </a-button>
-      <a-button
+      <a-button v-if="[MODAL_STATE.SUCCESS, MODAL_STATE.FAILED].includes(modalState)" size="large" @click="close">
-        v-if="[MODAL_STATE.SUCCESS, MODAL_STATE.FAILED].includes(modalState)"
-        size="large"
-        class="cancel-btn"
-        @click="close"
-      >
         取消
       </a-button>
       <a-button type="primary" size="large" @click="handleOk">

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

@@ -56,7 +56,7 @@
       </template>
     </a-form>
     <template #footer>
-      <a-button size="large" class="mr-16px cancel-btn" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" size="large" @click="onSubmit">确定</a-button>
     </template>
   </a-modal>

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

@@ -76,7 +76,7 @@
       </template>
     </a-form>
     <template #footer>
-      <a-button size="large" class="mr-16px cancel-btn" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" size="large" @click="onSubmit">确定</a-button>
     </template>
   </a-modal>

src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue

@@ -16,7 +16,7 @@
       </a-form-item>
     </a-form>
     <template #footer>
-      <a-button class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
     </template>
   </a-modal>

src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue

@@ -9,7 +9,7 @@
       <span>确认删除 "{{ groupName }}" 这个分组吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >

src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue

@@ -21,7 +21,7 @@
       </div>
     </div>
     <template #footer>
-      <a-button size="large" class="cancel-btn" @click="close">取消</a-button>
+      <a-button size="large" @click="close">取消</a-button>
       <a-button type="primary" size="large" @click="handleOk"> 去授权 </a-button>
     </template>
   </a-modal>

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

@@ -92,13 +92,12 @@
     </div>
 
     <template #footer>
-      <a-button v-if="modalState === MODAL_STATE.QR_READY" size="large" class="cancel-btn" @click="handleRefreshQrCode">
+      <a-button v-if="modalState === MODAL_STATE.QR_READY" size="large" @click="handleRefreshQrCode">
         重新生成
       </a-button>
       <a-button
         v-if="modalState === MODAL_STATE.SUCCESS || modalState === MODAL_STATE.FAILED"
         size="large"
-        class="cancel-btn"
         @click="close"
       >
         取消

src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue

@@ -20,7 +20,7 @@
       </div>
     </div>
     <template #footer>
-      <a-button size="large" class="cancel-btn" @click="close">稍后再说</a-button>
+      <a-button size="large" @click="close">稍后再说</a-button>
       <a-button type="primary" size="large" @click="handleOk"> 更新数据 </a-button>
     </template>
   </a-modal>

src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue

@@ -1,7 +1,3 @@
-<!--
- * @Author: AI
- * @Date: 2025-06-27
--->
 <template>
   <a-modal
     v-model:visible="visible"
@@ -16,7 +12,7 @@
       </a-form-item>
     </a-form>
     <template #footer>
-      <a-button class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
     </template>
   </a-modal>

src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue

@@ -9,7 +9,7 @@
       <span>确认删除 "{{ tagName }}" 这个标签吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >

src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue

@@ -16,7 +16,7 @@
       </a-form-item>
     </a-form>
     <template #footer>
-      <a-button class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
     </template>
   </a-modal>

src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue

@@ -9,7 +9,7 @@
       <span>确认删除 "{{ groupName }}" 这个分组吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >

src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue

@@ -15,7 +15,7 @@
       <span>确认删除 {{ accountName }} 这个账户吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >

src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue

@@ -9,7 +9,7 @@
       <span>确认暂停同步 “{{ accountName }}” 这个账号的数据吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px !bg-#f64b31" size="large" @click="onConfirm">确定</a-button>
     </template>
   </a-modal>

src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue

@@ -134,7 +134,7 @@
       </template>
     </a-form>
     <template #footer>
-      <a-button size="large" class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" size="large" @click="onSubmit" :loading="importLoading">
         {{ confirmBtnText }}
       </a-button>

src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue

@@ -55,7 +55,7 @@
       </template>
     </div>
     <template #footer>
-      <a-button size="large" class="cancel-btn" @click="close">取消</a-button>
+      <a-button size="large" @click="close">取消</a-button>
       <a-button type="primary" size="large" @click="handleOk">{{ confirmBtnText }} </a-button>
     </template>
   </a-modal>

src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue

@@ -18,7 +18,7 @@
       </div>
     </div>
     <template #footer>
-      <a-button size="large" class="mr-16px cancel-btn" @click="close">取消</a-button>
+      <a-button size="large" @click="close">取消</a-button>
       <a-button type="primary" size="large" @click="handleOk"> 去授权 </a-button>
     </template>
   </a-modal>

src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue

@@ -103,7 +103,7 @@
         >已选<span class="color-#6D4CFE num mx-3px">{{ selectedRows.length }}个</span>账户</span
       >
       <div class="flex items-center">
-        <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+        <a-button size="large" @click="onClose">取消</a-button>
         <a-button
           type="primary"
           class="ml-16px"