+
+
+
+
+
+
+
+
+
+
+ {{ group.label }}
+
+
+
+ {{ option.label }}
+
+
+
+
+ 已添加（{{ checkColumns.length }}）
+
+
+
+
+
+
+
+
+
+ ![icon]()
+ {{ groupName }}
+
+
+
+
+
+
+ 取消
+ 确定
+
+
+
关键词热度榜
diff --git a/src/views/components/dataEngine/topHeader.vue b/src/views/components/dataEngine/topHeader.vue
index aca2867..60367cc 100644
--- a/src/views/components/dataEngine/topHeader.vue
+++ b/src/views/components/dataEngine/topHeader.vue
@@ -3,8 +3,8 @@
行业大类
diff --git a/src/views/components/login/index.vue b/src/views/components/login/index.vue
index ddd2363..a77e6b0 100644
--- a/src/views/components/login/index.vue
+++ b/src/views/components/login/index.vue
@@ -22,7 +22,7 @@
{
// 先重置验证状态
formRef.value.clearValidate('mobile');
- // 验证手机号字段
- try {
- const result = await formRef.value.validateField('mobile');
- // 只有当验证通过时才会显示滑块验证
- if (result === true || result === undefined) {
- isVerificationVisible.value = true;
- }
- } catch (error) {
- // 验证失败，错误信息会自动显示
- console.log('手机号验证失败:', error);
+ const result = await formRef.value.validateField('mobile');
+ // 只有当验证通过时才会显示滑块验证
+ if (result === true || result === undefined) {
+ isVerificationVisible.value = true;
}
};
@@ -261,7 +255,6 @@ const handleVerificationSubmit = async () => {
await fetchLoginCaptCha({ mobile: loginForm.mobile });
AMessage.success('验证码发送成功');
} catch (error) {
- AMessage.error('验证码发送失败');
// 重置倒计时
countdown.value = 0;
clearInterval(timer.value);
diff --git a/src/views/components/login/style.scss b/src/views/components/login/style.scss
index ca2849a..94f0789 100644
--- a/src/views/components/login/style.scss
+++ b/src/views/components/login/style.scss
@@ -1,4 +1,19 @@
.login-wrap {
+ .arco-input-wrapper,
+ .arco-select-view-single,
+ .arco-textarea-wrapper,
+ .arco-picker,
+ .arco-select-view-multiple {
+ border-radius: 4px;
+ border-color: #d7d7d9 !important;
+ background-color: #fff !important;
+ &:focus-within,
+ &.arco-input-focus {
+ background-color: var(--color-bg-2);
+ // border-color: rgb(var(--primary-6));
+ box-shadow: 0 0 0 0 var(--color-primary-light-2);
+ }
+ }
.login-bg {
position: fixed;
left: 0;
@@ -38,8 +53,6 @@
}
}
-
-
.account-bind-container {
width: 100%;
max-width: 400px;
diff --git a/src/views/components/workplace/modules/product.vue b/src/views/components/workplace/modules/product.vue
index ba97097..c59c429 100644
--- a/src/views/components/workplace/modules/product.vue
+++ b/src/views/components/workplace/modules/product.vue
@@ -1,6 +1,6 @@
-
+
![]()
已开通
未开通
@@ -21,7 +21,7 @@
{{ props.product.desc }}
-
+
+
+
+
+
+ 详情
+
+
+
+
+
+
+ 详情
+
+
+
+
+
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..bdd491a
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss
@@ -0,0 +1,99 @@
+.custom-table-column-modal-98 {
+ .arco-modal-body {
+ .modal-body {
+ height: 504px;
+ border-radius: 8px;
+ border: 1px solid var(--BG-300, #e6e6e8);
+ display: flex;
+ flex-direction: row;
+ .left {
+ flex: 1;
+ padding: 20px;
+ border-right: 1px solid #eee;
+ overflow-y: auto;
+ .group-item {
+ .title-row {
+ border-radius: 4px;
+ background: var(--BG-100, #f7f8fa);
+ display: flex;
+ height: 44px;
+ padding: 0px 12px;
+ align-items: center;
+ margin-bottom: 16px;
+ .text {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px; /* 150% */
+ }
+ }
+ .fields {
+ width: 100%;
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 16px;
+ }
+ &:not(:last-child) {
+ margin-bottom: 24px;
+ }
+ }
+ }
+ .right {
+ width: 280px;
+ padding: 16px 12px;
+ display: flex;
+ flex-direction: column;
+ .checked-title {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ .count {
+ font-weight: 500;
+ }
+ }
+ .checked-list {
+ flex: 1;
+ overflow-y: auto;
+ .checked-item {
+ cursor: move;
+ border-radius: 4px;
+ background: var(--BG-100, #f7f8fa);
+ display: flex;
+ height: 32px;
+ padding: 0px 12px;
+ align-items: center;
+ .text {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ &:not(:last-child) {
+ margin-bottom: 12px;
+ }
+ }
+ .draggable-list {
+ min-height: 40px;
+ }
+ }
+ }
+ }
+ }
+ .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);
+ }
+ }
+ }
+}
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
new file mode 100644
index 0000000..d7a2089
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
@@ -0,0 +1,117 @@
+
+
+
+ (
+ fields: T[],
+ groupSize = 4,
+ dateType: string,
+): T[][] {
+ const result: T[][] = [];
+
+ for (let i = 0; i < fields.length; i += groupSize) {
+ result.push(fields.slice(i, i + groupSize));
+ }
+ const labelPrefix = dateType === 'week' ? '近7天' : '近30天';
+
+ return result.map((item) => {
+ return item.map((item) => {
+ return {
+ ...item,
+ dataIndex: `${getPropPrefix(dateType)}${item.dataIndex}`,
+ prop: `${getPropPrefix(dateType)}${item.prop}`,
+ title: `${labelPrefix}${item.title}`,
+ tooltip: `${labelPrefix}${item.tooltip}`,
+ };
+ });
+ });
+}
+
+export const getAccountInfoFields = (dateType: string, showMore: boolean) => {
+ const baseFields = [
+ [
+ { title: '账号名称', dataIndex: 'name' },
+ { title: '项目分组', dataIndex: 'group.name' },
+ { title: '状态', dataIndex: 'status', type: 'status' },
+ { title: '运营人员', dataIndex: 'operator_name' },
+ ],
+ [
+ { title: 'AI评价', dataIndex: 'ai_evaluation' },
+ { title: '粉丝量', dataIndex: 'fans_number', tooltip: '账号的当前粉丝总数。' },
+ {
+ title: '总赞藏数',
+ dataIndex: 'like_collect_number',
+ tooltip: '账号所有内容获得的点赞数与收藏数总和，用于衡量历史内容的整体吸引力与认可度。',
+ },
+ ],
+ ];
+ const customFields = groupArrayBySize(CUSTOM_FIELDS, 4, dateType);
+ return showMore ? [...baseFields, ...customFields] : [...baseFields];
+};
diff --git a/src/views/property-marketing/media-account/account-detail/index.vue b/src/views/property-marketing/media-account/account-detail/index.vue
new file mode 100644
index 0000000..c627029
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/index.vue
@@ -0,0 +1,30 @@
+
+
+
+ 取消
+ 确认删除
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..9e0f558
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -0,0 +1,233 @@
+
+
+
+ 取消
+ 确定
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..f8b5991
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
@@ -0,0 +1,89 @@
+@mixin ellipsis {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.card-container {
+ flex: 1;
+ display: grid;
+ // grid-template-rows: repeat(2, 1fr); /* 2行 */
+ grid-template-columns: repeat(4, 1fr); /* 4列 */
+ gap: 20px;
+ .card-item {
+ border-radius: 8px;
+ border: 1px solid var(--BG-300, #e6e6e8);
+ background: var(--BG-white, #fff);
+ padding: 12px 16px 16px;
+ display: flex;
+ align-items: flex-start;
+ .name {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ margin-bottom: 11px;
+ // line-height: 22px; /* 157.143% */
+ }
+ .label {
+ margin-right: 20px;
+ flex-shrink: 0;
+ color: var(--Text-3, #737478);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px; /* 166.667% */
+ }
+ .field-row {
+ width: 100%;
+ margin-bottom: 4px;
+ display: flex;
+ justify-content: space-between;
+ .cts {
+ @include ellipsis;
+ color: var(--Text-2, #3c4043);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px; /* 166.667% */
+ }
+ .tag-box {
+ display: flex;
+ height: 20px;
+ padding: 0px 4px;
+ align-items: center;
+ border-radius: 2px;
+ background: var(--BG-200, #f2f3f5);
+ max-width: 100px;
+ .text {
+ @include ellipsis();
+ color: var(--Text-2, #3c4043);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 10px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: normal;
+ }
+ &:not(:last-child) {
+ margin-right: 4px;
+ }
+ }
+ &:last-child {
+ margin-bottom: 8px;
+ }
+ }
+
+ .operate-row {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ padding-top: 8px;
+ }
+ &.checked {
+ border: 1px solid var(--Brand-6, #6D4CFE);
+ }
+ }
+}
diff --git 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
new file mode 100644
index 0000000..567df68
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -0,0 +1,349 @@
+
+
+
+
+
+
+ 手动添加账号
+ 批量导入账号
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+ 抖音
+ 小红书
+
+
+
+
+
+
+
+
+
+ 取消
+
+ {{ confirmBtnText }}
+
+
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..0c22c12
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
@@ -0,0 +1,93 @@
+@import '@/views/property-marketing/component.scss';
+.add-account-modal {
+ border-radius: 8px;
+ .w-240px {
+ width: 240px !important;
+ }
+ .arco-modal-body {
+ .upload-block {
+ width: 100%;
+ .dt {
+ color: var(--Brand-Brand-6, #6d4cfe);
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ .import-row {
+ border-radius: 4px;
+ border: 1px solid var(--BG-400, #d7d7d9);
+ background: var(--BG-200, #f2f3f5);
+ .name {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ &.error {
+ background: #ffe7e4;
+ color: #f64b31;
+ border: none;
+ .name {
+ color: #f64b31;
+ }
+ }
+ }
+ .arco-upload-drag {
+ height: 120px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ .arco-icon {
+ margin-bottom: 16px;
+ }
+ }
+ .upload-box {
+ display: flex;
+ height: 120px;
+ padding: 0 16px;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-radius: 2px;
+ border: 1px dashed var(--Border-1, #d7d7d9);
+ background: var(--BG-200, #f2f3f5);
+ .text {
+ color: var(--Text-1, #211f24);
+ text-align: center;
+
+ font-family: 'PingFang SC';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ .tip {
+ color: var(--Text-3, #737478);
+ text-align: center;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px;
+ }
+ }
+ }
+ .upload-dragger {
+ border: 1px dashed #d9d9d9;
+ padding: 24px 0;
+ text-align: center;
+ background: #fafafa;
+ cursor: pointer;
+ }
+ .upload-error {
+ color: #f53f3f;
+ margin-left: 8px;
+ cursor: pointer;
+ }
+ }
+}
diff --git 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
new file mode 100644
index 0000000..b0ece06
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
@@ -0,0 +1,267 @@
+
+
+
+ 取消
+ {{ confirmBtnText }}
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..a39d499
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
@@ -0,0 +1,49 @@
+@import '@/views/property-marketing/component.scss';
+
+.authorized-account-modal {
+ border-radius: 8px;
+ .img-box {
+ position: relative;
+ .mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0.8;
+ background: #000;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+ .s1 {
+ color: var(--BG-White, #fff);
+ text-align: center;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ }
+ }
+ .s2 {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ .red-text {
+ overflow: hidden;
+ color: var(--Functional-Red-6, #f64b31);
+ text-overflow: ellipsis;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+}
diff --git 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
new file mode 100644
index 0000000..36ca462
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
@@ -0,0 +1,140 @@
+
+
+
+
+
+
+
+
+ 分别编辑
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ record.name || '-' }}
+
+
+
+
+
+
+
+
+
+
+ 取消
+ 确定
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..757020e
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss
@@ -0,0 +1,16 @@
+@import '@/views/property-marketing/component.scss';
+
+.batch-group-modal {
+ border-radius: 8px;
+ .arco-modal-body {
+ // min-height: 200px;
+ .t1 {
+ color: var(--Text-3, #737478);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ }
+}
diff --git 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
new file mode 100644
index 0000000..bb173bb
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
@@ -0,0 +1,174 @@
+
+
+
+
+
+
+
+
+ 分别编辑
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ record.name || '-' }}
+
+
+
+
+
+
+
+
+
+
+ 取消
+ 确定
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..b006d41
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
@@ -0,0 +1,16 @@
+@import '@/views/property-marketing/component.scss';
+
+.batch-tag-modal {
+ border-radius: 8px;
+ .arco-modal-body {
+ // min-height: 200px;
+ .t1 {
+ color: var(--Text-3, #737478);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
new file mode 100644
index 0000000..0734e15
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
@@ -0,0 +1,146 @@
+
+
+
+
+
+
+
+
+
+ 取消
+ 确认
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..8d19023
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
@@ -0,0 +1,56 @@
+
+
+
+ 取消
+ 确认删除
+
+
+
+
+
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
new file mode 100644
index 0000000..d451d51
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
@@ -0,0 +1,210 @@
+
+
+
+
+
+
+ 暂无分组
+
+ ![]()
+
+ 去添加
+
+
+
+
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..4ab43ab
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
@@ -0,0 +1,62 @@
+@import '@/views/property-marketing/component.scss';
+
+.account-manage-modal {
+ border-radius: 8px;
+ .arco-modal-body {
+ .arco-btn {
+ .arco-btn-icon {
+ line-height: 16px;
+ }
+ }
+ .s1 {
+ color: var(--Text-3, #737478);
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+ .arco-pagination {
+ .arco-pagination-list {
+ .arco-pagination-item {
+ border-radius: 4px;
+ border: 1px solid var(--BG-300, #e6e6e8);
+ &.arco-pagination-item-ellipsis {
+ border: none;
+ }
+
+ &.arco-pagination-item-active {
+ background-color: transparent;
+ border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+ }
+ }
+ }
+ .arco-pagination-jumper-prepend {
+ color: var(--Text-2, #3c4043);
+ text-align: right;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ .arco-select-view-single,
+ .arco-pagination-jumper-input {
+ border-radius: 4px;
+ border: 1px solid var(--BG-300, #e6e6e8);
+ background-color: #fff;
+ }
+ }
+ }
+ }
+ .danger-btn {
+ border: none !important;
+ background-color: #f64b31 !important;
+ }
+}
diff --git 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
new file mode 100644
index 0000000..8199a9a
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
@@ -0,0 +1,52 @@
+
+
+
+ 取消
+ 去授权
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..5475c36
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
@@ -0,0 +1,14 @@
+@import "@/views/property-marketing/component.scss";
+.import-prompt-modal {
+ border-radius: 8px;
+ .arco-modal-body {
+ .tip {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ }
+}
diff --git 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
new file mode 100644
index 0000000..2013748
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
@@ -0,0 +1,325 @@
+
+
+
+ 取消
+ {{ confirmBtnText }}
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..4d5df74
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/style.scss
@@ -0,0 +1,57 @@
+@import '@/views/property-marketing/component.scss';
+
+.reauthorize-account-modal {
+ border-radius: 8px;
+ .img-box {
+ position: relative;
+ .mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0.8;
+ background: #000;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+ .s1 {
+ color: var(--BG-White, #fff);
+ text-align: center;
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ }
+ }
+ .s2 {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ .red-text {
+ overflow: hidden;
+ color: var(--Functional-Red-6, #f64b31);
+ text-overflow: ellipsis;
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ .account-tip-box {
+ // margin-left: 32px;
+ width: 100%;
+ padding: 8px 0px 8px 12px;
+
+ border-radius: 4px;
+background: var(--BG-200, #F2F3F5);
+ }
+}
diff --git 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
new file mode 100644
index 0000000..e3cdb36
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
@@ -0,0 +1,97 @@
+
+
+
+
+
+
+
+
+ 取消
+ 确认
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..eb183b7
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
@@ -0,0 +1,56 @@
+
+
+
+ 取消
+ 确认删除
+
+
+
+
+
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
new file mode 100644
index 0000000..83d9ba5
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
@@ -0,0 +1,126 @@
+
+
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..7f80aef
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
@@ -0,0 +1,47 @@
+@import '@/views/property-marketing/component.scss';
+
+.tags-manage-modal {
+ border-radius: 8px;
+
+ .arco-modal-body {
+ // padding: 24px 24px 44px !important;
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ .arco-btn {
+ width: fit-content;
+ .arco-btn-icon {
+ line-height: 16px;
+ }
+ }
+ .tag-list {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 12px;
+ .tag-item {
+ height: 24px;
+ display: flex;
+ align-items: center;
+ background: #f5f5f5;
+ border-radius: 4px;
+ padding: 4px 12px;
+ position: relative;
+ .delete-icon {
+ position: absolute;
+ z-index: 1;
+ top: -6px;
+ right: -6px;
+ cursor: pointer;
+ width: 12px;
+ height: 12px;
+ display: none;
+ }
+ &:hover {
+ .delete-icon {
+ display: block;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/constants.ts b/src/views/property-marketing/media-account/account-manage/constants.ts
new file mode 100644
index 0000000..a931f03
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/constants.ts
@@ -0,0 +1,29 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 15:24:59
+ */
+export const INITIAL_QUERY = {
+ search: '',
+ status: '',
+ platform: '',
+ operator_id: '',
+ group_ids: [],
+ tag_ids: [],
+};
+
+export const INITIAL_PAGE_INFO = {
+ page: 1,
+ pageSize: 8,
+ total: 0,
+};
+
+export const PLATFORM_LIST = [
+ {
+ label: '抖音',
+ value: 0,
+ },
+ {
+ label: '小红书',
+ value: 1,
+ },
+];
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
new file mode 100644
index 0000000..863de0c
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -0,0 +1,283 @@
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
diff --git a/src/views/property-marketing/media-account/components/operator-select/index.vue b/src/views/property-marketing/media-account/components/operator-select/index.vue
new file mode 100644
index 0000000..2c50673
--- /dev/null
+++ b/src/views/property-marketing/media-account/components/operator-select/index.vue
@@ -0,0 +1,64 @@
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
diff --git a/src/views/property-marketing/media-account/components/status-select/constants.ts b/src/views/property-marketing/media-account/components/status-select/constants.ts
new file mode 100644
index 0000000..4713f42
--- /dev/null
+++ b/src/views/property-marketing/media-account/components/status-select/constants.ts
@@ -0,0 +1,60 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-07-04 11:18:11
+ */
+export enum EnumStatus {
+ UNAUTHORIZED = 0,
+ NORMAL = 1,
+ ABNORMAL = 2,
+ PAUSE = 3,
+ ABNORMAL_LOGIN = 4,
+ ABNORMAL_REQUEST = 5,
+ ABNORMAL_FREEZE = 6,
+ ABNORMAL_MISSING = 7,
+}
+
+export const STATUS_LIST = [
+ {
+ text: '正常',
+ label: '正常',
+ value: EnumStatus.NORMAL,
+ },
+ {
+ text: '暂停同步',
+ label: '暂停同步',
+ value: EnumStatus.PAUSE,
+ },
+ {
+ text: '未授权',
+ label: '未授权',
+ value: EnumStatus.UNAUTHORIZED,
+ },
+ {
+ text: '异常',
+ label: '异常',
+ value: EnumStatus.ABNORMAL,
+ },
+ {
+ text: '数据缺失',
+ label: '数据缺失',
+ value: EnumStatus.ABNORMAL_MISSING,
+ },
+ {
+ text: '异常-登录状态失效',
+ label: '异常',
+ value: EnumStatus.ABNORMAL_LOGIN,
+ tooltip: '登录状态失效，需重新扫码授权',
+ },
+ {
+ text: '异常-请求过于频繁',
+ label: '异常',
+ value: EnumStatus.ABNORMAL_REQUEST,
+ tooltip: '请求过于频繁，需等待24小时后重试',
+ },
+ {
+ text: '异常-账号被冻结/封禁',
+ label: '异常',
+ value: EnumStatus.ABNORMAL_FREEZE,
+ tooltip: '账号被冻结/封禁',
+ },
+];
diff --git a/src/views/property-marketing/media-account/components/status-select/index.vue b/src/views/property-marketing/media-account/components/status-select/index.vue
new file mode 100644
index 0000000..ff8be64
--- /dev/null
+++ b/src/views/property-marketing/media-account/components/status-select/index.vue
@@ -0,0 +1,60 @@
+
+
+
+
+ {{ item.text }}
+
+
+
+
+
diff --git a/src/views/property-marketing/media-account/components/tag-select/index.vue b/src/views/property-marketing/media-account/components/tag-select/index.vue
new file mode 100644
index 0000000..189e336
--- /dev/null
+++ b/src/views/property-marketing/media-account/components/tag-select/index.vue
@@ -0,0 +1,64 @@
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
new file mode 100644
index 0000000..33f5c71
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
@@ -0,0 +1,123 @@
+
+
+
+
+
+ 详情
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 取消
+ 确认
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..03312a7
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue
@@ -0,0 +1,56 @@
+
+
+
+ 取消
+ 确认删除
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
new file mode 100644
index 0000000..4ee4610
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
@@ -0,0 +1,208 @@
+
+
+
+
+
+
+ 暂无分组
+
+ ![]()
+
+ 去添加
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss
new file mode 100644
index 0000000..aa0e147
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss
@@ -0,0 +1,62 @@
+@import '@/views/property-marketing/component.scss';
+
+.account-manage-modal {
+ border-radius: 8px;
+ .arco-modal-body {
+ .arco-btn {
+ .arco-btn-icon {
+ line-height: 16px;
+ }
+ }
+ .s1 {
+ color: var(--Text-3, #737478);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+ .arco-pagination {
+ .arco-pagination-list {
+ .arco-pagination-item {
+ border-radius: 4px;
+ border: 1px solid var(--BG-300, #e6e6e8);
+ &.arco-pagination-item-ellipsis {
+ border: none;
+ }
+
+ &.arco-pagination-item-active {
+ background-color: transparent;
+ border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+ }
+ }
+ }
+ .arco-pagination-jumper-prepend {
+ color: var(--Text-2, #3c4043);
+ text-align: right;
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ .arco-select-view-single,
+ .arco-pagination-jumper-input {
+ border-radius: 4px;
+ border: 1px solid var(--BG-300, #e6e6e8);
+ background-color: #fff;
+ }
+ }
+ }
+ }
+ .danger-btn {
+ border: none !important;
+ background-color: #f64b31 !important;
+ }
+}
diff --git a/src/views/property-marketing/put-account/account-data/components/group-select/index.vue b/src/views/property-marketing/put-account/account-data/components/group-select/index.vue
new file mode 100644
index 0000000..a736c92
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/group-select/index.vue
@@ -0,0 +1,64 @@
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts b/src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts
new file mode 100644
index 0000000..f517a3a
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts
@@ -0,0 +1,207 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 10:33:06
+ */
+export const TABLE_COLUMNS = [
+ {
+ title: '计划名称',
+ dataIndex: 'name',
+ prop: 'name',
+ width: 180,
+ fixed: 'left',
+ },
+ {
+ title: '计划分组',
+ dataIndex: 'group.name',
+ prop: 'group',
+ width: 180,
+ fixed: 'left',
+ },
+ {
+ title: '关联账户',
+ dataIndex: 'account_name',
+ prop: 'account_name',
+ width: 180,
+ fixed: 'left',
+ },
+ {
+ title: '状态',
+ dataIndex: 'status',
+ prop: 'status',
+ width: 180,
+ fixed: 'left',
+ },
+ {
+ title: '运营人员',
+ dataIndex: 'operator_name',
+ prop: 'operator',
+ width: 180,
+ },
+ {
+ title: '账户总消耗',
+ dataIndex: 'total_use_amount',
+ prop: 'total_use_amount',
+ width: 180,
+ tooltip: '当前投流计划已消耗的广告预算总额，反映该计划的实际投放成本。',
+ prefix: '¥',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ // {
+ // title: '账户余额',
+ // dataIndex: 'balance_amount',
+ // prop: 'balance_amount',
+ // width: 180,
+ // tooltip: '当前投流计划剩余可用预算，用于后续广告持续投放。',
+ // prefix: '¥',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ {
+ title: 'AI评价',
+ dataIndex: 'ai_evaluate',
+ prop: 'ai_evaluate',
+ width: 260,
+ },
+ {
+ title: '投资回报率',
+ dataIndex: 'roi',
+ prop: 'roi',
+ width: 180,
+ tooltip: '投入产出比（ROI），= 收益 ÷ 投入，用于衡量该计划的经济效益。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '展示数',
+ dataIndex: 'show_number',
+ prop: 'show_number',
+ width: 180,
+ tooltip: '广告被用户展示的总次数，是该投流计划的曝光表现基础指标。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '点击数',
+ dataIndex: 'click_number',
+ prop: 'click_number',
+ width: 180,
+ tooltip: '用户点击广告的总次数，表示广告对用户的吸引效果。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '点击率',
+ dataIndex: 'click_rate',
+ prop: 'click_rate',
+ width: 180,
+ tooltip: '点击率（CTR）= 点击量 ÷ 展示量，用于衡量广告吸引力。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '点击率环比',
+ dataIndex: 'click_rate_chain',
+ prop: 'click_rate_chain',
+ width: 180,
+ tooltip: '当前 CTR 与上一周期对比的变化百分比，用于追踪广告吸引力趋势。',
+ align: 'right',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '平均点击成本',
+ dataIndex: 'avg_click_cost',
+ prop: 'avg_click_cost',
+ width: 180,
+ tooltip: '每次点击广告的平均成本（CPC）= 总消耗 ÷ 点击量。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '千次展示费用',
+ dataIndex: 'thousand_show_cost',
+ prop: 'thousand_show_cost',
+ width: 180,
+ prefix: '¥',
+ tooltip: '每千次展示的平均成本（CPM）= 总消耗 ÷ 展示量 × 1000。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+
+ // {
+ // title: '转化数',
+ // dataIndex: 'conversion_number',
+ // prop: 'conversion_number',
+ // width: 180,
+ // tooltip: '用户完成设定目标行为（如注册、购买）的次数，是广告效果核心指标。',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '转化率',
+ // dataIndex: 'conversion_rate',
+ // prop: 'conversion_rate',
+ // width: 180,
+ // tooltip: '转化率（CVR）= 转化数 ÷ 点击量，评估广告引导转化的能力。',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '平均转化成本',
+ // dataIndex: 'avg_conversion_cost',
+ // prop: 'avg_conversion_cost',
+ // width: 180,
+ // prefix: '¥',
+ // tooltip: '每次转化的平均广告成本（CPA）= 总消耗 ÷ 转化数。',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '深度转化数',
+ // dataIndex: 'deep_conversion_number',
+ // prop: 'deep_conversion_number',
+ // width: 180,
+ // tooltip: '表示完成更高质量目标行为的用户数量（如付款、留资等）。',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '深度转化率',
+ // dataIndex: 'deep_conversion_rate',
+ // prop: 'deep_conversion_rate',
+ // width: 180,
+ // tooltip: '深度转化率 = 深度转化数 ÷ 点击量，衡量高质量转化效率。',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+];
diff --git a/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue b/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
new file mode 100644
index 0000000..4ae434e
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
@@ -0,0 +1,259 @@
+
+
+
+
+
+
+ 详情
+
+
+
+
+
+
+
+
+ 取消
+ 确认删除
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
new file mode 100644
index 0000000..bf4179d
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
@@ -0,0 +1,138 @@
+
+
+
+ 取消
+ 确定
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
new file mode 100644
index 0000000..69a4a09
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
@@ -0,0 +1,89 @@
+@mixin ellipsis {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.card-container {
+ flex: 1;
+ display: grid;
+ // grid-template-rows: repeat(2, 1fr); /* 2行 */
+ grid-template-columns: repeat(4, 1fr); /* 4列 */
+ gap: 20px;
+ .card-item {
+ border-radius: 8px;
+ border: 1px solid var(--BG-300, #e6e6e8);
+ background: var(--BG-white, #fff);
+ padding: 12px 16px 16px;
+ display: flex;
+ align-items: flex-start;
+ .name {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ margin-bottom: 11px;
+ // line-height: 22px; /* 157.143% */
+ }
+ .label {
+ margin-right: 20px;
+ flex-shrink: 0;
+ color: var(--Text-3, #737478);
+ font-family: 'PuHuiTi-Regular';
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px; /* 166.667% */
+ }
+ .field-row {
+ width: 100%;
+ margin-bottom: 4px;
+ display: flex;
+ justify-content: space-between;
+ .cts {
+ @include ellipsis;
+ color: var(--Text-2, #3c4043);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px; /* 166.667% */
+ }
+ .tag-box {
+ display: flex;
+ height: 20px;
+ padding: 0px 4px;
+ align-items: center;
+ border-radius: 2px;
+ background: var(--BG-200, #f2f3f5);
+ max-width: 100px;
+ .text {
+ @include ellipsis();
+ color: var(--Text-2, #3c4043);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 10px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: normal;
+ }
+ &:not(:last-child) {
+ margin-right: 4px;
+ }
+ }
+ &:last-child {
+ margin-bottom: 8px;
+ }
+ }
+
+ .operate-row {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ padding-top: 8px;
+ }
+ &.checked {
+ border: 1px solid var(--Brand-6, #6D4CFE);
+ }
+ }
+}
diff --git 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
new file mode 100644
index 0000000..021d701
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -0,0 +1,335 @@
+
+
+
+
+
+
+ 手动添加账户
+ 批量导入账户
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 同步项目数据
+
+
+
+
+
+
+
+ 取消
+
+ {{ confirmBtnText }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
new file mode 100644
index 0000000..1304cb2
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
@@ -0,0 +1,93 @@
+@import "@/views/property-marketing/component.scss";
+.add-put-account-modal {
+ border-radius: 8px;
+ .w-240px {
+ width: 240px !important;
+ }
+ .arco-modal-body {
+ .upload-block {
+ width: 100%;
+ .dt {
+ color: var(--Brand-Brand-6, #6d4cfe);
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ .import-row {
+ border-radius: 4px;
+ border: 1px solid var(--BG-400, #d7d7d9);
+ background: var(--BG-200, #f2f3f5);
+ .name {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ &.error {
+ background: #ffe7e4;
+ color: #f64b31;
+ border: none;
+ .name {
+ color: #f64b31;
+ }
+ }
+ }
+ .arco-upload-drag {
+ height: 120px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ .arco-icon {
+ margin-bottom: 16px;
+ }
+ }
+ .upload-box {
+ display: flex;
+ height: 120px;
+ padding: 0 16px;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-radius: 2px;
+ border: 1px dashed var(--Border-1, #d7d7d9);
+ background: var(--BG-200, #f2f3f5);
+ .text {
+ color: var(--Text-1, #211f24);
+ text-align: center;
+
+ font-family: 'PingFang SC';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ .tip {
+ color: var(--Text-3, #737478);
+ text-align: center;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px;
+ }
+ }
+ }
+ .upload-dragger {
+ border: 1px dashed #d9d9d9;
+ padding: 24px 0;
+ text-align: center;
+ background: #fafafa;
+ cursor: pointer;
+ }
+ .upload-error {
+ color: #f53f3f;
+ margin-left: 8px;
+ cursor: pointer;
+ }
+ }
+}
diff --git 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
new file mode 100644
index 0000000..4f5bb36
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -0,0 +1,273 @@
+
+
+
+ 取消
+ {{ confirmBtnText }}
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/style.scss
new file mode 100644
index 0000000..269596d
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/style.scss
@@ -0,0 +1,49 @@
+@import '@/views/property-marketing/component.scss';
+
+.authorized-account-modal {
+ border-radius: 8px;
+ .img-box {
+ position: relative;
+ .mask {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0.8;
+ background: #000;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+ .s1 {
+ color: var(--BG-White, #fff);
+ text-align: center;
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ }
+ }
+ .s2 {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ .red-text {
+ overflow: hidden;
+ color: var(--Functional-Red-6, #f64b31);
+ text-overflow: ellipsis;
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+}
diff --git a/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue b/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
new file mode 100644
index 0000000..3b90852
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
@@ -0,0 +1,108 @@
+
+
+
+
+ 取消
+ 去授权
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
new file mode 100644
index 0000000..aec2422
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
@@ -0,0 +1,14 @@
+@import "@/views/property-marketing/component.scss";
+.import-prompt-modal {
+ border-radius: 8px;
+ .arco-modal-body {
+ .tip {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ }
+}
diff --git a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
new file mode 100644
index 0000000..d1b5b4c
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
@@ -0,0 +1,96 @@
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/components/operator-select/index.vue b/src/views/property-marketing/put-account/components/operator-select/index.vue
new file mode 100644
index 0000000..2c50673
--- /dev/null
+++ b/src/views/property-marketing/put-account/components/operator-select/index.vue
@@ -0,0 +1,64 @@
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/components/status-select/constants.ts b/src/views/property-marketing/put-account/components/status-select/constants.ts
new file mode 100644
index 0000000..4713f42
--- /dev/null
+++ b/src/views/property-marketing/put-account/components/status-select/constants.ts
@@ -0,0 +1,60 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-07-04 11:18:11
+ */
+export enum EnumStatus {
+ UNAUTHORIZED = 0,
+ NORMAL = 1,
+ ABNORMAL = 2,
+ PAUSE = 3,
+ ABNORMAL_LOGIN = 4,
+ ABNORMAL_REQUEST = 5,
+ ABNORMAL_FREEZE = 6,
+ ABNORMAL_MISSING = 7,
+}
+
+export const STATUS_LIST = [
+ {
+ text: '正常',
+ label: '正常',
+ value: EnumStatus.NORMAL,
+ },
+ {
+ text: '暂停同步',
+ label: '暂停同步',
+ value: EnumStatus.PAUSE,
+ },
+ {
+ text: '未授权',
+ label: '未授权',
+ value: EnumStatus.UNAUTHORIZED,
+ },
+ {
+ text: '异常',
+ label: '异常',
+ value: EnumStatus.ABNORMAL,
+ },
+ {
+ text: '数据缺失',
+ label: '数据缺失',
+ value: EnumStatus.ABNORMAL_MISSING,
+ },
+ {
+ text: '异常-登录状态失效',
+ label: '异常',
+ value: EnumStatus.ABNORMAL_LOGIN,
+ tooltip: '登录状态失效，需重新扫码授权',
+ },
+ {
+ text: '异常-请求过于频繁',
+ label: '异常',
+ value: EnumStatus.ABNORMAL_REQUEST,
+ tooltip: '请求过于频繁，需等待24小时后重试',
+ },
+ {
+ text: '异常-账号被冻结/封禁',
+ label: '异常',
+ value: EnumStatus.ABNORMAL_FREEZE,
+ tooltip: '账号被冻结/封禁',
+ },
+];
diff --git a/src/views/property-marketing/put-account/components/status-select/index.vue b/src/views/property-marketing/put-account/components/status-select/index.vue
new file mode 100644
index 0000000..ff8be64
--- /dev/null
+++ b/src/views/property-marketing/put-account/components/status-select/index.vue
@@ -0,0 +1,60 @@
+
+
+
+
+ {{ item.text }}
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
new file mode 100644
index 0000000..907bd62
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
@@ -0,0 +1,183 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/style.scss b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/style.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
new file mode 100644
index 0000000..b99e439
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/style.scss b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/style.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
new file mode 100644
index 0000000..eac738f
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
@@ -0,0 +1,152 @@
+
+
+
+
+
+ ![]()
+ {{ PLATFORM_LIST[item].label }}
+
+
+
+
+
+
+
+
+
+ 下载
+ 详情
+
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
new file mode 100644
index 0000000..a28c68f
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
@@ -0,0 +1,162 @@
+
+
+
+
+
+
+ 本周总消耗
+
+
+
+
+
+
+ 本周总消耗环比
+
+
+
+
+
+
+ ROI
+
+
+
+
+
+
+ CTR
+
+
+
+
+
+
+
+ ![]()
+ {{ PLATFORM_LIST[record.platform].label }}
+
+
+
+
+
+
+
+
+
+
+ {{ `${record.click_rate}%` }}
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/style.scss b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/style.scss
new file mode 100644
index 0000000..927f071
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/style.scss
@@ -0,0 +1,51 @@
+.container {
+ :deep(.arco-input-wrapper),
+ :deep(.arco-select-view-single),
+ :deep(.arco-select-view-multiple),
+ :deep(.arco-picker) {
+ border-radius: 4px;
+ border-color: #d7d7d9;
+ background-color: #fff;
+ &:focus-within,
+ &.arco-input-focus {
+ background-color: var(--color-bg-2);
+ border-color: rgb(var(--primary-6));
+ box-shadow: 0 0 0 0 var(--color-primary-light-2);
+ }
+ }
+
+ :deep(.search-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+ color: #6d4cfe;
+ }
+
+ :deep(.reset-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--BG-500, #b1b2b5);
+ background: var(--BG-white, #fff);
+ }
+
+ .filter-row {
+ .filter-row-item {
+ &:not(:last-child) {
+ margin-right: 24px;
+ }
+
+ .label {
+ margin-right: 8px;
+ color: #211f24;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ flex-shrink: 0;
+ line-height: 22px; /* 157.143% */
+ }
+
+ :deep(.arco-space-item) {
+ width: 100%;
+ }
+ }
+ }
+}
diff --git a/src/views/property-marketing/put-account/investment-guidelines/constants.ts b/src/views/property-marketing/put-account/investment-guidelines/constants.ts
new file mode 100644
index 0000000..2a33f99
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/constants.ts
@@ -0,0 +1,29 @@
+import top1 from '@/assets/img/captcha/top1.svg';
+import top2 from '@/assets/img/captcha/top2.svg';
+import top3 from '@/assets/img/captcha/top3.svg';
+
+/**
+ * 根据评分获取对应的星星图标路径
+ * @param score 评分，范围 1 ~ 3
+ * @returns 对应的 SVG 图标路径
+ */
+export function getStarIcon(score: number): string {
+ switch (score) {
+ case 0:
+ return top1;
+ case 1:
+ return top2;
+ case 2:
+ return top3;
+ default:
+ return top1; // 默认返回最高分图标
+ }
+}
+
+// ai检测结果状态
+export enum AiResultStatus {
+ WAIT = 0, // 待执行
+ PENDING = 1, // 处理中
+ FAILED = 2, // 失败
+ SUCCESS = 3, // 成功
+}
diff --git a/src/views/property-marketing/put-account/investment-guidelines/detail.vue b/src/views/property-marketing/put-account/investment-guidelines/detail.vue
new file mode 100644
index 0000000..010355f
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/detail.vue
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/brands/brand-materials/style.scss b/src/views/property-marketing/brands/brand-materials/style.scss
new file mode 100644
index 0000000..eedda5f
--- /dev/null
+++ b/src/views/property-marketing/brands/brand-materials/style.scss
@@ -0,0 +1,82 @@
+.brand-wrap {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+
+ :deep(.search-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+ color: #6d4cfe;
+ }
+
+ :deep(.edit-btn) {
+ border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+ color: #6d4cfe;
+ }
+
+ :deep(.reset-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--BG-500, #b1b2b5);
+ background: var(--BG-white, #fff);
+ }
+
+ .table-wrap {
+ width: 100%;
+
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+ }
+
+ margin-top: 20px;
+ }
+
+ .container {
+ .filter-row {
+ .filter-row-item {
+ &:not(:last-child) {
+ margin-right: 24px;
+ }
+
+ .label {
+ margin-right: 8px;
+ color: #211f24;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ flex-shrink: 0;
+ line-height: 22px; /* 157.143% */
+ }
+ }
+ }
+
+ }
+
+
+}
+
+:deep(.arco-input-wrapper),
+:deep(.arco-select-view-single),
+:deep(.arco-textarea-wrapper),
+:deep(.arco-select-view-multiple) {
+ border-radius: 4px;
+ border-color: #d7d7d9;
+ background-color: #fff;
+
+ &:focus-within,
+ &.arco-input-focus {
+ background-color: var(--color-bg-2);
+ border-color: rgb(var(--primary-6));
+ box-shadow: 0 0 0 0 var(--color-primary-light-2);
+ }
+}
+
+.form-tip {
+ font-size: 12px;
+ color: #999;
+ margin-top: 4px;
+}
diff --git a/src/views/property-marketing/component.scss b/src/views/property-marketing/component.scss
new file mode 100644
index 0000000..14e6920
--- /dev/null
+++ b/src/views/property-marketing/component.scss
@@ -0,0 +1,44 @@
+.arco-input-wrapper,
+.arco-select-view-single,
+.arco-textarea-wrapper,
+.arco-picker,
+.arco-select-view-multiple {
+ border-radius: 4px;
+ border-color: #d7d7d9;
+ background-color: #fff;
+ &:focus-within,
+ &.arco-input-focus {
+ background-color: var(--color-bg-2);
+ border-color: rgb(var(--primary-6));
+ box-shadow: 0 0 0 0 var(--color-primary-light-2);
+ }
+}
+.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;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ .arco-form-item-label {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ }
+ }
+}
+
+
diff --git a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
new file mode 100644
index 0000000..f45ee55
--- /dev/null
+++ b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
@@ -0,0 +1,212 @@
+
+
+
+
+
+
+ 品牌物料
+
+ + 添加品牌
+
+
+
+
+ {{ form.id > 0 ? '编辑品牌' : '添加品牌' }}
+
+
+
+
+
+
+
+
+ （品牌常规展示使用，支持PNG，JPG格式）
+
+
+
+
+
+
+
+
+ 取消
+ {{ btn_str }}
+
+
+
+
+
+
+ 品牌名称
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
new file mode 100644
index 0000000..adaea54
--- /dev/null
+++ b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
@@ -0,0 +1,204 @@
+
+
+
+
+
+
+ 业务洞察报告
+
+
+
+
+
+ 服务/产品
+
+
+
+
+
+
+
+ 时间筛选
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
new file mode 100644
index 0000000..6c51cd1
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
@@ -0,0 +1,297 @@
+
+
+
+
+
+
+
+ 竞品对比报告
+
+
+
+
+
+ 服务/产品
+
+
+
+
+
+
+
+ 时间筛选
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 全选
+
+
+
+
+
+
+ ![]()
+
+ 自定义列
+
+
+
+ ![]()
+ {{ column.title }}
+
+
+
+
+
+
+ {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+
+
+
+ {{
+ STATUS_LIST.find((item) => item.value === record.status)?.label
+ }}
+
+
+
+
+
+ ![]()
+
+
+
+ {{
+ formatNumberShow({
+ value: `${record[`${getPropPrefix(dateType)}like_number`] ?? 0} + ${
+ record[`${getPropPrefix(dateType)}collect_number`] ?? 0
+ }`,
+ showExactValue: true,
+ })
+ }}
+
+
+
+
+
+
+ {{ `${record.ai_evaluate?.level} | ${record.ai_evaluate?.advise}` }}。
++ {{ + `观看: ${record[`${getPropPrefix(dateType)}view_rate`]}% 点赞: ${ + record[`${getPropPrefix(dateType)}like_rate`] + }%` + }} +
+-
+ +
+
+
+
+ {{ record.newest_work_title }}
++ {{ exactFormatTime(record.newest_work_published_at) }} +
+ + +{{ record.second_new_work_title }}
++ {{ exactFormatTime(record.second_new_work_published_at) }} +
+ + + + {{ formatTableField(column, record, true) }} + +
+
+
+
+
+
+
+
+
+
+
+ {{ group.label }}
+
+
+
+ {{ localFields.find((item) => item.prop === option.value)?.title }}
+
+
+
+
+ 已添加（{{ checkColumns.length }}）
+
+
+
+
+
+
+
+
+
+ ![icon]()
+ {{ groupName }}
+
+
+
+
+
+
+ 取消
+ 确定
+
+
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..ff7b556
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss
@@ -0,0 +1,36 @@
+.container {
+ :deep(.arco-input-wrapper),
+ :deep(.arco-select-view-single),
+ :deep(.arco-select-view-multiple) {
+ border-radius: 4px;
+ border-color: #d7d7d9;
+ background-color: #fff;
+ &:focus-within,
+ &.arco-input-focus {
+ background-color: var(--color-bg-2);
+ border-color: rgb(var(--primary-6));
+ box-shadow: 0 0 0 0 var(--color-primary-light-2);
+ }
+ }
+ .filter-row {
+ .filter-row-item {
+ &:not(:last-child) {
+ margin-right: 24px;
+ }
+ .label {
+ margin-right: 8px;
+ color: #211f24;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ flex-shrink: 0;
+ line-height: 22px; /* 157.143% */
+ }
+ :deep(.arco-space-item) {
+ width: 100%;
+ }
+ }
+ }
+
+}
diff --git a/src/views/property-marketing/media-account/account-dashboard/constants.ts b/src/views/property-marketing/media-account/account-dashboard/constants.ts
new file mode 100644
index 0000000..898c27c
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -0,0 +1,276 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-07-04 15:50:37
+ */
+import { CUSTOM_FIELDS } from '@/views/property-marketing/media-account/common_constants';
+
+import icon1 from '@/assets/img/media-account/icon1.png';
+import icon2 from '@/assets/img/media-account/icon2.png';
+import icon3 from '@/assets/img/media-account/icon3.png';
+import icon4 from '@/assets/img/media-account/icon4.png';
+
+export const CARD_FIELDS = [
+ {
+ label: '账号总数',
+ prop: 'total_number',
+ icon: icon1,
+ },
+ {
+ label: '总粉丝数',
+ prop: 'total_fans_number',
+ icon: icon2,
+ tooltip: '所有账号当前累计的粉丝数量，反映账号的基础用户体量。',
+ },
+ {
+ label: '总赞藏数',
+ prop: 'total_like_number',
+ icon: icon3,
+ tooltip: '所有账号所有内容获得的点赞数与收藏数总和，用于衡量历史内容的整体吸引力与认可度。',
+ },
+ {
+ label: '近7日观看数',
+ prop: 'seven_view_number',
+ icon: icon4,
+ tooltip: '最近7天内所有账号所有作品的总观看次数，用于衡量内容在短期内的整体传播效果。',
+ },
+];
+
+export const INITIAL_QUERY = {
+ name: '',
+ status: '',
+ operator_id: '',
+ group_ids: [],
+ type: 7,
+ column: '',
+ order: '',
+};
+
+export const getPropPrefix = (type: string) => {
+ return type === 'week' ? 'seven_' : 'thirty_';
+};
+
+export function getPeriodColumns(type = 'week') {
+ const prefix = getPropPrefix(type);
+ const labelPrefix = type === 'week' ? '近7天' : '近30天';
+
+ return CUSTOM_FIELDS.map((item) => ({
+ ...item,
+ dataIndex: `${prefix}${item.dataIndex}`,
+ title: `${labelPrefix}${item.title}`,
+ prop: `${prefix}${item.prop}`,
+ tooltip: `${labelPrefix}${item.tooltip}`,
+ }));
+}
+
+export const getDefaultColumns = (type = 'week') => {
+ return [
+ {
+ title: '账号名称',
+ dataIndex: 'name',
+ prop: 'name',
+ width: 180,
+ fixed: 'left',
+ },
+ {
+ title: '账号分组',
+ dataIndex: 'group.name',
+ prop: 'group',
+ width: 180,
+ fixed: 'left',
+ },
+ {
+ title: '状态',
+ dataIndex: 'status',
+ prop: 'status',
+ width: 180,
+ fixed: 'left',
+ },
+ {
+ title: '运营人员',
+ dataIndex: 'operator.name',
+ prop: 'operator',
+ width: 180,
+ },
+ {
+ title: 'AI评价',
+ dataIndex: 'ai_evaluate',
+ prop: 'ai_evaluate',
+ width: 260,
+ },
+ {
+ title: '粉丝量',
+ dataIndex: 'fans_number',
+ prop: 'fans_number',
+ width: 180,
+ tooltip: '账号的当前粉丝总数。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '总赞藏数',
+ dataIndex: 'like_collect_number',
+ prop: 'like_number',
+ width: 180,
+ tooltip: '账号所有内容获得的点赞数与收藏数总和，用于衡量历史内容的整体吸引力与认可度。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ ...getPeriodColumns(type),
+
+ {
+ title: '最新内容标题/日期',
+ dataIndex: 'newest_work_title',
+ prop: 'newest_work_title',
+ width: 240,
+ // tooltip: '最新发布内容的标题和发布日期',
+ },
+ {
+ title: '最新作品观看数',
+ dataIndex: 'newest_work_view_number',
+ prop: 'newest_work_view_number',
+ width: 180,
+ tooltip: '最新一篇发布内容的总观看次数，反映当前内容热度初步表现。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最新作品点赞数',
+ dataIndex: 'newest_work_like_number',
+ prop: 'newest_work_like_number',
+ width: 180,
+ tooltip: '最新发布内容的点赞数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最新作品收藏数',
+ dataIndex: 'newest_work_collect_number',
+ prop: 'newest_work_collect_number',
+ width: 180,
+ tooltip: '最新发布内容的收藏数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最新作品评论数',
+ dataIndex: 'newest_work_comment_number',
+ prop: 'newest_work_comment_number',
+ width: 180,
+ tooltip: '最新发布内容的评论数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最新作品分享数',
+ dataIndex: 'newest_work_share_number',
+ prop: 'newest_work_share_number',
+ width: 180,
+ tooltip: '最新发布内容的分享数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ // {
+ // title: '最新作品日增长',
+ // dataIndex: 'newest_work_view_grow_number',
+ // prop: 'newest_work_view_grow_number',
+ // width: 180,
+ // tooltip: '最新作品的日均新增观看量，衡量内容是否具备持续热度。',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ {
+ title: '次新内容标题/日期',
+ dataIndex: 'second_new_work_title',
+ prop: 'second_new_work_title',
+ width: 240,
+ },
+ {
+ title: '次新作品观看数',
+ dataIndex: 'second_new_work_view_number',
+ prop: 'second_new_work_view_number',
+ width: 180,
+ tooltip: '次新作品内容的累计观看量，便于对比不同作品表现差异。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '次新作品点赞数',
+ dataIndex: 'second_new_work_like_number',
+ prop: 'second_new_work_like_number',
+ width: 180,
+ tooltip: '次新作品内容的点赞数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '次新作品收藏数',
+ dataIndex: 'second_new_work_collect_number',
+ prop: 'second_new_work_collect_number',
+ width: 180,
+ tooltip: '次新作品内容的收藏数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '次新作品评论数',
+ dataIndex: 'second_new_work_comment_number',
+ prop: 'second_new_work_comment_number',
+ width: 180,
+ tooltip: '次新作品内容的评论数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '次新作品分享数',
+ dataIndex: 'second_new_work_share_number',
+ prop: 'second_new_work_share_number',
+ width: 180,
+ tooltip: '次新作品内容的分享数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ // {
+ // title: '次新作品日增长',
+ // dataIndex: 'second_new_work_view_grow_number',
+ // prop: 'second_new_work_view_grow_number',
+ // width: 180,
+ // tooltip: '次新作品每日新增观看数，用于判断内容是否处于生命周期增长阶段。',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '操作',
+ // dataIndex: 'operation',
+ // width: 100,
+ // fixed: 'right',
+ // },
+ ];
+};
diff --git a/src/views/property-marketing/media-account/account-dashboard/index.vue b/src/views/property-marketing/media-account/account-dashboard/index.vue
new file mode 100644
index 0000000..f6596ab
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -0,0 +1,161 @@
+
+
+
+
+
+
+ 账号名称
+
+
+
+
+
+
+
+ 分组
+
+
+
+
+ 状态
+
+
+
+
+ 运营人员
+
+
+
+
+
+
+
+
+
+
+
+
+ 时间筛选
+
+
+ 近7天
+
+ 近30天
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/media-account/account-dashboard/style.scss b/src/views/property-marketing/media-account/account-dashboard/style.scss
new file mode 100644
index 0000000..5d17a82
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/style.scss
@@ -0,0 +1,68 @@
+.account-dashboard-wrap {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ :deep(.search-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+ color: #6d4cfe;
+ }
+ :deep(.reset-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--BG-500, #b1b2b5);
+ background: var(--BG-white, #fff);
+ }
+ .filter-wrap {
+ border-radius: 8px;
+ border: 1px solid #e6e6e8;
+ .top {
+ .title {
+ font-family: 'PuHuiTi-Medium';
+ font-style: normal;
+ }
+ :deep(.arco-btn) {
+ .arco-btn-icon {
+ line-height: 14px;
+ }
+ }
+ }
+ .overview-row {
+ .overview-item {
+ height: 88px;
+ border-radius: 8px;
+ background: var(--BG-100, #f7f8fa);
+ padding: 16px;
+ &:not(:last-child) {
+ margin-right: 12px;
+ }
+ .label {
+ color: var(--Text-3, #737478);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ .value {
+ color: var(--Text-1, #211f24);
+ font-family: 'HarmonyOS Sans SC';
+ font-size: 18px;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 26px;
+ }
+ }
+ }
+ }
+
+ .table-wrap {
+ width: 100%;
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+ }
+ }
+}
diff --git a/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue b/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
new file mode 100644
index 0000000..5b3d2a6
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
@@ -0,0 +1,143 @@
+
+
+
+
+
+
+
+
+
+
+ 数据总览
+
+
+
+
+
+ ![]()
+
+ ![]()
+
+
+ {{ formatNumberShow(overviewData[item.prop]) }}
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss b/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss
new file mode 100644
index 0000000..7147a6f
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss
@@ -0,0 +1,41 @@
+.account-info-wrap {
+ position: relative;
+ .status-tag {
+ width: fit-content;
+ display: flex;
+ height: 20px;
+ padding: 0px 8px;
+ align-items: center;
+ border-radius: 2px;
+ background: #f2f3f5;
+
+ .status-tag-text {
+ color: var(--BG-700, #737478);
+ }
+ &-1 {
+ background: #ebf7f2;
+ .status-tag-text {
+ color: #25c883;
+ }
+ }
+
+ &-2,
+ &-4,
+ &-5,
+ &-6,
+ &-7 {
+ background: #ffe7e4;
+ .status-tag-text {
+ color: #f64b31;
+ }
+ }
+
+ &-3 {
+ background: #fff7e5;
+ color: #ffae00;
+ .status-tag-text {
+ color: #ffae00;
+ }
+ }
+ }
+}
diff --git a/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts b/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
new file mode 100644
index 0000000..0c64862
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
@@ -0,0 +1,81 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 13:30:58
+ */
+
+export const INITIAL_QUERY = {
+ title: '',
+ published_at: [],
+};
+
+export const INITIAL_PAGE_INFO = {
+ page: 1,
+ page_size: 20,
+ total: 0,
+};
+
+export const TABLE_COLUMNS = [
+ {
+ title: '笔记标题',
+ dataIndex: 'title',
+ width: 240,
+ fixed: 'left',
+ },
+ {
+ title: '发布日期',
+ dataIndex: 'published_at',
+ width: 160,
+ fixed: 'left',
+ },
+ {
+ title: '曝光量',
+ dataIndex: 'exposure_number',
+ width: 180,
+ tooltip: '内容被展示给用户的总次数，不代表用户实际观看。',
+ align: 'right',
+ },
+ {
+ title: '观看量',
+ dataIndex: 'view_number',
+ width: 180,
+ tooltip: '用户点击内容并实际观看的次数，是内容实际触达的重要指标。',
+ align: 'right',
+ },
+ {
+ title: '点赞量',
+ dataIndex: 'like_number',
+ width: 180,
+ tooltip: '单篇笔记获得的点赞总数，反映用户喜好程度。',
+ align: 'right',
+ },
+ {
+ title: '收藏量',
+ dataIndex: 'collect_number',
+ width: 180,
+ tooltip: '用户将内容保存到收藏夹的次数，代表内容被认可为“值得保留”。',
+ align: 'right',
+ },
+ {
+ title: '评论数',
+ dataIndex: 'comment_number',
+ width: 180,
+ tooltip: '内容下方用户留言的总数，体现用户参与度与讨论热度。',
+ align: 'right',
+ },
+ {
+ title: '分享量',
+ dataIndex: 'share_number',
+ width: 180,
+ tooltip: '内容被转发或分享至其他平台或私信的次数，代表外扩传播意愿。',
+ align: 'right',
+ },
+
+ {
+ title: '封面点击率',
+ dataIndex: 'cover_click_rate',
+ width: 180,
+ tooltip: '内容在被曝光后，用户点击进入的比例，反映封面与标题吸引力。',
+ align: 'right',
+ suffix: '%',
+ },
+];
diff --git a/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue b/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
new file mode 100644
index 0000000..85e88f2
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
@@ -0,0 +1,183 @@
+
+
+
+ 账号信息
+
+
+
+
+
+
+
+
+
+ ![]()
+ AI评价
+
+
+
+ ![]()
+
+
+
+
+
+
+
+ {{ `${detailData.ai_evaluate?.level} | ${detailData.ai_evaluate?.advise}` }}。
++ {{ + `观看: ${detailData[`${getPropPrefix(dateType)}view_rate`] ?? '-'}% 点赞: ${ + detailData[`${getPropPrefix(dateType)}like_rate`] ?? '-' + }%` + }} +
+
+
+
+
+ {{ field.title }}
+
+
+
+ {{
+ STATUS_LIST.find((item) => item.value === detailData.status)?.label
+ }}
+
+
+
+ {{
+ formatNumberShow({
+ value: `${detailData[`${getPropPrefix(dateType)}like_number`] ?? 0} + ${
+ detailData[`${getPropPrefix(dateType)}collect_number`] ?? 0
+ }`,
+ showExactValue: true,
+ })
+ }}
+
+
+
+
+
+
+
+ {{ formatTableField(field, detailData, true) }}
+
+
+ {{ showMore ? '收起' : '更多' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..12d1404
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss
@@ -0,0 +1,44 @@
+.note-table-wrap {
+ :deep(.arco-input-wrapper),
+ :deep(.arco-select-view-single),
+ :deep(.arco-select-view-multiple),
+ :deep(.arco-picker) {
+ border-radius: 4px;
+ border-color: #d7d7d9;
+ background-color: #fff;
+ &:focus-within,
+ &.arco-input-focus {
+ background-color: var(--color-bg-2);
+ border-color: rgb(var(--primary-6));
+ box-shadow: 0 0 0 0 var(--color-primary-light-2);
+ }
+ }
+ .filter-row {
+ .filter-row-item {
+ &:not(:last-child) {
+ margin-right: 24px;
+ }
+ .label {
+ margin-right: 8px;
+ color: #211f24;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ flex-shrink: 0;
+ line-height: 22px; /* 157.143% */
+ }
+ :deep(.arco-space-item) {
+ width: 100%;
+ }
+ }
+ }
+
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+ }
+}
diff --git a/src/views/property-marketing/media-account/account-detail/constants.ts b/src/views/property-marketing/media-account/account-detail/constants.ts
new file mode 100644
index 0000000..076a8b1
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/constants.ts
@@ -0,0 +1,53 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 12:55:44
+ */
+import { CUSTOM_FIELDS, getPropPrefix } from '@/views/property-marketing/media-account/common_constants';
+
+// 不足4个。就补两个null进去
+export function groupArrayBySize
+
+
+ 笔记详情
+
+
+
+
+
+
+
+
+
+
+
+
+ 笔记标题
+
+
+
+
+
+
+
+ 发布日期
+
+
+
+
+ {{ column.title }}
+
+
+
+
+
+
+
+ {{ exactFormatTime(record.published_at) }}
+
+
+ {{ formatTableField(column, record, true) }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/media-account/account-detail/style.scss b/src/views/property-marketing/media-account/account-detail/style.scss
new file mode 100644
index 0000000..c69597f
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/style.scss
@@ -0,0 +1,43 @@
+.account-detail-wrap {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ :deep(.cts) {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.title {
+ font-family: 'PuHuiTi-Medium';
+ }
+ }
+ :deep(.title-row) {
+ display: flex;
+ height: 64px;
+ padding: 10px 0;
+ align-items: center;
+ }
+ :deep(.search-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+ color: #6d4cfe;
+ }
+ :deep(.reset-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--BG-500, #b1b2b5);
+ background: var(--BG-white, #fff);
+ }
+
+ .table-wrap {
+ width: 100%;
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+ }
+ }
+}
diff --git 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
new file mode 100644
index 0000000..e132358
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
@@ -0,0 +1,66 @@
+
+
+
+ 账号详情
+
+
+ ![]()
+ 确认删除 {{ accountName }} 这个账号吗？
+
+
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..00e5218
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+ {{ item.name || '-' }}
+
+ 状态
+
+
+ 平台
+ ![]()
+
+
+ 账号ID
+ {{ item.account_id || '-' }}
+
+
+ 手机号码
+ {{ item.mobile || '-' }}
+
+
+ 运营人员
+ {{ item.operator?.name || '-' }}
+
+
+ 分组
+ {{ item.group?.name || '-' }}
+
+
+ 标签
+ -
+
+
+
+
+
+
+
+ {{ `+${item.tags.length - 2}` }}
+
+
+ {{ tag.name }}
+
+
+
+
+ 更多
+
+
+ 编辑
+ 暂停同步
+ 删除
+
+
+ {{ getBtnText(item) }}
+
+
+
+
+
+
+ ![]()
+ 确认暂停同步 “{{ accountName }}” 这个账号的数据吗？
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+ 点击重试
+
+
+ ![]()
+ 下载账户导入模板.xlsx
+
+
+
+ ![]()
+
+
+ 数据同步和初始化中，请勿关闭窗口。
+ + + +{{ `数据初始化${isSuccess ? '成功' : '失败'}。` }}
+失败原因：{{ failReason || '-' }}
+ + +
+
+
+ 请使用{{ platform }}扫码，将公司账号绑定至灵机平台。
+
+
+
+
+
+
+ ![]()
+
+
+
+
+ 二维码失效
+请点击刷新
+
+ {{ `已选${accountGroupList.length}个账号` }}
+
+
+ 统一编辑
+
+ ![icon]()
+
+
+
+
+
+
+
+
+
+ {{ `已选${accountTagList.length}个账号` }}
+
+
+ 统一编辑
+
+ ![icon]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..ff7b556
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss
@@ -0,0 +1,36 @@
+.container {
+ :deep(.arco-input-wrapper),
+ :deep(.arco-select-view-single),
+ :deep(.arco-select-view-multiple) {
+ border-radius: 4px;
+ border-color: #d7d7d9;
+ background-color: #fff;
+ &:focus-within,
+ &.arco-input-focus {
+ background-color: var(--color-bg-2);
+ border-color: rgb(var(--primary-6));
+ box-shadow: 0 0 0 0 var(--color-primary-light-2);
+ }
+ }
+ .filter-row {
+ .filter-row-item {
+ &:not(:last-child) {
+ margin-right: 24px;
+ }
+ .label {
+ margin-right: 8px;
+ color: #211f24;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ flex-shrink: 0;
+ line-height: 22px; /* 157.143% */
+ }
+ :deep(.arco-space-item) {
+ width: 100%;
+ }
+ }
+ }
+
+}
diff --git 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
new file mode 100644
index 0000000..d208936
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+ 账号名称/ID/手机号
+
+
+
+
+
+
+
+ 状态
+
+
+
+
+ 平台
+
+
+ {{
+ item.label
+ }}
+
+
+
+
+ 运营人员
+
+
+
+
+
+
+
+
+
+
+
+
+ 分组
+
+
+
+
+ 标签
+
+
+
+
+ ![]()
+ 确认删除 "{{ groupName }}" 这个分组吗？
+
+
+
+
+ ![]()
+
+ 添加新分组
+
+
+
+
+ 分组名称
+
+
+
+
+
+
+
+ ![]()
+ 编辑
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ 账号已导入成功，当前状态为“未授权”。
+请前往卡片列表手动完成授权，完成后账号即可正常使用。
+
+
+
+
+ ![]()
+
+
+
+
+
+ 请使用{{ platform }}扫码，将公司账号绑定至灵机平台。
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+ 二维码失效
+请点击刷新
+数据同步和初始化中，请勿关闭窗口。
+ + + +
+ ![]()
+ 当前绑定的账号与之前的昵称不一致，请确认是否覆盖原账号信息。
+
+
+
+
+
+
+
+ 原账号：全球旅行小助手
+当前账号：环球旅行官
+{{ `数据初始化${isSuccess ? '成功' : '失败'}。` }}
+失败原因：{{ failReason || '-' }}
+ + +
+ {{ statusText }}
+
+ ![]()
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..25e3058
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
@@ -0,0 +1,79 @@
+
+
+
+ ![]()
+ 确认删除 "{{ tagName }}" 这个标签吗？
+
+
+
+
+
+ ![]()
+
+ 添加新标签
+
+
+
+
+ 分组名称
+
+
+
+
+
+
+
+
+ 暂无标签
+
+
+ ![]()
+
+ 去添加
+
+
+
+
+
+
+
+
+
+
+
+ {{ tag.name }}
+ ![]()
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/media-account/account-manage/style.scss b/src/views/property-marketing/media-account/account-manage/style.scss
new file mode 100644
index 0000000..05d08d9
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/style.scss
@@ -0,0 +1,88 @@
+.account-manage-wrap {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ :deep(.search-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+ color: #6d4cfe;
+ }
+ :deep(.reset-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--BG-500, #b1b2b5);
+ background: var(--BG-white, #fff);
+ }
+ .filter-wrap {
+ .top {
+ .title {
+ font-family: 'PuHuiTi-Medium';
+ font-style: normal;
+ }
+ :deep(.arco-btn) {
+ .arco-btn-icon {
+ line-height: 16px;
+ }
+ }
+ }
+ }
+ .tip-row {
+ border-radius: 2px;
+ background: #f0edff;
+ .label {
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ &.normal {
+ background: #ebf7f2;
+ .label {
+ color: #211f24;
+ }
+ }
+ &.abnormal {
+ background: #ffe7e4;
+ .label {
+ color: #211f24;
+ }
+ }
+ .err-btn {
+ background-color: #f64b31 !important;
+ color: var(--BG-white, #fff);
+ font-family: 'PingFang SC';
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px; /* 166.667% */
+ }
+ .operation-btn {
+ padding: 0;
+ cursor: pointer;
+ color: var(--Brand-Brand-6, #6d4cfe);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ &:not(:last-child) {
+ margin-right: 16px;
+ }
+ &.red {
+ color: #F64B31;
+ }
+ }
+ }
+ .card-wrap {
+ display: flex;
+ flex-direction: column;
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+
+ }
+ }
+}
diff --git a/src/views/property-marketing/media-account/common_constants.ts b/src/views/property-marketing/media-account/common_constants.ts
new file mode 100644
index 0000000..e106823
--- /dev/null
+++ b/src/views/property-marketing/media-account/common_constants.ts
@@ -0,0 +1,199 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-07-05 10:49:37
+ */
+export const getPropPrefix = (type: string) => {
+ return type === 'week' ? 'seven_' : 'thirty_';
+};
+
+export const CUSTOM_FIELDS = [
+ {
+ dataIndex: 'view_number',
+ prop: 'view_number',
+ title: '观看量',
+ width: 200,
+ tooltip: '统计所有作品的总浏览量，反映账号近期内容的整体曝光度。',
+ align: 'right',
+ },
+ {
+ dataIndex: 'view_rate',
+ prop: 'view_rate',
+ title: '观看量环比',
+ width: 200,
+ tooltip: '与上一个周期相比，观看量的增长或下降百分比，评估流量变化趋势。',
+ align: 'right',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ dataIndex: 'home_view_number',
+ prop: 'home_view_number',
+ title: '主页访客数',
+ width: 220,
+ tooltip: '最近7日内访问账号主页的唯一用户数，可反映账号的主动曝光程度。',
+ align: 'right',
+ },
+ {
+ dataIndex: 'home_view_rate',
+ prop: 'home_view_rate',
+ title: '主页访客数环比',
+ width: 240,
+ tooltip: '主页访客数相较于前一周期的增长或下降百分比，常用于判断是否有外部流量导入。',
+ align: 'right',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ dataIndex: 'like_number',
+ prop: 'like_number',
+ title: '点赞量',
+ width: 200,
+ tooltip: '账号内容获得的点赞总数，反映内容的受欢迎程度。',
+ align: 'right',
+ },
+ {
+ dataIndex: 'like_rate',
+ prop: 'like_rate',
+ title: '点赞量环比',
+ width: 200,
+ tooltip: '点赞数量与上一周期对比后的变化百分比，用于评估内容热度走势。',
+ align: 'right',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ dataIndex: 'comment_number',
+ prop: 'comment_number',
+ title: '评论数',
+ width: 200,
+ tooltip: '用户对账号内容的评论总数，是互动活跃度的重要参考指标。',
+ align: 'right',
+ },
+ {
+ dataIndex: 'comment_rate',
+ prop: 'comment_rate',
+ title: '评论数环比',
+ width: 200,
+ tooltip: '评论数相较于上一周期的变化百分比，可评估用户参与度变化。',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ align: 'right',
+ },
+ {
+ dataIndex: 'collect_number',
+ prop: 'collect_number',
+ title: '收藏数',
+ width: 200,
+ tooltip: '用户对内容的收藏次数，代表内容的实用性或留存价值。',
+ align: 'right',
+ },
+ {
+ dataIndex: 'collect_rate',
+ prop: 'collect_rate',
+ title: '收藏数环比',
+ width: 200,
+ tooltip: '收藏量变化的环比百分比，可反映内容吸引力是否持续。',
+ align: 'right',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ dataIndex: 'barrage_number',
+ prop: 'barrage_number',
+ title: '弹幕数',
+ width: 200,
+ tooltip: '统计视频内容中用户发送的弹幕数量，适用于支持弹幕的内容平台。',
+ align: 'right',
+ },
+ {
+ dataIndex: 'barrage_rate',
+ prop: 'barrage_rate',
+ title: '弹幕数环比',
+ width: 200,
+ tooltip: '弹幕数量变化百分比，反映内容是否激发实时互动。',
+ align: 'right',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ dataIndex: 'rise_fans_number',
+ prop: 'rise_fans_number',
+ title: '笔记涨粉数',
+ width: 200,
+ tooltip: '通过笔记内容带来的新粉丝数量，是内容转粉效率的重要指标。',
+ align: 'right',
+ },
+ {
+ dataIndex: 'rise_fans_rate',
+ prop: 'rise_fans_rate',
+ title: '笔记涨粉数环比',
+ width: 240,
+ tooltip: '笔记带粉效果的环比变化趋势，衡量内容拉新能力是否增强。',
+ align: 'right',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ dataIndex: 'share_number',
+ prop: 'share_number',
+ title: '笔记分享量',
+ width: 200,
+ tooltip: '用户对内容的转发/分享次数，代表内容传播意愿与裂变潜力。',
+ align: 'right',
+ },
+ {
+ dataIndex: 'share_rate',
+ prop: 'share_rate',
+ title: '笔记分享量环比',
+ width: 240,
+ tooltip: '内容分享次数的环比变化，用于判断内容是否具有更强外扩传播力。',
+ align: 'right',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ dataIndex: 'avg_view_time',
+ prop: 'avg_view_time',
+ title: '笔记平均浏览数',
+ width: 200,
+ tooltip: '用户对笔记内容的平均浏览时长，反映内容吸引力和用户粘性。',
+ align: 'right',
+ },
+ {
+ dataIndex: 'avg_view_time_rate',
+ prop: 'avg_view_time_rate',
+ title: '笔记平均浏览数环比',
+ width: 240,
+ tooltip: '平均浏览时长的环比变化，用于评估内容质量是否稳定。',
+ align: 'right',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+];
diff --git a/src/views/property-marketing/media-account/components/group-select/index.vue b/src/views/property-marketing/media-account/components/group-select/index.vue
new file mode 100644
index 0000000..a441bfb
--- /dev/null
+++ b/src/views/property-marketing/media-account/components/group-select/index.vue
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+ 账号管理
+
+
+
+ ![]()
+
+ 标签管理
+
+
+
+ ![]()
+
+ 分组管理
+
+
+
+ ![]()
+
+ 添加账号
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+ ![]()
+ {{ tipLabel }}
+
+
+
+
+
+ 查看异常账号
+
+
+
+
+
+
+
+
+
+
+
+ {{ title.name }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
new file mode 100644
index 0000000..668ed60
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
@@ -0,0 +1,22 @@
+.echart-item-card {
+ width: 100%;
+ height: 50%;
+
+ border-radius: 10px;
+ margin-bottom: 24px;
+
+ :deep(.arco-card-header) {
+ border-bottom: none !important;
+
+ }
+
+ .a-card-title {
+ color: var(--Text-1, #211F24);
+ font-size: 16px;
+ font-family: PuHuiTi-Medium;
+ font-weight: 400;
+ line-height: 24px;
+ word-wrap: break-word;
+ }
+}
+
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
new file mode 100644
index 0000000..b69ad2c
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -0,0 +1,210 @@
+
+ {{ title.popover }}
+ +
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-dashboard/style.scss b/src/views/property-marketing/put-account/account-dashboard/style.scss
new file mode 100644
index 0000000..a831101
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-dashboard/style.scss
@@ -0,0 +1,109 @@
+.account-dashboard-wrap {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+
+ :deep(.search-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+ color: #6d4cfe;
+ }
+
+ :deep(.reset-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--BG-500, #b1b2b5);
+ background: var(--BG-white, #fff);
+ }
+
+ .filter-wrap {
+ border-radius: 8px;
+ border: 1px solid #e6e6e8;
+
+ :deep(.arco-tabs) {
+ .arco-tabs-tab {
+ height: 56px;
+ padding: 0 8px;
+ }
+ }
+
+ .top {
+ .title {
+ font-family: 'PuHuiTi-Medium';
+ font-style: normal;
+ }
+
+ :deep(.arco-btn) {
+ .arco-btn-icon {
+ line-height: 14px;
+ }
+ }
+ }
+
+ .overview-row {
+ .overview-item {
+ height: 88px;
+ border-radius: 8px;
+ background: var(--BG-100, #f7f8fa);
+ padding: 16px;
+
+ &:not(:last-child) {
+ margin-right: 12px;
+ }
+ }
+ }
+ }
+
+ .table-wrap {
+ width: 100%;
+
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+ }
+ }
+
+ .container {
+ :deep(.arco-input-wrapper),
+ :deep(.arco-select-view-single),
+ :deep(.arco-select-view-multiple),
+ :deep(.arco-picker) {
+ border-radius: 4px;
+ border-color: #d7d7d9;
+ background-color: #fff;
+ height: 32px;
+ &:focus-within,
+ &.arco-input-focus {
+ background-color: var(--color-bg-2);
+ border-color: rgb(var(--primary-6));
+ box-shadow: 0 0 0 0 var(--color-primary-light-2);
+ }
+ }
+
+ .filter-row {
+ .filter-row-item {
+ &:not(:last-child) {
+ margin-right: 24px;
+ }
+
+ .label {
+ margin-right: 8px;
+ color: #211f24;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ flex-shrink: 0;
+ line-height: 22px; /* 157.143% */
+ }
+
+ :deep(.arco-space-item) {
+ width: 100%;
+ }
+ }
+ }
+
+ }
+}
diff --git a/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts b/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
new file mode 100644
index 0000000..4bed58a
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
@@ -0,0 +1,299 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 10:33:06
+ */
+export const TABLE_COLUMNS = [
+ {
+ title: '账户名称',
+ dataIndex: 'name',
+ prop: 'name',
+ width: 180,
+ fixed: 'left',
+ },
+ {
+ title: '状态',
+ dataIndex: 'status',
+ prop: 'status',
+ width: 180,
+ fixed: 'left',
+ },
+ {
+ title: '运营人员',
+ dataIndex: 'operator_ame',
+ prop: 'operator',
+ width: 180,
+ },
+ {
+ title: '最新项目名称',
+ dataIndex: 'newest_project_name',
+ prop: 'newest_project_name',
+ width: 180,
+ },
+ {
+ title: '最新项目展示数',
+ dataIndex: 'newest_project_show_number',
+ prop: 'newest_project_show_number',
+ width: 180,
+ },
+ {
+ title: '最新项目点击数',
+ dataIndex: 'newest_project_click_number',
+ prop: 'newest_project_click_number',
+ width: 180,
+ },
+ {
+ title: '最新项目点击率',
+ dataIndex: 'newest_project_click_rate',
+ prop: 'newest_project_click_rate',
+ width: 180,
+ },
+ {
+ title: '最新项目平均点击成本',
+ dataIndex: 'newest_project_avg_click_cost',
+ prop: 'newest_project_avg_click_cost',
+ width: 180,
+ },
+ {
+ title: '最新项目平均千次展示成本',
+ dataIndex: 'newest_project_thousand_show_cost',
+ prop: 'newest_project_thousand_show_cost',
+ width: 180,
+ },
+ {
+ title: '账户总消耗',
+ dataIndex: 'total_use_amount',
+ prop: 'total_use_amount',
+ width: 180,
+ tooltip: '指账户在统计周期内的总广告消耗金额，衡量广告实际投放的花费。',
+ prefix: '¥',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ // {
+ // title: '账户余额',
+ // dataIndex: 'balance_amount',
+ // prop: 'balance_amount',
+ // width: 180,
+ // tooltip: '当前账户剩余的可用余额，用于后续广告投放。',
+ // prefix: '¥',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ {
+ title: 'AI评价',
+ dataIndex: 'ai_evaluate',
+ prop: 'ai_evaluate',
+ width: 260,
+ },
+ {
+ title: '投资回报率',
+ dataIndex: 'roi',
+ prop: 'roi',
+ width: 180,
+ tooltip: '投入产出比（ROI），等于收益 ÷ 投入，反映投放带来的商业价值。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ // {
+ // title: '投资回报率环比',
+ // dataIndex: 'roi_chain',
+ // prop: 'roi_chain',
+ // width: 180,
+ // tooltip: '当前 ROI 相较于上一周期的变化百分比，用于评估投放效益变化。',
+ // align: 'right',
+ // suffix: '%',
+ // isRateField: true,
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ {
+ title: '展示数',
+ dataIndex: 'show_number',
+ prop: 'show_number',
+ width: 180,
+ tooltip: '广告被用户看到的次数（曝光次数），是广告触达能力的基本指标。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '展示数环比',
+ dataIndex: 'show_number_chain',
+ prop: 'show_number_chain',
+ width: 180,
+ tooltip: '展示数与上一周期的变化百分比，反映广告曝光趋势。',
+ align: 'right',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '点击数',
+ dataIndex: 'click_number',
+ prop: 'click_number',
+ width: 180,
+ tooltip: '用户点击广告的次数，代表广告实际引起的兴趣行为。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '点击数环比',
+ dataIndex: 'click_number_chain',
+ prop: 'click_number_chain',
+ width: 180,
+ tooltip: '当前周期点击数相较上一周期的变化百分比。',
+ align: 'right',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '点击率',
+ dataIndex: 'click_rate',
+ prop: 'click_rate',
+ width: 180,
+ tooltip: '广告点击率（CTR），= 点击量 ÷ 展示量，衡量广告吸引力。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '点击率环比',
+ dataIndex: 'click_rate_chain',
+ prop: 'click_rate_chain',
+ width: 180,
+ tooltip: '当前 CTR 相较上一周期的变化百分比，评估广告表现是否优化。',
+ align: 'right',
+ suffix: '%',
+ isRateField: true,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '平均点击成本',
+ dataIndex: 'avg_click_cost',
+ prop: 'avg_click_cost',
+ width: 180,
+ tooltip: '每次用户点击广告所花费的平均金额（CPC），= 消耗 ÷ 点击量。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '千次展示费用',
+ dataIndex: 'thousand_show_cost',
+ prop: 'thousand_show_cost',
+ width: 180,
+ prefix: '¥',
+ tooltip: '每 1000 次广告展示的平均费用（CPM），= 消耗 ÷ 展示量 × 1000。',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ // {
+ // title: '转化数',
+ // dataIndex: 'conversion_number',
+ // prop: 'conversion_number',
+ // width: 180,
+ // tooltip: '用户完成设定目标行为（如下单、注册）的总次数，是广告成效的重要指标。',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '转化数环比',
+ // dataIndex: 'conversion_number_chain',
+ // prop: 'conversion_number_chain',
+ // width: 180,
+ // tooltip: '当前周期转化数与上一周期的变化百分比。',
+ // align: 'right',
+ // suffix: '%',
+ // isRateField: true,
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '转化率',
+ // dataIndex: 'conversion_rate',
+ // prop: 'conversion_rate',
+ // width: 180,
+ // tooltip: '转化率（CVR）= 转化数 ÷ 点击量，衡量广告转化能力。',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '转化率环比',
+ // dataIndex: 'conversion_rate_chain',
+ // prop: 'conversion_rate_chain',
+ // width: 180,
+ // tooltip: '当前 CVR 相较上一周期的变化百分比。',
+ // align: 'right',
+ // suffix: '%',
+ // isRateField: true,
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '平均转化成本',
+ // dataIndex: 'avg_conversion_cost',
+ // prop: 'avg_conversion_cost',
+ // width: 180,
+ // prefix: '¥',
+ // tooltip: '每次转化平均花费的成本（CPA），= 消耗 ÷ 转化数。',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '深度转化数',
+ // dataIndex: 'deep_conversion_number',
+ // prop: 'deep_conversion_number',
+ // width: 180,
+ // tooltip: '表示完成更高价值行为（如支付、留资等）的次数，是高质量转化的衡量标准。',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '深度转化率',
+ // dataIndex: 'deep_conversion_rate',
+ // prop: 'deep_conversion_rate',
+ // width: 180,
+ // tooltip: '深度转化数 ÷ 点击量，代表高价值行为的转化效率。',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '最新投放计划标题/日期',
+ // dataIndex: 'newest_work_title',
+ // prop: 'newest_work_title',
+ // width: 260,
+ // },
+];
diff --git a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
new file mode 100644
index 0000000..b60414d
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
@@ -0,0 +1,261 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ accountType == 1 ? '账号名称' : '计划名称' }}
+
+
+
+
+
+
+
+ 平台
+
+ {{ item.label }}
+
+
+
+
+
+ 运营人员
+
+
+
+
+
+
+
+
+
+
+
+
+ 时间筛选
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 全选
+
+
+
+
+
+
+
+ ![]()
+
+ 自定义列
+
+
+
+ ![]()
+ {{ column.title }}
+
+
+
+
+
+
+ {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+
+
+
+ {{
+ STATUS_LIST.find((item) => item.value === record.status)?.label
+ }}
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+ {{ `${record.ai_evaluate?.level} | ${record.ai_evaluate?.advise}` }}。
++ {{ `ROI: ${record.roi}% CVR: ${record.conversion_rate}%` }} +
+-
+ +
+
+
+
+ {{ record.newest_work_title }}
++ {{ exactFormatTime(record.newest_project_published_at) }} +
+ + + + {{ formatTableField(column, record, true) }} + +
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss b/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss
new file mode 100644
index 0000000..bf3813c
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss
@@ -0,0 +1,37 @@
+.container {
+ :deep(.arco-input-wrapper),
+ :deep(.arco-select-view-single),
+ :deep(.arco-select-view-multiple),
+ :deep(.arco-picker) {
+ border-radius: 4px;
+ border-color: #d7d7d9;
+ background-color: #fff;
+ &:focus-within,
+ &.arco-input-focus {
+ background-color: var(--color-bg-2);
+ border-color: rgb(var(--primary-6));
+ box-shadow: 0 0 0 0 var(--color-primary-light-2);
+ }
+ }
+ .filter-row {
+ .filter-row-item {
+ &:not(:last-child) {
+ margin-right: 24px;
+ }
+ .label {
+ margin-right: 8px;
+ color: #211f24;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ flex-shrink: 0;
+ line-height: 22px; /* 157.143% */
+ }
+ :deep(.arco-space-item) {
+ width: 100%;
+ }
+ }
+ }
+
+}
diff --git 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
new file mode 100644
index 0000000..75f7efd
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+ {{ isAccountTab ? '账户名称' : '计划名称' }}
+
+
+
+
+
+
+
+ 计划分组
+
+
+
+
+ 状态
+
+
+
+
+ 运营人员
+
+
+
+
+
+
+
+
+
+
+
+
+ 关联账户
+
+
+
+
+ 时间筛选
+
+
+
+
+ ![]()
+ 确认删除 "{{ groupName }}" 这个分组吗？
+
+
+
+
+ ![]()
+
+ 添加新分组
+
+
+
+ 分组名称
+
+
+
+
+
+
+
+ ![]()
+ 编辑
+
+
+
+
+
+
+
+
+
+ 全选
+
+
+
+
+
+
+
+ ![]()
+
+ 自定义列
+
+
+
+ ![]()
+ {{ column.title }}
+
+
+
+
+
+
+ {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+
+
+
+ {{
+ STATUS_LIST.find((item) => item.value === record.status)?.label
+ }}
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+ {{ `${record.ai_evaluate?.level} | ${record.ai_evaluate?.advise}` }}。
++ {{ `ROI: ${record.roi}% CVR: ${record.conversion_rate}%` }} +
+-
+ +
+
+
+
+
+
+ {{ formatTableField(column, record, true) }}
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-data/style.scss b/src/views/property-marketing/put-account/account-data/style.scss
new file mode 100644
index 0000000..add16aa
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/style.scss
@@ -0,0 +1,59 @@
+.account-data-wrap {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ :deep(.search-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+ color: #6d4cfe;
+ }
+ :deep(.reset-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--BG-500, #b1b2b5);
+ background: var(--BG-white, #fff);
+ }
+ .filter-wrap {
+ border-radius: 8px;
+ border: 1px solid #e6e6e8;
+ :deep(.arco-tabs) {
+ .arco-tabs-tab {
+ height: 56px;
+ padding: 0 8px;
+ }
+ }
+ :deep(.arco-btn) {
+ .arco-btn-icon {
+ line-height: 14px;
+ }
+ }
+ .top {
+ .title {
+ font-family: 'PuHuiTi-Medium';
+ font-style: normal;
+ }
+
+ }
+ .overview-row {
+ .overview-item {
+ height: 88px;
+ border-radius: 8px;
+ background: var(--BG-100, #f7f8fa);
+ padding: 16px;
+ &:not(:last-child) {
+ margin-right: 12px;
+ }
+ }
+ }
+ }
+
+ .table-wrap {
+ width: 100%;
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+ }
+ }
+}
\ No newline at end of file
diff --git 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
new file mode 100644
index 0000000..31e2926
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+ ![]()
+
+ 分组管理
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ 确认删除 {{ accountName }} 这个账户吗？
+
+
+
+
+
+
+
+
+
diff --git 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
new file mode 100644
index 0000000..9649f20
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+ {{ item.name || '-' }}
+
+ 状态
+
+
+ 平台
+ ![]()
+
+
+ 账号ID
+ {{ item.account_id || '-' }}
+
+
+ 手机号码
+ {{ item.mobile }}
+
+
+ 运营人员
+ {{ item.operator?.name }}
+
+
+ 账户总消耗
+ {{ `￥${formatNumberShow({ value: item.total_use_amount, showExactValue: true })}` }}
+
+
+ 账户余额
+ {{ `￥${formatNumberShow({ value: item.balance_amount, showExactValue: true })}` }}
+
+
+ ![]()
+
+ 暂停同步
+
+
+ 获取凭证
+
+
+
+ 编辑
+
+
+
+ ![]()
+ 确认暂停同步 “{{ accountName }}” 这个账号的数据吗？
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+ 点击重试
+
+
+ ![]()
+ 下载账户导入模板.xlsx
+
+
+ ![]()
+ {{ PLATFORM_LIST[form.platform].label }}
+
+
+ ![]()
+ {{ item.label }}
+
+
+
+ 立即同步遗漏数据 - 获取完整的最新数据 （推荐）
+ 仅授权不更新 - 继续使用当前不完全的数据
+
+
+
+ ![]()
+
+ + 检测到该账户最后更新日期为{{ exactFormatTime(lastSyncedAt, 'MM月DD日HH:mm', 'YYYY年MM月DD日 HH:mm') }}，已有{{ + getDaysDiffText(lastSyncedAt) + }}未同步最新数据。 +
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+ 数据同步和初始化中，请勿关闭窗口。
+ + + +{{ `数据初始化${isSuccess ? '成功' : '失败'}。` }}
+失败原因：{{ failReason || '-' }}
+ +
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss b/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss
new file mode 100644
index 0000000..ff7b556
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss
@@ -0,0 +1,36 @@
+.container {
+ :deep(.arco-input-wrapper),
+ :deep(.arco-select-view-single),
+ :deep(.arco-select-view-multiple) {
+ border-radius: 4px;
+ border-color: #d7d7d9;
+ background-color: #fff;
+ &:focus-within,
+ &.arco-input-focus {
+ background-color: var(--color-bg-2);
+ border-color: rgb(var(--primary-6));
+ box-shadow: 0 0 0 0 var(--color-primary-light-2);
+ }
+ }
+ .filter-row {
+ .filter-row-item {
+ &:not(:last-child) {
+ margin-right: 24px;
+ }
+ .label {
+ margin-right: 8px;
+ color: #211f24;
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ flex-shrink: 0;
+ line-height: 22px; /* 157.143% */
+ }
+ :deep(.arco-space-item) {
+ width: 100%;
+ }
+ }
+ }
+
+}
diff --git 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
new file mode 100644
index 0000000..5fd6c1e
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue
@@ -0,0 +1,49 @@
+
+
+
+
+
+ 账号名称/ID/手机号
+
+
+
+
+
+
+
+ 状态
+
+
+
+
+ 平台
+
+
+ {{
+ item.label
+ }}
+
+
+
+
+ 运营人员
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ 账号已成功导入，当前为未授权状态。请前往卡片列表手动授权，完成授权后账号可正常使用。
+
+
+ {{ statusText }}
+
+ ![]()
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-manage/constants.ts b/src/views/property-marketing/put-account/account-manage/constants.ts
new file mode 100644
index 0000000..be17120
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/constants.ts
@@ -0,0 +1,11 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 15:24:59
+ */
+
+export const INITIAL_QUERY = {
+ search: '',
+ status: '',
+ platform: '',
+ operator_id: '',
+};
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
new file mode 100644
index 0000000..1d665b2
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -0,0 +1,260 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/account-manage/style.scss b/src/views/property-marketing/put-account/account-manage/style.scss
new file mode 100644
index 0000000..69a66d6
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/style.scss
@@ -0,0 +1,81 @@
+.account-manage-wrap {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ :deep(.search-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+ color: #6d4cfe;
+ }
+ :deep(.reset-btn) {
+ border-radius: 4px;
+ border: 1px solid var(--BG-500, #b1b2b5);
+ background: var(--BG-white, #fff);
+ }
+ .filter-wrap {
+ .top {
+ .title {
+ font-family: 'PuHuiTi-Medium';
+ font-style: normal;
+ }
+ :deep(.arco-btn) {
+ .arco-btn-icon {
+ line-height: 16px;
+ }
+ }
+ }
+ }
+ .tip-row {
+ border-radius: 2px;
+ background: #f0edff;
+ .label {
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ &.normal {
+ background: #ebf7f2;
+ .label {
+ color: #211f24;
+ }
+ }
+ .err-btn {
+ background-color: #f64b31 !important;
+ color: var(--BG-white, #fff);
+ font-family: 'PingFang SC';
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px; /* 166.667% */
+ }
+ .operation-btn {
+ padding: 0;
+ cursor: pointer;
+ color: var(--Brand-Brand-6, #6d4cfe);
+ font-family: 'PuHuiTi-Regular';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ &:not(:last-child) {
+ margin-right: 16px;
+ }
+ &.red {
+ color: #f64b31;
+ }
+ }
+ }
+ .card-wrap {
+ display: flex;
+ flex-direction: column;
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+ }
+ }
+}
diff --git a/src/views/property-marketing/put-account/common_constants.ts b/src/views/property-marketing/put-account/common_constants.ts
new file mode 100644
index 0000000..4986d1f
--- /dev/null
+++ b/src/views/property-marketing/put-account/common_constants.ts
@@ -0,0 +1,21 @@
+import icon1 from '@/assets/img/media-account/icon-jl.png';
+import icon2 from '@/assets/img/media-account/icon-jg.png';
+import icon3 from '@/assets/img/media-account/icon-bili.png';
+
+export const PLATFORM_LIST = [
+ {
+ label: '巨量',
+ value: 0,
+ icon: icon1,
+ },
+ {
+ label: '聚光',
+ value: 1,
+ icon: icon2,
+ },
+ {
+ label: 'B站',
+ value: 2,
+ icon: icon3,
+ },
+];
diff --git a/src/views/property-marketing/put-account/components/account-select/index.vue b/src/views/property-marketing/put-account/components/account-select/index.vue
new file mode 100644
index 0000000..2c50673
--- /dev/null
+++ b/src/views/property-marketing/put-account/components/account-select/index.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+ 账户管理
+
+
+
+ ![]()
+
+ 添加账户
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+ ![]()
+ {{ tipLabel }}
+
+
+
+
+
+ 查看异常账号
+
+
+
+
+
+
+
+
+
+
+ 表现分析
+
+
+
+
+ 新投放建议生成
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 投放行动指南
+
+
+
+ 投放建议优化。
+ +表现分析。
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 人群分析
+
+
+ ![]()
{{ item }}
+
+
+
+
+ 投放素材
+
+
+ ![]()
{{ item }}
+
+
+
+
+ 投放时段
+
+
+ ![]()
{{ item }}
+
+
+
+
+ 平台表现
+
+
+ ![]()
{{ item }}
+
+
+
+ 新投放建议生成。
+ +
+ 人群建议
+
+
+ ![]()
{{ item }}
+
+
+
+
+ 素材建议
+
+
+ ![]()
{{ item }}
+
+
+
+
+ 投放策略建议
+
+
+ ![]()
{{ item }}
+
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
new file mode 100644
index 0000000..746c3e8
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
@@ -0,0 +1,42 @@
+.month-data-div {
+ align-self: stretch;
+ padding: 16px 30px 16px 16px;
+ margin-left: 20px;
+ margin-right: 20px;
+ margin-bottom: 20px;
+ background: var(--Brand-Brand-1, #F0EDFF);
+ overflow: hidden;
+ border-radius: 8px;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+ gap: 12px;
+ display: flex;
+}
+
+.month-text-blue {
+ color: var(--Brand-Brand-6, #6D4CFE);
+ font-size: 16px;
+ font-family: PuHuiTi-Medium;
+ font-weight: 400;
+ line-height: 24px;
+ word-wrap: break-word
+}
+
+.month-text-red {
+ color: var(--Functional-Danger-6, #F64B31);
+ font-size: 16px;
+ font-family: PuHuiTi-Medium;
+ font-weight: 400;
+ line-height: 24px;
+ word-wrap: break-word
+}
+
+.month-text-black {
+ color: var(--Text-1, #211F24);
+ font-size: 16px;
+ font-family: PuHuiTi-Medium;
+ font-weight: 400;
+ line-height: 24px;
+ word-wrap: break-word
+}
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
new file mode 100644
index 0000000..4798c52
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
@@ -0,0 +1,73 @@
+
+
+ 本月摘要
+
+
+
+ 本月摘要2。
+ +
+
+
+
+
+ {{ line.text }}
+
+
+
+
+
+
+ 投放建议优化
+
+
+
+
+ 投放建议优化。
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 总体策略
+ {{ props.optimization?.[0]?.['content'] }}
+
+
+ 预算分配
+ {{ props.optimization?.[1]?.['content'] }}
+
+
+ 时段优化
+ {{ props.optimization?.[2]?.['content'] }}
+
+
+ 人群包优化
+ {{ props?.optimization?.[3]?.['content'] }}
+
+
+ 素材优化
+ {{ props?.optimization?.[4]?.['content'] }}
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
new file mode 100644
index 0000000..456372c
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
@@ -0,0 +1,174 @@
+
+
+
+
+
+ 账户名称
+
+
+
+
+
+
+
+
+ 计划
+
+
+
+
+
+
+
+
+ 平台
+
+ {{ item.label }}
+
+
+
+
+
+
+ 时间筛选
+
+
+
+
+
+
+
+
+
+
+
+
+ 本周总消耗
+ +本周总消耗环比
+ +ROI
+ +CTR
+ +
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
new file mode 100644
index 0000000..20298ce
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -0,0 +1,249 @@
+
+
+
+
+
+
+ 投放信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 账户
+ {{ detailData?.account }}
+
+
+
+
+ 计划
+ 3
+
+
+
+
+ 平台
+
+ ![]()
+ {{ PLATFORM_LIST[item].label }}
+
+
+
+
+
+ 生成时间
+ {{ detailData.created_at }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/property-marketing/put-account/investment-guidelines/style.scss b/src/views/property-marketing/put-account/investment-guidelines/style.scss
new file mode 100644
index 0000000..3867962
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/style.scss
@@ -0,0 +1,281 @@
+
+.table-wrap {
+ width: 100%;
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+ }
+}
+
+.part-div {
+ width: 100%;
+ background: var(--BG-white, white);
+ overflow: hidden;
+ border-radius: 8px;
+ outline: 1px var(--BG-300, #E6E6E8) solid;
+ outline-offset: -1px;
+ flex-direction: column;
+ justify-content: flex-start;
+ display: inline-flex;
+ margin-top: 15px;
+ // margin: 10px;
+
+ .arco-tabs {
+ margin-bottom: 10px;
+ height: 76px;
+
+ .arco-tabs-tab {
+ height: 56px;
+ padding: 0 8px;
+ }
+ }
+
+}
+
+.part-div-header {
+ align-self: stretch;
+ height: 64px;
+ padding: 10px 24px 10px 24px;
+ justify-content: flex-start;
+ align-items: center;
+ display: inline-flex
+}
+
+.a-tab-class {
+ color: var(--Brand-6, #6D4CFE);
+ font-size: 66px;
+ font-family: PuHuiTi-Medium;
+ font-weight: 400;
+ line-height: 30px;
+ word-wrap: break-word;
+ height: 56px;
+ padding: 0 8px;
+}
+
+.part-div-header-title {
+ justify-content: center;
+ display: flex;
+ flex-direction: column;
+ color: var(--Text-1, #211F24);
+ font-size: 18px;
+ font-family: PuHuiTi-Medium;
+ font-weight: 400;
+ line-height: 26px;
+ word-wrap: break-word;
+}
+
+
+.search-form {
+ padding: 10px 24px 20px 24px;
+
+}
+
+.account-table {
+ padding: 1px 24px 20px 24px;
+ width: 100%;
+}
+
+
+.month-data-body {
+ width: 100%;
+ padding-bottom: 20px;
+ padding-left: 24px;
+ padding-right: 24px;
+ background: var(--BG-white, white);
+ overflow: hidden;
+ border-radius: 8px;
+ outline: 1px var(--BG-300, #E6E6E8) solid;
+ outline-offset: -1px;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+ display: inline-flex;
+ margin: 10px;
+}
+
+.month-body-div {
+ align-self: stretch;
+ height: 64px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ justify-content: space-between;
+ align-items: center;
+ display: inline-flex
+}
+
+
+.month-data-title {
+ justify-content: center;
+ display: flex;
+ flex-direction: column;
+ color: var(--Text-1, #211F24);
+ font-size: 18px;
+ font-family: PuHuiTi-Medium;
+ font-weight: 400;
+ line-height: 26px;
+ word-wrap: break-word
+}
+
+
+.overall-strategy {
+ width: 98%;
+ padding: 20px 10px 20px 16px;
+ background: var(--BG-100, #F7F8FA);
+ overflow: hidden;
+ border-radius: 8px;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+ gap: 12px;
+ display: inline-flex;
+ margin: 20px;
+
+}
+
+.placement-optimization-title {
+ color: var(--Text-1, #211F24);
+ font-size: 16px;
+ font-family: PuHuiTi-Medium;
+ font-weight: 400;
+ line-height: 22px;
+ word-wrap: break-word
+}
+
+.placement-optimization-str {
+ align-self: stretch;
+ color: var(--Text-2, #3C4043);
+ font-size: 14px;
+ font-family: PuHuiTi-Medium;
+ font-weight: 400;
+ line-height: 22px;
+ word-wrap: break-word
+}
+
+.player-title {
+ margin: 10px 0px 15px 20px;
+ color: var(--Text-1, #211F24);
+ font-size: 16px;
+ font-family: PuHuiTi-Medium;
+ font-weight: 400;
+ line-height: 22px;
+ word-wrap: break-word
+}
+
+
+:deep(.arco-tabs) {
+ .arco-tabs-tab {
+ height: 56px;
+ padding: 0 8px;
+ }
+}
+
+
+.down-btn {
+ float: right;
+ margin-top: 10px;
+ margin-bottom: 20px
+}
+
+
+.guidelines-data-wrap {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+
+ .filter-wrap {
+ border-radius: 8px;
+ border: 1px solid #e6e6e8;
+
+ :deep(.arco-tabs) {
+ .arco-tabs-tab {
+ height: 56px;
+ padding: 0 8px;
+ }
+ }
+
+ :deep(.arco-btn) {
+ .arco-btn-icon {
+ line-height: 14px;
+ }
+ }
+
+ .top {
+ .title {
+ font-family: 'PuHuiTi-Medium';
+ font-style: normal;
+ }
+
+ }
+
+ .overview-row {
+ .overview-item {
+ height: 88px;
+ border-radius: 8px;
+ background: var(--BG-100, #f7f8fa);
+ padding: 16px;
+
+ &:not(:last-child) {
+ margin-right: 12px;
+ }
+ }
+ }
+ }
+
+ .table-wrap {
+ width: 100%;
+
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+ }
+ }
+
+ .pagination-box {
+ display: flex;
+ width: 100%;
+ padding: 16px 24px;
+ justify-content: flex-end;
+ align-items: center;
+
+ .arco-pagination {
+ .arco-pagination-list {
+ .arco-pagination-item {
+ border-radius: 4px;
+ border: 1px solid var(--BG-300, #e6e6e8);
+
+ &.arco-pagination-item-ellipsis {
+ border: none;
+ }
+
+ &.arco-pagination-item-active {
+ background-color: transparent;
+ border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+ }
+ }
+ }
+
+ .arco-pagination-jumper-prepend {
+ color: var(--Text-2, #3c4043);
+ text-align: right;
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+
+ .arco-select-view-single,
+ .arco-pagination-jumper-input {
+ border-radius: 4px;
+ border: 1px solid var(--BG-300, #e6e6e8);
+ background-color: #fff;
+ }
+ }
+ }
+}
diff --git a/src/views/property-marketing/repository/test/index.vue b/src/views/property-marketing/repository/test/index.vue
new file mode 100644
index 0000000..a1edfd8
--- /dev/null
+++ b/src/views/property-marketing/repository/test/index.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+ 历史投放指南
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+