fix(产品需求、项目需求): 按照会议所说进行修改。

2026-05-18 16:49:12 +08:00
parent 023490c012
commit 2367e03146
32 changed files with 1065 additions and 591 deletions
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
    "@antv/g2": "5.4.0",
    "@antv/g6": "5.0.49",
    "@better-scroll/core": "2.5.1",
+    "@iconify-vue/mingcute": "^1.0.5",
    "@iconify/vue": "5.0.0",
    "@sa/axios": "workspace:*",
    "@sa/color": "workspace:*",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,6 +20,9 @@ importers:
      '@better-scroll/core':
        specifier: 2.5.1
        version: 2.5.1
+      '@iconify-vue/mingcute':
+        specifier: ^1.0.5
+        version: 1.0.5(vue@3.5.20(typescript@5.8.3))
      '@iconify/vue':
        specifier: 5.0.0
        version: 5.0.0(vue@3.5.20(typescript@5.8.3))
@@ -854,6 +857,14 @@ packages:
    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
    engines: {node: '>=18.18'}

+  '@iconify-vue/mingcute@1.0.5':
+    resolution: {integrity: sha512-9g/iEU2XdobbfS6vKp01btfBlPiMqlqa+GujwYOc5WVJierhKt3dF0+tamomdk9vYcIsJiGcqOaKvrJF0g6prA==}
+
+  '@iconify/css-vue@1.0.2':
+    resolution: {integrity: sha512-KXG9zXTMmJLi1AF2ket+YWUGdSqFvIMSnCO789uOVpba6SZhqeUttu0JIaEcq2dNlt4oonwdtMyerkpRkAFYhw==}
+    peerDependencies:
+      vue: '>=3.0.0'
+
  '@iconify/json@2.2.380':
    resolution: {integrity: sha512-+Al/Q+mMB/nLz/tawmJEOkCs6+RKKVUS/Yg9I80h2yRpu0kIzxVLQRfF0NifXz/fH92vDVXbS399wio4lMVF4Q==}

@@ -6173,6 +6184,17 @@ snapshots:

  '@humanwhocodes/retry@0.4.3': {}

+  '@iconify-vue/mingcute@1.0.5(vue@3.5.20(typescript@5.8.3))':
+    dependencies:
+      '@iconify/css-vue': 1.0.2(vue@3.5.20(typescript@5.8.3))
+    transitivePeerDependencies:
+      - vue
+
+  '@iconify/css-vue@1.0.2(vue@3.5.20(typescript@5.8.3))':
+    dependencies:
+      '@iconify/types': 2.0.0
+      vue: 3.5.20(typescript@5.8.3)
+
  '@iconify/json@2.2.380':
    dependencies:
      '@iconify/types': 2.0.0
--- a/src/components/custom/table-search-fields.vue
+++ b/src/components/custom/table-search-fields.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
+import type { VNode } from 'vue';
 import { ElButton, ElCol, ElDatePicker, ElFormItem, ElInput, ElOption, ElRow, ElSelect } from 'element-plus';
 import DictSelect from './dict-select.vue';

