feat: 投放账户管理

2025-07-02 15:30:13 +08:00
parent 8ef31e82e2
commit f35dd2dfa9
59 changed files with 521 additions and 412 deletions
--- a/src/views/property-marketing/media-account/account-dashboard/components/account-table/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/components/account-table/style.scss
@ -9,7 +9,7 @@
 .account-table {
  .cts {
    color: var(--Text-1, #211f24);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
--- a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss
@ -20,7 +20,7 @@
      .label {
        margin-right: 8px;
        color: #211f24;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Regular';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@ -64,11 +64,9 @@ import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';

 import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport } from '@/api/all/propertyMarketing';
-
 import { formatNumberShow } from '@/utils/tools';
-import { INITIAL_QUERY } from './constants';
+import { INITIAL_QUERY, CARD_FIELDS } from './constants';

-import { CARD_FIELDS } from './constants';
 import icon1 from '@/assets/img/icon-question.png';

 const query = ref(cloneDeep(INITIAL_QUERY));
--- a/src/views/property-marketing/media-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/style.scss
@ -17,7 +17,7 @@
    border: 1px solid #e6e6e8;
    .top {
      .title {
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
        font-style: normal;
      }
      :deep(.arco-btn) {
--- a/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss
@ -21,7 +21,7 @@
      .label {
        margin-right: 8px;
        color: #211f24;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Regular';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
--- a/src/views/property-marketing/media-account/account-detail/style.scss
+++ b/src/views/property-marketing/media-account/account-detail/style.scss
@ -4,7 +4,7 @@
  flex-direction: column;
  :deep(.cts) {
    color: var(--Text-1, #211f24);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@ -4,7 +4,14 @@
 -->
 <template>
  <div class="card-container">
-    <div v-for="(item, index) in dataSource" :key="index" class="card-item">
+    <div
+      v-for="(item, index) in dataSource"
+      :key="index"
+      class="card-item"
+      :class="{
+        checked: isSelected(item),
+      }"
+    >
      <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
      <div class="ml-8px flex-1">
        <p class="name">{{ item.name }}</p>
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
@ -19,7 +19,7 @@
    align-items: flex-start;
    .name {
      color: var(--Text-1, #211f24);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
@ -30,7 +30,7 @@
      margin-right: 20px;
      flex-shrink: 0;
      color: var(--Text-3, #737478);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
@ -44,7 +44,7 @@
      .cts {
        @include ellipsis;
        color: var(--Text-2, #3c4043);
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
@ -61,7 +61,7 @@
        .text {
          @include ellipsis();
          color: var(--Text-2, #3c4043);
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
          font-size: 10px;
          font-style: normal;
          font-weight: 400;
@ -82,5 +82,8 @@
      justify-content: flex-end;
      padding-top: 8px;
    }
+    &.checked { 
+      border: 1px solid var(--Brand-6, #6D4CFE);
+    }
  }
 }
--- 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
@ -141,7 +141,7 @@ const fileName = ref('账号导入模板.xlsx');
 const formRef = ref();
 const authorizedAccountModalRef = ref(null);
 const importPromptModalRef = ref(null);
-const form = reactive({
+const form = ref({
  mobile: '',
  operator_name: '',
  holder_name: '',
@ -289,7 +289,7 @@ const handleSuccess = (id) => {
 const handleDownloadTemplate = async () => {
  const { code, data } = await getTemplateUrl();
  if (code === 200) {
-    window.open(data.url, '_blank');
+    window.open(data.download_url, '_blank');
  }
 };

--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
@ -9,7 +9,7 @@
      width: 100%;
      .dt {
        color: var(--Brand-Brand-6, #6d4cfe);
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
@ -21,7 +21,7 @@
        background: var(--BG-200, #f2f3f5);
        .name {
          color: var(--Text-1, #211f24);
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
--- a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
@ -20,7 +20,7 @@
      .s1 {
        color: var(--BG-White, #fff);
        text-align: center;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
@ -30,7 +30,7 @@
  }
  .s2 {
    color: var(--Text-1, #211f24);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
@ -40,7 +40,7 @@
    overflow: hidden;
    color: var(--Functional-Red-6, #f64b31);
    text-overflow: ellipsis;
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
--- a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss
@ -6,7 +6,7 @@
    // min-height: 200px;
    .t1 {
      color: var(--Text-3, #737478);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
--- a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
@ -6,7 +6,7 @@
    // min-height: 200px;
    .t1 {
      color: var(--Text-3, #737478);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
--- a/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss
@ -20,7 +20,7 @@
      .label {
        margin-right: 8px;
        color: #211f24;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Regular';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
@ -10,7 +10,7 @@
    }
    .s1 {
      color: var(--Text-3, #737478);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
@ -40,7 +40,7 @@
        .arco-pagination-jumper-prepend {
          color: var(--Text-2, #3c4043);
          text-align: right;
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
--- a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
@ -4,7 +4,7 @@
  .arco-modal-body {
    .tip {
      color: var(--Text-1, #211f24);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
--- a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/style.scss
@ -20,7 +20,7 @@
      .s1 {
        color: var(--BG-White, #fff);
        text-align: center;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
@ -30,7 +30,7 @@
  }
  .s2 {
    color: var(--Text-1, #211f24);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
@ -40,7 +40,7 @@
    overflow: hidden;
    color: var(--Functional-Red-6, #f64b31);
    text-overflow: ellipsis;
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
--- a/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
@ -61,7 +61,7 @@ const isDisabledReauthorize = (status) => {

  .text {
    color: var(--BG-700, #737478);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
@ -30,7 +30,7 @@
        gap: 12px;
        .text {
          color: var(--Text-2, #3c4043);
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@ -92,7 +92,7 @@
          size="mini"
          show-total
          show-jumper
-          show-page-size
+          :show-page-size="false"
          :current="pageInfo.page"
          :page-size="pageInfo.pageSize"
          @change="onPageChange"
@ -142,8 +142,8 @@ const batchGroupModalRef = ref(null);
 const tipStatus = ref(2);
 const pageInfo = reactive({
  page: 1,
-  pageSize: 20,
-  total: 100,
+  pageSize: 8,
+  total: 0,
 });
 const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
@ -169,8 +169,8 @@ const getData = async () => {
  //   ...query.value,
  // });
  // if (code === 200) {
-  //   dataSource.value = data.data;
-  //   pageInfo.total = total;
+  //   dataSource.value = data?.data ?? [];
+  //   pageInfo.total = data?.total ?? 0;
  // }
  dataSource.value = [
    {
--- a/src/views/property-marketing/media-account/account-manage/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/style.scss
@ -15,7 +15,7 @@
  .filter-wrap {
    .top {
      .title {
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
        font-style: normal;
      }
      :deep(.arco-btn) {
@ -29,7 +29,7 @@
    border-radius: 2px;
    background: #f0edff;
    .label {
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
@ -60,7 +60,7 @@
      padding: 0;
      cursor: pointer;
      color: var(--Brand-Brand-6, #6d4cfe);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;