-
diff --git a/src/layouts/components/navbar/components/right-side/img/admin.png b/src/layouts/components/navbar/components/right-side/img/admin.png
new file mode 100644
index 0000000..d0826d9
Binary files /dev/null and b/src/layouts/components/navbar/components/right-side/img/admin.png differ
diff --git a/src/layouts/components/navbar/components/right-side/index.vue b/src/layouts/components/navbar/components/right-side/index.vue
index 8609e5a..1636ae0 100644
--- a/src/layouts/components/navbar/components/right-side/index.vue
+++ b/src/layouts/components/navbar/components/right-side/index.vue
@@ -1,17 +1,31 @@
-
+
-
+
-
+
+
+
+ {{ userInfo.mobile?.slice(-3) }}
+
+
-
+
+
+
+
+
+
+ 创建企业账号
+
+
+
@@ -69,8 +131,8 @@
diff --git a/src/views/components/management/person/components/change-mobile-modal/index.vue b/src/views/components/management/person/components/change-mobile-modal/index.vue
new file mode 100644
index 0000000..bad2197
--- /dev/null
+++ b/src/views/components/management/person/components/change-mobile-modal/index.vue
@@ -0,0 +1,215 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/components/management/person/components/change-name-modal/index.vue b/src/views/components/management/person/components/change-name-modal/index.vue
new file mode 100644
index 0000000..b7c54fe
--- /dev/null
+++ b/src/views/components/management/person/components/change-name-modal/index.vue
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/components/management/person/components/change-password-modal/index.vue b/src/views/components/management/person/components/change-password-modal/index.vue
new file mode 100644
index 0000000..c9eba78
--- /dev/null
+++ b/src/views/components/management/person/components/change-password-modal/index.vue
@@ -0,0 +1,231 @@
+
+
+
+
安全验证
+
+ 验证成功,请更改密码
+
+
+
+
+ 为进一步保证您的账号安全,确保为您本人操作,
+ 请先完成安全验证
+
+ 请输入发送至{{ showMobile }} 的短信验证码
+
+
+
+
+
+ {{ countdown }} 秒后您可以再次发送验证码
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/components/management/person/components/change-password-modal/style.scss b/src/views/components/management/person/components/change-password-modal/style.scss
new file mode 100644
index 0000000..b1fb1dc
--- /dev/null
+++ b/src/views/components/management/person/components/change-password-modal/style.scss
@@ -0,0 +1,62 @@
+.change-password-modal {
+ .ant-modal-content {
+ border-radius: 16px;
+
+ .ant-modal-header {
+ border-radius: 16px 16px 0 0;
+ border-bottom: none !important;
+
+ .ant-modal-title {
+ display: none;
+ }
+ }
+
+ .ant-modal-body {
+ padding: 0 32px 8px !important;
+ position: relative;
+ top: -24px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+
+ .cts {
+ color: var(--Text-3, #737478);
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ .title-text {
+ color: var(--Text-1, #211F24);
+ text-align: center;
+ font-family: $font-family-medium;
+ font-size: 24px;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 32px;
+ }
+
+ .ant-form {
+ .ant-form-item {
+ &:not(:last-child) {
+ margin-bottom: 24px !important;
+ }
+
+ .ant-input-affix-wrapper {
+ border-radius: 8px !important;
+
+
+ }
+ }
+ }
+
+ }
+
+ .ant-modal-footer {
+ height: 56px !important;
+ border-top: none !important;
+ }
+ }
+
+}
diff --git a/src/views/components/management/person/components/verification-code/index.vue b/src/views/components/management/person/components/verification-code/index.vue
new file mode 100644
index 0000000..0e2b762
--- /dev/null
+++ b/src/views/components/management/person/components/verification-code/index.vue
@@ -0,0 +1,156 @@
+
+
+
+
+
+
+
+
+
+ {{ errorMessage }}
+
+
+
+
+
+
+
diff --git a/src/views/components/management/person/img/icon1.png b/src/views/components/management/person/img/icon1.png
new file mode 100644
index 0000000..4d5b26d
Binary files /dev/null and b/src/views/components/management/person/img/icon1.png differ
diff --git a/src/views/components/management/person/index.vue b/src/views/components/management/person/index.vue
index 67a72d0..e0b5edd 100644
--- a/src/views/components/management/person/index.vue
+++ b/src/views/components/management/person/index.vue
@@ -1,333 +1,126 @@
-
-
- 个人信息
-
-
-
-
-
-
- {{ record.name || '-' }}
-
-
-
-
-
-
- {{ record.mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2') }}
-
-
-
-
-
-
-
-
-
+
diff --git a/src/views/components/management/person/style.scss b/src/views/components/management/person/style.scss
new file mode 100644
index 0000000..ba79ae0
--- /dev/null
+++ b/src/views/components/management/person/style.scss
@@ -0,0 +1,22 @@
+.person-wrap {
+ .title {
+ color: var(--Text-1, #211f24);
+ font-family: $font-family-medium;
+ font-size: 18px;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 26px; /* 150% */
+ }
+ .cts {
+ color: var(--Text-4, #939499);
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+
+}
diff --git a/src/views/components/login/components/PuzzleVerification.vue b/src/views/login/components/PuzzleVerification.vue
similarity index 100%
rename from src/views/components/login/components/PuzzleVerification.vue
rename to src/views/login/components/PuzzleVerification.vue
diff --git a/src/views/login/components/login-form/index.vue b/src/views/login/components/login-form/index.vue
new file mode 100644
index 0000000..3630f5a
--- /dev/null
+++ b/src/views/login/components/login-form/index.vue
@@ -0,0 +1,360 @@
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/login/components/login-form/style.scss b/src/views/login/components/login-form/style.scss
new file mode 100644
index 0000000..49a0e69
--- /dev/null
+++ b/src/views/login/components/login-form/style.scss
@@ -0,0 +1,34 @@
+:deep(.ant-tabs) {
+ .ant-tabs-nav {
+ padding: 0;
+ &::before {
+ display: none;
+ }
+ .ant-tabs-nav-list {
+ .ant-tabs-tab {
+ padding: 0 0 4px;
+ .ant-tabs-tab-btn {
+ color: #939499;
+ font-size: 18px;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 26px;
+ font-family: $font-family-medium;
+ }
+ &.ant-tabs-tab-active {
+ .ant-tabs-tab-btn {
+ color: #211f24;
+ }
+ }
+ }
+ .ant-tabs-ink-bar {
+ border-radius: 4px;
+ background: var(--Brand-6, #6d4cfe);
+ width: 24px !important;
+ height: 4px;
+ margin-left: 24px;
+ }
+ }
+ }
+}
+
diff --git a/src/views/login/components/register-form/index.vue b/src/views/login/components/register-form/index.vue
new file mode 100644
index 0000000..d161869
--- /dev/null
+++ b/src/views/login/components/register-form/index.vue
@@ -0,0 +1,387 @@
+
+
+
+
+
+
+ {{
+ isResetPassword ? '重置密码' : '手机注册'
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/login/components/register-form/style.scss b/src/views/login/components/register-form/style.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/login/components/select-account-modal/index.vue b/src/views/login/components/select-account-modal/index.vue
new file mode 100644
index 0000000..32717d8
--- /dev/null
+++ b/src/views/login/components/select-account-modal/index.vue
@@ -0,0 +1,171 @@
+
+
+
+ 选择账号
+
+
+
+
+
+
+
+
+
+
+
+ {{ account.name || '-' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..0b011bc
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+

+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/components/login/style.scss b/src/views/login/style.scss
similarity index 65%
rename from src/views/components/login/style.scss
rename to src/views/login/style.scss
index de56093..937d964 100644
--- a/src/views/components/login/style.scss
+++ b/src/views/login/style.scss
@@ -1,22 +1,57 @@
.login-wrap {
- // :deep(.ant-input),
- // .arco-select-view-single,
- // .arco-textarea-wrapper,
- // .arco-picker,
- // .arco-select-view-multiple {
- // 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);
- // }
- // }
:deep(.ant-form) {
- color: red !important;
- .ant-input {
- height: 100%;
+ .ant-form-item {
+ &:not(:last-child) {
+ margin-bottom: 24px !important;
+ }
+ .ant-input-affix-wrapper {
+ height: 48px;
+ padding: 0 10px;
+ border-radius: 8px !important;
+ .ant-input {
+ border-radius: 8px !important;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ height: 24px;
+ }
+ }
+ }
+
+ .captcha-form-item {
+ .ant-input-suffix {
+ position: relative;
+ &::before {
+ content: '';
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ left: 0;
+ width: 1px;
+ height: 16px;
+ background-color: #d7d7d9;
+ }
+ margin-inline-start: 0;
+ padding-left: 16px;
+ // border-left: 1px solid #d7d7d9;
+ }
+ }
+ .password-form-item {
+ .ant-input-suffix {
+ cursor: pointer;
+ padding: 0;
+ }
+ }
+ }
+ :deep(.btn-login) {
+ &:disabled {
+ background-color: #c5b7ff !important;
+ }
+ &:not(:disabled) {
+ &:hover {
+ background-color: $color-primary-3 !important;
+ }
}
}
.login-bg {
@@ -31,11 +66,6 @@
background-position: center;
background-size: cover;
}
- .form-link {
- color: #211f24;
- font-size: 12px;
- margin: 0px;
- }
.login-footer {
position: absolute;
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
index 3c6dd1d..61b7a89 100644
--- a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
@@ -1,12 +1,12 @@
-
import { Input } from 'ant-design-vue';
-const {TextArea} = Input
+
+const { TextArea } = Input;
import { ref, computed, watch, defineProps, defineEmits, onMounted, onUnmounted } from 'vue';
import { escapeRegExp } from './constants';
@@ -69,8 +70,8 @@ watch(
);
// 处理输入事件
-const handleInput = (value: string) => {
- emit('update:modelValue', value);
+const handleInput = (e) => {
+ emit('update:modelValue', e.currentTarget.value);
};
const escapeHtml = (str: string): string => {
@@ -109,14 +110,12 @@ const generateHighlightedHtml = (): string => {
const levelStyle = props.levelMap?.get(wordInfo.risk_level);
const color = levelStyle?.color || '#F64B31';
- return `${escapeHtml(match)}`;
+ return `${escapeHtml(match)}`;
});
};
onMounted(() => {
- nativeTextarea =
- (textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') ||
- document.querySelector('.textarea-input .arco-textarea');
+ nativeTextarea = textareaWrapRef.value?.$el?.querySelector?.('textarea.ant-input');
if (nativeTextarea) {
nativeTextarea.addEventListener('scroll', handleTextareaScroll);
@@ -173,8 +172,9 @@ const handleCompositionUpdate = () => {
height: 100%;
font-size: 14px;
line-height: 22px;
- font-weight: 400px;
- border: 1px solid #d7d7d9;
+ font-weight: 400;
+ font-family: $font-family-regular;
+ //border: 1px solid #d7d7d9;
border-radius: 4px;
resize: none;
white-space: pre-wrap;
@@ -192,43 +192,43 @@ const handleCompositionUpdate = () => {
background: #fff;
overflow: hidden;
@include textarea-padding;
-
- &.focus {
- border-color: rgb(var(--primary-6)) !important;
- box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
- }
}
- :deep(.arco-textarea-wrapper) {
+ :deep(.ant-input-textarea) {
@include textarea-style;
- .arco-textarea {
+ textarea {
padding: 0;
overflow: hidden;
position: absolute;
z-index: 1;
width: 100%;
- background: transparent;
+ background-color: transparent !important;
color: transparent;
caret-color: #211f24 !important;
resize: none;
@include textarea-padding;
overflow-y: auto;
- }
+ &.ant-input-disabled {
+ background: #f2f3f5 !important;
+ -webkit-text-fill-color: rgba(0, 0, 0, 0.25) !important;
+ }
- .arco-textarea-word-limit {
- z-index: 2;
}
-
- &.arco-textarea-disabled {
- .arco-textarea {
- background: #f2f3f5;
+ &.ant-input-textarea-show-count {
+ &::after {
+ position: absolute;
+ z-index: 2;
+ font-size: 12px;
+ right: 10px;
+ bottom: 6px;
+ user-select: none;
}
}
}
// 处于中文输入法合成态时,显示真实文本并隐藏高亮层
- :deep(.textarea-input.composing .arco-textarea) {
+ :deep(.ant-input-textarea.composing textarea) {
color: #211f24 !important;
-webkit-text-fill-color: #211f24 !important;
}
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
index 685c1f8..9ad8409 100644
--- 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
@@ -12,7 +12,7 @@
}
.card-item {
border-radius: 8px;
- // border: 1px solid var(--BG-300, #e6e6e8);
+ border: 1px solid transparent;
background: var(--BG-white, #fff);
padding: 12px 16px 16px;
position: relative;
@@ -103,7 +103,7 @@
padding-top: 8px;
}
&.checked {
- border: 1px solid var(--Brand-6, #6d4cfe);
+ border-color: #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
index f858a3f..cce9e9b 100644
--- 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
@@ -287,7 +287,7 @@ export default {
model={form.value}
rules={rules}
layout="horizontal"
- labelAlign="right"
+ labelAlign="right"
labelCol={{ span: 4 }}
wrapperCol={{ span: 20 }}
>
@@ -422,7 +422,7 @@ export default {
label: () => renderLabel('Cookie值', 'Cookie,无需扫码授权'),
}}
>
-
+
{isCustomCookie.value && (
diff --git a/src/views/trial/img/icon-check.png b/src/views/trial/img/icon-check.png
new file mode 100644
index 0000000..b859859
Binary files /dev/null and b/src/views/trial/img/icon-check.png differ
diff --git a/src/views/trial/img/icon-info.png b/src/views/trial/img/icon-info.png
new file mode 100644
index 0000000..677e49a
Binary files /dev/null and b/src/views/trial/img/icon-info.png differ
diff --git a/src/views/trial/index.vue b/src/views/trial/index.vue
new file mode 100644
index 0000000..613af55
--- /dev/null
+++ b/src/views/trial/index.vue
@@ -0,0 +1,252 @@
+
+
+
+
+
+
+
+
+
+
+
+ 申请成功后,您可开启
+ 7
+ 天免费试用,试用结束后,若满意可直接升级正式版,数据将自动保留
+
+
+
+
+
+
+
![]()
+
您的试用申请已提交
+
+ 我们将在 1-3 个工作日内完成审核,审核结果会通过电话/短信告知您。
+
+
+ 若超过 3 个工作日未收到通知,可拨打客服电话 153 5932 0192 咨询
+
+
+
+
+
+
+
+
+
![]()
+
试用已到期
+
+ 您的 7 天产品试用已到期,若想继续使用,可拨打客服电话
+
+
+ 153 5932 0192 咨询续用事宜
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/trial/style.scss b/src/views/trial/style.scss
new file mode 100644
index 0000000..9531a7a
--- /dev/null
+++ b/src/views/trial/style.scss
@@ -0,0 +1,95 @@
+.trial-wrap {
+ background: transparent;
+ min-width: 1200px;
+ .cts {
+ color: #211f24;
+ font-family: $font-family-medium;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 22px;
+ }
+ :deep(.ant-steps) {
+ .ant-steps-item {
+ margin-left: 0;
+ .ant-steps-item-icon {
+ width: 10px;
+ height: 10px;
+ }
+ .ant-steps-item-content {
+ margin-top: 8px;
+ .ant-steps-item-title {
+ color: var(--Text-1, #211f24);
+ font-family: $font-family-regular;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ }
+ .ant-steps-item-description {
+ color: var(--Text-3, #737478);
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ }
+ &.ant-steps-item-wait {
+ .ant-steps-icon {
+ .ant-steps-icon-dot {
+ background: #d7d7d9;
+ }
+ }
+ }
+ &.ant-steps-item-active,
+ &.ant-steps-item-finish {
+ .ant-steps-icon {
+ .ant-steps-icon-dot {
+ background: #6d4cfe;
+ }
+ }
+ .ant-steps-item-content {
+ .ant-steps-item-title {
+ padding: 0;
+ font-family: $font-family-medium;
+ }
+ }
+ }
+ }
+ }
+ .header-wrap {
+ background: transparent;
+ height: $navbar-height;
+ line-height: $navbar-height;
+ padding-inline: inherit;
+ color: inherit;
+ width: 100%;
+ min-width: $layout-min-width;
+ :deep(.right-wrap) {
+ .task-icon,
+ .agent-entry {
+ display: none;
+ }
+ }
+ }
+ .trial-content {
+ width: 100%;
+ height: 100%;
+ background: transparent;
+ min-height: calc(100vh - $navbar-height);
+ :deep(.ant-form) {
+ .ant-form-item {
+ &:not(:last-child) {
+ margin-bottom: 24px !important;
+ }
+ .ant-form-item-label {
+ > label {
+ font-family: $font-family-medium;
+ font-weight: 500;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
index 3c6dd1d..61b7a89 100644
--- a/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
@@ -1,12 +1,12 @@
-
import { Input } from 'ant-design-vue';
-const {TextArea} = Input
+
+const { TextArea } = Input;
import { ref, computed, watch, defineProps, defineEmits, onMounted, onUnmounted } from 'vue';
import { escapeRegExp } from './constants';
@@ -69,8 +70,8 @@ watch(
);
// 处理输入事件
-const handleInput = (value: string) => {
- emit('update:modelValue', value);
+const handleInput = (e) => {
+ emit('update:modelValue', e.currentTarget.value);
};
const escapeHtml = (str: string): string => {
@@ -109,14 +110,12 @@ const generateHighlightedHtml = (): string => {
const levelStyle = props.levelMap?.get(wordInfo.risk_level);
const color = levelStyle?.color || '#F64B31';
- return `${escapeHtml(match)}`;
+ return `${escapeHtml(match)}`;
});
};
onMounted(() => {
- nativeTextarea =
- (textareaWrapRef.value?.$el || textareaWrapRef.value)?.querySelector?.('textarea.arco-textarea') ||
- document.querySelector('.textarea-input .arco-textarea');
+ nativeTextarea = textareaWrapRef.value?.$el?.querySelector?.('textarea.ant-input');
if (nativeTextarea) {
nativeTextarea.addEventListener('scroll', handleTextareaScroll);
@@ -173,8 +172,9 @@ const handleCompositionUpdate = () => {
height: 100%;
font-size: 14px;
line-height: 22px;
- font-weight: 400px;
- border: 1px solid #d7d7d9;
+ font-weight: 400;
+ font-family: $font-family-regular;
+ //border: 1px solid #d7d7d9;
border-radius: 4px;
resize: none;
white-space: pre-wrap;
@@ -192,43 +192,43 @@ const handleCompositionUpdate = () => {
background: #fff;
overflow: hidden;
@include textarea-padding;
-
- &.focus {
- border-color: rgb(var(--primary-6)) !important;
- box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
- }
}
- :deep(.arco-textarea-wrapper) {
+ :deep(.ant-input-textarea) {
@include textarea-style;
- .arco-textarea {
+ textarea {
padding: 0;
overflow: hidden;
position: absolute;
z-index: 1;
width: 100%;
- background: transparent;
+ background-color: transparent !important;
color: transparent;
caret-color: #211f24 !important;
resize: none;
@include textarea-padding;
overflow-y: auto;
- }
+ &.ant-input-disabled {
+ background: #f2f3f5 !important;
+ -webkit-text-fill-color: rgba(0, 0, 0, 0.25) !important;
+ }
- .arco-textarea-word-limit {
- z-index: 2;
}
-
- &.arco-textarea-disabled {
- .arco-textarea {
- background: #f2f3f5;
+ &.ant-input-textarea-show-count {
+ &::after {
+ position: absolute;
+ z-index: 2;
+ font-size: 12px;
+ right: 10px;
+ bottom: 6px;
+ user-select: none;
}
}
}
// 处于中文输入法合成态时,显示真实文本并隐藏高亮层
- :deep(.textarea-input.composing .arco-textarea) {
+ :deep(.ant-input-textarea.composing textarea) {
color: #211f24 !important;
-webkit-text-fill-color: #211f24 !important;
}