@@ -25,6 +26,8 @@ export interface SearchField {
  dictCode?: string;
  /** 占位提示文本 */
  placeholder?: string;
+  /** select 类型的自定义选项渲染函数 */
+  renderOption?: (option: Option) => VNode | VNode[] | string;
 }

 interface Props {
@@ -142,7 +145,11 @@ function handleSearch() {
              :disabled="props.disabled"
              @update:model-value="val => (props.modelValue[field.key] = val)"
            >
-              <ElOption v-for="opt in field.options" :key="opt.value" :label="opt.label" :value="opt.value" />
+              <ElOption v-for="opt in field.options" :key="opt.value" :label="opt.label" :value="opt.value">
+                <template v-if="field.renderOption" #default>
+                  <component :is="field.renderOption(opt)" />
+                </template>
+              </ElOption>
            </ElSelect>
            <ElDatePicker
              v-else-if="field.type === 'date'"
@@ -234,7 +241,11 @@ function handleSearch() {
              :disabled="props.disabled"
              @update:model-value="val => (props.modelValue[field.key] = val)"
            >
-              <ElOption v-for="opt in field.options" :key="opt.value" :label="opt.label" :value="opt.value" />
+              <ElOption v-for="opt in field.options" :key="opt.value" :label="opt.label" :value="opt.value">
+                <template v-if="field.renderOption" #default>
+                  <component :is="field.renderOption(opt)" />
+                </template>
+              </ElOption>
            </ElSelect>
            <ElDatePicker
              v-else-if="field.type === 'date'"
--- a/src/constants/dict.ts
+++ b/src/constants/dict.ts
@@ -48,7 +48,7 @@ export const RDMS_REQ_SOURCE_TYPE_DICT_CODE = 'rdms_req_source_type';
 * 需求优先级字典编码
 *
 * 对应业务字段：需求相关接口和页面中的 priority
- * 来源口径：产品需求文档中定义，标签包括紧急、高、中、低
+ * 来源口径：产品需求文档中定义，标签包括P0、P1、P2、P3
 */
 export const RDMS_REQ_PRIORITY_DICT_CODE = 'rdms_req_priority';

--- a/src/service/api/product.ts
+++ b/src/service/api/product.ts
@@ -360,6 +360,25 @@ export async function fetchGetRequirementAllowedTransitions(requirementId: strin
  return mapServiceResult(result as ServiceRequestResult<Api.Product.RequirementLifecycleAction[]>, data => data);
 }

+/** 批量获取需求可执行的状态动作列表 */
+export async function fetchGetRequirementAllowedTransitionsBatch(data: Api.Product.RequirementBatchReqVO) {
+  const result = await request<Api.Product.RequirementAllowedTransitionBatchRespVO[]>({
+    ...safeJsonRequestConfig,
+    url: `${REQUIREMENT_PREFIX}/allowed-transitions/batch`,
+    method: 'post',
+    data
+  });
+
+  return mapServiceResult(
+    result as ServiceRequestResult<Api.Product.RequirementAllowedTransitionBatchRespVO[]>,
+    data1 =>
+      data1.map(item => ({
+        requirementId: normalizeStringId(item.requirementId),
+        transitions: item.transitions
+      }))
+  );
+}
+
 /** 获取需求生命周期信息 */
 export async function fetchGetRequirementLifecycle(requirementId: string, productId: string) {
  const result = await request<Api.Product.RequirementLifecycleInfo>({
@@ -404,6 +423,23 @@ export async function fetchHasDispatchedProjectRequirement(requirementId: string
  });
 }

+/** 批量判断产品需求是否已分流生成项目需求 */
+export async function fetchHasDispatchedProjectRequirementBatch(data: Api.Product.RequirementBatchReqVO) {
+  const result = await request<Api.Product.RequirementHasDispatchedBatchRespVO[]>({
+    ...safeJsonRequestConfig,
+    url: `${REQUIREMENT_PREFIX}/has-dispatched/batch`,
+    method: 'post',
+    data
+  });
+
+  return mapServiceResult(result as ServiceRequestResult<Api.Product.RequirementHasDispatchedBatchRespVO[]>, data1 =>
+    data1.map(item => ({
+      requirementId: normalizeStringId(item.requirementId),
+      hasDispatched: Boolean(item.hasDispatched)
+    }))
+  );
+}
+
 /** 根据当前产品需求id获取对应地，所流转到项目侧的项目需求id */
 export async function fetchGetDispatchedProjectLink(productRequirementId: string) {
  return request<{ projectRequirementId: string; projectId: string }>({
--- a/src/service/api/project.ts
+++ b/src/service/api/project.ts
@@ -970,6 +970,27 @@ export async function fetchGetProjectRequirementAllowedTransitions(requirementId
  );
 }

+/** 批量获取项目需求可执行状态动作列表 */
+export async function fetchGetProjectRequirementAllowedTransitionsBatch(
+  data: Api.Project.ProjectRequirementBatchReqVO
+) {
+  const result = await request<Api.Project.ProjectRequirementAllowedTransitionBatchRespVO[]>({
+    ...safeJsonRequestConfig,
+    url: `${PROJECT_REQUIREMENT_PREFIX}/allowed-transitions/batch`,
+    method: 'post',
+    data
+  });
+
+  return mapServiceResult(
+    result as ServiceRequestResult<Api.Project.ProjectRequirementAllowedTransitionBatchRespVO[]>,
+    data1 =>
+      data1.map(item => ({
+        requirementId: normalizeStringId(item.requirementId),
+        transitions: item.transitions
+      }))
+  );
+}
+
 /** 获取项目需求生命周期信息 */
 export async function fetchGetProjectRequirementLifecycle(requirementId: string, projectId: string) {
  const result = await request<Api.Project.ProjectRequirementLifecycleInfo>({
--- a/src/typings/api/dict.d.ts
+++ b/src/typings/api/dict.d.ts
@@ -47,6 +47,8 @@ declare namespace Api {
      id: number;
      /** dict label */
      label: string;
+      /** sign */
+      sign?: string | null;
      /** dict value */
      value: string;
      /** dict type code */
@@ -65,6 +67,8 @@ declare namespace Api {
    interface FrontendDictData {
      /** dict label */
      label: string;
+      /** sign */
+      sign?: string | null;
      /** dict value */
      value: string;
      /** display order */
@@ -82,7 +86,7 @@ declare namespace Api {
    type DictDataSearchParams = CommonType.RecordNullable<Pick<DictData, 'label' | 'dictType' | 'status'>> & PageParams;

    /** dict data save params */
-    type SaveDictDataParams = Pick<DictData, 'label' | 'value' | 'dictType' | 'sort' | 'status'> & {
+    type SaveDictDataParams = Pick<DictData, 'label' | 'sign' | 'value' | 'dictType' | 'sort' | 'status'> & {
      remark?: string | null;
    };
  }
--- a/src/typings/api/product.d.ts
+++ b/src/typings/api/product.d.ts
@@ -305,12 +305,12 @@ declare namespace Api {
      currentHandlerUserId?: string | null;
      /** 当前处理人姓名 */
      currentHandlerUserNickname?: string | null;
-      /** 默认实现项目编号 */
+      /** 默认关联项目编号 */
      implementProjectId?: string | null;
-      /** 默认实现项目名称 */
+      /** 默认关联项目名称 */
      implementProjectName?: string | null;
-      /** 所需工时（小时） */
-      workHours: number;
+      /** 预期完成日期 */
+      expectedTime?: string | null;
      /** 排序值 */
      sort: number;
      /** 创建时间 */
@@ -378,6 +378,21 @@ declare namespace Api {
      availableActions: RequirementLifecycleAction[];
    }

+    interface RequirementBatchReqVO {
+      productId: string;
+      requirementIds: string[];
+    }
+
+    interface RequirementAllowedTransitionBatchRespVO {
+      requirementId: string;
+      transitions: RequirementLifecycleAction[];
+    }
+
+    interface RequirementHasDispatchedBatchRespVO {
+      requirementId: string;
+      hasDispatched: boolean;
+    }
+
    // ========== 请求参数类型 ==========

    /** 需求分页查询参数 */
@@ -408,7 +423,7 @@ declare namespace Api {
      | 'currentHandlerUserId'
      | 'currentHandlerUserNickname'
      | 'implementProjectId'
-      | 'workHours'
+      | 'expectedTime'
      | 'sort'
    >;

@@ -447,7 +462,7 @@ declare namespace Api {
      | 'proposerNickname'
      | 'currentHandlerUserId'
      | 'currentHandlerUserNickname'
-      | 'workHours'
+      | 'expectedTime'
      | 'sort'
    >;

--- a/src/typings/api/project.d.ts
+++ b/src/typings/api/project.d.ts
@@ -700,8 +700,8 @@ declare namespace Api {
      currentHandlerUserId?: string | null;
      /** 当前处理人昵称 */
      currentHandlerUserNickname?: string | null;
-      /** 所需工时 */
-      workHours: number;
+      /** 预期完成日期 */
+      expectedTime?: string | null;
      /** 排序值 */
      sort: number;
      /** 创建时间 */
@@ -763,6 +763,16 @@ declare namespace Api {
      availableActions: ProjectRequirementLifecycleAction[];
    }

+    interface ProjectRequirementBatchReqVO {
+      projectId: string;
+      requirementIds: string[];
+    }
+
+    interface ProjectRequirementAllowedTransitionBatchRespVO {
+      requirementId: string;
+      transitions: ProjectRequirementLifecycleAction[];
+    }
+
    /** 项目需求分页查询参数 */
    type ProjectRequirementSearchParams = CommonType.RecordNullable<
      Pick<PageParams, 'pageNo' | 'pageSize'> &
@@ -790,7 +800,7 @@ declare namespace Api {
      | 'proposerNickname'
      | 'currentHandlerUserId'
      | 'currentHandlerUserNickname'
-      | 'workHours'
+      | 'expectedTime'
      | 'sort'
    >;

@@ -828,7 +838,7 @@ declare namespace Api {
      | 'proposerNickname'
      | 'currentHandlerUserId'
      | 'currentHandlerUserNickname'
-      | 'workHours'
+      | 'expectedTime'
      | 'sort'
    >;

--- a/src/typings/api/system-manage.d.ts
+++ b/src/typings/api/system-manage.d.ts
@@ -148,6 +148,7 @@ declare namespace Api {
      sex?: UserGender | null;
      avatar?: string | null;
      status: CommonStatus;
+      sort?: number;
      loginIp?: string | null;
      resignedAt?: number | null;
      loginDate?: number | null;
@@ -178,6 +179,7 @@ declare namespace Api {
      mobile?: string | null;
      sex?: UserGender | null;
      avatar?: string | null;
+      sort?: number;
      password?: string;
    };

--- a/src/views/product/requirement/index.vue
+++ b/src/views/product/requirement/index.vue
@@ -15,11 +15,11 @@ import {
  fetchDeleteRequirement,
  fetchGetProductMembers,
  fetchGetProjectListByProductId,
-  fetchGetRequirementAllowedTransitions,
+  fetchGetRequirementAllowedTransitionsBatch,
  fetchGetRequirementStatusDict,
  fetchGetRequirementTerminalStatusDict,
  fetchGetRequirementTree,
-  fetchHasDispatchedProjectRequirement
+  fetchHasDispatchedProjectRequirementBatch
 } from '@/service/api';
 import { useAuth } from '@/hooks/business/auth';
 import { useDict } from '@/hooks/business/dict';
@@ -107,10 +107,10 @@ function getStatusLabel(statusCode: string) {
 }

 const priorityTagTypeMap: Record<number, UI.ThemeColor> = {
-  0: 'info',
-  1: 'primary',
-  2: 'warning',
-  3: 'danger'
+  0: 'danger',
+  1: 'warning',
+  2: 'primary',
+  3: 'info'
 };
 const hasDispatchedMap = ref<Record<string, boolean>>({});

@@ -122,6 +122,14 @@ function formatDateTime(value?: string | null) {
  return dayjs(value).format('YYYY-MM-DD HH:mm:ss');
 }

+function formatDate(value?: string | null) {
+  if (!value) {
+    return '--';
+  }
+
+  return dayjs(value).format('YYYY-MM-DD');
+}
+
 function isTerminalStatus(statusCode: string) {
  return terminalStatusOptions.value.includes(statusCode);
 }
@@ -223,17 +231,6 @@ function flattenTree(nodes: Api.Product.Requirement[]): Api.Product.Requirement[
  return result;
 }

-function collectAllRequirementIds(nodes: Api.Product.Requirement[]): string[] {
-  const ids: string[] = [];
-  for (const node of nodes) {
-    ids.push(node.id);
-    if (node.children?.length) {
-      ids.push(...collectAllRequirementIds(node.children));
-    }
-  }
-  return ids;
-}
-
 function collectRequirementIdsForActions(nodes: Api.Product.Requirement[]): string[] {
  const ids: string[] = [];
  for (const node of nodes) {
@@ -276,15 +273,18 @@ async function loadAllowedTransitionsForAll() {
    return;
  }

-  const results = await Promise.all(
-    idsToQuery.map(async id => {
-      const { error, data } = await fetchGetRequirementAllowedTransitions(id, currentObjectId.value!);
-      return { id, actions: error ? [] : data || [] };
-    })
-  );
+  const { error, data } = await fetchGetRequirementAllowedTransitionsBatch({
+    productId: currentObjectId.value,
+    requirementIds: idsToQuery
+  });

-  for (const { id, actions } of results) {
-    newMap.set(id, actions);
+  if (error || !data) {
+    allowedTransitionsMap.value = newMap;
+    return;
+  }
+
+  for (const item of data) {
+    newMap.set(item.requirementId, item.transitions || []);
  }

  allowedTransitionsMap.value = newMap;
@@ -304,12 +304,19 @@ async function loadHasDispatchedForAll() {
    return;
  }

-  await Promise.all(
-    idsToQuery.map(async id => {
-      const { data } = await fetchHasDispatchedProjectRequirement(id, currentObjectId.value!);
-      newMap[id] = Boolean(data);
-    })
-  );
+  const { error, data } = await fetchHasDispatchedProjectRequirementBatch({
+    productId: currentObjectId.value,
+    requirementIds: idsToQuery
+  });
+
+  if (error || !data) {
+    hasDispatchedMap.value = newMap;
+    return;
+  }
+
+  for (const item of data) {
+    newMap[item.requirementId] = Boolean(item.hasDispatched);
+  }

  hasDispatchedMap.value = newMap;
 }
@@ -339,12 +346,12 @@ const columns = computed(() => [
    label: '需求名称',
    minWidth: 200,
    formatter: (row: Api.Product.Requirement) => {
-      const className = 'requirement-title';
-
      return (
-        <ElButton link type="primary" class={className} onClick={() => openView(row)}>
-          {row.title}
-        </ElButton>
+        <ElTooltip content={row.title} placement="top" show-after={300}>
+          <ElButton link type="primary" class="requirement-title" onClick={() => openView(row)}>
+            {row.title}
+          </ElButton>
+        </ElTooltip>
      );
    }
  },
@@ -360,19 +367,12 @@ const columns = computed(() => [
  {
    prop: 'statusCode',
    label: '状态',
-    width: 100,
+    width: 90,
    align: 'center',
    formatter: (row: Api.Product.Requirement) => (
      <ElTag type={getRequirementStatusTagType(row.statusCode)}>{getStatusLabel(row.statusCode)}</ElTag>
    )
  },
-  {
-    prop: 'workHours',
-    label: '所需工时',
-    width: 75,
-    align: 'center',
-    formatter: (row: Api.Product.Requirement) => (row.workHours !== null ? `${row.workHours}h` : '--')
-  },
  {
    prop: 'category',
    label: '需求类型',
@@ -400,13 +400,13 @@ const columns = computed(() => [
  {
    prop: 'proposerNickname',
    label: '提出人',
-    minWidth: 70,
+    minWidth: 85,
    formatter: (row: Api.Product.Requirement) => row.proposerNickname || '--'
  },
  {
    prop: 'currentHandlerUserId',
    label: '负责人',
-    minWidth: 70,
+    minWidth: 85,
    formatter: (row: Api.Product.Requirement) => getMemberLabel(row.currentHandlerUserId)
  },
  {
@@ -427,22 +427,24 @@ const columns = computed(() => [
  },
  {
    prop: 'implementProjectId',
-    label: '实现项目',
-    minWidth: 140,
+    label: '关联项目',
+    minWidth: 180,
    formatter: (row: Api.Product.Requirement) => {
      if (!row.implementProjectId) return '--';
-      const projectName = projectNameMap.value.get(row.implementProjectId) || row.implementProjectName || '--';
-      return (
-        <ElButton link type="primary" class="implement-project-link" onClick={() => handleImplementProjectClick(row)}>
-          {projectName}
-        </ElButton>
-      );
+      return projectNameMap.value.get(row.implementProjectId) || row.implementProjectName || '--';
    }
  },
+  {
+    prop: 'expectedTime',
+    label: '预期完成时间',
+    minWidth: 120,
+    align: 'center',
+    formatter: (row: Api.Product.Requirement) => formatDate(row.expectedTime)
+  },
  {
    prop: 'createTime',
    label: '创建时间',
-    minWidth: 180,
+    minWidth: 120,
    formatter: (row: Api.Product.Requirement) => formatDateTime(row.createTime)
  },
  {
@@ -461,31 +463,39 @@ const columns = computed(() => [
        onClick: () => void;
      }[] = [];

-      if (canSplitRequirement(row) && hasObjectAuth('project:product:split')) {
+      if (hasObjectAuth('project:product:split')) {
        actions.push({
          key: 'split',
          label: '拆分',
          icon: ACTION_ICON_MAP.split,
          type: ACTION_TYPE_MAP.split,
+          disabled: !canSplitRequirement(row),
          onClick: () => openSplit(row)
        });
      }

-      if (
-        hasObjectAuth('project:product:update') &&
-        !isTerminalStatus(row.statusCode) &&
-        row.statusCode !== 'accepted' &&
-        !row.implementProjectId
-      ) {
+      if (hasObjectAuth('project:product:update')) {
+        const canEdit = !isTerminalStatus(row.statusCode) && row.statusCode !== 'accepted' && !row.implementProjectId;
        actions.push({
          key: 'edit',
          label: '编辑',
          icon: ACTION_ICON_MAP.edit,
          type: ACTION_TYPE_MAP.edit,
+          disabled: !canEdit,
          onClick: () => openEdit(row)
        });
      }

+      if (row.implementProjectId) {
+        actions.push({
+          key: 'forward',
+          label: '前往项目侧',
+          icon: ACTION_ICON_MAP.forward,
+          type: 'primary',
+          onClick: () => handleForwardToProjectRequirement(row)
+        });
+      }
+
      const lifecycleActions = getRowActions(row);
      const hasStatusAuth = hasObjectAuth('project:product:status');

@@ -534,6 +544,7 @@ const columns = computed(() => [
                  size="small"
                  class="requirement-action-icon-btn"
                  type={action.type}
+                  disabled={action.disabled}
                  onClick={() => action.onClick()}
                >
                  <IconComponent class="text-18px" />
@@ -626,8 +637,7 @@ async function reloadTable() {
  loading.value = true;
  try {
    await loadTreeData();
-    await loadAllowedTransitionsForAll();
-    await loadHasDispatchedForAll();
+    await Promise.all([loadAllowedTransitionsForAll(), loadHasDispatchedForAll()]);
  } finally {
    loading.value = false;
  }
@@ -688,10 +698,10 @@ function openSplit(row: Api.Product.Requirement) {
  splitVisible.value = true;
 }

-async function handleImplementProjectClick(row: Api.Product.Requirement) {
+async function handleForwardToProjectRequirement(row: Api.Product.Requirement) {
  if (!row.implementProjectId) return;

-  router.push({
+  await router.replace({
    path: '/project/project/requirement',
    query: {
      objectId: row.implementProjectId
@@ -809,8 +819,7 @@ watch(
  async id => {
    if (id) {
      await Promise.all([loadMembers(), loadTreeData(), loadProjectOptions()]);
-      await loadAllowedTransitionsForAll();
-      await loadHasDispatchedForAll();
+      await Promise.all([loadAllowedTransitionsForAll(), loadHasDispatchedForAll()]);
    } else {
      memberOptions.value = [];
      treeData.value = [];
@@ -954,6 +963,10 @@ onMounted(async () => {
 :deep(.requirement-title) {
  padding: 0;
  font-weight: 500;
+  max-width: 180px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }

 :deep(.requirement-title--terminal) {
@@ -966,11 +979,6 @@ onMounted(async () => {
  padding: 0;
 }

-:deep(.implement-project-link) {
-  padding: 0;
-  font-weight: 500;
-}
-
 :deep(.el-table__row[class*='el-table__row--level-']:not(.el-table__row--level-0) td:first-child .cell) {
  color: transparent;
 }
--- a/src/views/product/requirement/modules/module-tree-node.vue
+++ b/src/views/product/requirement/modules/module-tree-node.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { type Ref, computed, inject, ref } from 'vue';
+import { useAuth } from '@/hooks/business/auth';

 defineOptions({ name: 'ModuleTreeNode' });

@@ -32,10 +33,23 @@ const emit = defineEmits([
  'updateNewChildModuleName'
 ]);

+const { hasObjectAuth } = useAuth();
+const isRootModule = computed(() => props.module.id === props.rootModuleId);
+
+const hasAnyActionPermission = computed(() => {
+  if (isRootModule.value) {
+    return hasObjectAuth('project:product:create');
+  }
+  return (
+    hasObjectAuth('project:product:create') ||
+    hasObjectAuth('project:product:update') ||
+    hasObjectAuth('project:product:delete')
+  );
+});
+
 const collapsedModuleIds = inject<Ref<Set<string>>>('collapsedModuleIds', ref(new Set()));
 const toggleCollapse = inject<(id: string) => void>('toggleCollapse', () => {});

-const isRootModule = computed(() => props.module.id === props.rootModuleId);
 const isSelected = computed(() => props.selectedModuleId === props.module.id);
 const isEditing = computed(() => props.editingNodeId === props.module.id);
 const isAddingChild = computed(() => props.addingChildParentId === props.module.id);
@@ -141,35 +155,27 @@ function handleToggle() {
        />
      </div>

-      <div v-if="!isEditing" class="module-tree-item__actions" @click.stop>
+      <div v-if="!isEditing && hasAnyActionPermission" class="module-tree-item__actions" @click.stop>
        <ElDropdown trigger="click">
          <ElButton text size="small" class="module-tree-item__more-btn">
            <icon-mdi-dots-horizontal class="text-14px" />
          </ElButton>
          <template #dropdown>
            <ElDropdownMenu>
-              <ElDropdownItem
-                v-auth="{ code: 'project:product:create', source: 'object' }"
-                @click="handleStartAddChild"
-              >
+              <ElDropdownItem v-if="hasObjectAuth('project:product:create')" @click="handleStartAddChild">
                <div class="flex items-center gap-6px">
                  <icon-ic-round-plus class="text-14px" />
                  <span>新增子模块</span>
                </div>
              </ElDropdownItem>
-              <ElDropdownItem
-                v-if="!isRootModule"
-                v-auth="{ code: 'project:product:update', source: 'object' }"
-                @click="handleStartEdit"
-              >
+              <ElDropdownItem v-if="!isRootModule && hasObjectAuth('project:product:update')" @click="handleStartEdit">
                <div class="flex items-center gap-6px">
                  <icon-mdi-pencil-outline class="text-14px" />
                  <span>编辑</span>
                </div>
              </ElDropdownItem>
              <ElDropdownItem
-                v-if="!isRootModule && canDeleteModule"
-                v-auth="{ code: 'project:product:delete', source: 'object' }"
+                v-if="!isRootModule && canDeleteModule && hasObjectAuth('project:product:delete')"
                divided
                @click="handleDelete"
              >
@@ -241,73 +247,112 @@ function handleToggle() {
 .module-tree-node {
  display: flex;
  flex-direction: column;
-  gap: 10px;
 }

 .module-tree-item {
+  position: relative;
  display: flex;
  align-items: center;
-  gap: 10px;
-  min-height: 42px;
-  padding: 0 14px;
-  border: 1px solid rgb(226 232 240 / 92%);
-  border-radius: 14px;
-  background-color: rgb(248 250 252 / 96%);
-  color: rgb(71 85 105 / 94%);
+  gap: 8px;
+  min-height: 36px;
+  padding: 6px 12px;
+  padding-left: 16px;
+  border-radius: 8px;
+  color: #475569;
  font-size: 14px;
  cursor: pointer;
  transition:
-    border-color 0.2s ease,
-    background-color 0.2s ease,
-    color 0.2s ease,
-    transform 0.2s ease;
+    background-color 0.15s ease,
+    color 0.15s ease;
+}
+
+.module-tree-item::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 3px;
+  height: 0;
+  border-radius: 0 2px 2px 0;
+  background-color: transparent;
+  transition:
+    height 0.15s ease,
+    background-color 0.15s ease;
 }

 .module-tree-item:hover {
-  transform: translateY(-1px);
-  border-color: rgb(148 163 184 / 56%);
+  background-color: #f1f5f9;
 }

 .module-tree-item.is-active {
-  border-color: rgb(13 148 136 / 42%);
-  background-color: rgb(240 253 250 / 98%);
-  color: rgb(15 118 110 / 96%);
-  font-weight: 600;
+  background-color: #f0fdfa;
+  color: #0d9488;
+  font-weight: 500;
 }

-.module-tree-item.is-root:not(.is-active) .module-tree-item__icon {
-  color: rgb(13 148 136 / 80%);
+.module-tree-item.is-active::before {
+  height: 60%;
+  background-color: #14b8a6;
+}
+
+.module-tree-item.is-root {
+  font-weight: 600;
+  color: #1e293b;
+}
+
+.module-tree-item.is-root:hover {
+  background-color: #f8fafc;
+}
+
+.module-tree-item.is-root.is-active {
+  background-color: #f0fdfa;
+  color: #0d9488;
 }

 .module-tree-item--new {
-  border-style: dashed;
-  border-color: rgb(148 163 184 / 56%);
+  border: 1px dashed #cbd5e1;
+  background-color: #f8fafc;
 }

-.module-tree-item__icon {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  color: rgb(100 116 139 / 80%);
+.module-tree-item--new:hover {
+  background-color: #f1f5f9;
 }

 .module-tree-item__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
-  width: 20px;
-  height: 20px;
+  width: 18px;
+  height: 18px;
  flex-shrink: 0;
  cursor: pointer;
  user-select: none;
  transition: transform 0.2s ease;
-  color: rgb(148 163 184);
+  color: #94a3b8;
+  border-radius: 4px;
+}
+
+.module-tree-item__toggle:hover {
+  background-color: #e2e8f0;
+  color: #64748b;
 }

 .module-tree-item__toggle.is-expanded svg {
  transform: rotate(90deg);
 }

+.module-tree-item__icon {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: #94a3b8;
+}
+
+.module-tree-item.is-active .module-tree-item__icon {
+  color: #14b8a6;
+}
+
 .module-tree-item__content {
  flex: 1;
  min-width: 0;
@@ -326,7 +371,7 @@ function handleToggle() {
 }

 .module-tree-item__input :deep(.el-input__inner) {
-  height: 28px;
+  height: 26px;
 }

 .module-tree-item__actions {
@@ -334,7 +379,7 @@ function handleToggle() {
  align-items: center;
  flex-shrink: 0;
  opacity: 0;
-  transition: opacity 0.2s ease;
+  transition: opacity 0.15s ease;
 }

 .module-tree-item:hover .module-tree-item__actions {
@@ -347,5 +392,10 @@ function handleToggle() {

 .module-tree-item__more-btn {
  padding: 4px;
+  border-radius: 4px;
+}
+
+.module-tree-item__more-btn:hover {
+  background-color: #e2e8f0;
 }
 </style>
--- a/src/views/product/requirement/modules/requirement-action-dialog.vue
+++ b/src/views/product/requirement/modules/requirement-action-dialog.vue
@@ -66,7 +66,7 @@ const rules = computed(() => {
  }

  if (isDispatchAction.value) {
-    baseRules.implementProjectId = [createRequiredRule('请选择实现项目')];
+    baseRules.implementProjectId = [createRequiredRule('请选择关联项目')];
  }

  if (isTerminalAction.value) {
@@ -136,8 +136,8 @@ async function handleSubmit() {
        </ElRadioGroup>
      </ElFormItem>

-      <ElFormItem v-if="isDispatchAction" label="实现项目" prop="implementProjectId">
-        <ElSelect v-model="model.implementProjectId" class="w-full" filterable placeholder="请选择实现项目（必选）">
+      <ElFormItem v-if="isDispatchAction" label="关联项目" prop="implementProjectId">
+        <ElSelect v-model="model.implementProjectId" class="w-full" filterable placeholder="请选择关联项目（必选）">
          <ElOption v-for="item in projectOptions" :key="item.id" :label="item.projectName" :value="item.id" />
        </ElSelect>
      </ElFormItem>
--- a/src/views/product/requirement/modules/requirement-create-dialog.vue
+++ b/src/views/product/requirement/modules/requirement-create-dialog.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, watch } from 'vue';
 import { useResizeObserver } from '@vueuse/core';
+import dayjs from 'dayjs';
 import { fetchCreateRequirement, fetchGetRequirementModuleTree } from '@/service/api';
 import { useForm, useFormRules } from '@/hooks/common/form';
 import { useDict } from '@/hooks/business/dict';
@@ -47,6 +48,31 @@ const priorityOptions = computed(() => {
  }));
 });

+const reviewRequiredOptions = [
+  { label: '不需要', value: 0 },
+  { label: '需要', value: 1 }
+];
+
+function buildExpectedTimeShortcut(text: string, mutator: (date: Date) => void) {
+  return {
+    text,
+    value: () => {
+      const date = new Date();
+      mutator(date);
+      return date;
+    }
+  };
+}
+
+const expectedTimeShortcuts = [
+  buildExpectedTimeShortcut('一星期', date => date.setDate(date.getDate() + 7)),
+  buildExpectedTimeShortcut('两星期', date => date.setDate(date.getDate() + 14)),
+  buildExpectedTimeShortcut('一个月', date => date.setMonth(date.getMonth() + 1)),
+  buildExpectedTimeShortcut('三个月', date => date.setMonth(date.getMonth() + 3)),
+  buildExpectedTimeShortcut('半年', date => date.setMonth(date.getMonth() + 6)),
+  buildExpectedTimeShortcut('一年', date => date.setFullYear(date.getFullYear() + 1))
+];
+
 interface Model {
  title: string;
  description: string | null;
@@ -55,9 +81,9 @@ interface Model {
  moduleId: string;
  category: string;
  priority: number | null;
+  expectedTime: string | null;
  proposerId: string;
  currentHandlerUserId: string;
-  workHours: number | null;
  sort: number;
 }

@@ -93,18 +119,12 @@ const flatModuleOptions = computed<Array<{ label: string; value: string }>>(() =
  return options;
 });

-const reviewRequiredOptions = [
-  { label: '不需要', value: 0 },
-  { label: '需要', value: 1 }
-];
-
 const rules = {
  title: [createRequiredRule('请输入需求名称')],
  category: [createRequiredRule('请选择需求类型')],
  priority: [createRequiredRule('请选择优先级')],
  proposerId: [createRequiredRule('请选择提出人')],
-  currentHandlerUserId: [createRequiredRule('请选择负责人')],
-  workHours: [createRequiredRule('请输入所需工时')]
+  currentHandlerUserId: [createRequiredRule('请选择负责人')]
 } satisfies Record<string, App.Global.FormRule[]>;

 const leftColRef = ref<HTMLElement>();
@@ -146,9 +166,9 @@ function createDefaultModel(): Model {
    moduleId: props.defaultModuleId || '0',
    category: '功能需求',
    priority: 1,
+    expectedTime: null,
    proposerId: '',
    currentHandlerUserId: '',
-    workHours: null,
    sort: 0
  };
 }
@@ -183,12 +203,12 @@ async function handleSubmit() {
    attachments: [...model.value.attachments],
    category: model.value.category,
    priority: Number(model.value.priority) as Api.Product.RequirementPriority,
+    expectedTime: model.value.expectedTime,
    proposerId: model.value.proposerId,
    proposerNickname,
    currentHandlerUserId: model.value.currentHandlerUserId,
    currentHandlerUserNickname,
    implementProjectId: null,
-    workHours: model.value.workHours || 0,
    sort: model.value.sort
  };

@@ -272,14 +292,17 @@ watch(
            </ElFormItem>

            <ElFormItem label="是否需要评审">
-              <ElSelect v-model="model.reviewRequired" class="w-full" placeholder="请选择">
-                <ElOption
+              <ElRadioGroup v-model="model.reviewRequired">
+                <ElRadio
                  v-for="item in reviewRequiredOptions"
                  :key="item.value"
-                  :label="item.label"
                  :value="item.value"
-                />
-              </ElSelect>
+                  border
+                  style="width: 165px"
+                >
+                  {{ item.label }}
+                </ElRadio>
+              </ElRadioGroup>
            </ElFormItem>

            <ElFormItem label="优先级" prop="priority">
@@ -288,17 +311,6 @@ watch(
              </ElSelect>
            </ElFormItem>

-            <ElFormItem label="所需工时" prop="workHours">
-              <ElInputNumber
-                v-model="model.workHours"
-                class="w-full"
-                :min="0"
-                :max="9999"
-                :precision="1"
-                placeholder="请输入所需工时"
-              />
-            </ElFormItem>
-
            <ElFormItem label="需求类型" prop="category">
              <DictSelect
                v-model="model.category"
@@ -334,9 +346,20 @@ watch(
              </ElSelect>
            </ElFormItem>

-            <ElFormItem label="排序值">
-              <ElInputNumber v-model="model.sort" class="w-full" :min="0" :max="9999" placeholder="请输入排序值" />
+            <ElFormItem label="预期完成时间">
+              <ElDatePicker
+                v-model="model.expectedTime"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择预期完成时间"
+                :shortcuts="expectedTimeShortcuts"
+                class="requirement-operate-dialog__date-picker"
+              />
            </ElFormItem>
+
+            <!--            <ElFormItem label="排序值">-->
+            <!--              <ElInputNumber v-model="model.sort" class="w-full" :min="0" :max="9999" placeholder="请输入排序值" />-->
+            <!--            </ElFormItem>-->
          </BusinessFormSection>
        </div>

@@ -397,4 +420,8 @@ watch(
    grid-template-columns: 1fr;
  }
 }
+
+:deep(.requirement-operate-dialog__date-picker.el-date-editor.el-input) {
+  width: 100%;
+}
 </style>
--- a/src/views/product/requirement/modules/requirement-detail-dialog.vue
+++ b/src/views/product/requirement/modules/requirement-detail-dialog.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, watch } from 'vue';
 import { useResizeObserver } from '@vueuse/core';
+import dayjs from 'dayjs';
 import {
  fetchGetProjectListByProductId,
  fetchGetRequirement,
@@ -65,12 +66,12 @@ interface Model {
  moduleId: string;
  category: string;
  priority: number | null;
+  expectedTime: string | null;
  proposerId: string;
  proposerNickname: string;
  currentHandlerUserId: string;
  currentHandlerUserNickname: string;
  implementProjectId: string | null;
-  workHours: number | null;
  sort: number;
  lastStatusReason: string;
 }
@@ -147,6 +148,26 @@ const reviewRequiredOptions = [
  { label: '需要', value: 1 }
 ];

+function buildExpectedTimeShortcut(text: string, mutator: (date: Date) => void) {
+  return {
+    text,
+    value: () => {
+      const date = new Date();
+      mutator(date);
+      return date;
+    }
+  };
+}
+
+const expectedTimeShortcuts = [
+  buildExpectedTimeShortcut('一星期', date => date.setDate(date.getDate() + 7)),
+  buildExpectedTimeShortcut('两星期', date => date.setDate(date.getDate() + 14)),
+  buildExpectedTimeShortcut('一个月', date => date.setMonth(date.getMonth() + 1)),
+  buildExpectedTimeShortcut('三个月', date => date.setMonth(date.getMonth() + 3)),
+  buildExpectedTimeShortcut('半年', date => date.setMonth(date.getMonth() + 6)),
+  buildExpectedTimeShortcut('一年', date => date.setFullYear(date.getFullYear() + 1))
+];
+
 const rules = computed(() => {
  const baseRules: Record<string, App.Global.FormRule[]> = {
    title: isEditMode.value ? [createRequiredRule('请输入需求名称')] : [],
@@ -198,12 +219,12 @@ function createDefaultModel(): Model {
    moduleId: '0',
    category: '',
    priority: 1,
+    expectedTime: null,
    proposerId: '',
    proposerNickname: '',
    currentHandlerUserId: '',
    currentHandlerUserNickname: '',
    implementProjectId: null,
-    workHours: null,
    sort: 0,
    lastStatusReason: ''
  };
@@ -239,12 +260,12 @@ async function handleSubmit() {
    attachments: [...model.value.attachments],
    category: model.value.category,
    priority: Number(model.value.priority) as Api.Product.RequirementPriority,
+    expectedTime: model.value.expectedTime,
    proposerId: model.value.proposerId,
    proposerNickname: model.value.proposerNickname,
    currentHandlerUserId: model.value.currentHandlerUserId,
    currentHandlerUserNickname: handler?.userNickname || model.value.currentHandlerUserNickname,
    implementProjectId: model.value.implementProjectId,
-    workHours: model.value.workHours || 0,
    sort: model.value.sort
  };

@@ -304,17 +325,30 @@ function transformRequirementData(data: Api.Product.Requirement): typeof model.v
    moduleId: data.moduleId || '0',
    category: data.category || '',
    priority: data.priority ?? null,
+    expectedTime: formatExpectedTime(data.expectedTime),
    proposerId: data.proposerId || '',
    proposerNickname: data.proposerNickname || '',
    currentHandlerUserId: data.currentHandlerUserId || '',
    currentHandlerUserNickname: data.currentHandlerUserNickname || '',
    implementProjectId: data.implementProjectId || null,
-    workHours: data.workHours ?? null,
    sort: data.sort ?? 0,
    lastStatusReason: data.lastStatusReason || ''
  };
 }

+function formatExpectedTime(value?: string | number[] | null): string | null {
+  if (!value) {
+    return null;
+  }
+
+  if (Array.isArray(value)) {
+    const [year, month, day] = value;
+    return `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
+  }
+
+  return dayjs(value).format('YYYY-MM-DD');
+}
+
 async function loadRequirementDetail() {
  if (!props.productId || !props.requirement?.id) {
    return;
@@ -402,21 +436,6 @@ watch(
              </ElSelect>
            </ElFormItem>

-            <ElFormItem label="所需工时">
-              <template v-if="isViewMode">
-                <ReadonlyField :value="model.workHours != null ? `${model.workHours}小时` : '--'" />
-              </template>
-              <ElInputNumber
-                v-else
-                v-model="model.workHours"
-                class="w-full"
-                :min="0"
-                :max="9999"
-                :precision="1"
-                placeholder="请输入所需工时"
-              />
-            </ElFormItem>
-
            <ElFormItem label="需求类型" prop="category">
              <ReadonlyField :value="getCategoryLabel(model.category) || '--'" />
            </ElFormItem>
@@ -447,24 +466,37 @@ watch(
              </ElSelect>
            </ElFormItem>

-            <ElFormItem v-if="isViewMode" label="实现项目">
+            <ElFormItem v-if="isViewMode" label="关联项目">
              <ReadonlyField :value="projectOptionsMap.get(model.implementProjectId || '') || '--'" />
            </ElFormItem>

-            <ElFormItem label="排序值">
-              <template v-if="isViewMode">
-                <ReadonlyField :value="model.sort" />
-              </template>
-              <ElInputNumber
+            <ElFormItem label="预期完成时间">
+              <ReadonlyField v-if="isViewMode" :value="model.expectedTime || '--'" />
+              <ElDatePicker
                v-else
-                v-model="model.sort"
-                class="w-full"
-                :min="0"
-                :max="9999"
-                placeholder="请输入排序值"
+                v-model="model.expectedTime"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择预期完成时间"
+                :shortcuts="expectedTimeShortcuts"
+                class="requirement-operate-dialog__date-picker"
              />
            </ElFormItem>

+            <!--            <ElFormItem label="排序值">-->
+            <!--              <template v-if="isViewMode">-->
+            <!--                <ReadonlyField :value="model.sort" />-->
+            <!--              </template>-->
+            <!--              <ElInputNumber-->
+            <!--                v-else-->
+            <!--                v-model="model.sort"-->
+            <!--                class="w-full"-->
+            <!--                :min="0"-->
+            <!--                :max="9999"-->
+            <!--                placeholder="请输入排序值"-->
+            <!--              />-->
+            <!--            </ElFormItem>-->
+
            <ElFormItem v-if="isViewMode && model.lastStatusReason" label="状态变更原因">
              <div class="requirement-operate-dialog__readonly-textarea">{{ model.lastStatusReason }}</div>
            </ElFormItem>
@@ -528,7 +560,7 @@ watch(
 .requirement-operate-dialog__readonly-textarea {
  box-sizing: border-box;
  width: 100%;
-  min-height: 100px;
+  min-height: 65px;
  padding: 8px 12px;
  border-radius: 4px;
  background: linear-gradient(180deg, rgb(241 245 249 / 98%), rgb(226 232 240 / 94%)), rgb(241 245 249);
@@ -545,4 +577,8 @@ watch(
    grid-template-columns: 1fr;
  }
 }
+
+:deep(.requirement-operate-dialog__date-picker.el-date-editor.el-input) {
+  width: 100%;
+}
 </style>
--- a/src/views/product/requirement/modules/requirement-module-tree.vue
+++ b/src/views/product/requirement/modules/requirement-module-tree.vue
@@ -216,15 +216,11 @@ async function handleDeleteModule(module: Api.Product.RequirementModule) {
  if (!currentObjectId.value) return;

  try {
-    await ElMessageBox.confirm(
-      `确定要删除模块 "${module.moduleName}" 吗？该模块下的所有需求将被一并删除。`,
-      '删除确认',
-      {
-        confirmButtonText: '确认删除',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }
-    );
+    await ElMessageBox.confirm(`确定要删除模块 "${module.moduleName}" 吗？`, '删除确认', {
+      confirmButtonText: '确认删除',
+      cancelButtonText: '取消',
+      type: 'warning'
+    });
  } catch {
    return;
  }
@@ -310,12 +306,12 @@ defineExpose({

 .requirement-module-tree-card :deep(.el-card__header) {
  padding: 12px 16px;
-  border-bottom: none;
+  border-bottom: 1px solid #f1f5f9;
 }

 .requirement-module-tree-card :deep(.el-card__body) {
-  padding: 0 16px 16px;
-  height: calc(100% - 48px);
+  padding: 12px 8px;
+  height: calc(100% - 49px);
  overflow: hidden;
 }

@@ -326,68 +322,34 @@ defineExpose({
 }

 .module-tree-header__title {
-  color: rgb(15 23 42 / 94%);
-  font-size: 16px;
-  font-weight: 700;
+  color: #1e293b;
+  font-size: 15px;
+  font-weight: 600;
 }

 .module-tree-list {
  display: flex;
  flex-direction: column;
-  gap: 10px;
+  gap: 2px;
  min-height: 0;
  height: 100%;
  overflow-y: auto;
 }

-.module-tree-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  width: 100%;
-  min-height: 42px;
-  padding: 0 14px;
-  border: 1px solid rgb(226 232 240 / 92%);
-  border-radius: 14px;
-  background-color: rgb(248 250 252 / 96%);
-  color: rgb(71 85 105 / 94%);
-  font-size: 14px;
-  cursor: pointer;
-  transition:
-    border-color 0.2s ease,
-    background-color 0.2s ease,
-    color 0.2s ease,
-    transform 0.2s ease;
+.module-tree-list::-webkit-scrollbar {
+  width: 4px;
 }

-.module-tree-item:hover {
-  transform: translateY(-1px);
-  border-color: rgb(148 163 184 / 56%);
+.module-tree-list::-webkit-scrollbar-track {
+  background: transparent;
 }

-.module-tree-item--new {
-  border-style: dashed;
-  border-color: rgb(148 163 184 / 56%);
+.module-tree-list::-webkit-scrollbar-thumb {
+  background-color: #e2e8f0;
+  border-radius: 2px;
 }

-.module-tree-item__icon {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  color: rgb(100 116 139 / 80%);
-}
-
-.module-tree-item__content {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-}
-
-.module-tree-item__input {
-  width: 100%;
-}
-
-.module-tree-item__input :deep(.el-input__inner) {
-  height: 28px;
+.module-tree-list::-webkit-scrollbar-thumb:hover {
+  background-color: #cbd5e1;
 }
 </style>
--- a/src/views/product/requirement/modules/requirement-search.vue
+++ b/src/views/product/requirement/modules/requirement-search.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
+import { computed, h, onMounted, ref } from 'vue';
 import { RDMS_REQ_SOURCE_TYPE_DICT_CODE } from '@/constants/dict';
 import { fetchGetRequirementStatusDict } from '@/service/api';
 import { useDict } from '@/hooks/business/dict';
-import DictSelect from '@/components/custom/dict-select.vue';
-import TableSearchPanel from '@/components/custom/table-search-panel.vue';
+import TableSearchFields from '@/components/custom/table-search-fields.vue';
 import MemberSelectOption from './member-select-option.vue';

 defineOptions({ name: 'RequirementSearch' });
@@ -21,7 +20,7 @@ interface Props {
  priorityDictCode: string;
 }

-defineProps<Props>();
+const props = defineProps<Props>();

 interface Emits {
  (e: 'reset'): void;
@@ -45,6 +44,21 @@ const sourceTypeOptions = computed(() => {
    }));
 });

+const memberSelectOptions = computed(() => {
+  return props.memberOptions.map(item => ({
+    label: item.nickname,
+    value: item.id,
+    roleName: item.roleName
+  }));
+});
+
+function renderMemberOption(option: { label: string; value: string | number; roleName?: string }) {
+  return h(MemberSelectOption, {
+    nickname: option.label,
+    roleName: option.roleName || ''
+  });
+}
+
 async function loadStatusOptions() {
  const { error, data } = await fetchGetRequirementStatusDict();

@@ -59,77 +73,58 @@ async function loadStatusOptions() {
  }));
 }

-function reset() {
-  emit('reset');
-}
-
-function search() {
-  emit('search');
-}
-
 onMounted(async () => {
  await loadStatusOptions();
 });
+
+const fields = computed(() => [
+  {
+    key: 'title',
+    label: '需求名称',
+    type: 'input' as const,
+    placeholder: '输入需求名称'
+  },
+  {
+    key: 'priority',
+    label: '优先级',
+    type: 'dict' as const,
+    dictCode: props.priorityDictCode,
+    placeholder: '筛选优先级'
+  },
+  {
+    key: 'statusCode',
+    label: '状态',
+    type: 'select' as const,
+    placeholder: '筛选状态',
+    options: requirementStatusOptions.value
+  },
+  {
+    key: 'category',
+    label: '需求类型',
+    type: 'dict' as const,
+    dictCode: props.categoryDictCode,
+    placeholder: '筛选需求类型'
+  },
+  {
+    key: 'sourceType',
+    label: '需求来源',
+    type: 'select' as const,
+    placeholder: '筛选需求来源',
+    options: sourceTypeOptions.value
+  },
+  {
+    key: 'currentHandlerUserId',
+    label: '负责人',
+    type: 'select' as const,
+    placeholder: '筛选负责人',
+    options: memberSelectOptions.value,
+    renderOption: renderMemberOption
+  }
+]);
 </script>

 <template>
-  <TableSearchPanel :model="model" :action-col-lg="6" @reset="reset" @search="search">
-    <ElCol :lg="6" :md="12" :sm="12">
-      <ElFormItem label="需求名称">
-        <ElInput v-model="model.title" clearable placeholder="输入需求名称" />
-      </ElFormItem>
-    </ElCol>
-    <ElCol :lg="6" :md="12" :sm="12">
-      <ElFormItem label="需求类型">
-        <DictSelect
-          v-model="model.category"
-          :dict-code="categoryDictCode"
-          clearable
-          filterable
-          placeholder="筛选需求类型"
-        />
-      </ElFormItem>
-    </ElCol>
-    <ElCol :lg="6" :md="12" :sm="12">
-      <ElFormItem label="优先级">
-        <DictSelect v-model="model.priority" :dict-code="priorityDictCode" clearable placeholder="筛选优先级" />
-      </ElFormItem>
-    </ElCol>
-    <ElCol :lg="6" :md="12" :sm="12">
-      <ElFormItem label="状态">
-        <ElSelect v-model="model.statusCode" clearable placeholder="筛选状态">
-          <ElOption
-            v-for="item in requirementStatusOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </ElSelect>
-      </ElFormItem>
-    </ElCol>
-    <ElCol :lg="6" :md="12" :sm="12">
-      <ElFormItem label="负责人">
-        <ElSelect
-          v-model="model.currentHandlerUserId"
-          clearable
-          filterable
-          placeholder="筛选负责人"
-          :filter-method="(val: string) => val"
-        >
-          <ElOption v-for="item in memberOptions" :key="item.id" :label="item.nickname" :value="item.id">
-            <MemberSelectOption :nickname="item.nickname" :role-name="item.roleName || ''" />
-          </ElOption>
-        </ElSelect>
-      </ElFormItem>
-    </ElCol>
-    <ElCol :lg="6" :md="12" :sm="12">
-      <ElFormItem label="需求来源">
-        <ElSelect v-model="model.sourceType" clearable placeholder="筛选需求来源">
-          <ElOption v-for="item in sourceTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
-        </ElSelect>
-      </ElFormItem>
-    </ElCol>
-  </TableSearchPanel>
+  <TableSearchFields v-model="model" :fields="fields" :columns="3" @search="emit('search')" @reset="emit('reset')" />
 </template>

 <style scoped></style>
--- a/src/views/product/requirement/modules/requirement-split-dialog.vue
+++ b/src/views/product/requirement/modules/requirement-split-dialog.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, watch } from 'vue';
 import { useResizeObserver } from '@vueuse/core';
+import dayjs from 'dayjs';
 import { fetchSplitRequirement } from '@/service/api';
 import { useForm, useFormRules } from '@/hooks/common/form';
 import { useDict } from '@/hooks/business/dict';
@@ -46,6 +47,31 @@ const priorityOptions = computed(() => {
  }));
 });

+const reviewRequiredOptions = [
+  { label: '不需要', value: 0 },
+  { label: '需要', value: 1 }
+];
+
+function buildExpectedTimeShortcut(text: string, mutator: (date: Date) => void) {
+  return {
+    text,
+    value: () => {
+      const date = new Date();
+      mutator(date);
+      return date;
+    }
+  };
+}
+
+const expectedTimeShortcuts = [
+  buildExpectedTimeShortcut('一星期', date => date.setDate(date.getDate() + 7)),
+  buildExpectedTimeShortcut('两星期', date => date.setDate(date.getDate() + 14)),
+  buildExpectedTimeShortcut('一个月', date => date.setMonth(date.getMonth() + 1)),
+  buildExpectedTimeShortcut('三个月', date => date.setMonth(date.getMonth() + 3)),
+  buildExpectedTimeShortcut('半年', date => date.setMonth(date.getMonth() + 6)),
+  buildExpectedTimeShortcut('一年', date => date.setFullYear(date.getFullYear() + 1))
+];
+
 interface Model {
  title: string;
  description: string | null;
@@ -53,8 +79,8 @@ interface Model {
  reviewRequired: number;
  category: string;
  priority: number | null;
+  expectedTime: string | null;
  currentHandlerUserId: string;
-  workHours: number | null;
  sort: number;
 }

@@ -66,16 +92,10 @@ const memberUserOptions = computed(() => {
  return props.memberOptions.filter(m => m.status === 0);
 });

-const reviewRequiredOptions = [
-  { label: '不需要', value: 0 },
-  { label: '需要', value: 1 }
-];
-
 const rules = {
  title: [createRequiredRule('请输入子需求名称')],
  priority: [createRequiredRule('请选择优先级')],
-  currentHandlerUserId: [createRequiredRule('请选择负责人')],
-  workHours: [createRequiredRule('请输入所需工时')]
+  currentHandlerUserId: [createRequiredRule('请选择负责人')]
 } satisfies Record<string, App.Global.FormRule[]>;

 const leftColRef = ref<HTMLElement>();
@@ -116,8 +136,8 @@ function createDefaultModel(): Model {
    reviewRequired: 0,
    category: '',
    priority: 1,
+    expectedTime: null,
    currentHandlerUserId: '',
-    workHours: null,
    sort: 0
  };
 }
@@ -153,8 +173,8 @@ async function handleSubmit() {
    reviewRequired: model.value.reviewRequired as Api.Product.RequirementReviewRequired,
    category: model.value.category,
    priority: Number(model.value.priority) as Api.Product.RequirementPriority,
+    expectedTime: model.value.expectedTime,
    currentHandlerUserId: model.value.currentHandlerUserId,
-    workHours: model.value.workHours || 0,
    sort: model.value.sort
  };

@@ -192,6 +212,10 @@ watch(
      model.value.currentHandlerUserId = props.parentRequirement.currentHandlerUserId;
    }

+    if (props.parentRequirement?.expectedTime) {
+      model.value.expectedTime = props.parentRequirement.expectedTime;
+    }
+
    await nextTick();
    attachmentUploaderRef.value?.initSession();
    richTextEditorRef.value?.initSession();
@@ -227,14 +251,17 @@ watch(
            </ElFormItem>

            <ElFormItem label="是否需要评审">
-              <ElSelect v-model="model.reviewRequired" class="w-full" placeholder="请选择">
-                <ElOption
+              <ElRadioGroup v-model="model.reviewRequired">
+                <ElRadio
                  v-for="item in reviewRequiredOptions"
                  :key="item.value"
-                  :label="item.label"
                  :value="item.value"
-                />
-              </ElSelect>
+                  border
+                  style="width: 165px"
+                >
+                  {{ item.label }}
+                </ElRadio>
+              </ElRadioGroup>
            </ElFormItem>

            <ElFormItem label="优先级" prop="priority">
@@ -243,17 +270,6 @@ watch(
              </ElSelect>
            </ElFormItem>

-            <ElFormItem label="所需工时" prop="workHours">
-              <ElInputNumber
-                v-model="model.workHours"
-                class="w-full"
-                :min="0"
-                :max="9999"
-                :precision="1"
-                placeholder="请输入所需工时"
-              />
-            </ElFormItem>
-
            <ElFormItem label="负责人" prop="currentHandlerUserId">
              <ElSelect v-model="model.currentHandlerUserId" class="w-full" filterable placeholder="请选择负责人">
                <ElOption
@@ -267,9 +283,20 @@ watch(
              </ElSelect>
            </ElFormItem>

-            <ElFormItem label="排序值">
-              <ElInputNumber v-model="model.sort" class="w-full" :min="0" :max="9999" placeholder="请输入排序值" />
+            <ElFormItem label="预期完成时间">
+              <ElDatePicker
+                v-model="model.expectedTime"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择预期完成时间"
+                :shortcuts="expectedTimeShortcuts"
+                class="requirement-operate-dialog__date-picker"
+              />
            </ElFormItem>
+
+            <!--            <ElFormItem label="排序值">-->
+            <!--              <ElInputNumber v-model="model.sort" class="w-full" :min="0" :max="9999" placeholder="请输入排序值" />-->
+            <!--            </ElFormItem>-->
          </BusinessFormSection>
        </div>

@@ -330,4 +357,8 @@ watch(
    grid-template-columns: 1fr;
  }
 }
+
+:deep(.requirement-operate-dialog__date-picker.el-date-editor.el-input) {
+  width: 100%;
+}
 </style>
--- a/src/views/product/requirement/shared/requirement-master-data.ts
+++ b/src/views/product/requirement/shared/requirement-master-data.ts
@@ -3,7 +3,6 @@ import { transformRecordToOption } from '@/utils/common';
 import IconMdiPencilOutline from '~icons/mdi/pencil-outline';
 import IconMdiCheckOutline from '~icons/mdi/check-outline';
 import IconMdiCheckCircleOutline from '~icons/mdi/check-circle-outline';
-import IconMdiSync from '~icons/mdi/sync';
 import IconMdiPowerSettingsNew from '~icons/mdi/power-settings-new';
 import IconMdiShareVariant from '~icons/mdi/share-variant';
 import IconMdiDeleteOutline from '~icons/mdi/delete-outline';
@@ -12,6 +11,7 @@ import IconMdiClose from '~icons/mdi/close';
 import IconTablerSitemap from '~icons/tabler/sitemap';
 import IconTablerCircleX from '~icons/tabler/circle-x';
 import IconMaterialSymbolsDescriptionOutline from '~icons/material-symbols/description-outline';
+import IconMingcuteForward2Line from '~icons/mingcute/forward-2-line';

 export type RequirementStatusActionCode =
  | 'claim_to_review'
@@ -55,6 +55,7 @@ export const requirementStatusActionRecord: Record<RequirementStatusActionCode,
 export const ACTION_ICON_MAP: Record<string, object> = {
  split: markRaw(IconTablerSitemap),
  edit: markRaw(IconMdiPencilOutline),
+  forward: markRaw(IconMingcuteForward2Line),
  claim_to_review: markRaw(IconMaterialSymbolsDescriptionOutline),
  claim_to_dispatch: markRaw(IconMdiCheckOutline),
  to_dispatch: markRaw(IconMdiGlasses),
@@ -96,7 +97,7 @@ export function getRequirementStatusTagType(status: Api.Product.RequirementStatu
    pending_dispatch: 'primary',
    implementing: 'primary',
    accepted: 'success',
-    closed: 'info',
+    closed: 'danger',
    rejected: 'danger',
    cancelled: 'danger'
  };
--- a/src/views/product/shared/use-current-product.ts
+++ b/src/views/product/shared/use-current-product.ts
@@ -1,20 +1,29 @@
 import { computed } from 'vue';
 import { useRoute } from 'vue-router';
-import { OBJECT_CONTEXT_QUERY_KEY } from '@/constants/object-context';
+import { OBJECT_CONTEXT_QUERY_KEY, getObjectContextDomainConfigByPath } from '@/constants/object-context';
 import { useObjectContextStore } from '@/store/modules/object-context';
 import { normalizeCurrentProductSummary, resolveObjectIdFromQuery } from './product-context-shared';

 export function useCurrentProduct() {
  const route = useRoute();
  const objectContextStore = useObjectContextStore();
+  const isProductDomainRoute = computed(() => getObjectContextDomainConfigByPath(route.path)?.domainKey === 'product');

  const currentObjectId = computed(() => {
+    if (!isProductDomainRoute.value) {
+      return '';
+    }
+
    return resolveObjectIdFromQuery(route.query[OBJECT_CONTEXT_QUERY_KEY], objectContextStore.objectId);
  });

-  const currentProduct = computed(() =>
-    normalizeCurrentProductSummary(objectContextStore.objectSummary, objectContextStore.objectName)
-  );
+  const currentProduct = computed(() => {
+    if (!isProductDomainRoute.value) {
+      return null;
+    }
+
+    return normalizeCurrentProductSummary(objectContextStore.objectSummary, objectContextStore.objectName);
+  });

  return {
    currentObjectId,
--- a/src/views/project/project/requirement/index.vue
+++ b/src/views/project/project/requirement/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="tsx">
 import { computed, reactive, ref, watch } from 'vue';
+import { useRouter } from 'vue-router';
 import { ElButton, ElTag, ElTooltip } from 'element-plus';
 import dayjs from 'dayjs';
 import {
@@ -12,7 +13,7 @@ import {
  fetchChangeProjectRequirementStatus,
  fetchDeleteProjectRequirement,
  fetchGetProjectMembers,
-  fetchGetProjectRequirementAllowedTransitions,
+  fetchGetProjectRequirementAllowedTransitionsBatch,
  fetchGetProjectRequirementStatusDict,
  fetchGetProjectRequirementTerminalStatusDict,
  fetchGetProjectRequirementTree
@@ -23,6 +24,7 @@ import DictTag from '@/components/custom/dict-tag.vue';
 import DictText from '@/components/custom/dict-text.vue';
 import { useCurrentProject } from '../../shared/use-current-project';
 import {
+  ACTION_ICON_MAP,
  DEFAULT_ACTION_ICON,
  getProjectRequirementActionButtonType,
  getProjectRequirementActionDisplayName,
@@ -53,6 +55,14 @@ function formatDateTime(value?: string | null) {
  return dayjs(value).format('YYYY-MM-DD HH:mm:ss');
 }

+function formatDate(value?: string | null) {
+  if (!value) {
+    return '--';
+  }
+
+  return dayjs(value).format('YYYY-MM-DD');
+}
+
 function createSearchParams(): Api.Project.ProjectRequirementSearchParams {
  return {
    projectId: '',
@@ -76,7 +86,8 @@ const priorityTagTypeMap: Record<number, UI.ThemeColor> = {
  3: 'danger'
 };

-const { currentObjectId } = useCurrentProject();
+const router = useRouter();
+const { currentObjectId, currentProject } = useCurrentProject();
 const { hasObjectAuth } = useAuth();
 const { hasValue: canDeleteStatusHasValue } = useDict(RDMS_REQ_CAN_DELETE_STATUS_DICT_CODE);

@@ -168,20 +179,6 @@ function flattenTree(nodes: Api.Project.ProjectRequirement[]): Api.Project.Proje
  return result;
 }

-function collectAllRequirementIds(nodes: Api.Project.ProjectRequirement[]): string[] {
-  const ids: string[] = [];
-
-  for (const node of nodes) {
-    ids.push(node.id);
-
-    if (node.children?.length) {
-      ids.push(...collectAllRequirementIds(node.children));
-    }
-  }
-
-  return ids;
-}
-
 function collectRequirementIdsForActions(nodes: Api.Project.ProjectRequirement[]): string[] {
  const ids: string[] = [];

@@ -208,6 +205,7 @@ function buildRequirementActions(row: Api.Project.ProjectRequirement) {
    label: string;
    icon: object;
    type: 'primary' | 'success' | 'danger';
+    disabled?: boolean;
    onClick: () => void;
  }> = [];
  const hasUpdateAuth = hasObjectAuth('project:project:update');
@@ -215,26 +213,39 @@ function buildRequirementActions(row: Api.Project.ProjectRequirement) {
  const hasStatusAuth = hasObjectAuth('project:project:status');
  const hasSplitAuth = hasObjectAuth('project:project:split');

-  if (canSplitRequirement(row) && hasSplitAuth) {
+  if (hasSplitAuth) {
    actions.push({
      key: 'split',
      label: '拆分',
      icon: getProjectRequirementActionIcon('split'),
      type: getProjectRequirementActionButtonType('split'),
+      disabled: !canSplitRequirement(row),
      onClick: () => openSplit(row)
    });
  }

-  if (hasUpdateAuth && !isTerminalStatus(row.statusCode) && row.statusCode !== 'accepted') {
+  if (hasUpdateAuth) {
+    const canEdit = !isTerminalStatus(row.statusCode) && row.statusCode !== 'accepted';
    actions.push({
      key: 'edit',
      label: '编辑',
      icon: getProjectRequirementActionIcon('edit'),
      type: getProjectRequirementActionButtonType('edit'),
+      disabled: !canEdit,
      onClick: () => openEdit(row)
    });
  }

+  if (row.sourceType === 'product_requirement' && row.parentId === '0' && currentProject.value?.productId) {
+    actions.push({
+      key: 'back',
+      label: '返回产品侧',
+      icon: ACTION_ICON_MAP.back,
+      type: 'primary',
+      onClick: () => handleBackToProductRequirement(row)
+    });
+  }
+
  if (hasStatusAuth) {
    const lifecycleActions = getRowActions(row);
    const nonTerminalActions: Api.Project.ProjectRequirementLifecycleAction[] = [];
@@ -295,9 +306,11 @@ const columns = computed(() => [
    label: '需求名称',
    minWidth: 220,
    formatter: (row: Api.Project.ProjectRequirement) => (
-      <ElButton link type="primary" class="requirement-title" onClick={() => openView(row)}>
-        {row.title}
-      </ElButton>
+      <ElTooltip content={row.title} placement="top" show-after={300}>
+        <ElButton link type="primary" class="requirement-title" onClick={() => openView(row)}>
+          {row.title}
+        </ElButton>
+      </ElTooltip>
    )
  },
  {
@@ -318,13 +331,6 @@ const columns = computed(() => [
      <ElTag type={getProjectRequirementStatusTagType(row.statusCode)}>{getStatusLabel(row.statusCode)}</ElTag>
    )
  },
-  {
-    prop: 'workHours',
-    label: '工时',
-    width: 88,
-    align: 'center',
-    formatter: (row: Api.Project.ProjectRequirement) => (row.workHours !== null ? `${row.workHours}h` : '--')
-  },
  {
    prop: 'category',
    label: '需求类型',
@@ -364,6 +370,13 @@ const columns = computed(() => [
      return row.sourceBizId;
    }
  },
+  {
+    prop: 'expectedTime',
+    label: '预期完成时间',
+    minWidth: 120,
+    align: 'center',
+    formatter: (row: Api.Project.ProjectRequirement) => formatDate(row.expectedTime)
+  },
  {
    prop: 'createTime',
    label: '创建时间',
@@ -388,6 +401,7 @@ const columns = computed(() => [
                size="small"
                class="requirement-action-icon-btn"
                type={action.type}
+                disabled={action.disabled}
                onClick={() => action.onClick()}
              >
                <IconComponent class="text-18px" />
@@ -520,15 +534,18 @@ async function loadAllowedTransitionsForAll() {
    return;
  }

-  const results = await Promise.all(
-    idsToQuery.map(async id => {
-      const { error, data } = await fetchGetProjectRequirementAllowedTransitions(id, currentObjectId.value!);
-      return { id, actions: error ? [] : data || [] };
-    })
-  );
+  const { error, data } = await fetchGetProjectRequirementAllowedTransitionsBatch({
+    projectId: currentObjectId.value,
+    requirementIds: idsToQuery
+  });

-  results.forEach(({ id, actions }) => {
-    nextMap.set(id, actions);
+  if (error || !data) {
+    allowedTransitionsMap.value = nextMap;
+    return;
+  }
+
+  data.forEach(item => {
+    nextMap.set(item.requirementId, item.transitions || []);
  });

  allowedTransitionsMap.value = nextMap;
@@ -598,6 +615,18 @@ function openSplit(row: Api.Project.ProjectRequirement) {
  splitVisible.value = true;
 }

+async function handleBackToProductRequirement(row: Api.Project.ProjectRequirement) {
+  const productId = currentProject.value?.productId;
+  if (!productId || row.sourceType !== 'product_requirement') return;
+
+  await router.replace({
+    path: '/product/requirement',
+    query: {
+      objectId: productId
+    }
+  });
+}
+
 function handleActionClick(row: Api.Project.ProjectRequirement, action: Api.Project.ProjectRequirementLifecycleAction) {
  if (!action.needReason) {
    handleDirectAction(row, action);
@@ -869,6 +898,10 @@ Promise.all([loadStatusOptions(), loadTerminalStatusOptions()]);
 :deep(.requirement-title) {
  padding: 0;
  font-weight: 500;
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }

 :deep(.requirement-table-card-body) {
--- a/src/views/project/project/requirement/modules/module-tree-node.vue
+++ b/src/views/project/project/requirement/modules/module-tree-node.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { type Ref, computed, inject, ref } from 'vue';
+import { useAuth } from '@/hooks/business/auth';

 defineOptions({ name: 'ProjectRequirementModuleTreeNode' });

@@ -32,10 +33,23 @@ const emit = defineEmits([
  'updateNewChildModuleName'
 ]);

+const { hasObjectAuth } = useAuth();
+const isRootModule = computed(() => props.module.id === props.rootModuleId);
+
+const hasAnyActionPermission = computed(() => {
+  if (isRootModule.value) {
+    return hasObjectAuth('project:project:create');
+  }
+  return (
+    hasObjectAuth('project:project:create') ||
+    hasObjectAuth('project:project:update') ||
+    hasObjectAuth('project:project:delete')
+  );
+});
+
 const collapsedModuleIds = inject<Ref<Set<string>>>('collapsedModuleIds', ref(new Set()));
 const toggleCollapse = inject<(id: string) => void>('toggleCollapse', () => {});

-const isRootModule = computed(() => props.module.id === props.rootModuleId);
 const isSelected = computed(() => props.selectedModuleId === props.module.id);
 const isEditing = computed(() => props.editingNodeId === props.module.id);
 const isAddingChild = computed(() => props.addingChildParentId === props.module.id);
@@ -124,25 +138,21 @@ function handleToggle() {
        />
      </div>

-      <div v-if="!isEditing" class="module-tree-item__actions" @click.stop>
+      <div v-if="!isEditing && hasAnyActionPermission" class="module-tree-item__actions" @click.stop>
        <ElDropdown trigger="click">
          <ElButton text size="small" class="module-tree-item__more-btn">
            <icon-mdi-dots-horizontal class="text-14px" />
          </ElButton>
          <template #dropdown>
            <ElDropdownMenu>
-              <ElDropdownItem
-                v-auth="{ code: 'project:project:create', source: 'object' }"
-                @click="emit('addChild', module)"
-              >
+              <ElDropdownItem v-if="hasObjectAuth('project:project:create')" @click="emit('addChild', module)">
                <div class="flex items-center gap-6px">
                  <icon-ic-round-plus class="text-14px" />
                  <span>新增子模块</span>
                </div>
              </ElDropdownItem>
              <ElDropdownItem
-                v-if="!isRootModule"
-                v-auth="{ code: 'project:project:update', source: 'object' }"
+                v-if="!isRootModule && hasObjectAuth('project:project:update')"
                @click="emit('edit', module)"
              >
                <div class="flex items-center gap-6px">
@@ -151,8 +161,7 @@ function handleToggle() {
                </div>
              </ElDropdownItem>
              <ElDropdownItem
-                v-if="!isRootModule && canDeleteModule"
-                v-auth="{ code: 'project:project:delete', source: 'object' }"
+                v-if="!isRootModule && canDeleteModule && hasObjectAuth('project:project:delete')"
                divided
                @click="emit('delete', module)"
              >
@@ -224,73 +233,112 @@ function handleToggle() {
 .module-tree-node {
  display: flex;
  flex-direction: column;
-  gap: 10px;
 }

 .module-tree-item {
+  position: relative;
  display: flex;
  align-items: center;
-  gap: 10px;
-  min-height: 42px;
-  padding: 0 14px;
-  border: 1px solid rgb(226 232 240 / 92%);
-  border-radius: 14px;
-  background-color: rgb(248 250 252 / 96%);
-  color: rgb(71 85 105 / 94%);
+  gap: 8px;
+  min-height: 36px;
+  padding: 6px 12px;
+  padding-left: 16px;
+  border-radius: 8px;
+  color: #475569;
  font-size: 14px;
  cursor: pointer;
  transition:
-    border-color 0.2s ease,
-    background-color 0.2s ease,
-    color 0.2s ease,
-    transform 0.2s ease;
+    background-color 0.15s ease,
+    color 0.15s ease;
+}
+
+.module-tree-item::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 3px;
+  height: 0;
+  border-radius: 0 2px 2px 0;
+  background-color: transparent;
+  transition:
+    height 0.15s ease,
+    background-color 0.15s ease;
 }

 .module-tree-item:hover {
-  transform: translateY(-1px);
-  border-color: rgb(148 163 184 / 56%);
+  background-color: #f1f5f9;
 }

 .module-tree-item.is-active {
-  border-color: rgb(13 148 136 / 42%);
-  background-color: rgb(240 253 250 / 98%);
-  color: rgb(15 118 110 / 96%);
-  font-weight: 600;
+  background-color: #f0fdfa;
+  color: #0d9488;
+  font-weight: 500;
 }

-.module-tree-item.is-root:not(.is-active) .module-tree-item__icon {
-  color: rgb(13 148 136 / 80%);
+.module-tree-item.is-active::before {
+  height: 60%;
+  background-color: #14b8a6;
+}
+
+.module-tree-item.is-root {
+  font-weight: 600;
+  color: #1e293b;
+}
+
+.module-tree-item.is-root:hover {
+  background-color: #f8fafc;
+}
+
+.module-tree-item.is-root.is-active {
+  background-color: #f0fdfa;
+  color: #0d9488;
 }

 .module-tree-item--new {
-  border-style: dashed;
-  border-color: rgb(148 163 184 / 56%);
+  border: 1px dashed #cbd5e1;
+  background-color: #f8fafc;
 }

-.module-tree-item__icon {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  color: rgb(100 116 139 / 80%);
+.module-tree-item--new:hover {
+  background-color: #f1f5f9;
 }

 .module-tree-item__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
-  width: 20px;
-  height: 20px;
+  width: 18px;
+  height: 18px;
  flex-shrink: 0;
  cursor: pointer;
  user-select: none;
  transition: transform 0.2s ease;
-  color: rgb(148 163 184);
+  color: #94a3b8;
+  border-radius: 4px;
+}
+
+.module-tree-item__toggle:hover {
+  background-color: #e2e8f0;
+  color: #64748b;
 }

 .module-tree-item__toggle.is-expanded svg {
  transform: rotate(90deg);
 }

+.module-tree-item__icon {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: #94a3b8;
+}
+
+.module-tree-item.is-active .module-tree-item__icon {
+  color: #14b8a6;
+}
+
 .module-tree-item__content {
  flex: 1;
  min-width: 0;
@@ -309,7 +357,7 @@ function handleToggle() {
 }

 .module-tree-item__input :deep(.el-input__inner) {
-  height: 28px;
+  height: 26px;
 }

 .module-tree-item__actions {
@@ -317,7 +365,7 @@ function handleToggle() {
  align-items: center;
  flex-shrink: 0;
  opacity: 0;
-  transition: opacity 0.2s ease;
+  transition: opacity 0.15s ease;
 }

 .module-tree-item:hover .module-tree-item__actions {
@@ -330,5 +378,10 @@ function handleToggle() {

 .module-tree-item__more-btn {
  padding: 4px;
+  border-radius: 4px;
+}
+
+.module-tree-item__more-btn:hover {
+  background-color: #e2e8f0;
 }
 </style>
--- a/src/views/project/project/requirement/modules/requirement-create-dialog.vue
+++ b/src/views/project/project/requirement/modules/requirement-create-dialog.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, watch } from 'vue';
 import { useResizeObserver } from '@vueuse/core';
+import dayjs from 'dayjs';
 import { fetchCreateProjectRequirement, fetchGetProjectRequirementModuleTree } from '@/service/api';
 import { useForm, useFormRules } from '@/hooks/common/form';
 import { useDict } from '@/hooks/business/dict';
@@ -47,6 +48,26 @@ const priorityOptions = computed(() => {
  }));
 });

+function buildExpectedTimeShortcut(text: string, mutator: (date: Date) => void) {
+  return {
+    text,
+    value: () => {
+      const date = new Date();
+      mutator(date);
+      return date;
+    }
+  };
+}
+
+const expectedTimeShortcuts = [
+  buildExpectedTimeShortcut('一星期', date => date.setDate(date.getDate() + 7)),
+  buildExpectedTimeShortcut('两星期', date => date.setDate(date.getDate() + 14)),
+  buildExpectedTimeShortcut('一个月', date => date.setMonth(date.getMonth() + 1)),
+  buildExpectedTimeShortcut('三个月', date => date.setMonth(date.getMonth() + 3)),
+  buildExpectedTimeShortcut('半年', date => date.setMonth(date.getMonth() + 6)),
+  buildExpectedTimeShortcut('一年', date => date.setFullYear(date.getFullYear() + 1))
+];
+
 interface Model {
  title: string;
  description: string | null;
@@ -55,9 +76,9 @@ interface Model {
  moduleId: string;
  category: string;
  priority: number | null;
+  expectedTime: string | null;
  proposerId: string;
  currentHandlerUserId: string;
-  workHours: number | null;
  sort: number;
 }

@@ -102,8 +123,7 @@ const rules = {
  category: [createRequiredRule('请选择需求类型')],
  priority: [createRequiredRule('请选择优先级')],
  proposerId: [createRequiredRule('请选择提出人')],
-  currentHandlerUserId: [createRequiredRule('请选择负责人')],
-  workHours: [createRequiredRule('请输入所需工时')]
+  currentHandlerUserId: [createRequiredRule('请选择负责人')]
 } satisfies Record<string, App.Global.FormRule[]>;

 const leftColRef = ref<HTMLElement>();
@@ -145,9 +165,9 @@ function createDefaultModel(): Model {
    moduleId: props.defaultModuleId || '0',
    category: '功能需求',
    priority: 1,
+    expectedTime: null,
    proposerId: '',
    currentHandlerUserId: '',
-    workHours: null,
    sort: 0
  };
 }
@@ -196,11 +216,11 @@ async function handleSubmit() {
    attachments: [...model.value.attachments],
    category: model.value.category,
    priority: Number(model.value.priority) as Api.Project.ProjectRequirementPriority,
+    expectedTime: model.value.expectedTime,
    proposerId: model.value.proposerId,
    proposerNickname: proposer?.userNickname || '',
    currentHandlerUserId: model.value.currentHandlerUserId,
    currentHandlerUserNickname: handler?.userNickname || '',
-    workHours: model.value.workHours || 0,
    sort: model.value.sort
  };

@@ -263,14 +283,17 @@ watch(
            </ElFormItem>

            <ElFormItem label="是否需要评审">
-              <ElSelect v-model="model.reviewRequired" class="w-full" placeholder="请选择">
-                <ElOption
+              <ElRadioGroup v-model="model.reviewRequired">
+                <ElRadio
                  v-for="item in reviewRequiredOptions"
                  :key="item.value"
-                  :label="item.label"
                  :value="item.value"
-                />
-              </ElSelect>
+                  border
+                  style="width: 165px"
+                >
+                  {{ item.label }}
+                </ElRadio>
+              </ElRadioGroup>
            </ElFormItem>

            <ElFormItem label="优先级" prop="priority">
@@ -279,17 +302,6 @@ watch(
              </ElSelect>
            </ElFormItem>

-            <ElFormItem label="所需工时" prop="workHours">
-              <ElInputNumber
-                v-model="model.workHours"
-                class="w-full"
-                :min="0"
-                :max="9999"
-                :precision="1"
-                placeholder="请输入所需工时"
-              />
-            </ElFormItem>
-
            <ElFormItem label="需求类型" prop="category">
              <DictSelect
                v-model="model.category"
@@ -325,9 +337,20 @@ watch(
              </ElSelect>
            </ElFormItem>

-            <ElFormItem label="排序值">
-              <ElInputNumber v-model="model.sort" class="w-full" :min="0" :max="9999" placeholder="请输入排序值" />
+            <ElFormItem label="预期完成时间">
+              <ElDatePicker
+                v-model="model.expectedTime"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择预期完成时间"
+                :shortcuts="expectedTimeShortcuts"
+                class="requirement-operate-dialog__date-picker"
+              />
            </ElFormItem>
+
+            <!--            <ElFormItem label="排序值">-->
+            <!--              <ElInputNumber v-model="model.sort" class="w-full" :min="0" :max="9999" placeholder="请输入排序值" />-->
+            <!--            </ElFormItem>-->
          </BusinessFormSection>
        </div>

@@ -388,4 +411,8 @@ watch(
    grid-template-columns: 1fr;
  }
 }
+
+:deep(.requirement-operate-dialog__date-picker.el-date-editor.el-input) {
+  width: 100%;
+}
 </style>
--- a/src/views/project/project/requirement/modules/requirement-detail-dialog.vue
+++ b/src/views/project/project/requirement/modules/requirement-detail-dialog.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, watch } from 'vue';
 import { useResizeObserver } from '@vueuse/core';
+import dayjs from 'dayjs';
 import {
  fetchGetProjectRequirement,
  fetchGetProjectRequirementModuleTree,
@@ -63,11 +64,11 @@ interface Model {
  moduleId: string;
  category: string;
  priority: number | null;
+  expectedTime: string | null;
  proposerId: string;
  proposerNickname: string;
  currentHandlerUserId: string;
  currentHandlerUserNickname: string;
-  workHours: number | null;
  sort: number;
  lastStatusReason: string;
 }
@@ -132,6 +133,26 @@ const reviewRequiredOptions = [
  { label: '需要', value: 1 }
 ];

+function buildExpectedTimeShortcut(text: string, mutator: (date: Date) => void) {
+  return {
+    text,
+    value: () => {
+      const date = new Date();
+      mutator(date);
+      return date;
+    }
+  };
+}
+
+const expectedTimeShortcuts = [
+  buildExpectedTimeShortcut('一星期', date => date.setDate(date.getDate() + 7)),
+  buildExpectedTimeShortcut('两星期', date => date.setDate(date.getDate() + 14)),
+  buildExpectedTimeShortcut('一个月', date => date.setMonth(date.getMonth() + 1)),
+  buildExpectedTimeShortcut('三个月', date => date.setMonth(date.getMonth() + 3)),
+  buildExpectedTimeShortcut('半年', date => date.setMonth(date.getMonth() + 6)),
+  buildExpectedTimeShortcut('一年', date => date.setFullYear(date.getFullYear() + 1))
+];
+
 const rules = computed(() => ({
  title: isEditMode.value ? [createRequiredRule('请输入需求名称')] : [],
  category: isEditMode.value ? [createRequiredRule('请选择需求类型')] : [],
@@ -179,11 +200,11 @@ function createDefaultModel(): Model {
    moduleId: '0',
    category: '',
    priority: 1,
+    expectedTime: null,
    proposerId: '',
    proposerNickname: '',
    currentHandlerUserId: '',
    currentHandlerUserNickname: '',
-    workHours: null,
    sort: 0,
    lastStatusReason: ''
  };
@@ -228,16 +249,29 @@ async function loadRequirementDetail() {
    moduleId: data.moduleId || '0',
    category: data.category || '',
    priority: data.priority ?? null,
+    expectedTime: formatExpectedTime(data.expectedTime),
    proposerId: data.proposerId || '',
    proposerNickname: data.proposerNickname || '',
    currentHandlerUserId: data.currentHandlerUserId || '',
    currentHandlerUserNickname: data.currentHandlerUserNickname || '',
-    workHours: data.workHours ?? null,
    sort: data.sort ?? 0,
    lastStatusReason: data.lastStatusReason || ''
  };
 }

+function formatExpectedTime(value?: string | number[] | null): string | null {
+  if (!value) {
+    return null;
+  }
+
+  if (Array.isArray(value)) {
+    const [year, month, day] = value;
+    return `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
+  }
+
+  return dayjs(value).format('YYYY-MM-DD');
+}
+
 async function handleSubmit() {
  await validate();

@@ -250,6 +284,11 @@ async function handleSubmit() {
    return;
  }

+  if (props.requirement.parentId === '0' && props.requirement.sourceType === 'product_requirement') {
+    window.$message?.warning('来自产品需求的数据不允许编辑');
+    return;
+  }
+
  const handler = memberUserOptions.value.find(item => item.userId === model.value.currentHandlerUserId);

  submitting.value = true;
@@ -264,11 +303,11 @@ async function handleSubmit() {
    attachments: [...model.value.attachments],
    category: model.value.category,
    priority: Number(model.value.priority) as Api.Project.ProjectRequirementPriority,
+    expectedTime: model.value.expectedTime,
    proposerId: model.value.proposerId,
    proposerNickname: model.value.proposerNickname,
    currentHandlerUserId: model.value.currentHandlerUserId,
    currentHandlerUserNickname: handler?.userNickname || model.value.currentHandlerUserNickname,
-    workHours: model.value.workHours || 0,
    sort: model.value.sort
  };

@@ -329,8 +368,7 @@ watch(
        <div ref="leftColRef" class="requirement-operate-dialog__col-left">
          <BusinessFormSection title="需求信息">
            <ElFormItem label="需求名称" prop="title">
-              <ReadonlyField v-if="isViewMode" :value="model.title" />
-              <ElInput v-else v-model="model.title" clearable maxlength="256" placeholder="请输入需求名称" />
+              <ReadonlyField :value="model.title" />
            </ElFormItem>

            <ElFormItem label="模块">
@@ -341,9 +379,7 @@ watch(
            </ElFormItem>

            <ElFormItem label="是否需要评审">
-              <ReadonlyField
-                :value="reviewRequiredOptions.find(item => item.value === model.reviewRequired)?.label || '--'"
-              />
+              <ReadonlyField :value="reviewRequiredOptions.find(item => item.value === model.reviewRequired)?.label" />
            </ElFormItem>

            <ElFormItem label="优先级" prop="priority">
@@ -356,19 +392,6 @@ watch(
              </ElSelect>
            </ElFormItem>

-            <ElFormItem label="所需工时">
-              <ReadonlyField v-if="isViewMode" :value="model.workHours != null ? `${model.workHours}小时` : '--'" />
-              <ElInputNumber
-                v-else
-                v-model="model.workHours"
-                class="w-full"
-                :min="0"
-                :max="9999"
-                :precision="1"
-                placeholder="请输入所需工时"
-              />
-            </ElFormItem>
-
            <ElFormItem label="需求类型" prop="category">
              <ReadonlyField :value="getCategoryLabel(model.category) || '--'" />
            </ElFormItem>
@@ -397,18 +420,31 @@ watch(
              </ElSelect>
            </ElFormItem>

-            <ElFormItem label="排序值">
-              <ReadonlyField v-if="isViewMode" :value="model.sort" />
-              <ElInputNumber
+            <ElFormItem label="预期完成时间">
+              <ReadonlyField v-if="isViewMode" :value="model.expectedTime || '--'" />
+              <ElDatePicker
                v-else
-                v-model="model.sort"
-                class="w-full"
-                :min="0"
-                :max="9999"
-                placeholder="请输入排序值"
+                v-model="model.expectedTime"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择预期完成时间"
+                :shortcuts="expectedTimeShortcuts"
+                class="requirement-operate-dialog__date-picker"
              />
            </ElFormItem>

+            <!--            <ElFormItem label="排序值">-->
+            <!--              <ReadonlyField v-if="isViewMode" :value="model.sort" />-->
+            <!--              <ElInputNumber-->
+            <!--                v-else-->
+            <!--                v-model="model.sort"-->
+            <!--                class="w-full"-->
+            <!--                :min="0"-->
+            <!--                :max="9999"-->
+            <!--                placeholder="请输入排序值"-->
+            <!--              />-->
+            <!--            </ElFormItem>-->
+
            <ElFormItem v-if="isViewMode && model.lastStatusReason" label="状态变更原因">
              <div class="requirement-operate-dialog__readonly-textarea">{{ model.lastStatusReason }}</div>
            </ElFormItem>
@@ -472,7 +508,7 @@ watch(
 .requirement-operate-dialog__readonly-textarea {
  box-sizing: border-box;
  width: 100%;
-  min-height: 100px;
+  min-height: 65px;
  padding: 8px 12px;
  border-radius: 4px;
  background: linear-gradient(180deg, rgb(241 245 249 / 98%), rgb(226 232 240 / 94%)), rgb(241 245 249);
@@ -489,4 +525,8 @@ watch(
    grid-template-columns: 1fr;
  }
 }
+
+:deep(.requirement-operate-dialog__date-picker.el-date-editor.el-input) {
+  width: 100%;
+}
 </style>
--- a/src/views/project/project/requirement/modules/requirement-module-tree.vue
+++ b/src/views/project/project/requirement/modules/requirement-module-tree.vue
@@ -200,7 +200,7 @@ async function handleDeleteModule(module: Api.Project.ProjectRequirementModule)
  }

  try {
-    await ElMessageBox.confirm(`确定要删除模块“${module.moduleName}”吗？该模块下的所有需求将一并删除。`, '删除确认', {
+    await ElMessageBox.confirm(`确定要删除模块“${module.moduleName}”吗？`, '删除确认', {
      confirmButtonText: '确认删除',
      cancelButtonText: '取消',
      type: 'warning'
@@ -293,12 +293,12 @@ defineExpose({

 .requirement-module-tree-card :deep(.el-card__header) {
  padding: 12px 16px;
-  border-bottom: none;
+  border-bottom: 1px solid #f1f5f9;
 }

 .requirement-module-tree-card :deep(.el-card__body) {
-  padding: 0 16px 16px;
-  height: calc(100% - 48px);
+  padding: 12px 8px;
+  height: calc(100% - 49px);
  overflow: hidden;
 }

@@ -309,17 +309,34 @@ defineExpose({
 }

 .module-tree-header__title {
-  color: rgb(15 23 42 / 94%);
-  font-size: 16px;
-  font-weight: 700;
+  color: #1e293b;
+  font-size: 15px;
+  font-weight: 600;
 }

 .module-tree-list {
  display: flex;
  flex-direction: column;
-  gap: 10px;
+  gap: 2px;
  min-height: 0;
  height: 100%;
  overflow-y: auto;
 }
+
+.module-tree-list::-webkit-scrollbar {
+  width: 4px;
+}
+
+.module-tree-list::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.module-tree-list::-webkit-scrollbar-thumb {
+  background-color: #e2e8f0;
+  border-radius: 2px;
+}
+
+.module-tree-list::-webkit-scrollbar-thumb:hover {
+  background-color: #cbd5e1;
+}
 </style>
--- a/src/views/project/project/requirement/modules/requirement-search.vue
+++ b/src/views/project/project/requirement/modules/requirement-search.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
+import { computed, h, onMounted, ref } from 'vue';
 import { RDMS_REQ_SOURCE_TYPE_DICT_CODE } from '@/constants/dict';
 import { fetchGetProjectRequirementStatusDict } from '@/service/api';
 import { useDict } from '@/hooks/business/dict';
-import DictSelect from '@/components/custom/dict-select.vue';
-import TableSearchPanel from '@/components/custom/table-search-panel.vue';
+import TableSearchFields from '@/components/custom/table-search-fields.vue';
 import MemberSelectOption from './member-select-option.vue';

 defineOptions({ name: 'ProjectRequirementSearch' });
@@ -21,7 +20,7 @@ interface Props {
  priorityDictCode: string;
 }

-defineProps<Props>();
+const props = defineProps<Props>();

 interface Emits {
  (e: 'reset'): void;
@@ -43,6 +42,21 @@ const sourceTypeOptions = computed(() => {
  }));
 });

+const memberSelectOptions = computed(() => {
+  return props.memberOptions.map(item => ({
+    label: item.nickname,
+    value: item.id,
+    roleName: item.roleName
+  }));
+});
+
+function renderMemberOption(option: { label: string; value: string | number; roleName?: string }) {
+  return h(MemberSelectOption, {
+    nickname: option.label,
+    roleName: option.roleName || ''
+  });
+}
+
 async function loadStatusOptions() {
  const { error, data } = await fetchGetProjectRequirementStatusDict();

@@ -57,77 +71,58 @@ async function loadStatusOptions() {
  }));
 }

-function reset() {
-  emit('reset');
-}
-
-function search() {
-  emit('search');
-}
-
 onMounted(async () => {
  await loadStatusOptions();
 });
+
+const fields = computed(() => [
+  {
+    key: 'title',
+    label: '需求名称',
+    type: 'input' as const,
+    placeholder: '输入需求名称'
+  },
+  {
+    key: 'priority',
+    label: '优先级',
+    type: 'dict' as const,
+    dictCode: props.priorityDictCode,
+    placeholder: '筛选优先级'
+  },
+  {
+    key: 'statusCode',
+    label: '状态',
+    type: 'select' as const,
+    placeholder: '筛选状态',
+    options: requirementStatusOptions.value
+  },
+  {
+    key: 'category',
+    label: '需求类型',
+    type: 'dict' as const,
+    dictCode: props.categoryDictCode,
+    placeholder: '筛选需求类型'
+  },
+  {
+    key: 'sourceType',
+    label: '需求来源',
+    type: 'select' as const,
+    placeholder: '筛选需求来源',
+    options: sourceTypeOptions.value
+  },
+  {
+    key: 'currentHandlerUserId',
+    label: '负责人',
+    type: 'select' as const,
+    placeholder: '筛选负责人',
+    options: memberSelectOptions.value,
+    renderOption: renderMemberOption
+  }
+]);
 </script>

 <template>
-  <TableSearchPanel :model="model" :action-col-lg="6" @reset="reset" @search="search">
-    <ElCol :lg="6" :md="12" :sm="12">
-      <ElFormItem label="需求名称">
-        <ElInput v-model="model.title" clearable placeholder="输入需求名称" />
-      </ElFormItem>
-    </ElCol>
-    <ElCol :lg="6" :md="12" :sm="12">
-      <ElFormItem label="需求类型">
-        <DictSelect
-          v-model="model.category"
-          :dict-code="categoryDictCode"
-          clearable
-          filterable
-          placeholder="筛选需求类型"
-        />
-      </ElFormItem>
-    </ElCol>
-    <ElCol :lg="6" :md="12" :sm="12">
-      <ElFormItem label="优先级">
-        <DictSelect v-model="model.priority" :dict-code="priorityDictCode" clearable placeholder="筛选优先级" />
-      </ElFormItem>
-    </ElCol>
-    <ElCol :lg="6" :md="12" :sm="12">
-      <ElFormItem label="状态">
-        <ElSelect v-model="model.statusCode" clearable placeholder="筛选状态">
-          <ElOption
-            v-for="item in requirementStatusOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </ElSelect>
-      </ElFormItem>
-    </ElCol>
-    <ElCol :lg="6" :md="12" :sm="12">
-      <ElFormItem label="负责人">
-        <ElSelect
-          v-model="model.currentHandlerUserId"
-          clearable
-          filterable
-          placeholder="筛选负责人"
-          :filter-method="(val: string) => val"
-        >
-          <ElOption v-for="item in memberOptions" :key="item.id" :label="item.nickname" :value="item.id">
-            <MemberSelectOption :nickname="item.nickname" :role-name="item.roleName || ''" />
-          </ElOption>
-        </ElSelect>
-      </ElFormItem>
-    </ElCol>
-    <ElCol :lg="6" :md="12" :sm="12">
-      <ElFormItem label="需求来源">
-        <ElSelect v-model="model.sourceType" clearable placeholder="筛选需求来源">
-          <ElOption v-for="item in sourceTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
-        </ElSelect>
-      </ElFormItem>
-    </ElCol>
-  </TableSearchPanel>
+  <TableSearchFields v-model="model" :fields="fields" :columns="3" @search="emit('search')" @reset="emit('reset')" />
 </template>

 <style scoped></style>
--- a/src/views/project/project/requirement/modules/requirement-split-dialog.vue
+++ b/src/views/project/project/requirement/modules/requirement-split-dialog.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, watch } from 'vue';
 import { useResizeObserver } from '@vueuse/core';
+import dayjs from 'dayjs';
 import { fetchSplitProjectRequirement } from '@/service/api';
 import { useForm, useFormRules } from '@/hooks/common/form';
 import { useDict } from '@/hooks/business/dict';
@@ -46,6 +47,26 @@ const priorityOptions = computed(() => {
  }));
 });

+function buildExpectedTimeShortcut(text: string, mutator: (date: Date) => void) {
+  return {
+    text,
+    value: () => {
+      const date = new Date();
+      mutator(date);
+      return date;
+    }
+  };
+}
+
+const expectedTimeShortcuts = [
+  buildExpectedTimeShortcut('一星期', date => date.setDate(date.getDate() + 7)),
+  buildExpectedTimeShortcut('两星期', date => date.setDate(date.getDate() + 14)),
+  buildExpectedTimeShortcut('一个月', date => date.setMonth(date.getMonth() + 1)),
+  buildExpectedTimeShortcut('三个月', date => date.setMonth(date.getMonth() + 3)),
+  buildExpectedTimeShortcut('半年', date => date.setMonth(date.getMonth() + 6)),
+  buildExpectedTimeShortcut('一年', date => date.setFullYear(date.getFullYear() + 1))
+];
+
 interface Model {
  title: string;
  description: string | null;
@@ -53,8 +74,8 @@ interface Model {
  reviewRequired: number;
  category: string;
  priority: number | null;
+  expectedTime: string | null;
  currentHandlerUserId: string;
-  workHours: number | null;
  sort: number;
 }

@@ -72,8 +93,7 @@ const reviewRequiredOptions = [
 const rules = {
  title: [createRequiredRule('请输入子需求名称')],
  priority: [createRequiredRule('请选择优先级')],
-  currentHandlerUserId: [createRequiredRule('请选择负责人')],
-  workHours: [createRequiredRule('请输入所需工时')]
+  currentHandlerUserId: [createRequiredRule('请选择负责人')]
 } satisfies Record<string, App.Global.FormRule[]>;

 const leftColRef = ref<HTMLElement>();
@@ -114,8 +134,8 @@ function createDefaultModel(): Model {
    reviewRequired: 0,
    category: '',
    priority: 1,
+    expectedTime: null,
    currentHandlerUserId: '',
-    workHours: null,
    sort: 0
  };
 }
@@ -144,11 +164,11 @@ async function handleSubmit() {
    attachments: [...model.value.attachments],
    category: model.value.category,
    priority: Number(model.value.priority) as Api.Project.ProjectRequirementPriority,
+    expectedTime: model.value.expectedTime,
    proposerId: props.parentRequirement.proposerId,
    proposerNickname: props.parentRequirement.proposerNickname || '',
    currentHandlerUserId: model.value.currentHandlerUserId,
    currentHandlerUserNickname: handler?.userNickname || '',
-    workHours: model.value.workHours || 0,
    sort: model.value.sort
  };

@@ -186,6 +206,10 @@ watch(
      model.value.currentHandlerUserId = props.parentRequirement.currentHandlerUserId;
    }

+    if (props.parentRequirement?.expectedTime) {
+      model.value.expectedTime = props.parentRequirement.expectedTime;
+    }
+
    await nextTick();
    attachmentUploaderRef.value?.initSession();
    richTextEditorRef.value?.initSession();
@@ -221,14 +245,17 @@ watch(
            </ElFormItem>

            <ElFormItem label="是否需要评审">
-              <ElSelect v-model="model.reviewRequired" class="w-full" placeholder="请选择">
-                <ElOption
+              <ElRadioGroup v-model="model.reviewRequired">
+                <ElRadio
                  v-for="item in reviewRequiredOptions"
                  :key="item.value"
-                  :label="item.label"
                  :value="item.value"
-                />
-              </ElSelect>
+                  border
+                  style="width: 165px"
+                >
+                  {{ item.label }}
+                </ElRadio>
+              </ElRadioGroup>
            </ElFormItem>

            <ElFormItem label="优先级" prop="priority">
@@ -237,17 +264,6 @@ watch(
              </ElSelect>
            </ElFormItem>

-            <ElFormItem label="所需工时" prop="workHours">
-              <ElInputNumber
-                v-model="model.workHours"
-                class="w-full"
-                :min="0"
-                :max="9999"
-                :precision="1"
-                placeholder="请输入所需工时"
-              />
-            </ElFormItem>
-
            <ElFormItem label="负责人" prop="currentHandlerUserId">
              <ElSelect v-model="model.currentHandlerUserId" class="w-full" filterable placeholder="请选择负责人">
                <ElOption
@@ -261,9 +277,20 @@ watch(
              </ElSelect>
            </ElFormItem>

-            <ElFormItem label="排序值">
-              <ElInputNumber v-model="model.sort" class="w-full" :min="0" :max="9999" placeholder="请输入排序值" />
+            <ElFormItem label="预期完成时间">
+              <ElDatePicker
+                v-model="model.expectedTime"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择预期完成时间"
+                :shortcuts="expectedTimeShortcuts"
+                class="requirement-operate-dialog__date-picker"
+              />
            </ElFormItem>
+
+            <!--            <ElFormItem label="排序值">-->
+            <!--              <ElInputNumber v-model="model.sort" class="w-full" :min="0" :max="9999" placeholder="请输入排序值" />-->
+            <!--            </ElFormItem>-->
          </BusinessFormSection>
        </div>

@@ -324,4 +351,8 @@ watch(
    grid-template-columns: 1fr;
  }
 }
+
+:deep(.requirement-operate-dialog__date-picker.el-date-editor.el-input) {
+  width: 100%;
+}
 </style>
--- a/src/views/project/project/requirement/shared/requirement-master-data.ts
+++ b/src/views/project/project/requirement/shared/requirement-master-data.ts
@@ -9,6 +9,7 @@ import IconMdiGlasses from '~icons/mdi/glasses';
 import IconMdiClose from '~icons/mdi/close';
 import IconTablerSitemap from '~icons/tabler/sitemap';
 import IconTablerCircleX from '~icons/tabler/circle-x';
+import IconMingcuteBack2Line from '~icons/mingcute/back-2-line';

 /**
 * 项目需求状态记录
@@ -40,6 +41,7 @@ const TERMINAL_STATUS_SET = new Set<Api.Project.ProjectRequirementStatusCode>(['
 export const ACTION_ICON_MAP: Record<string, object> = {
  split: markRaw(IconTablerSitemap),
  edit: markRaw(IconMdiPencilOutline),
+  back: markRaw(IconMingcuteBack2Line),
  claim_to_review: markRaw(IconMdiCheckOutline),
  claim_to_implement: markRaw(IconMdiCheckCircleOutline),
  pass_review: markRaw(IconMdiGlasses),
@@ -65,7 +67,7 @@ export function getProjectRequirementStatusTagType(status: Api.Project.ProjectRe
    pending_review: 'warning',
    implementing: 'primary',
    accepted: 'success',
-    closed: 'info',
+    closed: 'danger',
    rejected: 'danger',
    cancelled: 'danger'
  };
--- a/src/views/project/shared/use-current-project.ts
+++ b/src/views/project/shared/use-current-project.ts
@@ -1,15 +1,30 @@
 import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { OBJECT_CONTEXT_QUERY_KEY, getObjectContextDomainConfigByPath } from '@/constants/object-context';
 import { useObjectContextStore } from '@/store/modules/object-context';
+import { resolveObjectIdFromQuery } from '@/views/product/shared/product-context-shared';

 /**
 * 获取当前项目上下文
 */
 export function useCurrentProject() {
+  const route = useRoute();
  const objectContextStore = useObjectContextStore();
+  const isProjectDomainRoute = computed(() => getObjectContextDomainConfigByPath(route.path)?.domainKey === 'project');

-  const currentObjectId = computed(() => objectContextStore.objectId);
+  const currentObjectId = computed(() => {
+    if (!isProjectDomainRoute.value) {
+      return '';
+    }
+
+    return resolveObjectIdFromQuery(route.query[OBJECT_CONTEXT_QUERY_KEY], objectContextStore.objectId);
+  });

  const currentProject = computed(() => {
+    if (!isProjectDomainRoute.value) {
+      return null;
+    }
+
    const summary = objectContextStore.objectSummary;

    if (!summary) {
@@ -22,6 +37,10 @@ export function useCurrentProject() {
  });

  const currentRole = computed(() => {
+    if (!isProjectDomainRoute.value) {
+      return null;
+    }
+
    const summary = objectContextStore.objectSummary;

    if (!summary) {
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -177,6 +177,7 @@ const {
    { prop: 'index', type: 'index', label: $t('common.index'), width: 64 },
    { prop: 'label', label: $t('page.system.dict.dictLabel'), minWidth: 160 },
    { prop: 'value', label: $t('page.system.dict.dictValue'), minWidth: 180 },
+    { prop: 'sign', label: '标志', minWidth: 140, showOverflowTooltip: true },
    { prop: 'sort', label: $t('page.system.dict.sort'), width: 90, align: 'center' },
    {
      prop: 'status',
--- a/src/views/system/dict/modules/dict-data-operate-modal.vue
+++ b/src/views/system/dict/modules/dict-data-operate-modal.vue
@@ -51,6 +51,7 @@ const currentTypeCode = computed(() => props.currentType?.type ?? model.value.di
 function createDefaultModel(): Model {
  return {
    label: '',
+    sign: '',
    value: '',
    dictType: '',
    sort: 0,
@@ -79,6 +80,7 @@ function handleInitModel() {
    // 编辑时直接使用表格行数据回填，保持弹框打开速度。
    Object.assign(model.value, {
      label: props.rowData.label,
+      sign: props.rowData.sign ?? '',
      value: props.rowData.value,
      dictType: props.rowData.dictType,
      sort: props.rowData.sort,
@@ -168,6 +170,11 @@ watch(visible, value => {
            <ElInput v-model="model.value" :placeholder="$t('page.system.dict.form.dictValue')" />
          </ElFormItem>
        </ElCol>
+        <ElCol :span="12">
+          <ElFormItem label="标志" prop="sign">
+            <ElInput v-model="model.sign" placeholder="请输入标志" />
+          </ElFormItem>
+        </ElCol>
        <ElCol :span="12">
          <ElFormItem :label="$t('page.system.dict.sort')" prop="sort">
            <ElInputNumber
--- a/src/views/system/user/modules/user-operate-dialog.vue
+++ b/src/views/system/user/modules/user-operate-dialog.vue
@@ -86,6 +86,7 @@ function createDefaultModel(): Model {
    mobile: '',
    sex: 1,
    avatar: '',
+    sort: 0,
    password: '',
    roleIds: []
  };
@@ -141,6 +142,7 @@ async function handleInitModel() {
    mobile: user.mobile ?? '',
    sex: user.sex ?? 0,
    avatar: user.avatar ?? '',
+    sort: user.sort ?? 0,
    password: '',
    roleIds: roleResult.error ? [] : roleResult.data
  };
@@ -163,7 +165,8 @@ async function handleSubmit() {
    email: getNullableText(model.value.email),
    mobile: getNullableText(model.value.mobile),
    sex: model.value.sex,
-    avatar: getNullableText(model.value.avatar)
+    avatar: getNullableText(model.value.avatar),
+    sort: model.value.sort
  };

  if (!isEdit.value) {
@@ -276,6 +279,11 @@ watch(visible, async value => {
              </ElSelect>
            </ElFormItem>
          </ElCol>
+          <ElCol :span="12">
+            <ElFormItem label="排序" prop="sort">
+              <ElInputNumber v-model="model.sort" class="w-full" :min="0" placeholder="请输入排序" />
+            </ElFormItem>
+          </ElCol>
          <ElCol :span="12">
            <ElFormItem :label="$t('page.system.user.userPhone')" prop="mobile">
              <ElInput