新增查看页面

web-vue/packages/core/layouts/views/desktop/analysis/components/WorkbenchHeader.vue

@@ -5,31 +5,50 @@
       <h1 class="text-md md:text-lg">您好, {{ userinfo.userName }}, 开始您一天的工作吧！</h1>
       <span class="text-secondary"> 今日晴，20℃ - 32℃！ </span>
     </div>
-    <div class="mt-4 flex flex-1 justify-end md:mt-0">
-      <div class="flex flex-col justify-center text-right">
+    <div class="mt-4 flex flex-1 justify-end items-center md:mt-0 gap-x-8 md:gap-x-16">
+      <div class="flex flex-col justify-center items-center">
         <span class="text-secondary"> 待办 </span>
-        <span class="text-2xl">2/10</span>
+        <span class="text-2xl mt-1">{{ workInfo?.notifyNums }}/{{ workInfo?.notifyAllNums }}</span>
       </div>
-
-      <div class="mx-12 flex flex-col justify-center text-right md:mx-16">
+	  <div class="flex flex-col justify-center items-center">
+	    <span class="text-secondary"> 日程 </span>
+	    <span class="text-2xl mt-1">{{ workInfo?.calendarNums }}/{{ workInfo?.calendarAllNums }}</span>
+	  </div>
+      <div class="flex flex-col justify-center items-center">
         <span class="text-secondary"> 项目 </span>
-        <span class="text-2xl">8</span>
+        <span class="text-2xl mt-1">{{ workInfo?.projectNums }}/{{ workInfo?.projectAllNums }}</span>
       </div>
-      <div class="mr-4 flex flex-col justify-center text-right md:mr-10">
+      <div class="flex flex-col justify-center items-center">
         <span class="text-secondary"> 团队 </span>
-        <span class="text-2xl">300</span>
+        <span class="text-2xl mt-1">{{ workInfo?.teamNums }}</span>
       </div>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-  import { computed } from 'vue';
+  import { ref, computed, onMounted } from 'vue';
   import { Avatar } from 'ant-design-vue';
   import { useRouter } from 'vue-router';
   import { useUserStore } from '@jeesite/core/store/modules/user';
   import headerImg from '@jeesite/assets/images/header.jpg';
-
+  import { MyWorkInfo, bizMyWorkInfoList } from '@jeesite/biz/api/biz/myWork';
+  
   const router = useRouter();
   const userStore = useUserStore();
   const userinfo = computed(() => userStore.getUserInfo);
-</script>
+  
+  const workInfo = ref<MyWorkInfo>();
+  
+  const workList = async () => {
+    try {
+      const result = await bizMyWorkInfoList();
+      workInfo.value = result;
+    } catch (error) {
+      console.error('获取数据失败：', error);
+    }
+  };
+  
+  onMounted(() => {
+    workList();
+  });
+</script>

web-vue/packages/core/layouts/views/desktop/workbench/components/listItem/form.vue

@@ -16,7 +16,15 @@
       <Icon :icon="getTitle.icon" class="m-1 pr-1" />
       <span> {{ getTitle.value }} </span>
     </template>
-    <BasicForm @register="registerForm" />
+    <BasicForm @register="registerForm">
+		<template #remarks="{ model, field }">
+		  <WangEditor
+			v-model:value="model[field]"
+			:bizKey="record.id"
+			:height="300"
+		  />
+		</template>
+	</BasicForm>
   </BasicModal>
 </template>
 <script lang="ts" setup name="ViewsBizListItemForm">
@@ -25,6 +33,7 @@
   import { useMessage } from '@jeesite/core/hooks/web/useMessage';
   import { router } from '@jeesite/core/router';
   import { Icon } from '@jeesite/core/components/Icon';
+  import { WangEditor } from '@jeesite/core/components/WangEditor';
   import { BasicForm, FormSchema, useForm } from '@jeesite/core/components/Form';
   import { BasicModal, useModalInner } from '@jeesite/core/components/Modal';
   import { BizListItem, bizListItemSave, bizListItemForm } from '@jeesite/biz/api/biz/listItem';
@@ -89,6 +98,14 @@
       },
       required: true,
     },
+	{
+	  label: t('内容信息'),
+	  field: 'description',
+	  component: 'InputTextArea',
+	  required: true,
+	  slot: 'remarks',
+	  colProps: { md: 24, lg: 24 },
+	},
 	{
 	  label: t('待办意见'),
 	  field: 'extraDesc',

web-vue/packages/core/layouts/views/desktop/workbench/components/listItem/list.vue

@@ -68,6 +68,16 @@
           showTime: { format: 'HH:mm' },
         },
       },
+	  {
+	    label: t('是否关闭'),
+	    field: 'clickClose',
+		defaultValue: '0',
+	    component: 'Select',
+	    componentProps: {
+	      dictType: 'is_open',
+	      allowClear: true,
+	    },
+	  },
       {
         label: t('待办标题'),
         field: 'title',
@@ -87,15 +97,6 @@
           allowClear: true,
         },
       },
-      {
-        label: t('是否关闭'),
-        field: 'clickClose',
-        component: 'Select',
-        componentProps: {
-          dictType: 'is_open',
-          allowClear: true,
-        },
-      },
       {
         label: t('是否删除'),
         field: 'titleDelete',
@@ -152,14 +153,6 @@
       width: 130,
       align: 'left',
       dictType: 'is_open',
-    },
-    {
-      title: t('内容信息'),
-      dataIndex: 'description',
-      key: 'a.description',
-      sorter: true,
-      width: 225,
-      align: 'left',
     },
 	{
 	  title: t('待办意见'),

web-vue/packages/core/layouts/views/desktop/workbench/index.vue

@@ -36,8 +36,8 @@
   width: 100%;
   background-color: #e8f4f8;
   display: flex;
-  flex-direction: column; // 垂直布局
-  overflow: hidden; // 防止内容溢出
+  flex-direction: column;
+  overflow: hidden;
   padding: 0 8px;
 }
 </style>