perf: 统一样式

2025-07-23 16:41:38 +08:00
parent 135221db8e
commit 45e4da004d
31 changed files with 31 additions and 89 deletions
--- a/src/components/_base/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
+++ b/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
      >
--- a/src/components/_base/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue
+++ b/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
      >
--- a/src/components/custom-table-column-modal/index.vue
+++ b/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>
--- a/src/components/custom-table-column-modal/style.scss
+++ b/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);
-      }
-    }
+
  }
 }
--- a/src/views/components/dataEngine/hotTranslation.vue
+++ b/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>
--- a/src/views/components/dataEngine/keyWord.vue
+++ b/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>
--- a/src/views/components/dataEngine/userPainPoints.vue
+++ b/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>
--- a/src/views/property-marketing/component.scss
+++ b/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;
--- a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
+++ b/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>
--- a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss
+++ b/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);
-      }
-    }
  }
 }
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
+++ b/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
      >
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue
+++ b/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>
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/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}>
--- a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
+++ b/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
-        v-if="[MODAL_STATE.SUCCESS, MODAL_STATE.FAILED].includes(modalState)"
-        size="large"
-        class="cancel-btn"
-        @click="close"
-      >
+      <a-button v-if="[MODAL_STATE.SUCCESS, MODAL_STATE.FAILED].includes(modalState)" size="large" @click="close">
        取消
      </a-button>
      <a-button type="primary" size="large" @click="handleOk">
--- a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
+++ b/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>
--- a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
+++ b/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>
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
+++ b/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>
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
+++ b/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
      >
--- a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
+++ b/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>
--- a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
+++ b/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"
      >
        取消
--- a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
+++ b/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>
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
+++ b/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>
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
+++ b/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
      >
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue
+++ b/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>
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue
+++ b/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
      >
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
+++ b/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
      >
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
+++ b/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>
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/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>
@ -304,7 +304,7 @@ const handleBatchImport = async () => {
        'Content-Type': 'multipart/form-data',
      },
    });
-    
+
    if (code === 200) {
      const id = genRandomId();
      showExportNotification(`正在导入“${file.value.name}”，请稍后...`, { id });
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/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>
--- a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue
+++ b/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>
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
+++ b/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"