From 6d6a814d090ff380b52bbc6461e4ed166dc4e254 Mon Sep 17 00:00:00 2001
From: zhouhaibin <zhouhaibin@qq.com>
Date: Wed, 5 Mar 2025 09:13:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ContractualTasks/ContractualTasks.data.ts |   4 +-
 .../DocumentTasks/DocsDrawer.vue              |   2 +-
 .../workbench/components/WorkbenchHeader.vue  |   2 +-
 src/views/workbench/components/data.ts        | 118 ++++++++++++++----
 src/views/workbench/index.vue                 | 115 ++++++++++-------
 5 files changed, 169 insertions(+), 72 deletions(-)

diff --git a/src/views/contractReview/ContractualTasks/ContractualTasks.data.ts b/src/views/contractReview/ContractualTasks/ContractualTasks.data.ts
index db38d21..f40b82c 100644
--- a/src/views/contractReview/ContractualTasks/ContractualTasks.data.ts
+++ b/src/views/contractReview/ContractualTasks/ContractualTasks.data.ts
@@ -71,7 +71,7 @@ export const columns: BasicColumn[] = [
     customRender: ({ value }) => renderDict(value, 'model_industry'),
   },
   {
-    title: '合同角色',
+    title: '审查立场',
     dataIndex: 'contractPartyRole',
   },
   {
@@ -128,7 +128,7 @@ export const modalSchemas: FormSchema[] = [
     },
   },
   {
-    label: '合同角色',
+    label: '审查立场',
     field: 'contractPartyRole',
     required: true,
     component: 'Select',
diff --git a/src/views/documentReview/DocumentTasks/DocsDrawer.vue b/src/views/documentReview/DocumentTasks/DocsDrawer.vue
index 0d35e45..6eba6d6 100644
--- a/src/views/documentReview/DocumentTasks/DocsDrawer.vue
+++ b/src/views/documentReview/DocumentTasks/DocsDrawer.vue
@@ -27,7 +27,7 @@
   const type = ref<string>('markdown');
   const MarkdownViewerkeynum = ref<number>(0);
   const iframeKey = ref<number>(10);
-  const drawerWidth = useMaxWidthOrDefault(800);
+  const drawerWidth = useMaxWidthOrDefault(1000);
   const textvalue = ref<string>(text);
   const [registerDrawer] = useDrawerInner(init);
   // 主题设置：'light' | 'dark'
diff --git a/src/views/workbench/components/WorkbenchHeader.vue b/src/views/workbench/components/WorkbenchHeader.vue
index 0fccffe..572d264 100644
--- a/src/views/workbench/components/WorkbenchHeader.vue
+++ b/src/views/workbench/components/WorkbenchHeader.vue
@@ -2,7 +2,7 @@
   <div class="lg:flex">
     <Avatar :src="userinfo.avatar || headerImg" :size="72" class="!mx-auto !block" />
     <div class="md:ml-6 flex flex-col justify-center md:mt-0 mt-2">
-      <h1 class="md:text-lg text-md">早安, {{ userinfo.nickName }}, 开始您一天的工作吧！</h1>
+      <h1 class="md:text-lg text-md">您好, {{ userinfo.nickName }}, 欢迎回来</h1>
       <!-- <span class="text-secondary"> 今日晴，20℃ - 32℃！ </span> -->
     </div>
     <div class="flex flex-1 justify-end md:mt-0 mt-4">
diff --git a/src/views/workbench/components/data.ts b/src/views/workbench/components/data.ts
index df39828..2471fdf 100644
--- a/src/views/workbench/components/data.ts
+++ b/src/views/workbench/components/data.ts
@@ -1,4 +1,4 @@
-import { TaskType, SchemeTask, ContractTask, SchemeEvaluation } from '@/enums/taskEnum';
+import { TaskType, SchemeTask, ContractTask, SchemeEvaluation,TenderTask } from '@/enums/taskEnum';
 
 interface GroupItem {
   title: string;
@@ -62,19 +62,66 @@ export const navItems: NavItem[] = [
     key: SchemeTask.COMPANY_CHECK.value,
   },
 ];
-
+export const documentNavItems: NavItem[] = [
+  {
+    title: SchemeTask.DOCUMENT_SIMILARITY.label,
+    icon: SchemeTask.DOCUMENT_SIMILARITY.icon,
+    color: SchemeTask.DOCUMENT_SIMILARITY.color,
+    key: SchemeTask.DOCUMENT_SIMILARITY.value,
+  },
+  {
+    title: SchemeTask.DOCUMENT_ERROR.label,
+    icon: SchemeTask.DOCUMENT_ERROR.icon,
+    color: SchemeTask.DOCUMENT_ERROR.color,
+    key: SchemeTask.DOCUMENT_ERROR.value,
+  },
+  {
+    title: SchemeTask.PLACE_CHECK.label,
+    icon: SchemeTask.PLACE_CHECK.icon,
+    color: SchemeTask.PLACE_CHECK.color,
+    key: SchemeTask.PLACE_CHECK.value,
+  },
+  {
+    title: SchemeTask.TITLE_CHECK.label,
+    icon: SchemeTask.TITLE_CHECK.icon,
+    color: SchemeTask.TITLE_CHECK.color,
+    key: SchemeTask.TITLE_CHECK.value,
+  },
+  {
+    title: SchemeTask.COMPANY_CHECK.label,
+    icon: SchemeTask.COMPANY_CHECK.icon,
+    color: SchemeTask.COMPANY_CHECK.color,
+    key: SchemeTask.COMPANY_CHECK.value,
+  },
+  {
+    title: SchemeEvaluation.SCHEME_EVALUATION.label,
+    icon: SchemeEvaluation.SCHEME_EVALUATION.icon,
+    color: SchemeEvaluation.SCHEME_EVALUATION.color,
+    key: SchemeEvaluation.SCHEME_EVALUATION.value,
+  },
+];
+// 导航项配置
+export const contractNavItems: NavItem[] = [ 
+  {
+    title: ContractTask.CONTRACT_REVIEW.label,
+    icon: ContractTask.CONTRACT_REVIEW.icon,
+    color: ContractTask.CONTRACT_REVIEW.color,
+    key: ContractTask.CONTRACT_REVIEW.value,
+  },
+];
+// 导航项配置
+export const tenderNavItems: NavItem[] = [
+  {
+    title: TenderTask.TENDER_SUMMARY.label,
+    icon: TenderTask.TENDER_SUMMARY.icon,
+    color: TenderTask.TENDER_SUMMARY.color,
+    key: TenderTask.TENDER_SUMMARY.value,
+  },
+];
 export const dynamicInfoItems: DynamicInfoItem[] = [];
 
 // 分组项配置
 export const groupItems: GroupItem[] = [
-  // {
-  //   title: '方案生成',
-  //   icon: 'solar:document-add-bold-duotone',
-  //   key: 'solutionGenerate',
-  //   color: '#52C41A',
-  //   style:"!md:w-1/3 !w-full"
-
-  // },
   {
     title: TaskType.SCHEME_REVIEW.label,
     icon: TaskType.SCHEME_REVIEW.icon,
@@ -118,23 +165,46 @@ export const groupItems: GroupItem[] = [
   //   style:"!md:w-1/3 !w-full bg-red-50"
 
   // },
-  
-  {
-    title: '公文审核',
-    icon: 'mdi:file-document-check',
-    key: 'documentTranslate',
-    color: '#722ED1',
-    style:"background-color: #CECECE;",
-    path:"",
 
+];
+export const documentGroupItems: GroupItem[] = [
+  {
+    title: TaskType.SCHEME_REVIEW.label,
+    icon: TaskType.SCHEME_REVIEW.icon,
+    key: TaskType.SCHEME_REVIEW.value,
+    color: TaskType.SCHEME_REVIEW.color,
+    style:"",
+    path:TaskType.SCHEME_REVIEW.path,
   },
   {
-    title: TaskType.PROJECT_DOCUMENT_REVIEW.label,
-    icon: TaskType.PROJECT_DOCUMENT_REVIEW.icon,
-    key: TaskType.PROJECT_DOCUMENT_REVIEW.value,
-    color: TaskType.PROJECT_DOCUMENT_REVIEW.color,
-    style:"background-color: #CECECE;",
-    path:TaskType.PROJECT_DOCUMENT_REVIEW.path,
+    title: TaskType.SCHEME_EVALUATION.label,
+    icon: TaskType.SCHEME_EVALUATION.icon,
+    key: TaskType.SCHEME_EVALUATION.value,
+    color: TaskType.SCHEME_EVALUATION.color,
+    style:"",
+    path:TaskType.SCHEME_EVALUATION.path,
+
+  },
+];
+export const contractGroupItems: GroupItem[] = [
+  {
+    title: TaskType.CONTRACT_REVIEW.label,
+    icon: TaskType.CONTRACT_REVIEW.icon,
+    key: TaskType.CONTRACT_REVIEW.value,
+    color: TaskType.CONTRACT_REVIEW.color,
+    style:"",
+    path:TaskType.CONTRACT_REVIEW.path,
 
   },
 ];
+export const tenderGroupItems: GroupItem[] = [
+  {
+    title: TaskType.TENDER_REVIEW.label,
+    icon: TaskType.TENDER_REVIEW.icon,
+    key: TaskType.TENDER_REVIEW.value,
+    color: TaskType.TENDER_REVIEW.color,
+    style:"",
+    path:TaskType.TENDER_REVIEW.path,
+
+  },
+];
\ No newline at end of file
diff --git a/src/views/workbench/index.vue b/src/views/workbench/index.vue
index 62351c1..8e1a2ee 100644
--- a/src/views/workbench/index.vue
+++ b/src/views/workbench/index.vue
@@ -1,51 +1,24 @@
 <template>
-  <PageWrapper>
-    <template #headerContent> <WorkbenchHeader /> </template>
-    <div class="workbench">
-      <div class="h-1/4">
-        <div class="grid grid-cols-5 gap-4">
-          <div class="col-span-3 h-full">
-            <ProjectCard :loading="loading" class="enter-y" />
-          </div>
-          <div class="col-span-2 h-full">
-            <QuickNav :loading="loading" class="enter-y" />
-          </div>
-        </div>
-        <div class="h-1/2 mt-4">
-          <Card title="任务看板" :bordered="false" style="width: 100%; height: 100%">
-            <template #extra>
-              <!-- 将按钮改为下拉菜单 -->
-              <Dropdown>
-                <a-button>
-                  更多
-                  <DownOutlined />
-                </a-button>
-                <template #overlay>
-                  <Menu @click="handleMenuClick" mode="vertical">
-                    <MenuItem v-for="item in groupItems" 
-                    :key="item.path" 
-                    >
-                      {{ item.title }}
-                    </MenuItem>
-                  </Menu>
-                </template>
-              </Dropdown>
-            </template>
+  <PageWrapper dense>
+    <div class="parent-test">
+    <CanvasEditor
+        ref="canvasEditor"
+        :parentContent="parentContent"
+        :view="view"
+        @save-content="handleSaveCanvasEditorContent"
+    />
 
-            <DocumentTasksTable
-              :show-table-setting="false"
-              :show-toolbar="false"
-              :use-search-form="false"
-              :pagination="false"
-            />
-          </Card>
-        </div>
-      </div>
-    </div>
-  </PageWrapper>
+    <button
+        style="width: 80px; height: 40px; border: 2px solid #2b4b6b; margin-right: 20px; float: right"
+        @click="handleSaveContent"
+    >
+      保 存
+    </button>
+  </div>
+</PageWrapper>
 </template>
 <script lang="ts" setup>
-  import { ref, onMounted } from 'vue';
+  import { ref, onMounted,reactive } from 'vue';
   import { PageWrapper } from '@/components/Page';
   import WorkbenchHeader from './components/WorkbenchHeader.vue';
   import { Card, Dropdown, Menu, MenuItem } from 'ant-design-vue';
@@ -55,6 +28,60 @@
   import { useRouter } from 'vue-router';
   import { DownOutlined, UserOutlined } from '@ant-design/icons-vue';
   import { groupItems } from './components/data';
+  import CanvasEditor from '@/views/CanvasEditor/index.vue';
+
+  // 存放父组件传递的数据
+let parentContent = reactive<any>(undefined);
+// 存放子组件数据
+const content = ref<any>(undefined);
+// 标识符
+const view = ref<string | undefined>(undefined);
+
+// 初始化数据
+onMounted(() => {
+  console.log("模拟父组件向后端请求数据, 传递给子组件");
+  getEditorContent();
+  view.value = "parent";
+});
+
+// 模拟后端获取数据的方法
+const getEditorContent = () => {
+  parentContent={
+    header: [
+      {
+        value: "父类传递的数据",
+        size: 12,
+        bold: false,
+        color: "rgb(33, 53, 71)",
+        italic: false,
+      },
+    ],
+    main: [
+      {
+        value: "父类传递的数据 通过后端获取!\n甲方：企查查科技股份有限公司\n法定代表人：陈德强\n住所：苏州工业园区科创东区东石泾港路2号润港产业园6号楼10层1001室11",
+        size: 40,
+        bold: true,
+      },
+    ],
+  };
+};
+
+// 组件引用
+const canvasEditor = ref<InstanceType<typeof CanvasEditor> | null>(null);
+
+// 保存内容方法
+const handleSaveContent = () => {
+  // 访问子组件的方法
+  (canvasEditor.value as any).saveContent();
+};
+
+// 处理子组件传递的数据
+const handleSaveCanvasEditorContent = (data: any) => {
+  console.log("从子组件接收到的数据:", data);
+  // 将data数据转换为 json 格式的数据, 方便入库处理
+  content.value = JSON.stringify(data);
+  console.log("转换后的数据 content 为: ", content.value);
+};
 
   const router = useRouter();
   // 状态定义