+ onCopy(content)}>
+
+ {isShow && (
+ handleRemoteRefresh(item)}>
+
+ )}
+
+ );
+ },
+ },
+ };
+
+ // 下载处理
+ const onDownload = () => {
+ console.log('onDownload', rightViewData.value);
+ };
+
+ const onCopy = (content: string) => {
+ copy(content);
+ antdMessage.success('复制成功！');
+ };
+
+ // 重置生成状态
+ const resetGenerateStatus = () => {
+ generateLoading.value = false;
+ generateTeamRunTaskId.value = null;
+ };
+
+ const handleRemoteRefresh = (item: MESSAGE.Answer) => {
+ generateLoading.value = true;
+
+ const targetIndex = conversationList.value.findIndex(
+ (v) => v.teamRunTaskId === item.teamRunTaskId && v.run_id === item.run_id && v.role === REMOTE_ASSISTANT_ROLE,
+ );
+ const message = conversationList.value[targetIndex - 1]?.content;
+ conversationList.value.splice(targetIndex, 1);
+
+ initSse({ message });
+ };
+
+ const onRefresh = (run_id: string) => {
+ generateLoading.value = true;
+
+ const targetIndex = conversationList.value.findIndex((v) => v.teamRunTaskId === run_id);
+ conversationList.value = conversationList.value.filter((item) => item.teamRunTaskId !== run_id);
+ const message = conversationList.value[targetIndex - 1]?.content;
+ initSse({ message });
+ };
+
+ const getAllRunTask = (teamRunTaskId: string) => {
+ return conversationList.value.filter(
+ (item) => item.role === ANSWER_ROLE && item.teamRunTaskId === teamRunTaskId && !item.isTeamRunTask,
+ );
+ };
+ const getRunTask = (run_id: string) => {
+ return conversationList.value.find((item) => item.run_id === run_id && !item.isTeamRunTask);
+ };
+ // 设置当前对话所有思考过程任务展开收起状态
+ const setRunTaskCollapse = (teamRunTaskId: string, isCollapse: boolean) => {
+ getAllRunTask(teamRunTaskId).forEach((item) => {
+ item.content.isCollapse = isCollapse;
+ });
+ };
+ // 获取同一个对话下的最后一个run_task
+ const getLastRunTask = (teamRunTaskId: string) => {
+ const allRunTask = getAllRunTask(teamRunTaskId);
+ return allRunTask[allRunTask.length - 1] ?? {};
+ };
+ const getFirstRunTask = (teamRunTaskId: string) => {
+ const allRunTask = getAllRunTask(teamRunTaskId);
+ return allRunTask[0] ?? {};
+ };
+ // 判断当前对话是否含有过程任务
+ const hasRunTask = (teamRunTaskId: string) => {
+ return conversationList.value.some((item) => item.teamRunTaskId === teamRunTaskId && !item.isTeamRunTask);
+ };
+
+ const getTeamRunTask = (teamRunTaskId: string) => {
+ return conversationList.value.find((item) => item.teamRunTaskId === teamRunTaskId);
+ };
+ const isLastRunTask = (data: MESSAGE.Answer): boolean => {
+ const { teamRunTaskId, run_id } = data;
+ return getLastRunTask(teamRunTaskId).run_id === run_id;
+ };
+ const isFirstRunTask = (data: MESSAGE.Answer): boolean => {
+ const { teamRunTaskId, run_id } = data;
+ return getFirstRunTask(teamRunTaskId).run_id === run_id;
+ };
+
+ // 过程节点开始
+ const handleRunTaskStart = (data: MESSAGE.Answer) => {
+ const { run_id } = data;
+ // generateTeamRunTaskId.value = run_id;
+ conversationList.value.push({
+ run_id,
+ key: run_id,
+ teamRunTaskId: generateTeamRunTaskId.value,
+ content: { ...data, runStatus: EnumTeamRunStatus.RunStarted, teamRunTaskId: generateTeamRunTaskId.value },
+ output: data.output,
+ role: ANSWER_ROLE,
+ messageRender: (data: MESSAGE.Answer) => {
+ const { node, output, runStatus, isCollapse = true, customRender, teamRunTaskId } = data;
+ const isRulCompleted = runStatus === EnumTeamRunStatus.RunCompleted;
+
+ let outputEleClass: string = `thought-chain-output border-l-#E6E6E8 border-l-1px pl-12px relative left-6px mb-4px`;
+ !isLastRunTask(data) && (outputEleClass += ' hasLine pb-12px pt-4px');
+
+ return (
+ <>
+ {isFirstRunTask(data) && (
+ setRunTaskCollapse(teamRunTaskId, !isCollapse)}
+ >
+ 智能思考
+ {isCollapse ? (
+
+ )}
+ {isCollapse ? (
+
+
+ ) : (
+ customRender?.()
+ )}
+
+ );
+ },
+ });
+ };
+ // 过程节点更新
+ const handleRunTaskUpdate = (data: MESSAGE.Answer) => {
+ const { run_id, output } = data;
+
+ const existingItem = conversationList.value.find((item) => item.run_id === run_id);
+ if (existingItem && output) {
+ existingItem.content.output += output;
+ existingItem.content.runStatus = EnumTeamRunStatus.RunResponseContent;
+ }
+ };
+ // 过程节点结束
+ const handleRunTaskEnd = (data: MESSAGE.Answer) => {
+ const { output } = data;
+
+ const existingItem = getRunTask(data.run_id);
+
+ if (existingItem) {
+ existingItem.content.output += output;
+ existingItem.content.runStatus = EnumTeamRunStatus.RunCompleted;
+ }
+ };
+
+ // 任务开始
+ const handleTeamRunTaskStart = (data: MESSAGE.Answer) => {
+ const { run_id } = data;
+ generateTeamRunTaskId.value = run_id;
+ conversationList.value.push({
+ run_id,
+ isTeamRunTask: true,
+ teamRunTaskId: generateTeamRunTaskId.value,
+ key: run_id,
+ content: { ...data, teamRunStatus: EnumTeamRunStatus.TeamRunStarted, teamRunTaskId: run_id },
+ output: data.output,
+ role: ANSWER_ROLE,
+ messageRender: (data: MESSAGE.Answer) => {
+ return ;
+ },
+ });
+ };
+ // 任务更新
+ const handleTeamRunTaskUpdate = (data: MESSAGE.Answer) => {
+ const { run_id, output } = data;
+ const existingItem = conversationList.value.find((item) => item.run_id === run_id);
+ if (existingItem && output) {
+ existingItem.content.output += output;
+ existingItem.content.teamRunStatus = EnumTeamRunStatus.TeamRunResponseContent;
+ }
+ };
+ // 任务结束
+ const handleTeamRunTaskEnd = (data: MESSAGE.Answer) => {
+ resetGenerateStatus();
+
+ const { run_id: teamRunTaskId, extra_data, output } = data;
+
+ const _hasRunTask = hasRunTask(teamRunTaskId);
+ const _targetTask = _hasRunTask ? getLastRunTask(teamRunTaskId) : getTeamRunTask(teamRunTaskId);
+
+ if (isEmpty(_targetTask)) {
+ return;
+ }
+
+ // 含有思考过程，折叠思考过程，展示结果
+ if (_hasRunTask) {
+ setRunTaskCollapse(teamRunTaskId, false);
+ if (extra_data) {
+ showRightView.value = true;
+ rightViewData.value = extra_data.data;
+ }
+
+ _targetTask.content.customRender = () => (
+ <>
+
+ {extra_data && (
+
+ 
+
+
+ {node}
+
+
+ )}
+
+ );
+ } else {
+ _targetTask.content.teamRunStatus = EnumTeamRunStatus.TeamRunCompleted;
+ }
+
+ _targetTask.footer = () => {
+ const isShow = conversationList.value[conversationList.value.length - 1].teamRunTaskId === teamRunTaskId;
+ return (
+
+
+
+ {!extra_data && (
+ // ? (
+ //
+ //
+ // ) :
+ onCopy(_targetTask.content.output)}>
+
+ )}
+ {isShow && (
+ onRefresh(teamRunTaskId)}>
+
+ )}
+
+ );
+ };
+ };
+
+ // 消息处理主函数
+ const handleMessage = (parsedData: { event: string; data: MESSAGE.Answer }) => {
+ const { data } = parsedData;
+ const { status } = data;
+ switch (status) {
+ case EnumTeamRunStatus.RunStarted:
+ handleRunTaskStart(data);
+ break;
+ case EnumTeamRunStatus.RunResponseContent:
+ handleRunTaskUpdate(data);
+ break;
+ case EnumTeamRunStatus.RunCompleted:
+ handleRunTaskEnd(data);
+ break;
+ case EnumTeamRunStatus.TeamRunStarted:
+ handleTeamRunTaskStart(data);
+ break;
+ case EnumTeamRunStatus.TeamRunResponseContent:
+ handleTeamRunTaskUpdate(data);
+ break;
+ case EnumTeamRunStatus.TeamRunCompleted:
+ handleTeamRunTaskEnd(data);
+ break;
+ default:
+ break;
+ }
+ };
+
+ return {
+ roles,
+ senderRef,
+ generateTeamRunTaskId,
+ handleMessage,
+ generateLoading,
+ conversationList,
+ showRightView,
+ rightViewData,
+ };
+}
diff --git a/src/components/xt-chat/xt-bubble/context.ts b/src/components/xt-chat/xt-bubble/context.ts
new file mode 100644
index 0000000..25303c0
--- /dev/null
+++ b/src/components/xt-chat/xt-bubble/context.ts
@@ -0,0 +1,81 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-08-20 23:17:49
+ * @Description: 气泡上下文管理
+ * 提供气泡组件间的通信机制，支持全局状态管理和组件间数据传递
+ */
+import { computed, defineComponent, inject, provide, shallowRef, triggerRef, unref, watch } from "vue";
+import type { ComputedRef, InjectionKey } from "vue";
+import { objectType } from "@/utils/type";
+import type { BubbleContextProps } from "./types";
+
+/**
+ * 气泡上下文注入键
+ * 用于Vue的依赖注入系统，确保上下文的唯一性
+ */
+const BubbleContextKey: InjectionKey
-
-
-
-
+
@@ -80,8 +83,9 @@ import router from '@/router';
import { useEnterpriseStore } from '@/stores/modules/enterprise';
import { useSidebarStore } from '@/stores/modules/side-bar';
import { useUserStore } from '@/stores';
+import { handleUserHome } from '@/utils/user';
-import ExitAccountModal from '@/components/_base/exit-account-modal';
+import ExitAccountModal from '../exit-account-modal';
import DownloadCenterModal from '../task-center-modal';
import icon1 from '@/assets/option.svg';
@@ -131,7 +135,7 @@ const setUnread = () => {
}
};
const handleAgentClick = () => {
- router.push({ name: props.isAgentRoute ? 'Home' : 'AgentIndex' });
+ props.isAgentRoute ? handleUserHome() : router.push({ name: 'AgentIndex' });
};
diff --git a/src/components/_base/navbar/components/right-side/style.scss b/src/layouts/components/navbar/components/right-side/style.scss
similarity index 96%
rename from src/components/_base/navbar/components/right-side/style.scss
rename to src/layouts/components/navbar/components/right-side/style.scss
index 4f926e2..7910ada 100644
--- a/src/components/_base/navbar/components/right-side/style.scss
+++ b/src/layouts/components/navbar/components/right-side/style.scss
@@ -1,6 +1,5 @@
.right-wrap {
display: flex;
- padding-right: 20px;
list-style: none;
align-items: center;
.agent-entry {
diff --git a/src/components/_base/navbar/components/task-center-modal/components/export-task/constants.ts b/src/layouts/components/navbar/components/task-center-modal/components/export-task/constants.ts
similarity index 100%
rename from src/components/_base/navbar/components/task-center-modal/components/export-task/constants.ts
rename to src/layouts/components/navbar/components/task-center-modal/components/export-task/constants.ts
diff --git a/src/components/_base/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue b/src/layouts/components/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
similarity index 100%
rename from src/components/_base/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
rename to src/layouts/components/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
diff --git a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue b/src/layouts/components/navbar/components/task-center-modal/components/export-task/index.vue
similarity index 100%
rename from src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
rename to src/layouts/components/navbar/components/task-center-modal/components/export-task/index.vue
diff --git a/src/components/_base/navbar/components/task-center-modal/components/export-task/style.scss b/src/layouts/components/navbar/components/task-center-modal/components/export-task/style.scss
similarity index 100%
rename from src/components/_base/navbar/components/task-center-modal/components/export-task/style.scss
rename to src/layouts/components/navbar/components/task-center-modal/components/export-task/style.scss
diff --git a/src/components/_base/navbar/components/task-center-modal/components/import-task/constants.ts b/src/layouts/components/navbar/components/task-center-modal/components/import-task/constants.ts
similarity index 100%
rename from src/components/_base/navbar/components/task-center-modal/components/import-task/constants.ts
rename to src/layouts/components/navbar/components/task-center-modal/components/import-task/constants.ts
diff --git a/src/components/_base/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue b/src/layouts/components/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue
similarity index 100%
rename from src/components/_base/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue
rename to src/layouts/components/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue
diff --git a/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue b/src/layouts/components/navbar/components/task-center-modal/components/import-task/index.vue
similarity index 100%
rename from src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
rename to src/layouts/components/navbar/components/task-center-modal/components/import-task/index.vue
diff --git a/src/components/_base/navbar/components/task-center-modal/components/import-task/style.scss b/src/layouts/components/navbar/components/task-center-modal/components/import-task/style.scss
similarity index 100%
rename from src/components/_base/navbar/components/task-center-modal/components/import-task/style.scss
rename to src/layouts/components/navbar/components/task-center-modal/components/import-task/style.scss
diff --git a/src/components/_base/navbar/components/task-center-modal/constants.ts b/src/layouts/components/navbar/components/task-center-modal/constants.ts
similarity index 100%
rename from src/components/_base/navbar/components/task-center-modal/constants.ts
rename to src/layouts/components/navbar/components/task-center-modal/constants.ts
diff --git a/src/components/_base/navbar/components/task-center-modal/index.vue b/src/layouts/components/navbar/components/task-center-modal/index.vue
similarity index 100%
rename from src/components/_base/navbar/components/task-center-modal/index.vue
rename to src/layouts/components/navbar/components/task-center-modal/index.vue
diff --git a/src/components/_base/navbar/components/task-center-modal/style.scss b/src/layouts/components/navbar/components/task-center-modal/style.scss
similarity index 100%
rename from src/components/_base/navbar/components/task-center-modal/style.scss
rename to src/layouts/components/navbar/components/task-center-modal/style.scss
diff --git a/src/components/_base/navbar/index.vue b/src/layouts/components/navbar/index.vue
similarity index 56%
rename from src/components/_base/navbar/index.vue
rename to src/layouts/components/navbar/index.vue
index 2e241ea..0baa617 100644
--- a/src/components/_base/navbar/index.vue
+++ b/src/layouts/components/navbar/index.vue
@@ -1,19 +1,17 @@
-
-
- >{
+ GroupMain: [
+ {
+ key: 'ModAccountManage',
+ label: '账号管理',
+ icon: 'svg-accountManage',
+ children: [
+ {
+ key: 'ModMediaAccountManage',
+ icon: 'svg-mediaAccountManage',
+ label: '账号管理',
+ routeName: 'MediaAccountAccountManagement',
+ requireLogin: true,
+ activeMatch: ['MediaAccountAccountManagement'],
+ },
+ {
+ key: 'ModMediaAccountData',
+ icon: 'svg-mediaAccountData',
+ label: '账号数据',
+ routeName: 'MediaAccountAccountDashboard',
+ requireLogin: true,
+ activeMatch: ['MediaAccountAccountDashboard', 'MediaAccountAccountDetails'],
+ },
+ {
+ key: 'ModPutAccountManage',
+ icon: 'svg-putAccountManage',
+ label: '账户管理',
+ routeName: 'PutAccountAccountManagement',
+ requireLogin: true,
+ activeMatch: ['PutAccountAccountManagement'],
+ },
+ {
+ key: 'ModPutAccountData',
+ icon: 'svg-putAccountData',
+ label: '账户数据',
+ routeName: 'PutAccountAccountData',
+ requireLogin: true,
+ activeMatch: ['PutAccountAccountData'],
+ },
+ {
+ key: 'ModPutAccountAccountDashboard',
+ icon: 'svg-putAccountAccountDashboard',
+ label: '投放表现分析',
+ routeName: 'PutAccountAccountDashboard',
+ requireLogin: true,
+ activeMatch: ['PutAccountAccountDashboard'],
+ },
+ {
+ key: 'ModInvestmentGuidelines',
+ icon: 'svg-putAccountInvestmentGuidelines',
+ label: '投放指南',
+ routeName: 'PutAccountInvestmentGuidelines',
+ requireLogin: true,
+ activeMatch: ['PutAccountInvestmentGuidelines', 'PutAccountInvestmentGuidelinesDetail'],
+ },
+ ],
+ },
+ {
+ key: 'ModMaterialCenter',
+ label: '素材中心',
+ icon: 'svg-materialCenter',
+ children: [
+ {
+ key: 'ModMaterialCenterFinishedProductsWareHouse',
+ icon: 'svg-finishProductsWareHouse',
+ label: '成品库',
+ routeName: 'MaterialCenterFinishedProducts',
+ requireLogin: true,
+ activeMatch: [
+ 'MaterialCenterFinishedProducts',
+ 'ManuscriptUpload',
+ 'ManuscriptEdit',
+ 'ManuscriptDetail',
+ 'ManuscriptCheckListDetail',
+ 'ManuscriptCheck',
+ ],
+ },
+ {
+ key: 'ModMaterialCenterRawMaterialStorage',
+ icon: 'svg-rawMaterialStorage',
+ label: '原料库',
+ routeName: 'MaterialCenterRawMaterial',
+ requireLogin: true,
+ activeMatch: ['MaterialCenterRawMaterial'],
+ },
+ ],
+ },
+ {
+ key: 'ModTaskManage',
+ label: '任务管理',
+ icon: 'svg-taskManage',
+ routeName: 'TaskManagement',
+ },
+ ],
+ [GROUP_WRITER_NAME]: [
+ {
+ key: 'ModWriterMaterialCenter',
+ label: '素材中心',
+ icon: 'svg-materialCenter',
+ children: [
+ {
+ key: 'ModWriterMaterialCenterFinishedProductsWareHouse',
+ icon: 'svg-finishProductsWareHouse',
+ label: '成品库',
+ routeName: 'WriterMaterialCenterFinishedProducts',
+ requireLogin: true,
+ activeMatch: [
+ 'WriterMaterialCenterFinishedProducts',
+ 'WriterManuscriptUpload',
+ 'WriterManuscriptEdit',
+ 'WriterManuscriptDetail',
+ 'WriterManuscriptCheckListDetail',
+ 'WriterManuscriptCheck',
+ ],
+ },
+ // {
+ // key: 'ModWriterMaterialCenterRawMaterialStorage',
+ // icon: 'svg-rawMaterialStorage',
+ // label: '原料库',
+ // routeName: 'WriterMaterialCenterRawMaterial',
+ // requireLogin: true,
+ // activeMatch: ['WriterMaterialCenterRawMaterial'],
+ // },
+ ],
+ },
+ ],
+};
diff --git a/src/layouts/components/siderBar/style.scss b/src/layouts/components/siderBar/style.scss
new file mode 100644
index 0000000..0b6314c
--- /dev/null
+++ b/src/layouts/components/siderBar/style.scss
@@ -0,0 +1,71 @@
+@mixin menu-item {
+ border-radius: 8px;
+ backdrop-filter: blur(100px);
+ display: flex;
+ align-items: center;
+ // justify-content: center;
+ padding: 8px 12px;
+ margin: 0;
+ cursor: pointer;
+ width: 100%;
+ .label {
+ transition: all 0.3s;
+ margin-left: 8px;
+ flex: auto;
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ .ant-menu-title-content {
+ display: flex;
+ align-items: center;
+ }
+ &:hover {
+ background-color: rgba(109, 76, 254, 0.08);
+ color: #6d4cfe;
+ .label,
+ .svg-icon {
+ color: #6d4cfe;
+ }
+ }
+ &.active {
+ background-color: #fff !important;
+ .label,
+ .svg-icon {
+ color: #6d4cfe !important;
+ }
+ }
+ &:not(:last-child) {
+ margin-bottom: 12px;
+ }
+ &.ant-menu-item-selected {
+ background-color: transparent;
+ }
+}
+.siderBar-wrap {
+ background: transparent !important;
+ border: none !important;
+ color: inherit;
+ .cts {
+ color: #211f24;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ .menu-item {
+ @include menu-item;
+ }
+ .line {
+ opacity: 0.06;
+ }
+ .fold-btn {
+ &:hover {
+ .cts,
+ .icon {
+ color: #6d4cfe !important;
+ }
+ }
+ }
+}
diff --git a/src/layouts/components/siderBar/use-menu-tree.ts b/src/layouts/components/siderBar/use-menu-tree.ts
new file mode 100644
index 0000000..b6d44a5
--- /dev/null
+++ b/src/layouts/components/siderBar/use-menu-tree.ts
@@ -0,0 +1,62 @@
+// /*
+// * @Author: RenXiaoDong
+// * @Date: 2025-06-19 01:45:53
+// */
+// import type { RouteRecordRaw, RouteRecordNormalized } from 'vue-router';
+// import { useRouter } from 'vue-router';
+// import { useSidebarStore } from '@/stores/modules/side-bar';
+
+// export default function useMenuTree() {
+// const router = useRouter();
+// const appRoutes = router.options?.routes ?? [];
+// const sidebarStore = useSidebarStore();
+// const appRoute = computed(() => {
+// const _filterRoutes = appRoutes.filter((v) => v.meta?.id === sidebarStore.activeMenuKey);
+// return _filterRoutes;
+// });
+// const menuTree = computed(() => {
+// const copyRouter = cloneDeep(appRoute.value) as RouteRecordNormalized[];
+// copyRouter.sort((a: RouteRecordNormalized, b: RouteRecordNormalized) => {
+// return (a.meta.order || 0) - (b.meta.order || 0);
+// });
+// function travel(_routes: RouteRecordRaw[], layer: number) {
+// if (!_routes) return null;
+
+// const collector: any = _routes.map((element) => {
+// // leaf node
+// if (element.meta?.hideChildrenInMenu || !element.children) {
+// element.children = [];
+// return element;
+// }
+
+// // route filter hideInMenu true
+// element.children = element.children.filter((x) => x.meta?.hideInMenu !== true);
+
+// // Associated child node
+// const subItem = travel(element.children, layer + 1);
+
+// if (subItem.length) {
+// element.children = subItem;
+// return element;
+// }
+// // the else logic
+// if (layer > 1) {
+// element.children = subItem;
+// return element;
+// }
+
+// if (element.meta?.hideInMenu === false) {
+// return element;
+// }
+
+// return null;
+// });
+// return collector.filter(Boolean);
+// }
+// return travel(copyRouter, 0);
+// });
+
+// return {
+// menuTree,
+// };
+// }
diff --git a/src/main.ts b/src/main.ts
index 7528cf6..67b5251 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -33,4 +33,7 @@ Object.values(directives).forEach((directive) => {
app.use(directive);
}); // 注册指令
-app.mount('#app');
+// 解决mounted中获取不到route信息
+router.isReady().then(() => {
+ app.mount('#app');
+});
diff --git a/src/permission/permission.ts b/src/permission/permission.ts
index 27ddd3d..9fe2112 100644
--- a/src/permission/permission.ts
+++ b/src/permission/permission.ts
@@ -1,9 +1,9 @@
-import { useUserStore } from '@/stores/modules/user';
+// import { useUserStore } from '@/stores/modules/user';
-export function checkRoutePermission(routeName: string) {
- const userStore = useUserStore();
- const allowAccessRoutes = userStore.allowAccessRoutes;
+// export function checkRoutePermission(routeName: string) {
+// // const userStore = useUserStore();
+// // const allowAccessRoutes = userStore.allowAccessRoutes;
- if (!routeName) return false;
- return allowAccessRoutes.includes(routeName);
-}
+// // if (!routeName) return false;
+// // return allowAccessRoutes.includes(routeName);
+// }
diff --git a/src/router copy/app-menus/index.ts b/src/router copy/app-menus/index.ts
new file mode 100644
index 0000000..9a8a4f0
--- /dev/null
+++ b/src/router copy/app-menus/index.ts
@@ -0,0 +1,20 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-19 01:45:53
+ */
+import { appRoutes } from '../routes';
+
+const mixinRoutes = [...appRoutes];
+
+const appClientMenus = mixinRoutes.map((el) => {
+ const { name, path, meta, redirect, children } = el;
+ return {
+ name,
+ path,
+ meta,
+ redirect,
+ children,
+ };
+});
+
+export default mixinRoutes;
diff --git a/src/router copy/constants.ts b/src/router copy/constants.ts
new file mode 100644
index 0000000..1b17254
--- /dev/null
+++ b/src/router copy/constants.ts
@@ -0,0 +1,30 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-24 16:50:35
+ */
+export const WHITE_LIST = [
+ { name: 'notFound', children: [] },
+ { name: 'login', children: [] },
+];
+
+export const NOT_FOUND = {
+ name: 'notFound',
+};
+
+export const REDIRECT_ROUTE_NAME = 'Redirect';
+
+export const DEFAULT_ROUTE_NAME = 'main';
+
+export const DEFAULT_ROUTE = {
+ title: '首页',
+ name: DEFAULT_ROUTE_NAME,
+ fullPath: '/',
+};
+
+export const MENU_GROUP_IDS = {
+ DATA_ENGINE_ID: 1, // 全域数据分析
+ MANAGEMENT_ID: -1, // 管理中心
+ PROPERTY_ID: 10, // 资产营销平台
+ WORK_BENCH_ID: -99, // 工作台
+ AGENT: 2, // 智能体
+};
diff --git a/src/router copy/guard/index.ts b/src/router copy/guard/index.ts
new file mode 100644
index 0000000..983ba1a
--- /dev/null
+++ b/src/router copy/guard/index.ts
@@ -0,0 +1,27 @@
+/*
+ * @Author: 田鑫
+ * @Date: 2023-03-05 18:14:17
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2025-06-23 04:10:41
+ * @Description:
+ */
+import type { Router } from 'vue-router';
+import { setRouteEmitter } from '@/utils/route-listener';
+import setupUserLoginInfoGuard from './userLoginInfo';
+import { MENU_GROUP_IDS } from '@/router/constants';
+// import setupPermissionGuard from './permission';
+
+function setupPageGuard(router: Router) {
+ router.beforeEach(async (to) => {
+ // emit route change
+ setRouteEmitter(to);
+ });
+}
+
+
+export default function createRouteGuard(router: Router) {
+
+ setupPageGuard(router);
+ setupUserLoginInfoGuard(router);
+ // setupPermissionGuard(router);
+}
diff --git a/src/router copy/guard/permission.ts b/src/router copy/guard/permission.ts
new file mode 100644
index 0000000..9b32487
--- /dev/null
+++ b/src/router copy/guard/permission.ts
@@ -0,0 +1,29 @@
+/*
+ * @Author: 田鑫
+ * @Date: 2023-03-05 14:46:43
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2025-06-23 04:07:43
+ * @Description: 路由权限守卫
+ */
+// import type { Router, RouteRecordNormalized } from 'vue-router';
+// import NProgress from 'nprogress'; // progress bar
+// import { useAppStore } from '@/stores';
+
+// export default function setupPermissionGuard(router: Router) {
+// router.beforeEach(async (to, from, next) => {
+// console.log('access permission router guard');
+// const appStore = useAppStore();
+// //* 菜单是否为服务端渲染
+// if (appStore.menuFromServer) {
+// //* 没有服务端渲染的菜单
+// if (!appStore.appAsyncMenus) {
+// // todo 请求服务端渲染菜单的接口，当前为mock数据
+// // await appStore.fetchServerMenuConfig();
+// }
+// next();
+// } else {
+// next();
+// }
+// NProgress.done();
+// });
+// }
diff --git a/src/router copy/guard/userLoginInfo.ts b/src/router copy/guard/userLoginInfo.ts
new file mode 100644
index 0000000..729750c
--- /dev/null
+++ b/src/router copy/guard/userLoginInfo.ts
@@ -0,0 +1,45 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-22 22:59:16
+ */
+import type { Router } from 'vue-router';
+import NProgress from 'nprogress';
+import { goUserLogin } from '@/utils/user';
+// import router from '@/router';
+// import { checkRoutePermission } from '@/permission/permission';
+
+import { useUserStore } from '@/stores/modules/user';
+
+export default function setupUserLoginInfoGuard(router: Router) {
+ router.beforeEach(async (to, from, next) => {
+ NProgress.start();
+ const userStore = useUserStore();
+
+ const routeName = to?.name as string;
+ const requiresAuth = to?.meta?.requiresAuth || false;
+ const requireLogin = to?.meta?.requireLogin || false;
+ const query = to?.query ?? {};
+
+ if (requireLogin && !userStore.isLogin) {
+ goUserLogin(query);
+ next();
+ return;
+ }
+
+ // if (requiresAuth) {
+ // const hasPermission = checkRoutePermission(routeName);
+ // if (!hasPermission) {
+ // AMessage.error('您没有权限访问该页面');
+ // next('/');
+ // return;
+ // }
+ // next();
+ // return;
+ // }
+
+ next();
+ });
+ router.afterEach((to) => {
+ NProgress.done();
+ });
+}
diff --git a/src/router copy/index.ts b/src/router copy/index.ts
new file mode 100644
index 0000000..0af8eb0
--- /dev/null
+++ b/src/router copy/index.ts
@@ -0,0 +1,48 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-22 22:59:16
+ */
+import { createRouter, createWebHistory } from 'vue-router';
+import { appRoutes } from './routes';
+import { NOT_FOUND_ROUTE } from './routes/base';
+import NProgress from 'nprogress';
+import 'nprogress/nprogress.css';
+import { MENU_GROUP_IDS } from './constants';
+import createRouteGuard from './guard';
+
+NProgress.configure({ showSpinner: false }); // NProgress Configuration
+
+export const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes: [
+ {
+ path: '/login',
+ name: 'UserLogin',
+ component: () => import('@/views/components/login'),
+ meta: {
+ requiresAuth: false,
+ requireLogin: false,
+ },
+ },
+ {
+ path: '/',
+ name: 'Home',
+ component: () => import('@/views/components/workplace'),
+ meta: {
+ hideSidebar: true,
+ requiresAuth: false,
+ requireLogin: true,
+ id: MENU_GROUP_IDS.WORK_BENCH_ID,
+ },
+ },
+ ...appRoutes,
+ NOT_FOUND_ROUTE,
+ ],
+ scrollBehavior() {
+ return { top: 0 };
+ },
+});
+
+createRouteGuard(router);
+
+export default router;
diff --git a/src/router copy/routes/base.ts b/src/router copy/routes/base.ts
new file mode 100644
index 0000000..f10ef89
--- /dev/null
+++ b/src/router copy/routes/base.ts
@@ -0,0 +1,35 @@
+import type { RouteRecordRaw } from 'vue-router';
+import { REDIRECT_ROUTE_NAME } from '@/router/constants';
+
+// export const REDIRECT_MAIN: RouteRecordRaw = {
+// path: '/redirect',
+// name: 'redirect',
+// meta: {
+// requiresAuth: false,
+// requireLogin: false,
+// hideInMenu: true,
+// },
+// children: [
+// {
+// path: '/redirect/:path',
+// name: REDIRECT_ROUTE_NAME,
+// component: () => import('@/layouts/Basic.vue'),
+// meta: {
+// requiresAuth: false,
+// requireLogin: false,
+// hideInMenu: true,
+// },
+// },
+// ],
+// };
+
+export const NOT_FOUND_ROUTE: RouteRecordRaw = {
+ path: '/:pathMatch(.*)*',
+ name: 'notFound',
+ component: () => import('@/layouts/NotFound.vue'),
+ meta: {
+ requiresAuth: false,
+ hideInMenu: true,
+ hideSidebar: true,
+ },
+};
diff --git a/src/router copy/routes/index.ts b/src/router copy/routes/index.ts
new file mode 100644
index 0000000..433925f
--- /dev/null
+++ b/src/router copy/routes/index.ts
@@ -0,0 +1,22 @@
+import type { RouteRecordNormalized } from 'vue-router';
+// import { REDIRECT_MAIN, NOT_FOUND_ROUTE } from './base';
+import { MENU_GROUP_IDS } from '@/router/constants';
+
+const modules = import.meta.glob('./modules/*.ts', { eager: true });
+// const externalModules = import.meta.glob('./externalModules/*.ts', {
+// eager: true,
+// });
+
+function formatModules(_modules: any, result: RouteRecordNormalized[]) {
+ Object.keys(_modules).forEach((key) => {
+ const defaultModule = _modules[key].default;
+ if (!defaultModule) return;
+ const moduleList = Array.isArray(defaultModule) ? [...defaultModule] : [defaultModule];
+ result.push(...moduleList);
+ });
+ return result;
+}
+
+export const appRoutes: RouteRecordNormalized[] = formatModules(modules, []);
+
+// export const appExternalRoutes: RouteRecordNormalized[] = formatModules(externalModules, []);
diff --git a/src/router copy/routes/modules/agent.ts b/src/router copy/routes/modules/agent.ts
new file mode 100644
index 0000000..3617ce0
--- /dev/null
+++ b/src/router copy/routes/modules/agent.ts
@@ -0,0 +1,65 @@
+import type { AppRouteRecordRaw } from '../types';
+import { MENU_GROUP_IDS } from '@/router/constants';
+
+import IconRepository from '@/assets/svg/svg-agent.svg';
+
+const COMPONENTS: AppRouteRecordRaw[] = [
+ {
+ path: '/agent',
+ name: 'Agent',
+ redirect: 'agent/index',
+ meta: {
+ locale: '灵机ai',
+ icon: IconRepository,
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ id: MENU_GROUP_IDS.AGENT,
+ },
+ children: [
+ {
+ path: 'index',
+ name: 'AgentIndex',
+ component: () => import('@/views/agent/index'),
+ meta: {
+ locale:'智能体应用',
+ requiresAuth: false,
+ requireLogin: true,
+ hideFooter: true,
+ isAgentRoute: true
+ },
+ },
+ {
+ path: 'chat',
+ name: 'AgentChat',
+ component: () => import('@/views/agent/chat'),
+ meta: {
+ hideSidebar: true,
+ requiresAuth: false,
+ requireLogin: true,
+ hideFooter: true,
+ id: MENU_GROUP_IDS.AGENT,
+ isAgentRoute: true,
+ hideInMenu: true,
+ },
+ },
+
+ {
+ path: 'workFlow',
+ name: 'AgentWorkFlow',
+ component: () => import('@/views/agent/work-flow'),
+ meta: {
+ hideSidebar: true,
+ requiresAuth: false,
+ requireLogin: true,
+ hideFooter: true,
+ id: MENU_GROUP_IDS.AGENT,
+ isAgentRoute: true,
+ hideInMenu: true,
+ },
+ },
+ ],
+ },
+];
+
+export default COMPONENTS;
diff --git a/src/router copy/routes/modules/dataEngine.ts b/src/router copy/routes/modules/dataEngine.ts
new file mode 100644
index 0000000..60828fc
--- /dev/null
+++ b/src/router copy/routes/modules/dataEngine.ts
@@ -0,0 +1,89 @@
+import { IconBookmark } from '@arco-design/web-vue/es/icon';
+import type { AppRouteRecordRaw } from '../types';
+import { MENU_GROUP_IDS } from '@/router/constants';
+
+const COMPONENTS: AppRouteRecordRaw[] = [
+ {
+ path: '/dataEngine',
+ name: 'DataEngine',
+ redirect: 'dataEngine/hotTranslation',
+ meta: {
+ locale: '全域数据引擎',
+ icon: IconBookmark,
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ id: MENU_GROUP_IDS.DATA_ENGINE_ID,
+ },
+ children: [
+ {
+ path: 'hotTranslation',
+ name: 'DataEngineHotTranslation',
+ meta: {
+ locale: '行业热门话题洞察',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/components/dataEngine/hotTranslation.vue'),
+ },
+ {
+ path: 'hotCloud',
+ name: 'DataEngineHotCloud',
+ meta: {
+ locale: '行业词云',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/components/dataEngine/hotCloud.vue'),
+ },
+ {
+ path: 'keyWord',
+ name: 'DataEngineKeyWord',
+ meta: {
+ locale: '行业关键词动向',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/components/dataEngine/keyWord.vue'),
+ },
+ {
+ path: 'userPainPoints',
+ name: 'DataEngineUserPainPoints',
+ meta: {
+ locale: '用户痛点观察',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/components/dataEngine/userPainPoints.vue'),
+ },
+ {
+ path: 'keyBrandMovement',
+ name: 'DataEngineKeyBrandMovement',
+ meta: {
+ locale: '重点品牌动向',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/components/dataEngine/keyBrandMovement.vue'),
+ },
+ {
+ path: 'userPersona',
+ name: 'DataEngineUserPersona',
+ meta: {
+ locale: '用户画像',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/components/dataEngine/userPersona.vue'),
+ },
+ ],
+ },
+];
+
+export default COMPONENTS;
diff --git a/src/router copy/routes/modules/management.ts b/src/router copy/routes/modules/management.ts
new file mode 100644
index 0000000..4539afc
--- /dev/null
+++ b/src/router copy/routes/modules/management.ts
@@ -0,0 +1,56 @@
+import { IconBookmark } from '@arco-design/web-vue/es/icon';
+import type { AppRouteRecordRaw } from '../types';
+import { MENU_GROUP_IDS } from '@/router/constants';
+
+const COMPONENTS: AppRouteRecordRaw[] = [
+ {
+ path: '/management',
+ name: 'Management',
+ redirect: 'management/person',
+ meta: {
+ locale: '管理中心',
+ icon: IconBookmark,
+ requiresAuth: false,
+ requireLogin: true,
+ roles: ['*'],
+ id: MENU_GROUP_IDS.MANAGEMENT_ID,
+ },
+ children: [
+ {
+ path: 'person',
+ name: 'ManagementPerson',
+ component: () => import('@/views/components/management/person'),
+ meta: {
+ locale: '个人信息',
+ requiresAuth: false,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ },
+ {
+ path: 'enterprise',
+ name: 'ManagementEnterprise',
+ component: () => import('@/views/components/management/enterprise'),
+ meta: {
+ locale: '企业信息',
+ requiresAuth: false,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ },
+ {
+ path: 'account',
+ name: 'ManagementAccount',
+ component: () => import('@/views/components/management/account'),
+ meta: {
+ locale: '账号管理',
+ requiresAuth: false,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ },
+ ],
+ },
+];
+
+export default COMPONENTS;
diff --git a/src/router copy/routes/modules/propertyMarketing.ts b/src/router copy/routes/modules/propertyMarketing.ts
new file mode 100644
index 0000000..79f8f33
--- /dev/null
+++ b/src/router copy/routes/modules/propertyMarketing.ts
@@ -0,0 +1,227 @@
+/**
+ * 资产营销平台
+ */
+
+import type { AppRouteRecordRaw } from '../types';
+import { MENU_GROUP_IDS } from '@/router/constants';
+
+import IconRepository from '@/assets/svg/svg-repository.svg';
+import IconMediaAccount from '@/assets/svg/svg-mediaAccount.svg';
+import IconPutAccount from '@/assets/svg/svg-putAccount.svg';
+import IconIntelligentSolution from '@/assets/svg/svg-intelligentSolution.svg';
+import IconProjectManagement from '@/assets/svg/svg-projectManagement.svg';
+
+const COMPONENTS: AppRouteRecordRaw[] = [
+ {
+ path: '/repository',
+ name: 'Repository',
+ redirect: 'repository/brandMaterials',
+ meta: {
+ locale: '品牌资产管理',
+ icon: IconRepository,
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ id: MENU_GROUP_IDS.PROPERTY_ID,
+ },
+ children: [
+ {
+ path: 'brandMaterials',
+ name: 'RepositoryBrandMaterials',
+ meta: {
+ locale: '品牌信息',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/property-marketing/brands/brand-materials/index.vue'),
+ },
+ ],
+ },
+ {
+ path: '/media-account',
+ name: 'MediaAccount',
+ redirect: 'media-account/accountManagement',
+ meta: {
+ locale: '账号资源中心',
+ icon: IconMediaAccount,
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ id: MENU_GROUP_IDS.PROPERTY_ID,
+ },
+ children: [
+ {
+ path: 'manage',
+ name: 'MediaAccountAccountManagement',
+ meta: {
+ locale: '账号管理',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/property-marketing/media-account/account-manage'),
+ },
+ {
+ path: 'dashboard',
+ name: 'MediaAccountAccountDashboard',
+ meta: {
+ locale: '账号数据看板',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/property-marketing/media-account/account-dashboard'),
+ },
+ {
+ path: 'detail/:id',
+ name: 'MediaAccountAccountDetails',
+ meta: {
+ locale: '账号详情',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ hideInMenu: true,
+ activeMenu: 'MediaAccountAccountDashboard',
+ },
+ component: () => import('@/views/property-marketing/media-account/account-detail'),
+ },
+ ],
+ },
+ {
+ path: '/put-account',
+ name: 'PutAccount',
+ redirect: 'put-account/accountManagement',
+ meta: {
+ locale: '投放资源中心',
+ icon: IconPutAccount,
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ id: MENU_GROUP_IDS.PROPERTY_ID,
+ },
+ children: [
+ {
+ path: 'manage',
+ name: 'PutAccountAccountManagement',
+ meta: {
+ locale: '账户管理',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/property-marketing/put-account/account-manage'),
+ },
+ {
+ path: 'data',
+ name: 'PutAccountAccountData',
+ meta: {
+ locale: '账户数据',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/property-marketing/put-account/account-data'),
+ },
+ {
+ path: 'account-dashboard',
+ name: 'PutAccountAccountDashboard',
+ meta: {
+ locale: '投放表现分析',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/property-marketing/put-account/account-dashboard'),
+ },
+ {
+ path: 'investmentGuidelines',
+ name: 'PutAccountInvestmentGuidelines',
+ meta: {
+ locale: '投放指南',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/property-marketing/put-account/investment-guidelines'),
+ },
+ {
+ path: 'detail/:id',
+ name: 'PutAccountInvestmentGuidelinesDetail',
+ meta: {
+ locale: '投放指南详情',
+ requiresAuth: true,
+ hideInMenu: true,
+ roles: ['*'],
+ activeMenu: 'PutAccountInvestmentGuidelines',
+ },
+ component: () => import('@/views/property-marketing/put-account/investment-guidelines/detail'),
+ },
+ ],
+ },
+ // {
+ // path: '/intelligent-solution',
+ // name: 'IntelligentSolution',
+ // redirect: 'intelligent-solution/businessAnalysisReport',
+ // meta: {
+ // locale: '智能方案管理',
+ // icon: IconIntelligentSolution,
+ // requiresAuth: true,
+ // requireLogin: true,
+ // roles: ['*'],
+ // id: MENU_GROUP_IDS.PROPERTY_ID,
+ // },
+ // children: [
+ // {
+ // path: 'businessAnalysisReport',
+ // name: 'IntelligentSolutionBusinessAnalysisReport',
+ // meta: {
+ // locale: '业务洞察报告',
+ // requiresAuth: true,
+ // requireLogin: true,
+ // roles: ['*'],
+ // },
+ // component: () => import('@/views/property-marketing/intelligent-solution/businessAnalysisReport'),
+ // },
+ // {
+ // path: 'competitiveProductAnalysisReport',
+ // name: 'IntelligentSolutionCompetitiveProductAnalysisReport',
+ // meta: {
+ // locale: '竟品对比报告',
+ // requiresAuth: true,
+ // requireLogin: true,
+ // roles: ['*'],
+ // },
+ // component: () => import('@/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport'),
+ // },
+ // ],
+ // },
+ {
+ path: '/project-manage',
+ name: 'ProjectManagement',
+ redirect: 'project-manage/project-list',
+ meta: {
+ locale: '项目管理',
+ icon: IconProjectManagement,
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ id: MENU_GROUP_IDS.PROPERTY_ID,
+ },
+ children: [
+ {
+ path: 'project-list',
+ name: 'ProjectList',
+ meta: {
+ locale: '项目列表',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/property-marketing/project-manage/project-list'),
+ },
+ ],
+ },
+];
+
+export default COMPONENTS;
diff --git a/src/router copy/routes/types.ts b/src/router copy/routes/types.ts
new file mode 100644
index 0000000..ab069b8
--- /dev/null
+++ b/src/router copy/routes/types.ts
@@ -0,0 +1,19 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-19 01:45:53
+ */
+import type { RouteMeta, NavigationGuard, RouteComponent } from 'vue-router';
+
+export interface AppRouteRecordRaw {
+ id?: number;
+ path: string;
+ name?: string | symbol;
+ meta?: RouteMeta;
+ redirect?: string;
+ component?: RouteComponent;
+ children?: AppRouteRecordRaw[];
+ alias?: string | string[];
+ props?: Record;
+ beforeEnter?: NavigationGuard | NavigationGuard[];
+ fullPath?: string;
+}
diff --git a/src/router copy/typeings.d.ts b/src/router copy/typeings.d.ts
new file mode 100644
index 0000000..c9ab096
--- /dev/null
+++ b/src/router copy/typeings.d.ts
@@ -0,0 +1,20 @@
+import { RouteComponent } from 'vue-router';
+
+declare module 'vue-router' {
+ interface RouteMeta {
+ roles?: string[]; // Controls roles that have access to the page
+ requiresAuth?: boolean; // Whether login is required to access the current page (every route must declare)
+ icon?: RouteComponent | string; // The icon show in the side menu
+ locale?: string; // The locale name show in side menu and breadcrumb
+ needNavigate?: boolean; // if set true, the breadcrumb will support navigate
+ hideInMenu?: boolean; // If true, it is not displayed in the side menu
+ hideChildrenInMenu?: boolean; // if set true, the children are not displayed in the side menu
+ activeMenu?: string; // if set name, the menu will be highlighted according to the name you set
+ order?: number; // Sort routing menu items. If set key, the higher the value, the more forward it is
+ noAffix?: boolean; // if set true, the tag will not affix in the tab-bar
+ ignoreCache?: boolean; // if set true, the page will not be cached
+ hideSidebar?: boolean;
+ isAgentRoute?:boolean;
+ requireLogin?: boolean; // 是否需要登陆才能访问
+ }
+}
diff --git a/src/router/guard/userLoginInfo.ts b/src/router/guard/userLoginInfo.ts
index cc3f891..729750c 100644
--- a/src/router/guard/userLoginInfo.ts
+++ b/src/router/guard/userLoginInfo.ts
@@ -6,7 +6,7 @@ import type { Router } from 'vue-router';
import NProgress from 'nprogress';
import { goUserLogin } from '@/utils/user';
// import router from '@/router';
-import { checkRoutePermission } from '@/permission/permission';
+// import { checkRoutePermission } from '@/permission/permission';
import { useUserStore } from '@/stores/modules/user';
@@ -26,16 +26,16 @@ export default function setupUserLoginInfoGuard(router: Router) {
return;
}
- if (requiresAuth) {
- const hasPermission = checkRoutePermission(routeName);
- if (!hasPermission) {
- AMessage.error('您没有权限访问该页面');
- next('/');
- return;
- }
- next();
- return;
- }
+ // if (requiresAuth) {
+ // const hasPermission = checkRoutePermission(routeName);
+ // if (!hasPermission) {
+ // AMessage.error('您没有权限访问该页面');
+ // next('/');
+ // return;
+ // }
+ // next();
+ // return;
+ // }
next();
});
diff --git a/src/router/index.ts b/src/router/index.ts
index c041c60..a057b99 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -24,11 +24,10 @@ export const router = createRouter({
},
},
{
- path: '/',
+ path: '/chat/:conversationId?',
name: 'Home',
- component: () => import('@/views/components/workplace/index.vue'),
+ component: () => import('@/views/home/index.vue'),
meta: {
- hideSidebar: true,
requiresAuth: false,
requireLogin: true,
id: MENU_GROUP_IDS.WORK_BENCH_ID,
diff --git a/src/router/routes/modules/creativeGenerationWorkshop.ts b/src/router/routes/modules/creativeGenerationWorkshop.ts
index 6c60759..8281dca 100644
--- a/src/router/routes/modules/creativeGenerationWorkshop.ts
+++ b/src/router/routes/modules/creativeGenerationWorkshop.ts
@@ -1,142 +1,142 @@
-import type { AppRouteRecordRaw } from '../types';
-import { MENU_GROUP_IDS } from '@/router/constants';
+// import type { AppRouteRecordRaw } from '../types';
+// import { MENU_GROUP_IDS } from '@/router/constants';
-import IconContentManuscript from '@/assets/svg/svg-contentManuscript.svg';
+// import IconContentManuscript from '@/assets/svg/svg-contentManuscript.svg';
-const COMPONENTS: AppRouteRecordRaw[] = [
- {
- path: '/manuscript',
- name: 'Manuscript',
- redirect: 'manuscript/list',
- meta: {
- locale: '内容稿件',
- icon: IconContentManuscript,
- requiresAuth: true,
- requireLogin: true,
- roles: ['*'],
- id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
- },
- children: [
- {
- path: 'list',
- name: 'ManuscriptList',
- meta: {
- locale: '内容稿件列表',
- requiresAuth: true,
- requireLogin: true,
- roles: ['*'],
- },
- component: () => import('@/views/creative-generation-workshop/manuscript/list/index.vue'),
- },
- {
- path: 'upload',
- name: 'ManuscriptUpload',
- meta: {
- locale: '稿件上传',
- requiresAuth: true,
- requireLogin: true,
- hideFooter: true,
- roles: ['*'],
- hideInMenu: true,
- activeMenu: 'ManuscriptList',
- },
- component: () => import('@/views/creative-generation-workshop/manuscript/upload/index.vue'),
- },
- {
- path: 'edit/:id',
- name: 'ManuscriptEdit',
- meta: {
- locale: '账号详情',
- requiresAuth: true,
- requireLogin: true,
- hideFooter: true,
- roles: ['*'],
- hideInMenu: true,
- activeMenu: 'ManuscriptList',
- },
- component: () => import('@/views/creative-generation-workshop/manuscript/edit/index.vue'),
- },
- {
- path: 'detail/:id',
- name: 'ManuscriptDetail',
- meta: {
- locale: '稿件详情',
- requiresAuth: true,
- requireLogin: true,
- hideFooter: true,
- roles: ['*'],
- hideInMenu: true,
- activeMenu: 'ManuscriptList',
- },
- component: () => import('@/views/creative-generation-workshop/manuscript/detail/index.vue'),
- },
- {
- path: 'check-list',
- name: 'ManuscriptCheckList',
- meta: {
- locale: '内容稿件审核',
- requiresAuth: true,
- requireLogin: true,
- roles: ['*'],
- },
- component: () => import('@/views/creative-generation-workshop/manuscript/check-list/index.vue'),
- },
- {
- path: 'check-list/detail/:id',
- name: 'ManuscriptCheckListDetail',
- meta: {
- locale: '内容稿件审核详情',
- requiresAuth: true,
- requireLogin: true,
- hideFooter: true,
- hideInMenu: true,
- roles: ['*'],
- activeMenu: 'ManuscriptCheckList',
- },
- component: () => import('@/views/creative-generation-workshop/manuscript/detail/index.vue'),
- },
- {
- path: 'check',
- name: 'ManuscriptCheck',
- meta: {
- locale: '稿件审核',
- requiresAuth: true,
- requireLogin: true,
- hideFooter: true,
- roles: ['*'],
- hideInMenu: true,
- activeMenu: 'ManuscriptCheckList',
- },
- component: () => import('@/views/creative-generation-workshop/manuscript/check/index.vue'),
- },
- ],
- },
- {
- path: '/explore/list/:shareCode',
- name: 'ExploreList',
- meta: {
- locale: '分享链接列表',
- requiresAuth: false,
- requireLogin: false,
- hideFooter: true,
- hideSidebar: true,
- roles: ['*'],
- },
- component: () => import('@/views/creative-generation-workshop/explore/list/index.vue'),
- },
- {
- path: '/explore/detail/:shareCode/:id',
- name: 'ExploreDetail',
- meta: {
- locale: '分享链接详情',
- requiresAuth: false,
- requireLogin: false,
- hideFooter: true,
- hideSidebar: true,
- roles: ['*'],
- },
- component: () => import('@/views/creative-generation-workshop/explore/detail/index.vue'),
- },
-];
+// const COMPONENTS: AppRouteRecordRaw[] = [
+// {
+// path: '/manuscript',
+// name: 'Manuscript',
+// redirect: 'manuscript/list',
+// meta: {
+// locale: '内容稿件',
+// icon: IconContentManuscript,
+// requiresAuth: true,
+// requireLogin: true,
+// roles: ['*'],
+// id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
+// },
+// children: [
+// // {
+// // path: 'list',
+// // name: 'ManuscriptList',
+// // meta: {
+// // locale: '内容稿件列表',
+// // requiresAuth: true,
+// // requireLogin: true,
+// // roles: ['*'],
+// // },
+// // component: () => import('@/views/material-center/components/finished-products/manuscript/list/index.vue'),
+// // },
+// {
+// path: 'upload',
+// name: 'ManuscriptUpload',
+// meta: {
+// locale: '稿件上传',
+// requiresAuth: true,
+// requireLogin: true,
+// hideFooter: true,
+// roles: ['*'],
+// hideInMenu: true,
+// activeMenu: 'ManuscriptList',
+// },
+// component: () => import('@/views/material-center/components/finished-products/manuscript/upload/index.vue'),
+// },
+// {
+// path: 'edit/:id',
+// name: 'ManuscriptEdit',
+// meta: {
+// locale: '账号详情',
+// requiresAuth: true,
+// requireLogin: true,
+// hideFooter: true,
+// roles: ['*'],
+// hideInMenu: true,
+// activeMenu: 'ManuscriptList',
+// },
+// component: () => import('@/views/material-center/components/finished-products/manuscript/edit/index.vue'),
+// },
+// {
+// path: 'detail/:id',
+// name: 'ManuscriptDetail',
+// meta: {
+// locale: '稿件详情',
+// requiresAuth: true,
+// requireLogin: true,
+// hideFooter: true,
+// roles: ['*'],
+// hideInMenu: true,
+// activeMenu: 'ManuscriptList',
+// },
+// component: () => import('@/views/material-center/components/finished-products/manuscript/detail/index.vue'),
+// },
+// // {
+// // path: 'check-list',
+// // name: 'ManuscriptCheckList',
+// // meta: {
+// // locale: '内容稿件审核',
+// // requiresAuth: true,
+// // requireLogin: true,
+// // roles: ['*'],
+// // },
+// // component: () => import('@/views/material-center/components/finished-products/manuscript/check-list/index.vue'),
+// // },
+// {
+// path: 'check-list/detail/:id',
+// name: 'ManuscriptCheckListDetail',
+// meta: {
+// locale: '内容稿件审核详情',
+// requiresAuth: true,
+// requireLogin: true,
+// hideFooter: true,
+// hideInMenu: true,
+// roles: ['*'],
+// activeMenu: 'ManuscriptCheckList',
+// },
+// component: () => import('@/views/material-center/components/finished-products/manuscript/detail/index.vue'),
+// },
+// {
+// path: 'check',
+// name: 'ManuscriptCheck',
+// meta: {
+// locale: '稿件审核',
+// requiresAuth: true,
+// requireLogin: true,
+// hideFooter: true,
+// roles: ['*'],
+// hideInMenu: true,
+// activeMenu: 'ManuscriptCheckList',
+// },
+// component: () => import('@/views/material-center/components/finished-products/manuscript/check/index.vue'),
+// },
+// ],
+// },
+// {
+// path: '/explore/list/:shareCode',
+// name: 'ExploreList',
+// meta: {
+// locale: '分享链接列表',
+// requiresAuth: false,
+// requireLogin: false,
+// hideFooter: true,
+// hideSidebar: true,
+// roles: ['*'],
+// },
+// component: () => import('@/views/creative-generation-workshop/explore/list/index.vue'),
+// },
+// {
+// path: '/explore/detail/:shareCode/:id',
+// name: 'ExploreDetail',
+// meta: {
+// locale: '分享链接详情',
+// requiresAuth: false,
+// requireLogin: false,
+// hideFooter: true,
+// hideSidebar: true,
+// roles: ['*'],
+// },
+// component: () => import('@/views/creative-generation-workshop/explore/detail/index.vue'),
+// },
+// ];
-export default COMPONENTS;
+// export default COMPONENTS;
diff --git a/src/router/routes/modules/dataEngine.ts b/src/router/routes/modules/dataEngine.ts
index 60828fc..3a2b8bc 100644
--- a/src/router/routes/modules/dataEngine.ts
+++ b/src/router/routes/modules/dataEngine.ts
@@ -1,89 +1,89 @@
-import { IconBookmark } from '@arco-design/web-vue/es/icon';
-import type { AppRouteRecordRaw } from '../types';
-import { MENU_GROUP_IDS } from '@/router/constants';
+// import { IconBookmark } from '@arco-design/web-vue/es/icon';
+// import type { AppRouteRecordRaw } from '../types';
+// import { MENU_GROUP_IDS } from '@/router/constants';
-const COMPONENTS: AppRouteRecordRaw[] = [
- {
- path: '/dataEngine',
- name: 'DataEngine',
- redirect: 'dataEngine/hotTranslation',
- meta: {
- locale: '全域数据引擎',
- icon: IconBookmark,
- requiresAuth: true,
- requireLogin: true,
- roles: ['*'],
- id: MENU_GROUP_IDS.DATA_ENGINE_ID,
- },
- children: [
- {
- path: 'hotTranslation',
- name: 'DataEngineHotTranslation',
- meta: {
- locale: '行业热门话题洞察',
- requiresAuth: true,
- requireLogin: true,
- roles: ['*'],
- },
- component: () => import('@/views/components/dataEngine/hotTranslation.vue'),
- },
- {
- path: 'hotCloud',
- name: 'DataEngineHotCloud',
- meta: {
- locale: '行业词云',
- requiresAuth: true,
- requireLogin: true,
- roles: ['*'],
- },
- component: () => import('@/views/components/dataEngine/hotCloud.vue'),
- },
- {
- path: 'keyWord',
- name: 'DataEngineKeyWord',
- meta: {
- locale: '行业关键词动向',
- requiresAuth: true,
- requireLogin: true,
- roles: ['*'],
- },
- component: () => import('@/views/components/dataEngine/keyWord.vue'),
- },
- {
- path: 'userPainPoints',
- name: 'DataEngineUserPainPoints',
- meta: {
- locale: '用户痛点观察',
- requiresAuth: true,
- requireLogin: true,
- roles: ['*'],
- },
- component: () => import('@/views/components/dataEngine/userPainPoints.vue'),
- },
- {
- path: 'keyBrandMovement',
- name: 'DataEngineKeyBrandMovement',
- meta: {
- locale: '重点品牌动向',
- requiresAuth: true,
- requireLogin: true,
- roles: ['*'],
- },
- component: () => import('@/views/components/dataEngine/keyBrandMovement.vue'),
- },
- {
- path: 'userPersona',
- name: 'DataEngineUserPersona',
- meta: {
- locale: '用户画像',
- requiresAuth: true,
- requireLogin: true,
- roles: ['*'],
- },
- component: () => import('@/views/components/dataEngine/userPersona.vue'),
- },
- ],
- },
-];
+// const COMPONENTS: AppRouteRecordRaw[] = [
+// {
+// path: '/dataEngine',
+// name: 'DataEngine',
+// redirect: 'dataEngine/hotTranslation',
+// meta: {
+// locale: '全域数据引擎',
+// icon: IconBookmark,
+// requiresAuth: true,
+// requireLogin: true,
+// roles: ['*'],
+// id: MENU_GROUP_IDS.DATA_ENGINE_ID,
+// },
+// children: [
+// {
+// path: 'hotTranslation',
+// name: 'DataEngineHotTranslation',
+// meta: {
+// locale: '行业热门话题洞察',
+// requiresAuth: true,
+// requireLogin: true,
+// roles: ['*'],
+// },
+// component: () => import('@/views/components/dataEngine/hotTranslation.vue'),
+// },
+// {
+// path: 'hotCloud',
+// name: 'DataEngineHotCloud',
+// meta: {
+// locale: '行业词云',
+// requiresAuth: true,
+// requireLogin: true,
+// roles: ['*'],
+// },
+// component: () => import('@/views/components/dataEngine/hotCloud.vue'),
+// },
+// {
+// path: 'keyWord',
+// name: 'DataEngineKeyWord',
+// meta: {
+// locale: '行业关键词动向',
+// requiresAuth: true,
+// requireLogin: true,
+// roles: ['*'],
+// },
+// component: () => import('@/views/components/dataEngine/keyWord.vue'),
+// },
+// {
+// path: 'userPainPoints',
+// name: 'DataEngineUserPainPoints',
+// meta: {
+// locale: '用户痛点观察',
+// requiresAuth: true,
+// requireLogin: true,
+// roles: ['*'],
+// },
+// component: () => import('@/views/components/dataEngine/userPainPoints.vue'),
+// },
+// {
+// path: 'keyBrandMovement',
+// name: 'DataEngineKeyBrandMovement',
+// meta: {
+// locale: '重点品牌动向',
+// requiresAuth: true,
+// requireLogin: true,
+// roles: ['*'],
+// },
+// component: () => import('@/views/components/dataEngine/keyBrandMovement.vue'),
+// },
+// {
+// path: 'userPersona',
+// name: 'DataEngineUserPersona',
+// meta: {
+// locale: '用户画像',
+// requiresAuth: true,
+// requireLogin: true,
+// roles: ['*'],
+// },
+// component: () => import('@/views/components/dataEngine/userPersona.vue'),
+// },
+// ],
+// },
+// ];
-export default COMPONENTS;
+// export default COMPONENTS;
diff --git a/src/router/routes/modules/manuscript-writer.ts b/src/router/routes/modules/manuscript-writer.ts
index db30cf7..791f462 100644
--- a/src/router/routes/modules/manuscript-writer.ts
+++ b/src/router/routes/modules/manuscript-writer.ts
@@ -1,115 +1,115 @@
-import type { AppRouteRecordRaw } from '../types';
-import IconContentManuscript from '@/assets/svg/svg-contentManuscript.svg';
-import { MENU_GROUP_IDS } from '@/router/constants';
+// import type { AppRouteRecordRaw } from '../types';
+// import IconContentManuscript from '@/assets/svg/svg-contentManuscript.svg';
+// import { MENU_GROUP_IDS } from '@/router/constants';
-// 内容稿件-写手端
-const COMPONENTS: AppRouteRecordRaw[] = [
- {
- path: '/writer/manuscript',
- name: 'WriterManuscript',
- redirect: 'writer/manuscript/list',
- meta: {
- locale: '内容稿件',
- icon: IconContentManuscript,
- requiresAuth: false,
- requireLogin: false,
- roles: ['*'],
- id: MENU_GROUP_IDS.WRITER_CREATIVE_GENERATION_WORKSHOP_ID,
- },
- children: [
- {
- path: 'list/:writerCode',
- name: 'WriterManuscriptList',
- meta: {
- locale: '内容稿件列表',
- requiresAuth: false,
- requireLogin: false,
- roles: ['*'],
- },
- component: () => import('@/views/creative-generation-workshop/manuscript-writer/list/index.vue'),
- },
- {
- path: 'upload/:writerCode',
- name: 'WriterManuscriptUpload',
- meta: {
- locale: '稿件上传',
- requiresAuth: false,
- requireLogin: false,
- hideFooter: true,
- roles: ['*'],
- hideInMenu: true,
- activeMenu: 'WriterManuscriptList',
- },
- component: () => import('@/views/creative-generation-workshop/manuscript-writer/upload/index.vue'),
- },
- {
- path: 'edit/:writerCode/:id',
- name: 'WriterManuscriptEdit',
- meta: {
- locale: '账号详情',
- requiresAuth: false,
- requireLogin: false,
- hideFooter: true,
- roles: ['*'],
- hideInMenu: true,
- activeMenu: 'WriterManuscriptList',
- },
- component: () => import('@/views/creative-generation-workshop/manuscript-writer/edit/index.vue'),
- },
- {
- path: 'detail/:writerCode/:id',
- name: 'WriterManuscriptDetail',
- meta: {
- locale: '稿件详情',
- requiresAuth: false,
- requireLogin: false,
- hideFooter: true,
- roles: ['*'],
- hideInMenu: true,
- activeMenu: 'ManuscriptList',
- },
- component: () => import('@/views/creative-generation-workshop/manuscript-writer/detail/index.vue'),
- },
- {
- path: 'check-list/:writerCode',
- name: 'WriterManuscriptCheckList',
- meta: {
- locale: '内容稿件审核',
- requiresAuth: false,
- requireLogin: false,
- roles: ['*'],
- },
- component: () => import('@/views/creative-generation-workshop/manuscript-writer/check-list/index.vue'),
- },
- {
- path: 'check-list/detail/:id/:writerCode',
- name: 'WriterManuscriptCheckListDetail',
- meta: {
- locale: '内容稿件审核详情',
- requiresAuth: false,
- requireLogin: false,
- hideFooter: true,
- hideInMenu: true,
- roles: ['*'],
- activeMenu: 'WriterManuscriptCheckList',
- },
- component: () => import('@/views/creative-generation-workshop/manuscript-writer/detail/index.vue'),
- },
- {
- path: 'check/:writerCode',
- name: 'WriterManuscriptCheck',
- meta: {
- locale: '稿件审核',
- requiresAuth: false,
- requireLogin: false,
- hideFooter: true,
- roles: ['*'],
- hideInMenu: true,
- activeMenu: 'WriterManuscriptCheckList',
- },
- component: () => import('@/views/creative-generation-workshop/manuscript-writer/check/index.vue'),
- },
- ],
- },
-];
-export default COMPONENTS;
+// // 内容稿件-写手端
+// const COMPONENTS: AppRouteRecordRaw[] = [
+// {
+// path: '/writer/manuscript',
+// name: 'WriterManuscript',
+// redirect: 'writer/manuscript/list',
+// meta: {
+// locale: '内容稿件',
+// icon: IconContentManuscript,
+// requiresAuth: false,
+// requireLogin: false,
+// roles: ['*'],
+// id: MENU_GROUP_IDS.WRITER_CREATIVE_GENERATION_WORKSHOP_ID,
+// },
+// children: [
+// {
+// path: 'list/:writerCode',
+// name: 'WriterManuscriptList',
+// meta: {
+// locale: '内容稿件列表',
+// requiresAuth: false,
+// requireLogin: false,
+// roles: ['*'],
+// },
+// component: () => import('@/views/creative-generation-workshop/manuscript-writer/list/index.vue'),
+// },
+// {
+// path: 'upload/:writerCode',
+// name: 'WriterManuscriptUpload',
+// meta: {
+// locale: '稿件上传',
+// requiresAuth: false,
+// requireLogin: false,
+// hideFooter: true,
+// roles: ['*'],
+// hideInMenu: true,
+// activeMenu: 'WriterManuscriptList',
+// },
+// component: () => import('@/views/creative-generation-workshop/manuscript-writer/upload/index.vue'),
+// },
+// {
+// path: 'edit/:writerCode/:id',
+// name: 'WriterManuscriptEdit',
+// meta: {
+// locale: '账号详情',
+// requiresAuth: false,
+// requireLogin: false,
+// hideFooter: true,
+// roles: ['*'],
+// hideInMenu: true,
+// activeMenu: 'WriterManuscriptList',
+// },
+// component: () => import('@/views/creative-generation-workshop/manuscript-writer/edit/index.vue'),
+// },
+// {
+// path: 'detail/:writerCode/:id',
+// name: 'WriterManuscriptDetail',
+// meta: {
+// locale: '稿件详情',
+// requiresAuth: false,
+// requireLogin: false,
+// hideFooter: true,
+// roles: ['*'],
+// hideInMenu: true,
+// activeMenu: 'ManuscriptList',
+// },
+// component: () => import('@/views/creative-generation-workshop/manuscript-writer/detail/index.vue'),
+// },
+// {
+// path: 'check-list/:writerCode',
+// name: 'WriterManuscriptCheckList',
+// meta: {
+// locale: '内容稿件审核',
+// requiresAuth: false,
+// requireLogin: false,
+// roles: ['*'],
+// },
+// component: () => import('@/views/creative-generation-workshop/manuscript-writer/check-list/index.vue'),
+// },
+// {
+// path: 'check-list/detail/:id/:writerCode',
+// name: 'WriterManuscriptCheckListDetail',
+// meta: {
+// locale: '内容稿件审核详情',
+// requiresAuth: false,
+// requireLogin: false,
+// hideFooter: true,
+// hideInMenu: true,
+// roles: ['*'],
+// activeMenu: 'WriterManuscriptCheckList',
+// },
+// component: () => import('@/views/creative-generation-workshop/manuscript-writer/detail/index.vue'),
+// },
+// {
+// path: 'check/:writerCode',
+// name: 'WriterManuscriptCheck',
+// meta: {
+// locale: '稿件审核',
+// requiresAuth: false,
+// requireLogin: false,
+// hideFooter: true,
+// roles: ['*'],
+// hideInMenu: true,
+// activeMenu: 'WriterManuscriptCheckList',
+// },
+// component: () => import('@/views/creative-generation-workshop/manuscript-writer/check/index.vue'),
+// },
+// ],
+// },
+// ];
+// export default COMPONENTS;
diff --git a/src/router/routes/modules/materialCenter-writer.ts b/src/router/routes/modules/materialCenter-writer.ts
new file mode 100644
index 0000000..6beba89
--- /dev/null
+++ b/src/router/routes/modules/materialCenter-writer.ts
@@ -0,0 +1,121 @@
+import type { AppRouteRecordRaw } from '../types';
+import { MENU_GROUP_IDS } from '@/router/constants';
+
+import IconContentManuscript from '@/assets/svg/svg-contentManuscript.svg';
+
+export const GROUP_WRITER_NAME = 'GroupWriterMaterialCenter';
+
+const COMPONENTS: AppRouteRecordRaw[] = [
+ {
+ path: '/writer/material-center',
+ name: 'WriterMaterialCenter',
+ redirect: '/writer/material-center/finished-products',
+ meta: {
+ locale: '素材中心',
+ icon: IconContentManuscript,
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ group: GROUP_WRITER_NAME,
+ id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
+ },
+ children: [
+ {
+ path: 'finished-products/:writerCode',
+ name: 'WriterMaterialCenterFinishedProducts',
+ meta: {
+ locale: '成品库',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ group: GROUP_WRITER_NAME,
+ },
+ component: () => import('@/views/writer-material-center/index.vue'),
+ },
+ {
+ path: 'raw-material/:writerCode',
+ name: 'WriterMaterialCenterRawMaterial',
+ meta: {
+ locale: '原料库',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ group: GROUP_WRITER_NAME,
+ },
+ component: () => import('@/views/writer-material-center/index.vue'),
+ },
+ {
+ path: 'upload/:writerCode',
+ name: 'WriterManuscriptUpload',
+ meta: {
+ locale: '稿件上传',
+ requiresAuth: false,
+ requireLogin: false,
+ hideFooter: true,
+ roles: ['*'],
+ hideInMenu: true,
+ activeMenu: 'WriterMaterialCenterFinishedProducts',
+ },
+ component: () => import('@/views/writer-material-center/components/finished-products/manuscript/upload/index.vue'),
+ },
+ {
+ path: 'edit/:writerCode/:id',
+ name: 'WriterManuscriptEdit',
+ meta: {
+ locale: '稿件编辑',
+ requiresAuth: false,
+ requireLogin: false,
+ hideFooter: true,
+ roles: ['*'],
+ hideInMenu: true,
+ activeMenu: 'WriterMaterialCenterFinishedProducts',
+ },
+ component: () => import('@/views/writer-material-center/components/finished-products/manuscript/edit/index.vue'),
+ },
+ {
+ path: 'detail/:writerCode/:id',
+ name: 'WriterManuscriptDetail',
+ meta: {
+ locale: '稿件详情',
+ requiresAuth: false,
+ requireLogin: false,
+ hideFooter: true,
+ roles: ['*'],
+ hideInMenu: true,
+ activeMenu: 'WriterMaterialCenterFinishedProducts',
+ },
+ component: () => import('@/views/writer-material-center/components/finished-products/manuscript/detail/index.vue'),
+ },
+ {
+ path: 'check-list/detail/:id/:writerCode',
+ name: 'WriterManuscriptCheckListDetail',
+ meta: {
+ locale: '内容稿件审核详情',
+ requiresAuth: false,
+ requireLogin: false,
+ hideFooter: true,
+ hideInMenu: true,
+ roles: ['*'],
+ activeMenu: 'WriterMaterialCenterFinishedProducts',
+ },
+ component: () => import('@/views/writer-material-center/components/finished-products/manuscript/detail/index.vue'),
+ },
+ {
+ path: 'check/:writerCode',
+ name: 'WriterManuscriptCheck',
+ meta: {
+ locale: '稿件审核',
+ requiresAuth: false,
+ requireLogin: false,
+ hideFooter: true,
+ roles: ['*'],
+ hideInMenu: true,
+ activeMenu: 'WriterMaterialCenterFinishedProducts',
+ },
+ component: () => import('@/views/writer-material-center/components/finished-products/manuscript/check/index.vue'),
+ },
+ ],
+ },
+];
+
+export default COMPONENTS;
diff --git a/src/router/routes/modules/materialCenter.ts b/src/router/routes/modules/materialCenter.ts
new file mode 100644
index 0000000..0f91eb1
--- /dev/null
+++ b/src/router/routes/modules/materialCenter.ts
@@ -0,0 +1,142 @@
+import type { AppRouteRecordRaw } from '../types';
+import { MENU_GROUP_IDS } from '@/router/constants';
+
+import IconContentManuscript from '@/assets/svg/svg-contentManuscript.svg';
+
+const COMPONENTS: AppRouteRecordRaw[] = [
+ {
+ path: '/material-center',
+ name: 'MaterialCenter',
+ redirect: 'material-center/finished-products',
+ meta: {
+ locale: '素材中心',
+ icon: IconContentManuscript,
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
+ },
+ children: [
+ {
+ path: 'finished-products',
+ name: 'MaterialCenterFinishedProducts',
+ meta: {
+ locale: '成品库',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/material-center/index.vue'),
+ },
+ {
+ path: 'raw-material',
+ name: 'MaterialCenterRawMaterial',
+ meta: {
+ locale: '原料库',
+ requiresAuth: true,
+ requireLogin: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/material-center/index.vue'),
+ },
+ {
+ path: 'upload',
+ name: 'ManuscriptUpload',
+ meta: {
+ locale: '稿件上传',
+ requiresAuth: true,
+ requireLogin: true,
+ hideFooter: true,
+ roles: ['*'],
+ hideInMenu: true,
+ activeMenu: 'MaterialCenterFinishedProducts',
+ },
+ component: () => import('@/views/material-center/components/finished-products/manuscript/upload/index.vue'),
+ },
+ {
+ path: 'edit/:id',
+ name: 'ManuscriptEdit',
+ meta: {
+ locale: '稿件编辑',
+ requiresAuth: true,
+ requireLogin: true,
+ hideFooter: true,
+ roles: ['*'],
+ hideInMenu: true,
+ activeMenu: 'MaterialCenterFinishedProducts',
+ },
+ component: () => import('@/views/material-center/components/finished-products/manuscript/edit/index.vue'),
+ },
+ {
+ path: 'detail/:id',
+ name: 'ManuscriptDetail',
+ meta: {
+ locale: '稿件详情',
+ requiresAuth: true,
+ requireLogin: true,
+ hideFooter: true,
+ roles: ['*'],
+ hideInMenu: true,
+ activeMenu: 'MaterialCenterFinishedProducts',
+ },
+ component: () => import('@/views/material-center/components/finished-products/manuscript/detail/index.vue'),
+ },
+ {
+ path: 'check-list/detail/:id',
+ name: 'ManuscriptCheckListDetail',
+ meta: {
+ locale: '内容稿件审核详情',
+ requiresAuth: true,
+ requireLogin: true,
+ hideFooter: true,
+ hideInMenu: true,
+ roles: ['*'],
+ activeMenu: 'MaterialCenterFinishedProducts',
+ },
+ component: () => import('@/views/material-center/components/finished-products/manuscript/detail/index.vue'),
+ },
+ {
+ path: 'check',
+ name: 'ManuscriptCheck',
+ meta: {
+ locale: '稿件审核',
+ requiresAuth: true,
+ requireLogin: true,
+ hideFooter: true,
+ roles: ['*'],
+ hideInMenu: true,
+ activeMenu: 'MaterialCenterFinishedProducts',
+ },
+ component: () => import('@/views/material-center/components/finished-products/manuscript/check/index.vue'),
+ },
+ ],
+ },
+ {
+ path: '/explore/list/:shareCode',
+ name: 'ExploreList',
+ meta: {
+ locale: '分享链接列表',
+ requiresAuth: false,
+ requireLogin: false,
+ hideFooter: true,
+ hideSidebar: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/material-center/components/finished-products/explore/list/index.vue'),
+ },
+ {
+ path: '/explore/detail/:shareCode/:id',
+ name: 'ExploreDetail',
+ meta: {
+ locale: '分享链接详情',
+ requiresAuth: false,
+ requireLogin: false,
+ hideFooter: true,
+ hideSidebar: true,
+ roles: ['*'],
+ },
+ component: () => import('@/views/material-center/components/finished-products/explore/detail/index.vue'),
+ },
+];
+
+export default COMPONENTS;
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index ba8af63..ddee6b5 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -147,7 +147,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
},
{
path: 'detail/:id',
- name: 'guideDetail',
+ name: 'PutAccountInvestmentGuidelinesDetail',
meta: {
locale: '投放指南详情',
requiresAuth: true,
diff --git a/src/router/typeings.d.ts b/src/router/typeings.d.ts
index 5c0f6ff..f64b2f6 100644
--- a/src/router/typeings.d.ts
+++ b/src/router/typeings.d.ts
@@ -15,7 +15,9 @@ declare module 'vue-router' {
ignoreCache?: boolean; // if set true, the page will not be cached
hideSidebar?: boolean;
hideFooter?: boolean;
- isAgentRoute?:boolean;
+ isAgentRoute?: boolean;
requireLogin?: boolean; // 是否需要登陆才能访问
+ independent?: boolean; // 独立于layout的路由
+ group?: string; // 路由分组
}
}
diff --git a/src/stores/modules/chat/index.ts b/src/stores/modules/chat/index.ts
new file mode 100644
index 0000000..47da668
--- /dev/null
+++ b/src/stores/modules/chat/index.ts
@@ -0,0 +1,52 @@
+import { defineStore } from 'pinia';
+import { createSession, getAgentData } from '@/api/all/chat';
+
+import { handleUserHome } from '@/utils/user';
+import { glsWithCatch, slsWithCatch, rlsWithCatch } from '@/utils/stroage';
+
+interface ChatState {
+ searchValue?: string;
+ agentInfo?: agentInfo;
+}
+type agentInfo = {
+ agent_id?: string;
+ name?: string;
+ description?: string;
+};
+
+export const useChatStore = defineStore('chat', {
+ state: (): ChatState => ({
+ searchValue: '',
+ agentInfo: (glsWithCatch('agentInfo') && JSON.parse(glsWithCatch('agentInfo') as string)) || {},
+ }),
+ actions: {
+ setSearchValue(searchValue: string) {
+ this.searchValue = searchValue;
+ },
+ clearSearchValue() {
+ this.searchValue = '';
+ },
+ async getAgentInfo() {
+ const { code, data } = await getAgentData();
+ if (code === 200) {
+ this.setAgentInfo(data);
+ }
+ },
+ setAgentInfo(agentInfo: agentInfo) {
+ this.agentInfo = agentInfo;
+ slsWithCatch('agentInfo', JSON.stringify(agentInfo));
+ },
+ clearAgentInfo() {
+ this.agentInfo = {};
+ this.searchValue = '';
+ },
+ async onCreateSession() {
+ const { code, data } = await createSession();
+ if (code === 200) {
+ handleUserHome({
+ conversationId: data.session_id,
+ });
+ }
+ },
+ },
+});
diff --git a/src/stores/modules/enterprise/index.ts b/src/stores/modules/enterprise/index.ts
index b245cb8..1517998 100644
--- a/src/stores/modules/enterprise/index.ts
+++ b/src/stores/modules/enterprise/index.ts
@@ -4,7 +4,7 @@ import { useUserStore } from '@/stores/modules/user';
import { glsWithCatch, slsWithCatch, rlsWithCatch } from '@/utils/stroage';
interface EnterpriseInfo {
- id: number;
+ id: number | string;
name: string;
update_name_quota: number;
used_update_name_count: number;
diff --git a/src/stores/modules/index.ts b/src/stores/modules/index.ts
index 60ee22a..2792f37 100644
--- a/src/stores/modules/index.ts
+++ b/src/stores/modules/index.ts
@@ -8,3 +8,4 @@
export * from './app';
export * from './tab-bar';
export * from './user';
+export * from './chat';
diff --git a/src/stores/modules/side-bar/constants.ts b/src/stores/modules/side-bar/constants.ts
index 3c458e8..2769953 100644
--- a/src/stores/modules/side-bar/constants.ts
+++ b/src/stores/modules/side-bar/constants.ts
@@ -1,116 +1,116 @@
-import { MENU_GROUP_IDS } from '@/router/constants';
-export const MENU_LIST = [
- {
- id: MENU_GROUP_IDS.WORK_BENCH_ID,
- name: '工作台',
- routeName: 'Home',
- includeRouteNames: ['Home'],
- requiresAuth: false,
- permissionKey: '', // 权限key，如果为空，则表示该菜单不需要权限，与后端约定
- },
- {
- id: MENU_GROUP_IDS.DATA_ENGINE_ID,
- name: '全域数据分析',
- permissionKey: 'data_analysis',
- requiresAuth: true,
- children: [
- {
- name: '行业热门话题洞察',
- routeName: 'DataEngineHotTranslation',
- includeRouteNames: ['DataEngineHotTranslation'],
- },
- {
- name: '行业词云',
- routeName: 'DataEngineHotCloud',
- includeRouteNames: ['DataEngineHotCloud'],
- },
- {
- name: '行业关键词动向',
- routeName: 'DataEngineKeyWord',
- includeRouteNames: ['DataEngineKeyWord'],
- },
- {
- name: '用户痛点观察',
- routeName: 'DataEngineUserPainPoints',
- includeRouteNames: ['DataEngineUserPainPoints'],
- },
- {
- name: '重点品牌动向',
- routeName: 'DataEngineKeyBrandMovement',
- includeRouteNames: ['DataEngineKeyBrandMovement'],
- },
- {
- name: '用户画像',
- routeName: 'DataEngineUserPersona',
- includeRouteNames: ['DataEngineUserPersona'],
- },
- ],
- },
- {
- id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
- name: '创意生成工坊',
- permissionKey: '',
- requiresAuth: true,
- children: [
- {
- name: '内容稿件',
- routeName: 'ManuscriptList',
- includeRouteNames: [
- 'ManuscriptList',
- 'ManuscriptUpload',
- 'ManuscriptEdit',
- 'ManuscriptDetail',
- 'ManuscriptCheckList',
- 'ManuscriptCheckListDetail',
- 'ManuscriptCheck',
- ],
- },
- ],
- },
- {
- id: MENU_GROUP_IDS.PROPERTY_ID,
- name: '营销资产中台',
- permissionKey: 'marketing_asset',
- requiresAuth: true,
- children: [
- {
- name: '品牌资产管理',
- routeName: 'RepositoryBrandMaterials',
- includeRouteNames: ['RepositoryBrandMaterials'],
- },
- {
- name: '账号资源中心',
- routeName: 'MediaAccountAccountManagement',
- includeRouteNames: [
- 'MediaAccountAccountManagement',
- 'MediaAccountAccountDashboard',
- 'MediaAccountAccountDetails',
- ],
- },
- {
- name: '投放资源中心',
- routeName: 'PutAccountAccountManagement',
- includeRouteNames: [
- 'PutAccountAccountManagement',
- 'PutAccountAccountData',
- 'PutAccountAccountDashboard',
- 'PutAccountInvestmentGuidelines',
- 'guideDetail',
- ],
- },
- // {
- // name: '智能方案管理',
- // routeName: 'IntelligentSolutionBusinessAnalysisReport',
- // includeRouteNames: [
- // 'IntelligentSolutionBusinessAnalysisReport',
- // 'IntelligentSolutionCompetitiveProductAnalysisReport',
- // ],
- // },
- {
- name: '项目管理',
- routeName: 'ProjectList',
- includeRouteNames: ['ProjectList'],
- },
- ],
- },
-];
+// import { MENU_GROUP_IDS } from '@/router/constants';
+// export const MENU_LIST = [
+// {
+// id: MENU_GROUP_IDS.WORK_BENCH_ID,
+// name: '工作台',
+// routeName: 'Home',
+// includeRouteNames: ['Home'],
+// requiresAuth: false,
+// permissionKey: '', // 权限key，如果为空，则表示该菜单不需要权限，与后端约定
+// },
+// {
+// id: MENU_GROUP_IDS.DATA_ENGINE_ID,
+// name: '全域数据分析',
+// permissionKey: 'data_analysis',
+// requiresAuth: true,
+// children: [
+// {
+// name: '行业热门话题洞察',
+// routeName: 'DataEngineHotTranslation',
+// includeRouteNames: ['DataEngineHotTranslation'],
+// },
+// {
+// name: '行业词云',
+// routeName: 'DataEngineHotCloud',
+// includeRouteNames: ['DataEngineHotCloud'],
+// },
+// {
+// name: '行业关键词动向',
+// routeName: 'DataEngineKeyWord',
+// includeRouteNames: ['DataEngineKeyWord'],
+// },
+// {
+// name: '用户痛点观察',
+// routeName: 'DataEngineUserPainPoints',
+// includeRouteNames: ['DataEngineUserPainPoints'],
+// },
+// {
+// name: '重点品牌动向',
+// routeName: 'DataEngineKeyBrandMovement',
+// includeRouteNames: ['DataEngineKeyBrandMovement'],
+// },
+// {
+// name: '用户画像',
+// routeName: 'DataEngineUserPersona',
+// includeRouteNames: ['DataEngineUserPersona'],
+// },
+// ],
+// },
+// {
+// id: MENU_GROUP_IDS.CREATIVE_GENERATION_WORKSHOP_ID,
+// name: '创意生成工坊',
+// permissionKey: '',
+// requiresAuth: true,
+// children: [
+// {
+// name: '内容稿件',
+// routeName: 'ManuscriptList',
+// includeRouteNames: [
+// 'ManuscriptList',
+// 'ManuscriptUpload',
+// 'ManuscriptEdit',
+// 'ManuscriptDetail',
+// 'ManuscriptCheckList',
+// 'ManuscriptCheckListDetail',
+// 'ManuscriptCheck',
+// ],
+// },
+// ],
+// },
+// {
+// id: MENU_GROUP_IDS.PROPERTY_ID,
+// name: '营销资产中台',
+// permissionKey: 'marketing_asset',
+// requiresAuth: true,
+// children: [
+// {
+// name: '品牌资产管理',
+// routeName: 'RepositoryBrandMaterials',
+// includeRouteNames: ['RepositoryBrandMaterials'],
+// },
+// {
+// name: '账号资源中心',
+// routeName: 'MediaAccountAccountManagement',
+// includeRouteNames: [
+// 'MediaAccountAccountManagement',
+// 'MediaAccountAccountDashboard',
+// 'MediaAccountAccountDetails',
+// ],
+// },
+// {
+// name: '投放资源中心',
+// routeName: 'PutAccountAccountManagement',
+// includeRouteNames: [
+// 'PutAccountAccountManagement',
+// 'PutAccountAccountData',
+// 'PutAccountAccountDashboard',
+// 'PutAccountInvestmentGuidelines',
+// 'PutAccountInvestmentGuidelinesDetail',
+// ],
+// },
+// // {
+// // name: '智能方案管理',
+// // routeName: 'IntelligentSolutionBusinessAnalysisReport',
+// // includeRouteNames: [
+// // 'IntelligentSolutionBusinessAnalysisReport',
+// // 'IntelligentSolutionCompetitiveProductAnalysisReport',
+// // ],
+// // },
+// {
+// name: '项目管理',
+// routeName: 'ProjectList',
+// includeRouteNames: ['ProjectList'],
+// },
+// ],
+// },
+// ];
diff --git a/src/stores/modules/side-bar/index.ts b/src/stores/modules/side-bar/index.ts
index f12c136..c97a386 100644
--- a/src/stores/modules/side-bar/index.ts
+++ b/src/stores/modules/side-bar/index.ts
@@ -5,45 +5,56 @@
import { defineStore } from 'pinia';
import router from '@/router';
import type { RouteLocationNormalized } from 'vue-router';
-import { MENU_LIST } from './constants';
+// import { MENU_LIST } from './constants';
import { useEnterpriseStore } from '@/stores/modules/enterprise';
import { getTaskUnread, patchTaskRead } from '@/api/all/common';
interface sidebarState {
- activeMenuId: number | null;
- menuList: any[];
- allowAccessRoutes: any[];
+ activeMenuKey: string | number | null;
+ // menuList: any[];
unreadInfo: number[];
+ menuCollapse: boolean;
}
let unreadInfoTimer: number | null = null;
export const useSidebarStore = defineStore('sidebar', {
state: (): sidebarState => ({
- activeMenuId: null, //
- menuList: [], // 菜单信息
+ activeMenuKey: null, // 激活的菜单id
+ // menuList: [], // 菜单信息
unreadInfo: [], // 未读消息
- allowAccessRoutes: [], // 允许访问的路由列表
+ menuCollapse: false, // 菜单是否折叠
}),
+ getters: {
+ sidebarWidth(): number {
+ return this.menuCollapse ? 74 : 138;
+ },
+ },
actions: {
- clearActiveMenuId() {
- this.activeMenuId = null;
+ clearActiveMenuKey() {
+ this.activeMenuKey = null;
},
- setActiveMenuId(id: number) {
- this.activeMenuId = id;
+ setActiveMenuKey(key: string | number) {
+ this.activeMenuKey = key;
},
- clearUserNavbarMenuList() {
- this.menuList = [];
+ setMenuCollapse() {
+ this.menuCollapse = !this.menuCollapse;
},
+ clearMenuCollapse() {
+ this.menuCollapse = false;
+ },
+ // clearUserNavbarMenuList() {
+ // this.menuList = [];
+ // },
// navbar菜单列表由企业对应权限决定
- getUserNavbarMenuList() {
- const enterpriseStore = useEnterpriseStore();
- this.menuList = MENU_LIST.filter(
- (item) => !item.permissionKey || enterpriseStore.enterpriseInfo?.permissions?.includes(item.permissionKey),
- );
- },
- // 根据当前路由自动设置 activeMenuId
- setActiveMenuIdByRoute(route: RouteLocationNormalized) {
+ // getUserNavbarMenuList() {
+ // const enterpriseStore = useEnterpriseStore();
+ // this.menuList = MENU_LIST.filter(
+ // (item) => !item.permissionKey || enterpriseStore.enterpriseInfo?.permissions?.includes(item.permissionKey),
+ // );
+ // },
+ // 根据当前路由自动设置 activeMenuKey
+ setActiveMenuKeyByRoute(route: RouteLocationNormalized) {
const appRoutes = router.options?.routes ?? [];
const findMenuGroup = (routes: any[]): number | null => {
@@ -68,7 +79,7 @@ export const useSidebarStore = defineStore('sidebar', {
const menuId = findMenuGroup(appRoutes as any);
if (menuId !== null) {
- this.activeMenuId = menuId;
+ this.activeMenuKey = menuId;
}
},
async getTaskUnreadInfo() {
diff --git a/src/stores/modules/tab-bar/index.ts b/src/stores/modules/tab-bar/index.ts
index ee6b24c..97226d2 100644
--- a/src/stores/modules/tab-bar/index.ts
+++ b/src/stores/modules/tab-bar/index.ts
@@ -1,7 +1,3 @@
-/*
- * @Author: RenXiaoDong
- * @Date: 2025-06-19 01:45:53
- */
import { defineStore } from 'pinia';
import type { TabBarState, TagProps, RouteLocationNormalized } from './types';
diff --git a/src/stores/modules/user/index.ts b/src/stores/modules/user/index.ts
index 972eda7..fb2ed6a 100644
--- a/src/stores/modules/user/index.ts
+++ b/src/stores/modules/user/index.ts
@@ -16,7 +16,7 @@ interface UserInfo {
interface UserState {
token: string;
userInfo: UserInfo | null;
- allowAccessRoutes: string[];
+ // allowAccessRoutes: string[];
// isLogin: boolean;
}
@@ -30,8 +30,8 @@ export const useUserStore = defineStore('user', {
state: (): UserState => ({
token: glsWithCatch('accessToken') || '',
userInfo: (glsWithCatch('userInfo') && JSON.parse(glsWithCatch('userInfo') as string)) || null,
- allowAccessRoutes:
- (glsWithCatch('allowAccessRoutes') && JSON.parse(glsWithCatch('allowAccessRoutes') as string)) || [], // 允许访问的路由列表
+ // allowAccessRoutes:
+ // (glsWithCatch('allowAccessRoutes') && JSON.parse(glsWithCatch('allowAccessRoutes') as string)) || [], // 允许访问的路由列表
}),
getters: {
isLogin(): boolean {
@@ -72,40 +72,40 @@ export const useUserStore = defineStore('user', {
this.setUserInfo(data);
}
},
- clearUserAllowAccessRoutes() {
- this.allowAccessRoutes = [];
- rlsWithCatch('allowAccessRoutes');
- },
- getUserAllowAccessRoutes() {
- const sidebarStore = useSidebarStore();
- const menuList = sidebarStore.menuList;
- const appRoutes = router.getRoutes();
+ // clearUserAllowAccessRoutes() {
+ // this.allowAccessRoutes = [];
+ // rlsWithCatch('allowAccessRoutes');
+ // },
+ // getUserAllowAccessRoutes() {
+ // const sidebarStore = useSidebarStore();
+ // const menuList = sidebarStore.menuList;
+ // const appRoutes = router.getRoutes();
- appRoutes.forEach((route: any) => {
- if (!route.meta?.requiresAuth) {
- this.allowAccessRoutes.push(route.name);
- }
- });
+ // appRoutes.forEach((route: any) => {
+ // if (!route.meta?.requiresAuth) {
+ // this.allowAccessRoutes.push(route.name);
+ // }
+ // });
- const pushAllowAccessRoutes = (includeRouteNames: string[]) => {
- const matchedRoute = appRoutes
- .filter((route: any) => includeRouteNames.includes(route.name))
- .map((route: any) => route.name);
- this.allowAccessRoutes.push(...matchedRoute);
- };
+ // const pushAllowAccessRoutes = (includeRouteNames: string[]) => {
+ // const matchedRoute = appRoutes
+ // .filter((route: any) => includeRouteNames.includes(route.name))
+ // .map((route: any) => route.name);
+ // this.allowAccessRoutes.push(...matchedRoute);
+ // };
- menuList.forEach((item) => {
- if (item.children && item.children.length > 0) {
- item.children.forEach((child: any) => {
- pushAllowAccessRoutes(child.includeRouteNames);
- });
- } else {
- pushAllowAccessRoutes(item.includeRouteNames);
- }
- });
+ // menuList.forEach((item) => {
+ // if (item.children && item.children.length > 0) {
+ // item.children.forEach((child: any) => {
+ // pushAllowAccessRoutes(child.includeRouteNames);
+ // });
+ // } else {
+ // pushAllowAccessRoutes(item.includeRouteNames);
+ // }
+ // });
- this.allowAccessRoutes = uniq(this.allowAccessRoutes);
- slsWithCatch('allowAccessRoutes', JSON.stringify(this.allowAccessRoutes));
- },
+ // this.allowAccessRoutes = uniq(this.allowAccessRoutes);
+ // slsWithCatch('allowAccessRoutes', JSON.stringify(this.allowAccessRoutes));
+ // },
},
});
diff --git a/src/styles/components/chat-sender.scss b/src/styles/components/chat-sender.scss
new file mode 100644
index 0000000..789054d
--- /dev/null
+++ b/src/styles/components/chat-sender.scss
@@ -0,0 +1,37 @@
+.ant-sender {
+ border-radius: 8px;
+ border: 1px solid var(--Border-2, #e6e6e8);
+ background: var(--BG-White, #fff);
+ box-shadow: none;
+ transition: all 0.3s;
+ &::after {
+ display: none;
+ }
+ .ant-sender-content {
+ height: 100%;
+ padding: 14px 8px 8px 16px;
+ .ant-input {
+ font-family: $font-family-regular;
+ color: #211f24;
+ height: 100% !important;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &::placeholder {
+ color: #939499;
+ }
+ }
+ }
+ &:hover {
+ border: 1px solid var(--Brand-6, #6d4cfe);
+ box-shadow: 0 8px 16px 0 rgba(109, 76, 254, 0.15);
+ }
+ &:focus-within {
+ border-color: #6d4cfe;
+ box-shadow: 0 8px 16px 0 rgba(109, 76, 254, 0.15);
+ .ant-input {
+ caret-color: #6d4cfe;
+ }
+ }
+}
diff --git a/src/styles/components/index.scss b/src/styles/components/index.scss
index 33c8e54..3f39bdf 100644
--- a/src/styles/components/index.scss
+++ b/src/styles/components/index.scss
@@ -9,4 +9,5 @@
@import "./date-picker.scss";
@import "./button.scss";
@import "./steps.scss";
-@import "./form.scss";
\ No newline at end of file
+@import "./form.scss";
+@import "./chat-sender.scss";
\ No newline at end of file
diff --git a/src/styles/components/pagination.scss b/src/styles/components/pagination.scss
index 6d37a2b..44ecf3d 100644
--- a/src/styles/components/pagination.scss
+++ b/src/styles/components/pagination.scss
@@ -16,7 +16,7 @@
}
.arco-pagination-options {
.arco-select {
- background-color: transparent;
+ background-color: transparent !important;
border-radius: 4px;
border: 1px solid var(--BG-300, #e6e6e8);
}
@@ -36,7 +36,7 @@
line-height: 22px;
}
.arco-input-wrapper {
- background-color: transparent;
+ background-color: transparent !important;
}
}
.arco-pagination-total {
@@ -48,3 +48,10 @@
line-height: 22px;
}
}
+.pagination-row {
+ display: flex;
+ width: 100%;
+ padding: 12px 24px 0;
+ justify-content: flex-end;
+ align-items: center;
+}
diff --git a/src/styles/font.scss b/src/styles/font.scss
index e6195d3..3b1ea9a 100644
--- a/src/styles/font.scss
+++ b/src/styles/font.scss
@@ -16,3 +16,29 @@
font-family: 'Manrope-SemiBold';
src: url('@/assets/fonts/Manrope-SemiBold.ttf');
}
+
+.font-family-regular {
+ font-family: $font-family-regular;
+}
+.font-family-medium {
+ font-family: $font-family-medium;
+}
+.font-family-light {
+ font-family: $font-family-light;
+}
+.font-family-bold {
+ font-family: $font-family-bold;
+}
+
+.font-family-manrope-regular {
+ font-family: $font-family-manrope-regular;
+}
+.font-family-manrope-medium {
+ font-family: $font-family-manrope-medium;
+}
+.font-family-manrope-bold {
+ font-family: $font-family-manrope-bold;
+}
+.font-family-manrope-semiBold {
+ font-family: $font-family-manrope-semiBold;
+}
diff --git a/src/styles/lib/reset.scss b/src/styles/lib/reset.scss
index 6b94da8..4278a84 100644
--- a/src/styles/lib/reset.scss
+++ b/src/styles/lib/reset.scss
@@ -1,26 +1,29 @@
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: PingFangSC-Regular, PingFang SC;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
html,
body {
+ width: 100%;
height: 100%;
- background: $color-background;
+}
+#app {
+ height: 100%;
+ width: 100%;
+}
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+html {
font-family: $font-family-regular;
font-size: 14px;
-webkit-print-color-adjust: exact;
}
-
+body {
+ margin: 0;
+}
p {
margin: 0;
padding: 0;
}
-
a {
text-decoration: none;
}
@@ -37,7 +40,7 @@ a {
::-webkit-scrollbar-thumb {
height: 10px;
- background-color: #C9CDD4;
+ background-color: #c9cdd4;
border-radius: 99px;
outline-offset: -2px;
}
diff --git a/src/styles/lib/variable.scss b/src/styles/lib/variable.scss
index bdbef8f..6cad4b9 100644
--- a/src/styles/lib/variable.scss
+++ b/src/styles/lib/variable.scss
@@ -1,6 +1,8 @@
-
-$navbar-height: 72px; // 头部高度
-$sidebar-width: 220px; // 侧边栏菜单宽度
+$navbar-height: 52px; // 头部高度
+$sidebar-width: 138px; // 侧边栏菜单宽度
+$sidebar-width-collapse: 74px; // 折叠侧边栏菜单宽度
+$layout-padding-bottom: 24px;
+$layout-padding-right: 24px;
// 汉字字体
$font-family-regular: 'PingFangSC-Regular', 'Microsoft Yahei', Arial, sans-serif;
@@ -14,46 +16,44 @@ $font-family-manrope-medium: 'Manrope-Medium';
$font-family-manrope-bold: 'Manrope-Bold';
$font-family-manrope-semiBold: 'Manrope-SemiBold';
-$color-background: #F7F8FA;
+$color-primary: #6d4cfe; // 常规
+$color-primary-5: #8a70fe; // hover
+$color-primary-7: #573dcb; // click
+$color-primary-3: #a794fe; // disabled
+$color-primary-2: #c5b7ff; // text disabled
+$color-primary-1: #f0edff; // 浅色
-$color-primary: #6d4cfe; // 常规
-$color-primary-5: #8A70FE; // hover
-$color-primary-7: #573DCB; // click
-$color-primary-3: #A794FE; // disabled
-$color-primary-2: #C5B7FF; // text disabled
-$color-primary-1: #F0EDFF; // 浅色
+$color-success: #25c883;
+$color-success-5: #57cf9c;
+$color-success-7: #1bae71;
+$color-success-3: #81dbb5;
+$color-success-2: #abe7ce;
+$color-success-1: #ebf7f2;
-$color-success: #25C883;
-$color-success-5: #57CF9C;
-$color-success-7: #1BAE71;
-$color-success-3: #81DBB5;
-$color-success-2: #ABE7CE;
-$color-success-1: #EBF7F2;
+$color-warning: #ffae00;
+$color-warning-5: #ffbe33;
+$color-warning-7: #cc8b00;
+$color-warning-3: #ffcf66;
+$color-warning-2: #ffdf99;
+$color-warning-1: #fff7e5;
-$color-warning: #FFAE00;
-$color-warning-5: #FFBE33;
-$color-warning-7: #CC8B00;
-$color-warning-3: #FFCF66;
-$color-warning-2: #FFDF99;
-$color-warning-1: #FFF7E5;
+$color-error: #f64b31;
+$color-error-5: #f86f5a;
+$color-error-7: #c53c27;
+$color-error-3: #fa9383;
+$color-error-2: #fbb7ad;
+$color-error-1: #ffe9e7;
-$color-error: #F64B31;
-$color-error-5: #F86F5A;
-$color-error-7: #C53C27;
-$color-error-3: #FA9383;
-$color-error-2: #FBB7AD;
-$color-error-1: #FFE9E7;
+$color-blue: #2a59f3;
+$color-blue-5: #557af6;
+$color-blue-7: #2247c2;
+$color-blue-3: #7f9cf8;
+$color-blue-2: #aabdfa;
+$color-blue-1: #e5ecff;
-$color-blue: #2A59F3;
-$color-blue-5: #557AF6;
-$color-blue-7: #2247C2;
-$color-blue-3: #7F9CF8;
-$color-blue-2: #AABDFA;
-$color-blue-1: #E5ECFF;
-
-$color-teal: #39C6E9;
-$color-teal-5: #60D2ED;
-$color-teal-7: #2E9EBA;
-$color-teal-3: #88DDF2;
-$color-teal-2: #B0E8F6;
-$color-teal-1: #E1F9FF;
\ No newline at end of file
+$color-teal: #39c6e9;
+$color-teal-5: #60d2ed;
+$color-teal-7: #2e9eba;
+$color-teal-3: #88ddf2;
+$color-teal-2: #b0e8f6;
+$color-teal-1: #e1f9ff;
diff --git a/src/styles/vars.scss b/src/styles/vars.scss
index 8741cbe..536ee42 100644
--- a/src/styles/vars.scss
+++ b/src/styles/vars.scss
@@ -13,6 +13,21 @@
/* 修改文字/背景色 */
--arco-text-1: #ed0707 !important; /* 主要文字 */
--arco-bg-1: #f7f8fa !important; /* 页面背景 */
+
+ &::before {
+ width: 100%;
+ height: 100vh;
+ background: url('@/assets/img/icon-app-bg.png') center top no-repeat !important;
+ background-size: cover !important;
+ bottom: 0;
+ content: "";
+ display: block;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: -999;
+ }
}
/* 强制所有组件使用主色 */
diff --git a/src/types/chat.ts b/src/types/chat.ts
new file mode 100644
index 0000000..5e25cc6
--- /dev/null
+++ b/src/types/chat.ts
@@ -0,0 +1,9 @@
+declare global {
+ namespace CHAT {
+ type TInputInfo = {
+ message: string;
+ };
+ }
+}
+
+export default {};
diff --git a/src/types/message.ts b/src/types/message.ts
new file mode 100644
index 0000000..b10a012
--- /dev/null
+++ b/src/types/message.ts
@@ -0,0 +1,28 @@
+declare global {
+ namespace MESSAGE {
+ type RUN_TASK_STATUS = 'RunStarted' | 'RunResponseContent' | 'RunCompleted';
+ type TEAM_RUN_TASK_STATUS = 'TeamRunStarted' | 'TeamRunResponseContent' | 'TeamRunCompleted';
+
+ interface Answer {
+ message?: string;
+ role?: string;
+ node?: string;
+ output?: string;
+ run_id?: string;
+ step_run_id?: string;
+ teamRunTaskId?: string;
+ isCollapse?: boolean;
+ status?: RUN_TASK_STATUS | TEAM_RUN_TASK_STATUS;
+ runStatus?: RUN_TASK_STATUS;
+ teamRunStatus?: TEAM_RUN_TASK_STATUS;
+ fileInfo?: Record;
+ customRender?: () => Node;
+ extra_data?: {
+ type: string;
+ data: Record;
+ };
+ [key: string]: any;
+ }
+ }
+}
+export default {};
diff --git a/src/utils/pick-attrs.ts b/src/utils/pick-attrs.ts
new file mode 100644
index 0000000..bf87de6
--- /dev/null
+++ b/src/utils/pick-attrs.ts
@@ -0,0 +1,80 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-08-20 23:43:17
+ */
+const attributes = `accept acceptcharset accesskey action allowfullscreen allowtransparency
+alt async autocomplete autofocus autoplay capture cellpadding cellspacing challenge
+charset checked classid class colspan cols content contenteditable contextmenu
+controls coords crossorigin data datetime default defer dir disabled download draggable
+enctype form formaction formenctype formmethod formnovalidate formtarget frameborder
+headers height hidden high href hreflang htmlfor for httpequiv icon id inputmode integrity
+is keyparams keytype kind label lang list loop low manifest marginheight marginwidth max maxlength media
+mediagroup method min minlength multiple muted name novalidate nonce open
+optimum pattern placeholder poster preload radiogroup readonly rel required
+reversed role rowspan rows sandbox scope scoped scrolling seamless selected
+shape size sizes span spellcheck src srcdoc srclang srcset start step style
+summary tabindex target title type usemap value width wmode wrap`;
+
+const eventsName = `onCopy onCut onPaste onCompositionend onCompositionstart onCompositionupdate onKeydown
+ onKeypress onKeyup onFocus onBlur onChange onInput onSubmit onClick onContextmenu onDoubleclick onDblclick
+ onDrag onDragend onDragenter onDragexit onDragleave onDragover onDragstart onDrop onMousedown
+ onMouseenter onMouseleave onMousemove onMouseout onMouseover onMouseup onSelect onTouchcancel
+ onTouchend onTouchmove onTouchstart onTouchstartPassive onTouchmovePassive onScroll onWheel onAbort onCanplay onCanplaythrough
+ onDurationchange onEmptied onEncrypted onEnded onError onLoadeddata onLoadedmetadata
+ onLoadstart onPause onPlay onPlaying onProgress onRatechange onSeeked onSeeking onStalled onSuspend onTimeupdate onVolumechange onWaiting onLoad onError`;
+
+const propList = `${attributes} ${eventsName}`.split(/[\s\n]+/);
+
+/* eslint-enable max-len */
+const ariaPrefix = 'aria-';
+const dataPrefix = 'data-';
+
+function match(key: string, prefix: string) {
+ return key.indexOf(prefix) === 0;
+}
+
+export interface PickConfig {
+ aria?: boolean;
+ data?: boolean;
+ attr?: boolean;
+}
+
+/**
+ * Picker props from exist props with filter
+ * @param props Passed props
+ * @param ariaOnly boolean | { aria?: boolean; data?: boolean; attr?: boolean; } filter config
+ */
+export default function pickAttrs(props: object, ariaOnly: boolean | PickConfig = false) {
+ let mergedConfig;
+ if (ariaOnly === false) {
+ mergedConfig = {
+ aria: true,
+ data: true,
+ attr: true,
+ };
+ } else if (ariaOnly === true) {
+ mergedConfig = {
+ aria: true,
+ };
+ } else {
+ mergedConfig = {
+ ...ariaOnly,
+ };
+ }
+
+ const attrs = {};
+ Object.keys(props).forEach((key) => {
+ if (
+ // Aria
+ (mergedConfig.aria && (key === 'role' || match(key, ariaPrefix))) ||
+ // Data
+ (mergedConfig.data && match(key, dataPrefix)) ||
+ // Attr
+ (mergedConfig.attr && (propList.includes(key) || propList.includes(key.toLowerCase())))
+ ) {
+ // @ts-ignore
+ attrs[key] = props[key];
+ }
+ });
+ return attrs;
+}
diff --git a/src/utils/querySSE.ts b/src/utils/querySSE.ts
new file mode 100644
index 0000000..e096531
--- /dev/null
+++ b/src/utils/querySSE.ts
@@ -0,0 +1,90 @@
+import { fetchEventSource } from '@microsoft/fetch-event-source';
+import type { EventSourceMessage } from '@microsoft/fetch-event-source';
+import { useEnterpriseStore } from '@/stores/modules/enterprise';
+import { glsWithCatch } from '@/utils/stroage';
+import { BASE_PYTHON_URL } from '@/api/all/chat';
+import { genRandomId } from '@/utils/tools';
+
+const DEFAULT_SSE_URL = `${BASE_PYTHON_URL}/api/agent/runs`;
+
+const SSE_HEADERS = {
+ 'Content-Type': 'application/json',
+ 'Cache-Control': 'no-cache',
+ Connection: 'keep-alive',
+ Accept: 'text/event-stream',
+ requestid: genRandomId(),
+};
+
+interface SSEConfig {
+ headers?: Record;
+ method?: string;
+ body?: any;
+ handleMessage?: (data: any) => void;
+ handleError?: (err: any) => number | null | undefined | void;
+ handleClose?: () => void;
+ handleOpen?: (response: Response) => void;
+}
+
+/**
+ * 创建服务器发送事件（SSE）连接
+ * @param config SSE 配置
+ * @param url 可选的自定义 URL
+ * @returns 包含abort方法的对象，用于中断SSE连接
+ */
+export default async (config: SSEConfig, url: string = DEFAULT_SSE_URL): Promise<{ abort: () => void }> => {
+ const {
+ body = undefined,
+ headers = {},
+ method = 'post',
+ handleMessage,
+ handleError,
+ handleOpen,
+ handleClose,
+ } = config;
+ const store = useEnterpriseStore();
+
+ // 创建AbortController实例用于中断请求
+ const abortController = new AbortController();
+
+ fetchEventSource(url, {
+ method,
+ // credentials: 'include',
+ headers: {
+ ...SSE_HEADERS,
+ Authorization: glsWithCatch('accessToken'),
+ 'enterprise-id': store.enterpriseInfo?.id?.toString(),
+ ...headers,
+ },
+ body,
+ signal: abortController.signal, // 传递signal给fetchEventSource
+ openWhenHidden: true, // 用户切换到另一个页面后仍能保持SSE连接
+ onmessage(event: EventSourceMessage) {
+ if (event.data) {
+ try {
+ const parsedData = JSON.parse(event.data);
+ handleMessage?.({ ...event, data: parsedData });
+ } catch (error) {
+ console.error('Error parsing SSE message:', error);
+ handleError(new Error('Failed to parse SSE message'));
+ }
+ }
+ },
+ onerror(error: Error) {
+ // console.error('SSE error:', error);
+ handleError?.(error);
+ },
+ onclose() {
+ // console.log('SSE connection closed');
+ handleClose?.();
+ },
+ async onopen(response: Response) {
+ // console.log('onopen', response);
+ handleOpen?.(response);
+ },
+ });
+
+ // 返回abort方法供外部调用
+ return {
+ abort: () => abortController.abort(),
+ };
+};
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index 5fb92f7..da345bb 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -108,14 +108,14 @@ export function downloadByUrl(url: string, filename?: string) {
}
export function genRandomId() {
- return `id_${Date.now()}_${Math.floor(Math.random() * 10000)}`;
+ return `id_${dayjs().unix()}_${Math.floor(Math.random() * 10000)}`;
}
export function formatFileSize(bytes: number): string {
if (bytes === 0) return '0 Bytes';
const k = 1024;
- const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
+ const sizes = ['Bytes', 'kb', 'mB', 'gB', 'tB'];
const i = Math.floor(Math.log(bytes) / Math.log(k));
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
@@ -397,7 +397,7 @@ export function getImageMainColor(imageUrl: string): Promise {
const avgColor = {
r: Math.round(maxGroup.sumR / maxGroup.count),
g: Math.round(maxGroup.sumG / maxGroup.count),
- b: Math.round(maxGroup.sumB / maxGroup.count)
+ b: Math.round(maxGroup.sumB / maxGroup.count),
};
resolve(`rgb(${avgColor.r},${avgColor.g},${avgColor.b})`);
@@ -427,28 +427,38 @@ function medianCut(data: Uint8ClampedArray, levels: number): any[] {
if (a < 128) continue;
colors.push({
- r, g, b,
+ r,
+ g,
+ b,
count: 1,
- sumR: r, sumG: g, sumB: b
+ sumR: r,
+ sumG: g,
+ sumB: b,
});
}
// 如果没有颜色数据，返回默认白色
if (colors.length === 0) {
- return [{
- count: 1,
- sumR: 255, sumG: 255, sumB: 255
- }];
+ return [
+ {
+ count: 1,
+ sumR: 255,
+ sumG: 255,
+ sumB: 255,
+ },
+ ];
}
// 开始中位数切分
- let colorGroups = [{
- colors,
- count: colors.length,
- sumR: colors.reduce((sum, c) => sum + c.r, 0),
- sumG: colors.reduce((sum, c) => sum + c.g, 0),
- sumB: colors.reduce((sum, c) => sum + c.b, 0)
- }];
+ let colorGroups = [
+ {
+ colors,
+ count: colors.length,
+ sumR: colors.reduce((sum, c) => sum + c.r, 0),
+ sumG: colors.reduce((sum, c) => sum + c.g, 0),
+ sumB: colors.reduce((sum, c) => sum + c.b, 0),
+ },
+ ];
for (let i = 0; i < levels; i++) {
const newGroups = [];
@@ -460,12 +470,12 @@ function medianCut(data: Uint8ClampedArray, levels: number): any[] {
}
// 找出颜色范围最大的通道
- const rMin = Math.min(...group.colors.map(c => c.r));
- const rMax = Math.max(...group.colors.map(c => c.r));
- const gMin = Math.min(...group.colors.map(c => c.g));
- const gMax = Math.max(...group.colors.map(c => c.g));
- const bMin = Math.min(...group.colors.map(c => c.b));
- const bMax = Math.max(...group.colors.map(c => c.b));
+ const rMin = Math.min(...group.colors.map((c) => c.r));
+ const rMax = Math.max(...group.colors.map((c) => c.r));
+ const gMin = Math.min(...group.colors.map((c) => c.g));
+ const gMax = Math.max(...group.colors.map((c) => c.g));
+ const bMin = Math.min(...group.colors.map((c) => c.b));
+ const bMax = Math.max(...group.colors.map((c) => c.b));
const rRange = rMax - rMin;
const gRange = gMax - gMin;
@@ -500,7 +510,7 @@ function medianCut(data: Uint8ClampedArray, levels: number): any[] {
count: group1.length,
sumR: group1.reduce((sum, c) => sum + c.r, 0),
sumG: group1.reduce((sum, c) => sum + c.g, 0),
- sumB: group1.reduce((sum, c) => sum + c.b, 0)
+ sumB: group1.reduce((sum, c) => sum + c.b, 0),
});
newGroups.push({
@@ -508,7 +518,7 @@ function medianCut(data: Uint8ClampedArray, levels: number): any[] {
count: group2.length,
sumR: group2.reduce((sum, c) => sum + c.r, 0),
sumG: group2.reduce((sum, c) => sum + c.g, 0),
- sumB: group2.reduce((sum, c) => sum + c.b, 0)
+ sumB: group2.reduce((sum, c) => sum + c.b, 0),
});
}
diff --git a/src/utils/type.ts b/src/utils/type.ts
new file mode 100644
index 0000000..3dc49dd
--- /dev/null
+++ b/src/utils/type.ts
@@ -0,0 +1,13 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-08-20 23:18:36
+ */
+import type { PropType, VNode } from 'vue';
+
+declare type VNodeChildAtom = VNode | string | number | boolean | null | undefined | void;
+
+export type VueNode = VNodeChildAtom | VNodeChildAtom[] | VNode;
+
+export function objectType(defaultVal?: T) {
+ return { type: Object as PropType, default: defaultVal as T };
+}
diff --git a/src/utils/user.ts b/src/utils/user.ts
index 599f788..3f710b8 100644
--- a/src/utils/user.ts
+++ b/src/utils/user.ts
@@ -7,6 +7,7 @@ import router from '@/router';
import { useUserStore } from '@/stores';
import { useEnterpriseStore } from '@/stores/modules/enterprise';
import { useSidebarStore } from '@/stores/modules/side-bar';
+import { useChatStore } from '@/stores/modules/chat';
// 登录
export function goUserLogin(query?: any) {
@@ -15,29 +16,37 @@ export function goUserLogin(query?: any) {
export const getUserEnterpriseInfo = async () => {
const enterpriseStore = useEnterpriseStore();
- const sidebarStore = useSidebarStore();
- const userStore = useUserStore();
+ // const sidebarStore = useSidebarStore();
+ // const userStore = useUserStore();
await enterpriseStore.getEnterpriseInfo(); // 初始化企业信息
- sidebarStore.getUserNavbarMenuList(); // 初始化navbar菜单
- userStore.getUserAllowAccessRoutes(); // 初始化允许访问的路由
+ // sidebarStore.getUserNavbarMenuList(); // 初始化navbar菜单
+ // userStore.getUserAllowAccessRoutes(); // 初始化允许访问的路由
};
+export async function initApp() {
+ const userStore = useUserStore();
+ const chatStore = useChatStore();
+
+ await chatStore.getAgentInfo(); // 初始化智能体信息
+ await userStore.getUserInfo(); // 初始化用户信息
+ await getUserEnterpriseInfo(); // 初始化企业信息、navbar菜单、允许访问的路由
+}
+
// 登录处理
export async function handleUserLogin() {
- const userStore = useUserStore();
const sidebarStore = useSidebarStore();
- await userStore.getUserInfo(); // 初始化用户信息
- await getUserEnterpriseInfo(); // 初始化企业信息、navbar菜单、允许访问的路由
+ await initApp();
+
sidebarStore.startUnreadInfoPolling(); // 初始化未读信息
handleUserHome();
}
// 首页
-export function handleUserHome() {
- router.push({ name: 'Home' });
+export function handleUserHome(params?: any) {
+ router.push({ name: 'Home', params });
}
// 登出处理
@@ -45,14 +54,17 @@ export function handleUserLogout() {
const userStore = useUserStore();
const enterpriseStore = useEnterpriseStore();
const sidebarStore = useSidebarStore();
+ const chatStore = useChatStore();
+ chatStore.clearAgentInfo(); // 清除智能体信息
userStore.clearUserInfo(); // 清除用户信息
userStore.clearToken(); // 清除token
enterpriseStore.clearUserEnterpriseInfo(); // 清除企业信息
- sidebarStore.clearUserNavbarMenuList(); // 清除navbar菜单信息
- userStore.clearUserAllowAccessRoutes(); // 清除权限路由列表
+ // sidebarStore.clearUserNavbarMenuList(); // 清除navbar菜单信息
+ // userStore.clearUserAllowAccessRoutes(); // 清除权限路由列表
sidebarStore.stopUnreadInfoPolling(); // 清除未读消息
- sidebarStore.clearActiveMenuId(); // 清除active菜单id
+ sidebarStore.clearActiveMenuKey(); // 清除active菜单id
+ sidebarStore.clearMenuCollapse(); // 清除active菜单id
goUserLogin();
}
diff --git a/src/views/agent/work-flow/components/DynamicForm.vue b/src/views/agent/work-flow/components/DynamicForm.vue
index 6b6d239..ae298f3 100644
--- a/src/views/agent/work-flow/components/DynamicForm.vue
+++ b/src/views/agent/work-flow/components/DynamicForm.vue
@@ -21,7 +21,9 @@
v-model="formData[field.props.name]"
:placeholder="field?.props?.placeholder"
/>
-
+
+
- 
-
+
-
+
+
diff --git a/src/layouts/components/siderBar/menu-list.ts b/src/layouts/components/siderBar/menu-list.ts
new file mode 100644
index 0000000..6b2fa92
--- /dev/null
+++ b/src/layouts/components/siderBar/menu-list.ts
@@ -0,0 +1,140 @@
+import { GROUP_WRITER_NAME } from '@/router/routes/modules/materialCenter-writer';
+
+export interface typeMenuItem {
+ key?: string | number; // 菜单组key
+ label?: string; // 菜单组标题
+ icon?: string; // 菜单组图标
+ routeName?: string; // 路由名称
+ requireLogin?: boolean; // 是否需要登录
+ requireAuth?: boolean; // 是否需要权限验证
+ activeMatch?: string[]; // 菜单高亮路由组匹配
+ children?: typeMenuItem[]; // 子菜单列表
+}
+
+export const MENU_LIST =
+ 
-
-
行业词云
diff --git a/src/views/components/dataEngine/hotTranslation.vue b/src/views/components/dataEngine/hotTranslation.vue
index 1e3be9f..8b7b6aa 100644
--- a/src/views/components/dataEngine/hotTranslation.vue
+++ b/src/views/components/dataEngine/hotTranslation.vue
@@ -4,7 +4,7 @@
行业热门话题洞察
diff --git a/src/views/components/dataEngine/keyBrandMovement.vue b/src/views/components/dataEngine/keyBrandMovement.vue
index 3e67d96..adc742b 100644
--- a/src/views/components/dataEngine/keyBrandMovement.vue
+++ b/src/views/components/dataEngine/keyBrandMovement.vue
@@ -5,7 +5,7 @@
重点品牌列表
@@ -76,7 +76,7 @@
舆情 & 敏感动态
diff --git a/src/views/components/dataEngine/keyWord.vue b/src/views/components/dataEngine/keyWord.vue
index c462718..77d15b6 100644
--- a/src/views/components/dataEngine/keyWord.vue
+++ b/src/views/components/dataEngine/keyWord.vue
@@ -5,7 +5,7 @@
关键词热度榜
@@ -74,7 +74,7 @@
行业情绪
@@ -128,7 +128,7 @@
新兴关键词
diff --git a/src/views/components/dataEngine/topHeader.vue b/src/views/components/dataEngine/topHeader.vue
index 60367cc..83b17d5 100644
--- a/src/views/components/dataEngine/topHeader.vue
+++ b/src/views/components/dataEngine/topHeader.vue
@@ -3,7 +3,7 @@
diff --git a/src/views/components/dataEngine/userPainPoints.vue b/src/views/components/dataEngine/userPainPoints.vue
index e8cd5ca..fb88eb5 100644
--- a/src/views/components/dataEngine/userPainPoints.vue
+++ b/src/views/components/dataEngine/userPainPoints.vue
@@ -6,7 +6,7 @@
用户痛点观察
diff --git a/src/views/components/dataEngine/userPersona.vue b/src/views/components/dataEngine/userPersona.vue
index 53a053a..2689513 100644
--- a/src/views/components/dataEngine/userPersona.vue
+++ b/src/views/components/dataEngine/userPersona.vue
@@ -3,7 +3,7 @@
-
+
-
性别分布
@@ -36,7 +36,7 @@
+
-
年龄分布
@@ -58,7 +58,7 @@
+
地域分布
diff --git a/src/views/components/login/index.vue b/src/views/components/login/index.vue
index e840e8e..06d866e 100644
--- a/src/views/components/login/index.vue
+++ b/src/views/components/login/index.vue
@@ -15,7 +15,7 @@
align="center"
class="w-400 bg-#fff rounded-8px shadow-[0_4px_10px_0_#6D4CFE33] px-40px py-48px"
>
- 
+
AI营销工具
diff --git a/src/views/components/management/account/index.vue b/src/views/components/management/account/index.vue
index d688822..dec8791 100644
--- a/src/views/components/management/account/index.vue
+++ b/src/views/components/management/account/index.vue
@@ -8,7 +8,7 @@
:columns="columns"
:data="dataSource"
:pagination="pagination"
- class="mt-8px h-540px"
+ class="mt-8px"
@page-change="handlePageChange"
@page-size-change="handlePageSizeChange"
>
diff --git a/src/views/components/management/enterprise/index.vue b/src/views/components/management/enterprise/index.vue
index 95f3b8b..2c32c7a 100644
--- a/src/views/components/management/enterprise/index.vue
+++ b/src/views/components/management/enterprise/index.vue
@@ -3,7 +3,7 @@
+
+
diff --git a/src/views/creative-generation-workshop/explore/detail/style.scss b/src/views/creative-generation-workshop/explore/detail/style.scss
index 2d41eee..60ff718 100644
--- a/src/views/creative-generation-workshop/explore/detail/style.scss
+++ b/src/views/creative-generation-workshop/explore/detail/style.scss
@@ -38,7 +38,21 @@
min-width: 1200px;
.content {
height: $navbar-height;
- border-bottom: 1px solid var(--Border-1, #d7d7d9);
+ // border-bottom: 1px solid var(--Border-1, #d7d7d9);
+ }
+ &::before {
+ width: 100%;
+ height: 100%;
+ background: url('@/assets/img/icon-app-header-bg.png') center top no-repeat !important;
+ background-size: cover !important;
+ bottom: 0;
+ content: '';
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: -998;
}
}
.cts {
diff --git a/src/views/creative-generation-workshop/explore/list/index.vue b/src/views/creative-generation-workshop/explore/list/index.vue
index 1a92417..6dc9f3d 100644
--- a/src/views/creative-generation-workshop/explore/list/index.vue
+++ b/src/views/creative-generation-workshop/explore/list/index.vue
@@ -8,7 +8,7 @@ import { getShareWorksList } from '@/api/all/generationWorkshop';
import { ENUM_OPINION } from '../detail/constants';
import icon1 from '@/assets/img/error-img.png';
-import icon2 from '@/assets/LOGO.svg';
+import icon2 from '@/assets/img/icon-logo.png';
export default {
setup(props, { emit, expose }) {
@@ -46,7 +46,7 @@ export default {
diff --git a/src/views/creative-generation-workshop/explore/list/style.scss b/src/views/creative-generation-workshop/explore/list/style.scss
index b315e92..485b377 100644
--- a/src/views/creative-generation-workshop/explore/list/style.scss
+++ b/src/views/creative-generation-workshop/explore/list/style.scss
@@ -2,7 +2,6 @@
position: relative;
padding-top: $navbar-height;
min-width: 1200px;
- background: #fff;
.cts {
font-family: $font-family-regular;
font-size: 14px;
@@ -22,11 +21,24 @@
min-width: 1200px;
.content {
height: $navbar-height;
- border-bottom: 1px solid var(--Border-1, #d7d7d9);
+ // border-bottom: 1px solid var(--Border-1, #d7d7d9);
+ }
+ &::before {
+ width: 100%;
+ height: 100%;
+ background: url('@/assets/img/icon-app-header-bg.png') center top no-repeat !important;
+ background-size: cover !important;
+ bottom: 0;
+ content: '';
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: -998;
}
}
.page-wrapper {
- background: #fff;
min-height: calc(100vh - $navbar-height);
.explore-container {
width: 1200px;
diff --git a/src/views/creative-generation-workshop/manuscript-analysis/index.vue b/src/views/creative-generation-workshop/manuscript-analysis/index.vue
deleted file mode 100644
index e69de29..0000000
diff --git a/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue b/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
index 9bfcf69..32a0fa5 100644
--- a/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
+++ b/src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue
@@ -1,6 +1,6 @@
+
AI营销工具
企业信息
-
个人信息
-
- 
+
{renderActionRow()}
- 
+
-
+
+ 取消
+ 确认删除
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue b/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue
new file mode 100644
index 0000000..2f9467e
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue
@@ -0,0 +1,207 @@
+
+
+
+
+
+ ![]()
+
+
+ {{
+ record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-'
+ }}
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+ 继续编辑
+
+ {{ action === 'exit' ? '确认退出' : '确认切换' }}
+
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/check/check-success-modal.vue b/src/views/material-center/components/finished-products/manuscript/check/check-success-modal.vue
new file mode 100644
index 0000000..9ca3ead
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check/check-success-modal.vue
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue b/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue
new file mode 100644
index 0000000..23d48f9
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue
@@ -0,0 +1,87 @@
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss b/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss
new file mode 100644
index 0000000..e32fa77
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss
@@ -0,0 +1,45 @@
+.check-list-drawer-xt {
+ .arco-drawer-mask {
+ background-color: transparent;
+ }
+ .arco-drawer {
+ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
+ .arco-drawer-body {
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ padding: 0 0 24px;
+ .cts {
+ color: var(--Text-1, #939499);
+
+ font-family: $font-family-regular;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ &.bold {
+ color: var(--Text-1, #211f24);
+ font-family: $font-family-medium;
+ }
+ }
+ .card-item {
+ cursor: pointer;
+ border: 1px solid transparent;
+ transition: all;
+ &:hover {
+ background-color: #e6e6e8;
+ }
+ &:not(:last-child) {
+ margin-bottom: 12px;
+ }
+ &.active {
+ border-color: #6d4cfe;
+ background-color: #f0edff;
+ :deep(.overflow-text) {
+ font-family: $font-family-medium !important;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/constants.ts b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/constants.ts
new file mode 100644
index 0000000..0dbe0da
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/constants.ts
@@ -0,0 +1,57 @@
+export const escapeRegExp = (str: string) => {
+ return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};
+
+export const FORM_RULES = {
+ title: [{ required: true, message: '请输入标题' }],
+};
+export const enumTab = {
+ TEXT: 0,
+ IMAGE: 1,
+};
+export const TAB_LIST = [
+ {
+ label: '文本',
+ value: enumTab.TEXT,
+ },
+ // {
+ // label: '图片',
+ // value: enumTab.IMAGE,
+ // },
+];
+
+export enum Enum_Level {
+ LOW = 0,
+ MEDIUM = 1,
+ HIGH = 2,
+}
+
+export const LEVEL_MAP = new Map([
+ [Enum_Level.LOW, { label: '低风险', value: 'low_risk_number', color: '#6d4cfe' }],
+ [Enum_Level.MEDIUM, { label: '中风险', value: 'medium_risk_number', color: '#FFAE00' }],
+ [Enum_Level.HIGH, { label: '高风险', value: 'high_risk_number', color: '#F64B31' }],
+]);
+
+export const RESULT_LIST = [
+ {
+ label: '合规程度',
+ value: 'compliance_level',
+ color: LEVEL_MAP.get(Enum_Level.LOW)?.color,
+ suffix: '%',
+ },
+ {
+ label: '检验项',
+ value: 'inspection_count',
+ color: '#211F24',
+ },
+ {
+ label: '高风险',
+ value: 'high_risk_number',
+ color: LEVEL_MAP.get(Enum_Level.HIGH)?.color,
+ },
+ {
+ label: '中风险',
+ value: 'medium_risk_number',
+ color: LEVEL_MAP.get(Enum_Level.MEDIUM)?.color,
+ },
+];
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
new file mode 100644
index 0000000..a0bf5bb
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
@@ -0,0 +1,234 @@
+
+ ) lightgray 50% / cover no-repeat;
+ }
+ }
+ &:hover {
+ .close-icon {
+ display: block;
+ }
+ }
+ }
+ }
+ }
+
+ .swiper-box {
+ position: absolute;
+ margin-top: 0 !important;
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ background: rgba(0, 0, 0, 0.4);
+ transition: all;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ top: 50%;
+ transform: translateY(-50%);
+ &:hover {
+ background: rgba(0, 0, 0, 0.6);
+ }
+ &.swiper-button-prev {
+ left: 16px;
+ }
+ &.swiper-button-next {
+ right: 16px;
+ }
+ &::after {
+ display: none;
+ }
+ &.swiper-button-disabled {
+ display: none;
+ }
+ }
+ }
+ }
+ .right-box {
+ border: 1px solid #e6e6e8;
+ flex: 1;
+ border-radius: 8px;
+ padding: 16px;
+ display: flex;
+ flex-direction: column;
+ overflow-y: auto;
+ height: fit-content;
+ max-height: 100%;
+ .s1 {
+ font-family: $font-family-manrope-medium;
+ font-size: 24px;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 32px; /* 133.333% */
+ }
+ .result-item {
+ &:first-child {
+ position: relative;
+ &::after {
+ content: '';
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ right: 0;
+ width: 1px;
+ height: 32px;
+ background: var(--Border-1, #d7d7d9);
+ }
+ }
+ }
+ .suggestion-box {
+ .ai-text {
+ background: linear-gradient(85deg, #7d419d 4.56%, #31353d 94.75%);
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ font-family: $font-family-medium;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ }
+ }
+ :deep(.overflow-text) {
+ color: #211f24;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ .forbid-word-box {
+ :deep(.overflow-text) {
+ &.level0 {
+ color: #6d4cfe;
+ }
+ &.level2 {
+ color: #f64b31;
+ }
+ &.level1 {
+ color: #ffae00;
+ }
+ }
+ }
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/header-card/index.vue b/src/views/material-center/components/finished-products/manuscript/check/components/header-card/index.vue
new file mode 100644
index 0000000..f9539a0
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/header-card/index.vue
@@ -0,0 +1,116 @@
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/header-card/style.scss b/src/views/material-center/components/finished-products/manuscript/check/components/header-card/style.scss
new file mode 100644
index 0000000..9a4dcef
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/header-card/style.scss
@@ -0,0 +1,74 @@
+.header-wrap {
+ .cts {
+ color: #939499;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+ .swiper-wrap {
+ .swiper-item {
+ transition: all;
+ &:hover {
+ background-color: #e6e6e8;
+ }
+ &.active {
+ background-color: #f0edff;
+ border-color: #6d4cfe;
+ :deep(.overflow-text) {
+ font-family: $font-family-medium !important;
+ }
+ }
+ }
+ .swiper-box {
+ width: 100px;
+ height: 64px;
+ position: absolute;
+ &.swiper-button-prev {
+ background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 43.06%);
+ margin-top: 0 !important;
+ top: 0;
+ left: 0;
+ justify-content: flex-start;
+ padding-left: 8px;
+ }
+ &.swiper-button-next {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 43.06%);
+ margin-top: 0 !important;
+ top: 0;
+ right: 0;
+ justify-content: flex-end;
+ padding-right: 8px;
+ }
+ &::after {
+ display: none;
+ }
+ .swiper-button {
+ width: 40px;
+ height: 40px;
+ background-color: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 8px;
+ border: 1px solid var(--Border-1, #d7d7d9);
+ &:hover {
+ background-color: #f7f8fa;
+ }
+ &.click {
+ background-color: #f2f3f5;
+ }
+ }
+ &.swiper-button-disabled {
+ display: none;
+ }
+ }
+ }
+ .platform-row {
+ border-bottom: 1px solid var(--Border-2, #e6e6e8);
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/check/index.vue b/src/views/material-center/components/finished-products/manuscript/check/index.vue
new file mode 100644
index 0000000..f733456
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check/index.vue
@@ -0,0 +1,266 @@
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/check/style.scss b/src/views/material-center/components/finished-products/manuscript/check/style.scss
new file mode 100644
index 0000000..9bd24ba
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check/style.scss
@@ -0,0 +1,48 @@
+$footer-height: 68px;
+.manuscript-check-wrap {
+ width: 100%;
+ height: calc(100% - ($footer-height - $layout-padding-bottom));
+ .cts {
+ color: #939499;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+ .check-list-icon {
+ // width: 92px;
+ cursor: pointer;
+ height: 36px;
+ display: flex;
+ padding: 8px 12px;
+ justify-content: center;
+ align-items: center;
+ border-radius: 30px 0 0 30px;
+ border: 1px solid var(--Border-1, #d7d7d9);
+ background: #fff;
+ position: absolute;
+ right: 0;
+ top: calc($navbar-height + 8px);
+ &:hover {
+ .icon,
+ .cts {
+ color: #6d4cfe !important;
+ }
+ }
+ }
+}
+.footer-row {
+ position: fixed;
+ bottom: 0;
+ left: $sidebar-width;
+ width: calc(100% - $sidebar-width);
+ height: $footer-height;
+ &.collapsed {
+ left: $sidebar-width-collapse;
+ width: calc(100% - $sidebar-width-collapse);
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/components/edit-form/img-box.vue b/src/views/material-center/components/finished-products/manuscript/components/edit-form/img-box.vue
new file mode 100644
index 0000000..0746114
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/components/edit-form/img-box.vue
@@ -0,0 +1,99 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/components/edit-form/index.vue b/src/views/material-center/components/finished-products/manuscript/components/edit-form/index.vue
new file mode 100644
index 0000000..273cda1
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/components/edit-form/index.vue
@@ -0,0 +1,373 @@
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/components/edit-form/style.scss b/src/views/material-center/components/finished-products/manuscript/components/edit-form/style.scss
new file mode 100644
index 0000000..daff403
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/components/edit-form/style.scss
@@ -0,0 +1,38 @@
+.cts {
+ font-family: $font-family-regular;
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px;
+}
+.upload-box {
+ display: flex;
+ width: 100px;
+ height: 100px;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-radius: 8px;
+ border: 1px dashed var(--Border-1, #d7d7d9);
+ background: var(--BG-200, #f2f3f5);
+ &:hover {
+ background: var(--Primary-1, #e6e6e8);
+ }
+}
+.group {
+ border-radius: 8px;
+ &:hover {
+ .group-container {
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
+ url() lightgray 0px -40.771px / 100% 149.766% no-repeat;
+ }
+ }
+}
+.textarea-box {
+ :deep(.arco-textarea) {
+ height: 140px;
+ max-height: 298px;
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/constants.ts b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/constants.ts
new file mode 100644
index 0000000..19964f0
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/constants.ts
@@ -0,0 +1,40 @@
+export const INITIAL_FORM = {
+ audit_status: '',
+ sort_column: undefined,
+ sort_order: undefined,
+};
+
+export const TABLE_COLUMNS = [
+ {
+ title: '序号',
+ dataIndex: 'uid',
+ width: 120,
+ fixed: 'left',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '内容稿件标题',
+ dataIndex: 'title',
+ width: 220,
+ },
+ {
+ title: '审核状态',
+ dataIndex: 'audit_status',
+ width: 120,
+ },
+ {
+ title: '稿件类型',
+ dataIndex: 'type',
+ width: 120,
+ },
+ {
+ title: '最后修改时间',
+ dataIndex: 'last_modified_at',
+ width: 160,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+];
diff --git a/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/index.vue b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/index.vue
new file mode 100644
index 0000000..86ea333
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/index.vue
@@ -0,0 +1,296 @@
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue
new file mode 100644
index 0000000..c849795
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue
@@ -0,0 +1,152 @@
+
diff --git a/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/style.scss b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/style.scss
new file mode 100644
index 0000000..a3b9dd3
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/style.scss
@@ -0,0 +1,68 @@
+.share-manuscript-modal {
+ .cts {
+ font-family: $font-family-regular;
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ &.num {
+ font-family: $font-family-manrope-regular;
+ }
+ }
+ .filter-row-item {
+ .label {
+ color: var(--Text-1, #211f24);
+ font-size: 14px;
+ }
+ }
+ .arco-modal-body {
+ height: 464px;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ .arco-scrollbar-track {
+ display: none !important;
+ }
+ .arco-table {
+ .arco-table-container {
+ .arco-table-element {
+ thead {
+ .arco-table-tr {
+ .arco-table-th {
+ .arco-table-cell {
+ padding: 10px 16px !important;
+ }
+ }
+ }
+ }
+ tbody {
+ .arco-table-tr {
+ .arco-table-td {
+ .arco-table-cell {
+ padding: 6px 16px;
+ .arco-table-cell-content,
+ .arco-table-td-content {
+ font-size: 12px;
+ line-height: 20px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .arco-pagination {
+ .arco-pagination-total,
+ .arco-pagination-jumper-prepend {
+ font-size: 14px;
+ }
+ .arco-pagination-jumper-prepend {
+ font-family: $font-family-regular;
+ }
+ }
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue b/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
new file mode 100644
index 0000000..523449d
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
@@ -0,0 +1,419 @@
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/style.scss b/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/style.scss
new file mode 100644
index 0000000..494dff7
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/style.scss
@@ -0,0 +1,31 @@
+.upload-manuscript-modal {
+ .text {
+ color: var(--Text-1, #211f24);
+ text-align: center;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ .tip {
+ color: var(--Text-3, #737478);
+ text-align: center;
+ font-family: $font-family-regular;
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px;
+ }
+ .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);
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/detail/index.vue b/src/views/material-center/components/finished-products/manuscript/detail/index.vue
new file mode 100644
index 0000000..95f4f96
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/detail/index.vue
@@ -0,0 +1,208 @@
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/detail/style.scss b/src/views/material-center/components/finished-products/manuscript/detail/style.scss
new file mode 100644
index 0000000..737345a
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/detail/style.scss
@@ -0,0 +1,70 @@
+$footer-height: 68px;
+.manuscript-detail-wrap {
+ width: 100%;
+ height: calc(100% - ($footer-height - $layout-padding-bottom));
+ .cts {
+ color: #939499;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+ .main-video-box {
+ width: 320px;
+ height: 472px;
+ background: #333;
+ aspect-ratio: 3 / 4;
+ }
+ .main-img-box {
+ width: 320px;
+ height: auto;
+ max-height: 472px;
+ background: #fff;
+ // aspect-ratio: 3/4;
+ }
+ .desc-img-wrap {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 24px;
+ .desc-img-box {
+ width: 212px;
+ height: 283px;
+ background: #fff;
+ object-fit: contain;
+ aspect-ratio: 3/4;
+ }
+ }
+ .play-icon {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 222;
+ width: 64px;
+ height: 64px;
+ background-image: url('@/assets/img/creative-generation-workshop/icon-play.png');
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+ transition: background-image 0.3s ease;
+ }
+
+ .play-icon:hover {
+ background-image: url('@/assets/img/creative-generation-workshop/icon-play-hover.png');
+ }
+}
+.footer-row {
+ position: fixed;
+ bottom: 0;
+ left: $sidebar-width;
+ width: calc(100% - $sidebar-width);
+ height: $footer-height;
+ &.collapsed {
+ left: $sidebar-width-collapse;
+ width: calc(100% - $sidebar-width-collapse);
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue b/src/views/material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue
new file mode 100644
index 0000000..a68f732
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue
@@ -0,0 +1,34 @@
+
+
+ 继续编辑
+ 确认退出
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/edit/index.vue b/src/views/material-center/components/finished-products/manuscript/edit/index.vue
new file mode 100644
index 0000000..96d6d68
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/edit/index.vue
@@ -0,0 +1,142 @@
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/edit/style.scss b/src/views/material-center/components/finished-products/manuscript/edit/style.scss
new file mode 100644
index 0000000..0509c0a
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/edit/style.scss
@@ -0,0 +1,28 @@
+$footer-height: 68px;
+.manuscript-edit-wrap {
+ height: calc(100% - ($footer-height - $layout-padding-bottom));
+ display: flex;
+ flex-direction: column;
+ .cts {
+ color: #939499;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+}
+.footer-row {
+ position: fixed;
+ bottom: 0;
+ left: $sidebar-width;
+ width: calc(100% - $sidebar-width);
+ height: $footer-height;
+ &.collapsed {
+ left: $sidebar-width-collapse;
+ width: calc(100% - $sidebar-width-collapse);
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/list/components/filter-block/index.vue b/src/views/material-center/components/finished-products/manuscript/list/components/filter-block/index.vue
new file mode 100644
index 0000000..f68d0b5
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/list/components/filter-block/index.vue
@@ -0,0 +1,149 @@
+
+
+ 取消
+ 确认删除
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue
new file mode 100644
index 0000000..834f749
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue
@@ -0,0 +1,167 @@
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/style.scss b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/style.scss
new file mode 100644
index 0000000..8621a01
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/style.scss
@@ -0,0 +1,16 @@
+.manuscript-table {
+ .cts {
+ color: var(--Text-1, #211f24);
+ font-family: $font-family-medium;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ :deep(.title) {
+ cursor: pointer;
+ &:hover {
+ color: #6d4cfe;
+ }
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/list/constants.ts b/src/views/material-center/components/finished-products/manuscript/list/constants.ts
new file mode 100644
index 0000000..b06f7cd
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/list/constants.ts
@@ -0,0 +1,56 @@
+export const INITIAL_QUERY = {
+ title: '',
+ // project_ids: [],
+ uid: '',
+ audit_status: '',
+ created_at: [],
+ sort_column: undefined,
+ sort_order: undefined,
+};
+
+export enum EnumCheckStatus {
+ All = '',
+ Wait = 1,
+ Checking = 2,
+ Passed = 3,
+}
+export enum EnumManuscriptType {
+ All = '',
+ Image = 0,
+ Video = 1,
+}
+
+export const CHECK_STATUS = [
+ {
+ name: '待审核',
+ id: EnumCheckStatus.Wait,
+ backgroundColor: '#F2F3F5',
+ color: '#3C4043'
+ },
+ {
+ name: '审核中',
+ id: EnumCheckStatus.Checking,
+ backgroundColor: '#FFF7E5',
+ color: '#FFAE00'
+ },
+ {
+ name: '已通过',
+ id: EnumCheckStatus.Passed,
+ backgroundColor: '#EBF7F2',
+ color: '#25C883'
+ },
+];
+export const MANUSCRIPT_TYPE = [
+ {
+ label: '全部',
+ value: EnumManuscriptType.All,
+ },
+ {
+ label: '图片',
+ value: EnumManuscriptType.Image,
+ },
+ {
+ label: '视频',
+ value: EnumManuscriptType.Video,
+ },
+]
diff --git a/src/views/material-center/components/finished-products/manuscript/list/index.vue b/src/views/material-center/components/finished-products/manuscript/list/index.vue
new file mode 100644
index 0000000..516883e
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/list/index.vue
@@ -0,0 +1,94 @@
+
+
+ 继续编辑
+ 确认取消
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/upload/index.vue b/src/views/material-center/components/finished-products/manuscript/upload/index.vue
new file mode 100644
index 0000000..429ce2e
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/upload/index.vue
@@ -0,0 +1,325 @@
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/upload/style.scss b/src/views/material-center/components/finished-products/manuscript/upload/style.scss
new file mode 100644
index 0000000..d3c3f70
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/upload/style.scss
@@ -0,0 +1,32 @@
+$footer-height: 68px;
+.manuscript-upload-wrap {
+ height: calc(100% - ($footer-height - $layout-padding-bottom));
+ .cts,
+ :deep(.overflow-text) {
+ color: #939499;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+ .right {
+ border-left: 1px solid var(--Border-2, #e6e6e8);
+ width: 320px;
+ flex-shrink: 0;
+ }
+}
+.footer-row {
+ position: fixed;
+ bottom: 0;
+ left: $sidebar-width;
+ width: calc(100% - $sidebar-width);
+ height: $footer-height;
+ &.collapsed {
+ left: $sidebar-width-collapse;
+ width: calc(100% - $sidebar-width-collapse);
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/upload/upload-success-modal.vue b/src/views/material-center/components/finished-products/manuscript/upload/upload-success-modal.vue
new file mode 100644
index 0000000..d0a9706
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/upload/upload-success-modal.vue
@@ -0,0 +1,64 @@
+
+
+ 回到列表
+ 批量审核
+
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/style.scss b/src/views/material-center/components/finished-products/style.scss
new file mode 100644
index 0000000..d93b8c2
--- /dev/null
+++ b/src/views/material-center/components/finished-products/style.scss
@@ -0,0 +1,37 @@
+.finished-products-wrap {
+ :deep(.ant-tabs) {
+ .ant-tabs-nav {
+ margin-bottom: 0;
+ padding: 0 24px;
+ .ant-tabs-nav-wrap {
+ height: 56px;
+ .ant-tabs-nav-list {
+ .ant-tabs-tab {
+ .ant-tabs-tab-btn {
+ color: var(--Text-2, #55585f);
+ font-family: $font-family-regular;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ }
+ &.ant-tabs-tab-active {
+ .ant-tabs-tab-btn {
+ color: var(--Brand-6, #6d4cfe);
+ font-weight: 500;
+ font-family: $font-family-medium;
+ text-shadow: none;
+ }
+ }
+ }
+ .ant-tabs-ink-bar {
+ background: #6D4CFE;
+ }
+ }
+ }
+ }
+ .ant-tabs-content-holder {
+ display: none;
+ }
+ }
+}
diff --git a/src/views/material-center/components/raw-material/components/filter-block/index.vue b/src/views/material-center/components/raw-material/components/filter-block/index.vue
new file mode 100644
index 0000000..00525a5
--- /dev/null
+++ b/src/views/material-center/components/raw-material/components/filter-block/index.vue
@@ -0,0 +1,121 @@
+
+
+ 取消
+ 确认删除
+
+
+
+
+
diff --git a/src/views/material-center/components/raw-material/components/table/index.vue b/src/views/material-center/components/raw-material/components/table/index.vue
new file mode 100644
index 0000000..5fb0e2c
--- /dev/null
+++ b/src/views/material-center/components/raw-material/components/table/index.vue
@@ -0,0 +1,137 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/material-center/components/raw-material/components/table/style.scss b/src/views/material-center/components/raw-material/components/table/style.scss
new file mode 100644
index 0000000..d03c8da
--- /dev/null
+++ b/src/views/material-center/components/raw-material/components/table/style.scss
@@ -0,0 +1,16 @@
+.manuscript-table {
+ .cts {
+ color: var(--Text-1, #211f24);
+ font-family: $font-family-medium;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.num {
+ font-family: $font-family-manrope-regular;
+ }
+ &.regular {
+ font-family: $font-family-regular;
+ }
+ }
+}
diff --git a/src/views/material-center/components/raw-material/constants.ts b/src/views/material-center/components/raw-material/constants.ts
new file mode 100644
index 0000000..436dd01
--- /dev/null
+++ b/src/views/material-center/components/raw-material/constants.ts
@@ -0,0 +1,87 @@
+export enum RawMaterialType {
+ All = '',
+ Image = 0,
+ Video = 1,
+ Text = 2,
+}
+
+export const TABS_LIST = [
+ {
+ label: '全部',
+ value: RawMaterialType.All,
+ },
+ {
+ label: '图片',
+ value: RawMaterialType.Image,
+ },
+ {
+ label: '视频',
+ value: RawMaterialType.Video,
+ },
+ {
+ label: '文本',
+ value: RawMaterialType.Text,
+ },
+];
+
+export const ORIGIN_LIST = [
+ {
+ label: '本地上传',
+ value: 0,
+ },
+ {
+ label: 'AI生成',
+ value: 1,
+ },
+]
+
+export const INITIAL_QUERY = {
+ name: '',
+ uid: '',
+ type: RawMaterialType.All,
+ created_at: [],
+ sort_column: undefined,
+ sort_order: undefined,
+};
+
+export const TABLE_COLUMNS = [
+ {
+ title: '文件名称',
+ dataIndex: 'name',
+ width: 400,
+ },
+ {
+ title: '类型',
+ dataIndex: 'type',
+ width: 80,
+ },
+ {
+ title: '来源',
+ dataIndex: 'origin',
+ width: 120,
+ },
+ {
+ title: '大小',
+ dataIndex: 'size',
+ width: 120,
+ },
+ {
+ title: '上传时间',
+ dataIndex: 'created_at',
+ width: 180,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '上传人员',
+ dataIndex: 'uploader',
+ width: 180,
+ },
+ {
+ title: '操作',
+ dataIndex: 'operation',
+ width: 100,
+ fixed: 'right',
+ }
+]
\ No newline at end of file
diff --git a/src/views/material-center/components/raw-material/index.vue b/src/views/material-center/components/raw-material/index.vue
new file mode 100644
index 0000000..3dd1de8
--- /dev/null
+++ b/src/views/material-center/components/raw-material/index.vue
@@ -0,0 +1,149 @@
+
+
+
diff --git a/src/views/material-center/components/raw-material/style.scss b/src/views/material-center/components/raw-material/style.scss
new file mode 100644
index 0000000..2bf2d92
--- /dev/null
+++ b/src/views/material-center/components/raw-material/style.scss
@@ -0,0 +1,37 @@
+.raw-material-wrap {
+ :deep(.ant-tabs) {
+ .ant-tabs-nav {
+ margin-bottom: 0;
+ padding: 0 24px;
+ .ant-tabs-nav-wrap {
+ height: 56px;
+ .ant-tabs-nav-list {
+ .ant-tabs-tab {
+ .ant-tabs-tab-btn {
+ color: var(--Text-2, #55585f);
+ font-family: $font-family-regular;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ }
+ &.ant-tabs-tab-active {
+ .ant-tabs-tab-btn {
+ color: var(--Brand-6, #6d4cfe);
+ font-weight: 500;
+ font-family: $font-family-medium;
+ text-shadow: none;
+ }
+ }
+ }
+ .ant-tabs-ink-bar {
+ background: #6D4CFE;
+ }
+ }
+ }
+ }
+ .ant-tabs-content-holder {
+ display: none;
+ }
+ }
+}
diff --git a/src/views/material-center/index.vue b/src/views/material-center/index.vue
new file mode 100644
index 0000000..e6a303e
--- /dev/null
+++ b/src/views/material-center/index.vue
@@ -0,0 +1,58 @@
+
+
+
diff --git a/src/views/material-center/style.scss b/src/views/material-center/style.scss
new file mode 100644
index 0000000..0d3706c
--- /dev/null
+++ b/src/views/material-center/style.scss
@@ -0,0 +1,2 @@
+.material-center-wrap {
+}
diff --git a/src/views/property-marketing/brands/brand-materials/index.vue b/src/views/property-marketing/brands/brand-materials/index.vue
index 3e9edaa..10caacb 100644
--- a/src/views/property-marketing/brands/brand-materials/index.vue
+++ b/src/views/property-marketing/brands/brand-materials/index.vue
@@ -1,6 +1,6 @@
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
new file mode 100644
index 0000000..39f8fd3
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
@@ -0,0 +1,58 @@
+
+
+
+
+ 内容稿件标题
+
+
+
+
+
+
+
+ 序号
+
+
+
+
+
+
+
+ 上传时间
+
+
+
+ 审核平台
+
+ {{
+ item.label
+ }}
+
+
+
+ 审核时间
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ 确认删除 {{ projectName }} 这个内容稿件吗？
+
+
+
+ {{ column.title }}
+
+
+
+
+
+
+ + {{ + getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-' + }} +
+ + + - +
+ ![]()
+ {{
+ record.type === EnumManuscriptType.Image ? '图文' : '视频'
+ }}
+
+
+
+ {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
+
+
+ {{ exactFormatTime(record[column.dataIndex]) }}
+
+
+
+ ![]()
+ 分享
+ 审核
+ 查看
+
+
+
+ {{ formatTableField(column, record, true) }}
+
+
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/check-list/style.scss b/src/views/material-center/components/finished-products/manuscript/check-list/style.scss
new file mode 100644
index 0000000..a3a41fc
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check-list/style.scss
@@ -0,0 +1,35 @@
+.manuscript-check-wrap {
+ // height: 100%;
+ display: flex;
+ flex-direction: column;
+ .filter-wrap {
+ :deep(.arco-tabs) {
+ .arco-tabs-tab {
+ height: 56px;
+ padding: 0 8px;
+ }
+ .arco-tabs-nav-extra {
+ padding-right: 24px;
+ }
+ .arco-tabs-content {
+ display: none;
+ }
+ }
+ .top {
+ .title {
+ font-family: $font-family-medium;
+ font-style: normal;
+ }
+
+ :deep(.arco-btn) {
+ .arco-btn-icon {
+ line-height: 16px;
+ }
+ }
+ }
+ }
+ .table-wrap {
+ display: flex;
+ flex-direction: column;
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/check/cancel-check-modal.vue b/src/views/material-center/components/finished-products/manuscript/check/cancel-check-modal.vue
new file mode 100644
index 0000000..beedea2
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check/cancel-check-modal.vue
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+
+ 批量审核
+ 批量查看
+
+
+
+
+
+ ![]()
+ {{
+ action === 'exit'
+ ? '内容已修改尚未保存，若退出编辑，本次修改将不保存。'
+ : '当前内容已修改尚未保存，若切换内容稿件，本次修改将不保存。'
+ }}
+
+
+
+ ![]()
+ 内容稿件已通过审核
+
+
+ 想让内容更抓眼球、更吸流量吗？
+试试「内容稿件分析」功能吧！
+
+
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/index.vue b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/index.vue
new file mode 100644
index 0000000..863e004
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/index.vue
@@ -0,0 +1,476 @@
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/check/components/content-card/style.scss b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/style.scss
new file mode 100644
index 0000000..3ee72d6
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/check/components/content-card/style.scss
@@ -0,0 +1,205 @@
+.content-wrap {
+ .cts {
+ color: #939499;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+ .check-btn {
+ .check-text {
+ background: linear-gradient(84deg, #266cff 4.57%, #a15af0 84.93%);
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+ &:hover {
+ opacity: 0.8;
+ }
+ }
+
+ .left-box {
+ :deep(.arco-tabs) {
+ .arco-tabs-nav {
+ .arco-tabs-tab {
+ height: 40px;
+ // padding: 0 8px;
+ margin: 0 16px;
+ }
+ &::before {
+ display: none;
+ }
+ }
+ .arco-tabs-content {
+ display: none;
+ }
+ }
+ :deep(.arco-form) {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ .arco-form-item {
+ margin-bottom: 24px;
+ .arco-form-item-label-col {
+ .arco-form-item-label {
+ color: #939499;
+ }
+ }
+ }
+ .content-form-item {
+ margin-bottom: 0;
+ display: flex;
+ flex-direction: column;
+ .arco-form-item-wrapper-col {
+ flex: 1;
+ .arco-form-item-content-wrapper,
+ .arco-form-item-content,
+ .arco-textarea-wrapper {
+ height: 100%;
+ }
+ }
+ }
+ }
+ .upload-box {
+ display: flex;
+ width: 100px;
+ height: 100px;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-radius: 8px;
+ border: 1px dashed var(--Border-1, #d7d7d9);
+ background: var(--BG-200, #f2f3f5);
+ &:hover {
+ background: var(--Primary-1, #e6e6e8);
+ }
+ }
+ .swiper-wrap {
+ :deep(.swiper) {
+ height: 100%;
+ .swiper-wrapper {
+ align-items: center;
+ .swiper-slide {
+ transition: all;
+ &.active {
+ width: 60px !important;
+ height: 60px !important;
+ .group {
+ border: 2px solid var(--Brand-6, #6d4cfe);
+ background: url(
+ 图片
+ {{ `(${files.length ?? 0}/18)` }}
+ 第一张为首图，支持拖拽排序
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+ ![]()
+ 内容已修改尚未保存，若退出编辑，本次修改将不保存。
+
+
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts
new file mode 100644
index 0000000..d6d437b
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts
@@ -0,0 +1,73 @@
+export const TABLE_COLUMNS = [
+ {
+ title: '序号',
+ dataIndex: 'uid',
+ width: 120,
+ fixed: 'left',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '图片/视频',
+ dataIndex: 'cover',
+ width: 120,
+ },
+ {
+ title: '内容稿件标题',
+ dataIndex: 'title',
+ width: 240,
+ },
+ {
+ title: '客户意见',
+ dataIndex: 'customer_opinion',
+ width: 120,
+ },
+ // {
+ // title: '所属项目',
+ // dataIndex: 'projects',
+ // width: 240,
+ // },
+ {
+ title: '稿件类型',
+ dataIndex: 'type',
+ width: 120,
+ },
+ {
+ title: '审核状态',
+ dataIndex: 'audit_status',
+ width: 120,
+ },
+ {
+ title: '上传时间',
+ dataIndex: 'created_at',
+ width: 180,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '上传人员',
+ dataIndex: 'uploader',
+ width: 180,
+ },
+ {
+ title: '最后修改时间',
+ dataIndex: 'last_modified_at',
+ width: 180,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最后修改人员',
+ dataIndex: 'last_modifier',
+ width: 180,
+ },
+ {
+ title: '操作',
+ dataIndex: 'operation',
+ width: 180,
+ fixed: 'right',
+ },
+];
diff --git a/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
new file mode 100644
index 0000000..ef68bd5
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
@@ -0,0 +1,58 @@
+
+
+
+
+ 内容稿件标题
+
+
+
+
+
+
+ 序号
+
+
+
+
+
+
+
+ 审核状态
+
+
+ 上传时间
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ 确认删除 {{ projectName }} 这个稿件吗？
+
+
+
+ {{ column.title }}
+
+
+
+
+
+
+ {{ exactFormatTime(record.create_at) }}
+
+
+ + {{ + getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-' + }} +
+ + +
+ {{
+ getStatusInfo(record.audit_status).name
+ }}
+
+
+
+
+ ![]()
+ {{
+ record.type === EnumManuscriptType.Image ? '图文' : '视频'
+ }}
+
+
+
+ {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
+
+
+ {{ exactFormatTime(record[column.dataIndex]) }}
+
+
+
+ ![]()
+ 编辑
+ 详情
+
+
+
+ {{ formatTableField(column, record, true) }}
+
+
+
+
+
+
+
diff --git a/src/views/material-center/components/finished-products/manuscript/list/style.scss b/src/views/material-center/components/finished-products/manuscript/list/style.scss
new file mode 100644
index 0000000..abbedf0
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/list/style.scss
@@ -0,0 +1,11 @@
+.manuscript-list-wrap {
+ // height: 100%;
+ display: flex;
+ flex-direction: column;
+ .filter-wrap {
+ }
+ .table-wrap {
+ display: flex;
+ flex-direction: column;
+ }
+}
diff --git a/src/views/material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue b/src/views/material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue
new file mode 100644
index 0000000..afbe71a
--- /dev/null
+++ b/src/views/material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+ ![]()
+ 确认取消上传这 {{ num }} 个文件吗？此操作不可恢复。
+
+
+
+ ![]()
+ 上传成功
+
+
+ 为确保内容合规，建议您立即进行审核
+检测是否存在违规内容
+
+
+
+
+
diff --git a/src/views/material-center/components/raw-material/components/table/delete-file-modal.vue b/src/views/material-center/components/raw-material/components/table/delete-file-modal.vue
new file mode 100644
index 0000000..fe55b31
--- /dev/null
+++ b/src/views/material-center/components/raw-material/components/table/delete-file-modal.vue
@@ -0,0 +1,54 @@
+
+
+
+
+ 文件名称
+
+
+
+
+
+ 序号
+
+
+
+
+
+
+
+
+ 上传时间
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ 确认删除 {{ fileName }} 文件吗？
+
+
+
+ {{ column.title }}
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+ {{ TABS_LIST.find((item) => item.value === record.type)?.label ?? '-' }}
+
+
+ {{ formatFileSize(record.size) }}
+
+
+ {{ ORIGIN_LIST.find((item) => item.value === record.origin)?.label ?? '-' }}
+
+
+ {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
+
+
+ {{ exactFormatTime(record[column.dataIndex]) }}
+
+
+
+
+
+ ![]()
+ 下载
+
+
+
+ {{ formatTableField(column, record, true) }}
+
+
-
+
@@ -106,7 +106,7 @@
-
品牌物料
@@ -72,7 +72,7 @@
+
-
+
-
+
-
+
-
数据总览
@@ -27,12 +27,10 @@
+
+
+
-
+
账号信息
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
index 3ee11e6..3abfa13 100644
--- 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
@@ -3,7 +3,7 @@
* @Date: 2025-06-28 12:58:09
-->
-
+
笔记详情
@@ -97,7 +97,7 @@
-
+
-
+
-
+
账号管理
@@ -91,7 +91,7 @@
/>
+
- {label}
+ {label}
)}
);
@@ -130,7 +130,7 @@ export default defineComponent({
return (
- 正常
+ 正常
- {label}
+ {label}
{status === EnumStatus.PAUSE ? (
) : (
diff --git a/src/views/property-marketing/project-manage/project-list/index.vue b/src/views/property-marketing/project-manage/project-list/index.vue
index 51d8643..05aa2d3 100644
--- a/src/views/property-marketing/project-manage/project-list/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/index.vue
@@ -1,12 +1,12 @@
-
+
-
@@ -14,16 +14,14 @@
项目列表
+
+
-
+
-
+
-
+
-
+
+
-
+
账户管理
@@ -70,7 +70,7 @@
/>
+
-
+
diff --git a/src/views/property-marketing/put-account/investment-guidelines/style.scss b/src/views/property-marketing/put-account/investment-guidelines/style.scss
index 5d26e95..06776d7 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/style.scss
+++ b/src/views/property-marketing/put-account/investment-guidelines/style.scss
@@ -6,7 +6,7 @@
.pagination-box {
display: flex;
width: 100%;
- padding: 16px 24px;
+ padding: 4px 24px 24px;
justify-content: flex-end;
align-items: center;
}
@@ -32,7 +32,7 @@
.filter-wrap {
border-radius: 8px;
- border: 1px solid #e6e6e8;
+ // border: 1px solid #e6e6e8;
:deep(.arco-tabs) {
.arco-tabs-tab {
@@ -75,7 +75,7 @@
.pagination-box {
display: flex;
width: 100%;
- padding: 16px 24px;
+ padding: 4px 24px 24px;
justify-content: flex-end;
align-items: center;
}
@@ -84,7 +84,7 @@
.pagination-box {
display: flex;
width: 100%;
- padding: 16px 24px;
+ padding: 4px 24px 24px;
justify-content: flex-end;
align-items: center;
@@ -129,7 +129,7 @@
background: var(--BG-white, white);
overflow: hidden;
border-radius: 8px;
- outline: 1px var(--BG-300, #E6E6E8) solid;
+ // outline: 1px var(--BG-300, #E6E6E8) solid;
outline-offset: -1px;
flex-direction: column;
justify-content: flex-start;
diff --git a/src/views/writer-material-center/components/finished-products/constants.ts b/src/views/writer-material-center/components/finished-products/constants.ts
new file mode 100644
index 0000000..c874ffd
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/constants.ts
@@ -0,0 +1,26 @@
+export enum AuditStatus {
+ All = '0',
+ Pending = '1',
+ Auditing = '2',
+ Passed = '3',
+}
+
+export const TABS_LIST = [
+ {
+ label: '全部',
+ value: AuditStatus.All,
+ },
+ {
+ label: '待审核',
+ value: AuditStatus.Pending,
+ },
+ {
+ label: '审核中',
+ value: AuditStatus.Auditing,
+ },
+ {
+ label: '已通过',
+ value: AuditStatus.Passed,
+ },
+];
+
diff --git a/src/views/writer-material-center/components/finished-products/index.vue b/src/views/writer-material-center/components/finished-products/index.vue
new file mode 100644
index 0000000..abaafca
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/index.vue
@@ -0,0 +1,65 @@
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue
new file mode 100644
index 0000000..8442599
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue
@@ -0,0 +1,142 @@
+
+
+
+
+ 取消
+ 确认删除
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue
new file mode 100644
index 0000000..6a1eb0b
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/index.vue
@@ -0,0 +1,202 @@
+
+
+
+
+
+ ![]()
+
+
+ {{
+ record.ai_review?.compliance_level ? `${record.ai_review?.compliance_level}%` : '-'
+ }}
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/style.scss
new file mode 100644
index 0000000..5a1711b
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/style.scss
@@ -0,0 +1,19 @@
+.manuscript-table {
+ .cts {
+ color: var(--Text-1, #211f24);
+ font-family: $font-family-medium;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.num {
+ font-family: $font-family-manrope-regular;
+ }
+ }
+ :deep(.title) {
+ cursor: pointer;
+ &:hover {
+ color: #6d4cfe;
+ }
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check-list/constants.ts b/src/views/writer-material-center/components/finished-products/manuscript/check-list/constants.ts
new file mode 100644
index 0000000..30bd2a1
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check-list/constants.ts
@@ -0,0 +1,246 @@
+import { AuditStatus } from '@/views/writer-material-center/components/finished-products/constants';
+
+export const TABLE_COLUMNS1 = [
+ {
+ title: '序号',
+ dataIndex: 'uid',
+ width: 120,
+ fixed: 'left',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '图片/视频',
+ dataIndex: 'cover',
+ width: 120,
+ },
+ {
+ title: '内容稿件标题',
+ dataIndex: 'title',
+ width: 300,
+ },
+ // {
+ // title: '客户意见',
+ // dataIndex: 'customer_opinion',
+ // width: 120,
+ // },
+ {
+ title: '稿件类型',
+ dataIndex: 'type',
+ width: 120,
+ },
+ {
+ title: '上传时间',
+ dataIndex: 'created_at',
+ width: 180,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最后修改时间',
+ dataIndex: 'last_modified_at',
+ width: 180,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '操作',
+ dataIndex: 'operation',
+ width: 120,
+ fixed: 'right',
+ },
+];
+export const TABLE_COLUMNS2 = [
+ {
+ title: '序号',
+ dataIndex: 'uid',
+ width: 120,
+ fixed: 'left',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '图片/视频',
+ dataIndex: 'cover',
+ width: 120,
+ },
+ {
+ title: '内容稿件标题',
+ dataIndex: 'title',
+ width: 300,
+ },
+ // {
+ // title: '客户意见',
+ // dataIndex: 'customer_opinion',
+ // width: 120,
+ // },
+ {
+ title: '审核平台',
+ dataIndex: 'platform',
+ width: 120,
+ },
+ {
+ title: '合规程度',
+ dataIndex: 'compliance_level',
+ suffix: '%',
+ width: 120,
+ },
+ {
+ title: '稿件类型',
+ dataIndex: 'type',
+ width: 120,
+ },
+ {
+ title: '审核时间',
+ dataIndex: 'audit_started_at',
+ width: 180,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最后修改时间',
+ dataIndex: 'last_modified_at',
+ width: 180,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ // {
+ // title: '修改人员',
+ // dataIndex: 'last_modifier',
+ // width: 180,
+ // },
+ {
+ title: '操作',
+ dataIndex: 'operation',
+ width: 120,
+ fixed: 'right',
+ },
+];
+export const TABLE_COLUMNS3 = [
+ {
+ title: '序号',
+ dataIndex: 'uid',
+ width: 120,
+ fixed: 'left',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '图片/视频',
+ dataIndex: 'cover',
+ width: 120,
+ },
+ {
+ title: '内容稿件标题',
+ dataIndex: 'title',
+ width: 300,
+ },
+ // {
+ // title: '客户意见',
+ // dataIndex: 'customer_opinion',
+ // width: 120,
+ // },
+ {
+ title: '审核平台',
+ dataIndex: 'platform',
+ width: 120,
+ },
+ {
+ title: '稿件类型',
+ dataIndex: 'type',
+ width: 120,
+ },
+ {
+ title: '通过时间',
+ dataIndex: 'audit_passed_at',
+ width: 180,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最后修改时间',
+ dataIndex: 'last_modified_at',
+ width: 180,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ // {
+ // title: '修改人员',
+ // dataIndex: 'last_modifier',
+ // width: 180,
+ // },
+ {
+ title: '操作',
+ dataIndex: 'operation',
+ width: 120,
+ fixed: 'right',
+ },
+];
+
+export const AUDIT_STATUS_LIST = [
+ {
+ label: '待审核',
+ value: AuditStatus.Pending,
+ tableColumns: TABLE_COLUMNS1,
+ },
+ {
+ label: '审核中',
+ value: AuditStatus.Auditing,
+ tableColumns: TABLE_COLUMNS2,
+ },
+ {
+ label: '已通过',
+ value: AuditStatus.Passed,
+ tableColumns: TABLE_COLUMNS3,
+ },
+];
+
+export const INITIAL_QUERY = {
+ audit_status: AuditStatus.Pending,
+ title: '',
+ created_at: [],
+ audit_started_at: [],
+ audit_platform: '',
+ sort_column: undefined,
+ sort_order: undefined,
+};
+
+import icon1 from '@/assets/img/platform/icon-dy.png';
+import icon2 from '@/assets/img/platform/icon-xhs.png';
+
+export const PLATFORMS = [
+ {
+ label: '小红书',
+ value: 1,
+ icon: icon2,
+ },
+ {
+ label: '抖音',
+ value: 2,
+ icon: icon1,
+ },
+];
+
+export const CUSTOMER_OPINION = [
+ {
+ label: '待确认',
+ value: 0,
+ bg: '#F2F3F5',
+ color: 'color-#3C4043',
+ },
+ {
+ label: '已确认',
+ value: 1,
+ bg: '#F0EDFF',
+ color: '!color-#6D4CFE',
+ },
+];
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check-list/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check-list/index.vue
new file mode 100644
index 0000000..5b30ad5
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check-list/index.vue
@@ -0,0 +1,196 @@
+
+
+ 继续编辑
+
+ {{ action === 'exit' ? '确认退出' : '确认切换' }}
+
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/check-success-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/check-success-modal.vue
new file mode 100644
index 0000000..d7e437b
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/check-success-modal.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue
new file mode 100644
index 0000000..78dc722
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue
@@ -0,0 +1,87 @@
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss
new file mode 100644
index 0000000..e32fa77
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss
@@ -0,0 +1,45 @@
+.check-list-drawer-xt {
+ .arco-drawer-mask {
+ background-color: transparent;
+ }
+ .arco-drawer {
+ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
+ .arco-drawer-body {
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ padding: 0 0 24px;
+ .cts {
+ color: var(--Text-1, #939499);
+
+ font-family: $font-family-regular;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ &.bold {
+ color: var(--Text-1, #211f24);
+ font-family: $font-family-medium;
+ }
+ }
+ .card-item {
+ cursor: pointer;
+ border: 1px solid transparent;
+ transition: all;
+ &:hover {
+ background-color: #e6e6e8;
+ }
+ &:not(:last-child) {
+ margin-bottom: 12px;
+ }
+ &.active {
+ border-color: #6d4cfe;
+ background-color: #f0edff;
+ :deep(.overflow-text) {
+ font-family: $font-family-medium !important;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/constants.ts b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/constants.ts
new file mode 100644
index 0000000..0dbe0da
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/constants.ts
@@ -0,0 +1,57 @@
+export const escapeRegExp = (str: string) => {
+ return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};
+
+export const FORM_RULES = {
+ title: [{ required: true, message: '请输入标题' }],
+};
+export const enumTab = {
+ TEXT: 0,
+ IMAGE: 1,
+};
+export const TAB_LIST = [
+ {
+ label: '文本',
+ value: enumTab.TEXT,
+ },
+ // {
+ // label: '图片',
+ // value: enumTab.IMAGE,
+ // },
+];
+
+export enum Enum_Level {
+ LOW = 0,
+ MEDIUM = 1,
+ HIGH = 2,
+}
+
+export const LEVEL_MAP = new Map([
+ [Enum_Level.LOW, { label: '低风险', value: 'low_risk_number', color: '#6d4cfe' }],
+ [Enum_Level.MEDIUM, { label: '中风险', value: 'medium_risk_number', color: '#FFAE00' }],
+ [Enum_Level.HIGH, { label: '高风险', value: 'high_risk_number', color: '#F64B31' }],
+]);
+
+export const RESULT_LIST = [
+ {
+ label: '合规程度',
+ value: 'compliance_level',
+ color: LEVEL_MAP.get(Enum_Level.LOW)?.color,
+ suffix: '%',
+ },
+ {
+ label: '检验项',
+ value: 'inspection_count',
+ color: '#211F24',
+ },
+ {
+ label: '高风险',
+ value: 'high_risk_number',
+ color: LEVEL_MAP.get(Enum_Level.HIGH)?.color,
+ },
+ {
+ label: '中风险',
+ value: 'medium_risk_number',
+ color: LEVEL_MAP.get(Enum_Level.MEDIUM)?.color,
+ },
+];
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
new file mode 100644
index 0000000..59ab272
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/highlight-textarea.vue
@@ -0,0 +1,233 @@
+
+ ) lightgray 50% / cover no-repeat;
+ }
+ }
+ &:hover {
+ .close-icon {
+ display: block;
+ }
+ }
+ }
+ }
+ }
+
+ .swiper-box {
+ position: absolute;
+ margin-top: 0 !important;
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ background: rgba(0, 0, 0, 0.4);
+ transition: all;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ top: 50%;
+ transform: translateY(-50%);
+ &:hover {
+ background: rgba(0, 0, 0, 0.6);
+ }
+ &.swiper-button-prev {
+ left: 16px;
+ }
+ &.swiper-button-next {
+ right: 16px;
+ }
+ &::after {
+ display: none;
+ }
+ &.swiper-button-disabled {
+ display: none;
+ }
+ }
+ }
+ }
+ .right-box {
+ border: 1px solid #E6E6E8;
+ flex: 1;
+ border-radius: 8px; padding: 16px; display: flex;
+ flex-direction: column;
+ overflow-y: auto;
+ height: fit-content;
+ max-height: 100%;
+ .s1 {
+ font-family: $font-family-manrope-medium;
+ font-size: 24px;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 32px; /* 133.333% */
+ }
+ .result-item {
+ &:first-child {
+ position: relative;
+ &::after {
+ content: '';
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ right: 0;
+ width: 1px;
+ height: 32px;
+ background: var(--Border-1, #d7d7d9);
+ }
+ }
+ }
+ .suggestion-box {
+ .ai-text {
+ background: linear-gradient(85deg, #7d419d 4.56%, #31353d 94.75%);
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ font-family: $font-family-medium;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ }
+ }
+ :deep(.overflow-text) {
+ color: #211f24;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ .forbid-word-box {
+ :deep(.overflow-text) {
+ &.level0 {
+ color: #6d4cfe;
+ }
+ &.level2 {
+ color: #f64b31;
+ }
+ &.level1 {
+ color: #ffae00;
+ }
+ }
+ }
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/header-card/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/components/header-card/index.vue
new file mode 100644
index 0000000..0abf2f7
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/header-card/index.vue
@@ -0,0 +1,116 @@
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/header-card/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/check/components/header-card/style.scss
new file mode 100644
index 0000000..9a4dcef
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/header-card/style.scss
@@ -0,0 +1,74 @@
+.header-wrap {
+ .cts {
+ color: #939499;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+ .swiper-wrap {
+ .swiper-item {
+ transition: all;
+ &:hover {
+ background-color: #e6e6e8;
+ }
+ &.active {
+ background-color: #f0edff;
+ border-color: #6d4cfe;
+ :deep(.overflow-text) {
+ font-family: $font-family-medium !important;
+ }
+ }
+ }
+ .swiper-box {
+ width: 100px;
+ height: 64px;
+ position: absolute;
+ &.swiper-button-prev {
+ background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 43.06%);
+ margin-top: 0 !important;
+ top: 0;
+ left: 0;
+ justify-content: flex-start;
+ padding-left: 8px;
+ }
+ &.swiper-button-next {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 43.06%);
+ margin-top: 0 !important;
+ top: 0;
+ right: 0;
+ justify-content: flex-end;
+ padding-right: 8px;
+ }
+ &::after {
+ display: none;
+ }
+ .swiper-button {
+ width: 40px;
+ height: 40px;
+ background-color: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 8px;
+ border: 1px solid var(--Border-1, #d7d7d9);
+ &:hover {
+ background-color: #f7f8fa;
+ }
+ &.click {
+ background-color: #f2f3f5;
+ }
+ }
+ &.swiper-button-disabled {
+ display: none;
+ }
+ }
+ }
+ .platform-row {
+ border-bottom: 1px solid var(--Border-2, #e6e6e8);
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/index.vue
new file mode 100644
index 0000000..198ad99
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/index.vue
@@ -0,0 +1,269 @@
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/check/style.scss
new file mode 100644
index 0000000..9bd24ba
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/style.scss
@@ -0,0 +1,48 @@
+$footer-height: 68px;
+.manuscript-check-wrap {
+ width: 100%;
+ height: calc(100% - ($footer-height - $layout-padding-bottom));
+ .cts {
+ color: #939499;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+ .check-list-icon {
+ // width: 92px;
+ cursor: pointer;
+ height: 36px;
+ display: flex;
+ padding: 8px 12px;
+ justify-content: center;
+ align-items: center;
+ border-radius: 30px 0 0 30px;
+ border: 1px solid var(--Border-1, #d7d7d9);
+ background: #fff;
+ position: absolute;
+ right: 0;
+ top: calc($navbar-height + 8px);
+ &:hover {
+ .icon,
+ .cts {
+ color: #6d4cfe !important;
+ }
+ }
+ }
+}
+.footer-row {
+ position: fixed;
+ bottom: 0;
+ left: $sidebar-width;
+ width: calc(100% - $sidebar-width);
+ height: $footer-height;
+ &.collapsed {
+ left: $sidebar-width-collapse;
+ width: calc(100% - $sidebar-width-collapse);
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/img-box.vue b/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/img-box.vue
new file mode 100644
index 0000000..0746114
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/img-box.vue
@@ -0,0 +1,99 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/index.vue
new file mode 100644
index 0000000..f346adc
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/index.vue
@@ -0,0 +1,376 @@
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/style.scss
new file mode 100644
index 0000000..c16695e
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/components/edit-form/style.scss
@@ -0,0 +1,32 @@
+.cts {
+ font-family: $font-family-regular;
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px;
+}
+.upload-box {
+ display: flex;
+ width: 100px;
+ height: 100px;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-radius: 8px;
+ border: 1px dashed var(--Border-1, #d7d7d9);
+ background: var(--BG-200, #f2f3f5);
+ &:hover {
+ background: var(--Primary-1, #e6e6e8);
+ }
+}
+.group {
+ border-radius: 8px;
+ &:hover {
+ .group-container {
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
+ url() lightgray 0px -40.771px / 100% 149.766% no-repeat;
+ }
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
new file mode 100644
index 0000000..cb001ba
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue
@@ -0,0 +1,379 @@
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/components/upload-manuscript-modal/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/components/upload-manuscript-modal/style.scss
new file mode 100644
index 0000000..494dff7
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/components/upload-manuscript-modal/style.scss
@@ -0,0 +1,31 @@
+.upload-manuscript-modal {
+ .text {
+ color: var(--Text-1, #211f24);
+ text-align: center;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ .tip {
+ color: var(--Text-3, #737478);
+ text-align: center;
+ font-family: $font-family-regular;
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px;
+ }
+ .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);
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/detail/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/detail/index.vue
new file mode 100644
index 0000000..9fd5973
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/detail/index.vue
@@ -0,0 +1,222 @@
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/detail/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/detail/style.scss
new file mode 100644
index 0000000..436f9e0
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/detail/style.scss
@@ -0,0 +1,69 @@
+$footer-height: 68px;
+.manuscript-detail-wrap {
+ width: 100%;
+ height: calc(100% - ($footer-height - $layout-padding-bottom));
+ .cts {
+ color: #939499;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+ .main-video-box {
+ width: 320px;
+ height: 472px;
+ background: #333;
+ aspect-ratio: 3 / 4;
+ }
+ .main-img-box {
+ width: 320px;
+ height: auto;
+ max-height: 472px;
+ background: #fff;
+ }
+ .desc-img-wrap {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 24px;
+ .desc-img-box {
+ width: 212px;
+ height: 283px;
+ background: #fff;
+ object-fit: contain;
+ aspect-ratio: 3/4;
+ }
+ }
+ .play-icon {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 222;
+ width: 64px;
+ height: 64px;
+ background-image: url('@/assets/img/creative-generation-workshop/icon-play.png');
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+ transition: background-image 0.3s ease;
+ }
+
+ .play-icon:hover {
+ background-image: url('@/assets/img/creative-generation-workshop/icon-play-hover.png');
+ }
+}
+.footer-row {
+ position: fixed;
+ bottom: 0;
+ left: $sidebar-width;
+ width: calc(100% - $sidebar-width);
+ height: $footer-height;
+ &.collapsed {
+ left: $sidebar-width-collapse;
+ width: calc(100% - $sidebar-width-collapse);
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue
new file mode 100644
index 0000000..b5d2020
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/edit/cancel-edit-modal.vue
@@ -0,0 +1,35 @@
+
+
+ 继续编辑
+ 确认退出
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/edit/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/edit/index.vue
new file mode 100644
index 0000000..4a124e1
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/edit/index.vue
@@ -0,0 +1,143 @@
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/edit/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/edit/style.scss
new file mode 100644
index 0000000..0509c0a
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/edit/style.scss
@@ -0,0 +1,28 @@
+$footer-height: 68px;
+.manuscript-edit-wrap {
+ height: calc(100% - ($footer-height - $layout-padding-bottom));
+ display: flex;
+ flex-direction: column;
+ .cts {
+ color: #939499;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+}
+.footer-row {
+ position: fixed;
+ bottom: 0;
+ left: $sidebar-width;
+ width: calc(100% - $sidebar-width);
+ height: $footer-height;
+ &.collapsed {
+ left: $sidebar-width-collapse;
+ width: calc(100% - $sidebar-width-collapse);
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/components/filter-block/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/list/components/filter-block/index.vue
new file mode 100644
index 0000000..4826fe8
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/components/filter-block/index.vue
@@ -0,0 +1,149 @@
+
+
+ 取消
+ 确认删除
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue
new file mode 100644
index 0000000..2304137
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/index.vue
@@ -0,0 +1,156 @@
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/style.scss
new file mode 100644
index 0000000..8621a01
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/style.scss
@@ -0,0 +1,16 @@
+.manuscript-table {
+ .cts {
+ color: var(--Text-1, #211f24);
+ font-family: $font-family-medium;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ :deep(.title) {
+ cursor: pointer;
+ &:hover {
+ color: #6d4cfe;
+ }
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/constants.ts b/src/views/writer-material-center/components/finished-products/manuscript/list/constants.ts
new file mode 100644
index 0000000..b06f7cd
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/constants.ts
@@ -0,0 +1,56 @@
+export const INITIAL_QUERY = {
+ title: '',
+ // project_ids: [],
+ uid: '',
+ audit_status: '',
+ created_at: [],
+ sort_column: undefined,
+ sort_order: undefined,
+};
+
+export enum EnumCheckStatus {
+ All = '',
+ Wait = 1,
+ Checking = 2,
+ Passed = 3,
+}
+export enum EnumManuscriptType {
+ All = '',
+ Image = 0,
+ Video = 1,
+}
+
+export const CHECK_STATUS = [
+ {
+ name: '待审核',
+ id: EnumCheckStatus.Wait,
+ backgroundColor: '#F2F3F5',
+ color: '#3C4043'
+ },
+ {
+ name: '审核中',
+ id: EnumCheckStatus.Checking,
+ backgroundColor: '#FFF7E5',
+ color: '#FFAE00'
+ },
+ {
+ name: '已通过',
+ id: EnumCheckStatus.Passed,
+ backgroundColor: '#EBF7F2',
+ color: '#25C883'
+ },
+];
+export const MANUSCRIPT_TYPE = [
+ {
+ label: '全部',
+ value: EnumManuscriptType.All,
+ },
+ {
+ label: '图片',
+ value: EnumManuscriptType.Image,
+ },
+ {
+ label: '视频',
+ value: EnumManuscriptType.Video,
+ },
+]
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/list/index.vue
new file mode 100644
index 0000000..7d46355
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/index.vue
@@ -0,0 +1,96 @@
+
+
+ 继续编辑
+ 确认取消
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/upload/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/upload/index.vue
new file mode 100644
index 0000000..65be72d
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/upload/index.vue
@@ -0,0 +1,334 @@
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/upload/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/upload/style.scss
new file mode 100644
index 0000000..d3c3f70
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/upload/style.scss
@@ -0,0 +1,32 @@
+$footer-height: 68px;
+.manuscript-upload-wrap {
+ height: calc(100% - ($footer-height - $layout-padding-bottom));
+ .cts,
+ :deep(.overflow-text) {
+ color: #939499;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+ .right {
+ border-left: 1px solid var(--Border-2, #e6e6e8);
+ width: 320px;
+ flex-shrink: 0;
+ }
+}
+.footer-row {
+ position: fixed;
+ bottom: 0;
+ left: $sidebar-width;
+ width: calc(100% - $sidebar-width);
+ height: $footer-height;
+ &.collapsed {
+ left: $sidebar-width-collapse;
+ width: calc(100% - $sidebar-width-collapse);
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/upload/upload-success-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/upload/upload-success-modal.vue
new file mode 100644
index 0000000..82b5db2
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/upload/upload-success-modal.vue
@@ -0,0 +1,65 @@
+
+
+ 回到列表
+ 批量审核
+
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/style.scss b/src/views/writer-material-center/components/finished-products/style.scss
new file mode 100644
index 0000000..d93b8c2
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/style.scss
@@ -0,0 +1,37 @@
+.finished-products-wrap {
+ :deep(.ant-tabs) {
+ .ant-tabs-nav {
+ margin-bottom: 0;
+ padding: 0 24px;
+ .ant-tabs-nav-wrap {
+ height: 56px;
+ .ant-tabs-nav-list {
+ .ant-tabs-tab {
+ .ant-tabs-tab-btn {
+ color: var(--Text-2, #55585f);
+ font-family: $font-family-regular;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ }
+ &.ant-tabs-tab-active {
+ .ant-tabs-tab-btn {
+ color: var(--Brand-6, #6d4cfe);
+ font-weight: 500;
+ font-family: $font-family-medium;
+ text-shadow: none;
+ }
+ }
+ }
+ .ant-tabs-ink-bar {
+ background: #6D4CFE;
+ }
+ }
+ }
+ }
+ .ant-tabs-content-holder {
+ display: none;
+ }
+ }
+}
diff --git a/src/views/writer-material-center/components/raw-material/constants.ts b/src/views/writer-material-center/components/raw-material/constants.ts
new file mode 100644
index 0000000..0cf95ab
--- /dev/null
+++ b/src/views/writer-material-center/components/raw-material/constants.ts
@@ -0,0 +1,26 @@
+export enum RawMaterialType {
+ All = '0',
+ Image = '0',
+ Video = '1',
+ Text = '2',
+}
+
+export const TABS_LIST = [
+ {
+ label: '全部',
+ value: RawMaterialType.All,
+ },
+ {
+ label: '图片',
+ value: RawMaterialType.Image,
+ },
+ {
+ label: '视频',
+ value: RawMaterialType.Video,
+ },
+ {
+ label: '文本',
+ value: RawMaterialType.Text,
+ },
+];
+
diff --git a/src/views/writer-material-center/components/raw-material/index.vue b/src/views/writer-material-center/components/raw-material/index.vue
new file mode 100644
index 0000000..f87c20c
--- /dev/null
+++ b/src/views/writer-material-center/components/raw-material/index.vue
@@ -0,0 +1,29 @@
+
+
+
diff --git a/src/views/writer-material-center/components/raw-material/style.scss b/src/views/writer-material-center/components/raw-material/style.scss
new file mode 100644
index 0000000..3486458
--- /dev/null
+++ b/src/views/writer-material-center/components/raw-material/style.scss
@@ -0,0 +1,3 @@
+.raw-material-wrap {
+
+}
\ No newline at end of file
diff --git a/src/views/writer-material-center/index.vue b/src/views/writer-material-center/index.vue
new file mode 100644
index 0000000..2ec06b1
--- /dev/null
+++ b/src/views/writer-material-center/index.vue
@@ -0,0 +1,55 @@
+
+
+
diff --git a/src/views/writer-material-center/style.scss b/src/views/writer-material-center/style.scss
new file mode 100644
index 0000000..0d3706c
--- /dev/null
+++ b/src/views/writer-material-center/style.scss
@@ -0,0 +1,2 @@
+.material-center-wrap {
+}
diff --git a/tsconfig.json b/tsconfig.json
index 8d7756e..62b4db7 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,7 +5,7 @@
"target": "esnext",
"module": "esnext",
"moduleResolution": "node",
- "strict": true,
+ "strict": false,
"jsx": "preserve",
"sourceMap": true,
"resolveJsonModule": true,
@@ -16,7 +16,7 @@
"paths": {
"@/*": ["src/*"]
},
- "types": ["unplugin-vue-define-options/macros-global"]
+ "types": ["unplugin-vue-define-options/macros-global",]
},
"references": [
diff --git a/vite.config.ts b/vite.config.ts
index 3ff6cce..3c96a9c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -17,6 +17,10 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
const setServer = setServerConfig({ env });
return {
+ define: {
+ __VUE_PROD_DEVTOOLS__: false,
+ __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false,
+ },
css: {
preprocessorOptions: {
scss: {
@@ -39,7 +43,6 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
'/api': {
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ''),
- // 目标地址
target: 'https://lingjiapi.lvfunai.com/api',
},
},
投放信息
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
new file mode 100644
index 0000000..8cc9527
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check-list/components/manuscript-check-table/delete-manuscript-modal.vue
@@ -0,0 +1,53 @@
+
+
+
+
+ 内容稿件标题
+
+
+
+
+
+
+
+ 序号
+
+
+
+
+
+
+
+ 上传时间
+
+
+
+ 审核平台
+
+ {{
+ item.label
+ }}
+
+
+
+ 审核时间
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ 确认删除 {{ projectName }} 这个内容稿件吗？
+
+
+
+ {{ column.title }}
+
+
+
+
+
+
+ + {{ + getCustomerOpinionInfo(record.customer_opinion)?.label ?? '-' + }} +
+ + + - +
+ ![]()
+ {{
+ record.type === EnumManuscriptType.Image ? '图文' : '视频'
+ }}
+
+
+
+ {{ exactFormatTime(record[column.dataIndex]) }}
+
+
+
+ ![]()
+ 审核
+ 查看
+ 详情
+
+
+
+ {{ formatTableField(column, record, true) }}
+
+
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check-list/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/check-list/style.scss
new file mode 100644
index 0000000..a3a41fc
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check-list/style.scss
@@ -0,0 +1,35 @@
+.manuscript-check-wrap {
+ // height: 100%;
+ display: flex;
+ flex-direction: column;
+ .filter-wrap {
+ :deep(.arco-tabs) {
+ .arco-tabs-tab {
+ height: 56px;
+ padding: 0 8px;
+ }
+ .arco-tabs-nav-extra {
+ padding-right: 24px;
+ }
+ .arco-tabs-content {
+ display: none;
+ }
+ }
+ .top {
+ .title {
+ font-family: $font-family-medium;
+ font-style: normal;
+ }
+
+ :deep(.arco-btn) {
+ .arco-btn-icon {
+ line-height: 16px;
+ }
+ }
+ }
+ }
+ .table-wrap {
+ display: flex;
+ flex-direction: column;
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/cancel-check-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/cancel-check-modal.vue
new file mode 100644
index 0000000..0dc2606
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/cancel-check-modal.vue
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+ 批量审核
+ 批量查看
+
+
+
+
+
+ ![]()
+ {{
+ action === 'exit'
+ ? '内容已修改尚未保存，若退出编辑，本次修改将不保存。'
+ : '当前内容已修改尚未保存，若切换内容稿件，本次修改将不保存。'
+ }}
+
+
+
+ ![]()
+ 内容稿件已通过审核
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/index.vue b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/index.vue
new file mode 100644
index 0000000..fa0a8da
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/index.vue
@@ -0,0 +1,475 @@
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/style.scss
new file mode 100644
index 0000000..1cbfb8b
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/check/components/content-card/style.scss
@@ -0,0 +1,202 @@
+.content-wrap {
+ .cts {
+ color: #939499;
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ &.bold {
+ font-family: $font-family-medium;
+ }
+ }
+ .check-btn {
+ .check-text {
+ background: linear-gradient(84deg, #266cff 4.57%, #a15af0 84.93%);
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+ &:hover {
+ opacity: 0.8;
+ }
+ }
+ .left-box {
+ :deep(.arco-tabs) {
+ .arco-tabs-nav {
+ .arco-tabs-tab {
+ height: 40px;
+ // padding: 0 8px;
+ margin: 0 16px;
+ }
+ &::before {
+ display: none;
+ }
+ }
+ .arco-tabs-content {
+ display: none;
+ }
+ }
+ :deep(.arco-form) {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ .arco-form-item {
+ margin-bottom: 24px;
+ .arco-form-item-label-col {
+ .arco-form-item-label {
+ color: #939499;
+ }
+ }
+ }
+ .content-form-item {
+ margin-bottom: 0;
+ display: flex;
+ flex-direction: column;
+ .arco-form-item-wrapper-col {
+ flex: 1;
+ .arco-form-item-content-wrapper,
+ .arco-form-item-content,
+ .arco-textarea-wrapper {
+ height: 100%;
+ }
+ }
+ }
+ }
+ .upload-box {
+ display: flex;
+ width: 100px;
+ height: 100px;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-radius: 8px;
+ border: 1px dashed var(--Border-1, #d7d7d9);
+ background: var(--BG-200, #f2f3f5);
+ &:hover {
+ background: var(--Primary-1, #e6e6e8);
+ }
+ }
+ .swiper-wrap {
+ :deep(.swiper) {
+ height: 100%;
+ .swiper-wrapper {
+ align-items: center;
+ .swiper-slide {
+ transition: all;
+ &.active {
+ width: 60px !important;
+ height: 60px !important;
+ .group {
+ border: 2px solid var(--Brand-6, #6d4cfe);
+ background: url(
+ 图片
+ {{ `(${files.length ?? 0}/18)` }}
+ 第一张为首图，支持拖拽排序
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+ ![]()
+ 内容已修改尚未保存，若退出编辑，本次修改将不保存。
+
+
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts
new file mode 100644
index 0000000..dad1cb9
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/constants.ts
@@ -0,0 +1,68 @@
+export const TABLE_COLUMNS = [
+ {
+ title: '序号',
+ dataIndex: 'uid',
+ width: 120,
+ fixed: 'left',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '图片/视频',
+ dataIndex: 'cover',
+ width: 120,
+ },
+ {
+ title: '内容稿件标题',
+ dataIndex: 'title',
+ width: 240,
+ },
+ // {
+ // title: '所属项目',
+ // dataIndex: 'projects',
+ // width: 240,
+ // },
+ {
+ title: '稿件类型',
+ dataIndex: 'type',
+ width: 180,
+ },
+ {
+ title: '审核状态',
+ dataIndex: 'audit_status',
+ width: 180,
+ },
+ {
+ title: '上传时间',
+ dataIndex: 'created_at',
+ width: 180,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ // {
+ // title: '上传人员',
+ // dataIndex: 'uploader',
+ // width: 180,
+ // },
+ {
+ title: '最后修改时间',
+ dataIndex: 'last_modified_at',
+ width: 180,
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ // {
+ // title: '最后修改人员',
+ // dataIndex: 'last_modifier',
+ // width: 180,
+ // },
+ {
+ title: '操作',
+ dataIndex: 'operation',
+ width: 180,
+ fixed: 'right'
+ },
+];
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
new file mode 100644
index 0000000..2108398
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/components/manuscript-table/delete-manuscript-modal.vue
@@ -0,0 +1,53 @@
+
+
+
+
+ 内容稿件标题
+
+
+
+
+
+
+ 序号
+
+
+
+
+
+
+
+ 审核状态
+
+
+ 上传时间
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ 确认删除 {{ projectName }} 这个稿件吗？
+
+
+
+ {{ column.title }}
+
+
+
+
+
+
+ {{ exactFormatTime(record.create_at) }}
+
+
+
+ {{
+ getStatusInfo(record.audit_status).name
+ }}
+
+
+
+
+ ![]()
+ {{
+ record.type === EnumManuscriptType.Image ? '图文' : '视频'
+ }}
+
+
+
+ {{ record[column.dataIndex].name || record[column.dataIndex].mobile }}
+
+
+ {{ exactFormatTime(record[column.dataIndex]) }}
+
+
+
+ ![]()
+ 编辑
+ 详情
+
+
+
+ {{ formatTableField(column, record, true) }}
+
+
+
+
+
+
+
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/list/style.scss b/src/views/writer-material-center/components/finished-products/manuscript/list/style.scss
new file mode 100644
index 0000000..8570520
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/list/style.scss
@@ -0,0 +1,22 @@
+.manuscript-list-wrap {
+ // height: 100%;
+ display: flex;
+ flex-direction: column;
+ .filter-wrap {
+ .top {
+ .title {
+ font-family: $font-family-medium;
+ font-style: normal;
+ }
+ :deep(.arco-btn) {
+ .arco-btn-icon {
+ line-height: 16px;
+ }
+ }
+ }
+ }
+ .table-wrap {
+ display: flex;
+ flex-direction: column;
+ }
+}
diff --git a/src/views/writer-material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue b/src/views/writer-material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue
new file mode 100644
index 0000000..dffaa65
--- /dev/null
+++ b/src/views/writer-material-center/components/finished-products/manuscript/upload/cancel-upload-modal.vue
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+ ![]()
+ 确认取消上传这 {{ num }} 个文件吗？此操作不可恢复。
+
+
+
+ ![]()
+ 上传成功
+
+
+ 为确保内容合规，建议您立即进行审核
+检测是否存在违规内容
+