diff --git a/src/components/DataStandard/WorkForm/Design/form/formItem.tsx b/src/components/DataStandard/WorkForm/Design/form/formItem.tsx
index 59013c457831adadc954689813789794141431e0..c341d18a8f00efa31140b21c9e3d0665962bab92 100644
--- a/src/components/DataStandard/WorkForm/Design/form/formItem.tsx
+++ b/src/components/DataStandard/WorkForm/Design/form/formItem.tsx
@@ -21,6 +21,7 @@ import {
 } from 'devextreme-react';
 import React, { useEffect, useState, createRef, useCallback } from 'react';
 import { DropDownBoxTypes } from 'devextreme-react/drop-down-box';
+import styles from './index.module.less';
 
 export const FormItem: React.FC<{
   current: IForm;
@@ -85,99 +86,107 @@ export const FormItem: React.FC<{
     labelMode: 'floating',
     labelLocation: 'left',
     ...attribute.options,
-    visible: attribute.options?.hideField !== true,
   };
   if (attribute.options?.isRequired) {
     mixOptions.label = mixOptions.label + '*';
+    mixOptions.className = 'formItemRequired';
   }
 
-  switch (getWidget(attribute.property?.valueType, attribute.widget)) {
-    case '数字框':
-      return <NumberBox {...mixOptions} />;
-    case '文本框':
-      return <TextBox {...mixOptions} />;
-    case '多行文本框':
-      return <TextArea {...mixOptions} minHeight={100} autoResizeEnabled />;
-    case '富文本框':
-      return <HtmlEditItem {...mixOptions} />;
-    case '单选框':
-      return (
-        <SelectBox
-          {...mixOptions}
-          searchMode="contains"
-          searchExpr={'name'}
-          dataSource={items}
-          displayExpr={'name'}
-          valueExpr={'id'}
-        />
-      );
-    case '多选框':
-      return (
-        <DropDownBox
-          {...mixOptions}
-          value={treeBoxValue}
-          valueExpr="id"
-          displayExpr="name"
-          dataSource={items}
-          onValueChanged={syncTreeViewSelection}
-          contentRender={() => {
-            return (
-              <TreeView
-                ref={treeViewRef}
-                dataSource={items}
-                dataStructure="plain"
-                keyExpr="id"
-                selectionMode="multiple"
-                showCheckBoxesMode="normal"
-                selectNodesRecursive={false}
-                displayExpr="name"
-                selectByClick={true}
-                onContentReady={syncTreeViewSelection}
-                onItemSelectionChanged={(e) => {
-                  const nodes = e.component.getSelectedNodes();
-                  setTreeBoxValue(nodes.map((node) => node.key));
-                }}
-              />
-            );
-          }}
-        />
-      );
-    case '引用选择框':
-      return (
-        <DataBox
-          {...mixOptions}
-          attributes={current.attributes}
-          field={attr}
-          target={target}
-        />
-      );
-    case '多级选择框':
-      return <TreeSelectItem {...mixOptions} speciesItems={items} />;
-    case '操作人':
-      return <CurrentTargetItem {...mixOptions} target={target.user.metadata} />;
-    case '操作组织':
-      return <CurrentTargetItem {...mixOptions} target={target.space.metadata} />;
-    case '人员搜索框':
-      return <SearchTargetItem {...mixOptions} typeName={TargetType.Person} />;
-    case '单位搜索框':
-      return <SearchTargetItem {...mixOptions} typeName={TargetType.Company} />;
-    case '群组搜索框':
-      return <SearchTargetItem {...mixOptions} typeName={TargetType.Cohort} />;
-    case '组织群搜索框':
-      return <SearchTargetItem {...mixOptions} typeName={TargetType.Group} />;
-    case '成员选择框':
-      return <MemberBoxProps {...mixOptions} target={target.space.metadata} />;
-    case '内部机构选择框':
-      return <DepartmentBox {...mixOptions} target={target.space.metadata} />;
-    case '日期选择框':
-      return <DateBox {...mixOptions} type={'date'} />;
-    case '时间选择框':
-      return <DateBox {...mixOptions} type={'datetime'} />;
-    case '文件选择框':
-      return <SelectFilesItem {...mixOptions} />;
-    default:
-      return <TextArea {...mixOptions} />;
-  }
+  const formCount = () => {
+    switch (getWidget(attribute.property?.valueType, attribute.widget)) {
+      case '数字框':
+        return <NumberBox {...mixOptions} />;
+      case '文本框':
+        return <TextBox {...mixOptions} />;
+      case '多行文本框':
+        return <TextArea {...mixOptions} minHeight={100} autoResizeEnabled />;
+      case '富文本框':
+        return <HtmlEditItem {...mixOptions} />;
+      case '单选框':
+        return (
+          <SelectBox
+            {...mixOptions}
+            searchMode="contains"
+            searchExpr={'name'}
+            dataSource={items}
+            displayExpr={'name'}
+            valueExpr={'id'}
+          />
+        );
+      case '多选框':
+        return (
+          <DropDownBox
+            {...mixOptions}
+            value={treeBoxValue}
+            valueExpr="id"
+            displayExpr="name"
+            dataSource={items}
+            onValueChanged={syncTreeViewSelection}
+            contentRender={() => {
+              return (
+                <TreeView
+                  ref={treeViewRef}
+                  dataSource={items}
+                  dataStructure="plain"
+                  keyExpr="id"
+                  selectionMode="multiple"
+                  showCheckBoxesMode="normal"
+                  selectNodesRecursive={false}
+                  displayExpr="name"
+                  selectByClick={true}
+                  onContentReady={syncTreeViewSelection}
+                  onItemSelectionChanged={(e) => {
+                    const nodes = e.component.getSelectedNodes();
+                    setTreeBoxValue(nodes.map((node) => node.key));
+                  }}
+                />
+              );
+            }}
+          />
+        );
+      case '引用选择框':
+        return (
+          <DataBox
+            {...mixOptions}
+            attributes={current.attributes}
+            field={attr}
+            target={target}
+          />
+        );
+      case '多级选择框':
+        return <TreeSelectItem {...mixOptions} speciesItems={items} />;
+      case '操作人':
+        return <CurrentTargetItem {...mixOptions} target={target.user.metadata} />;
+      case '操作组织':
+        return <CurrentTargetItem {...mixOptions} target={target.space.metadata} />;
+      case '人员搜索框':
+        return <SearchTargetItem {...mixOptions} typeName={TargetType.Person} />;
+      case '单位搜索框':
+        return <SearchTargetItem {...mixOptions} typeName={TargetType.Company} />;
+      case '群组搜索框':
+        return <SearchTargetItem {...mixOptions} typeName={TargetType.Cohort} />;
+      case '组织群搜索框':
+        return <SearchTargetItem {...mixOptions} typeName={TargetType.Group} />;
+      case '成员选择框':
+        return <MemberBoxProps {...mixOptions} target={target.space.metadata} />;
+      case '内部机构选择框':
+        return <DepartmentBox {...mixOptions} target={target.space.metadata} />;
+      case '日期选择框':
+        return <DateBox {...mixOptions} type={'date'} />;
+      case '时间选择框':
+        return <DateBox {...mixOptions} type={'datetime'} />;
+      case '文件选择框':
+        return <SelectFilesItem {...mixOptions} />;
+      default:
+        return <TextArea {...mixOptions} />;
+    }
+  };
+  return (
+    <div style={{ position: 'relative' }}>
+      {formCount()}
+      {attribute.options?.hideField && <div className={styles.gradient}></div>}
+    </div>
+  );
 };
 
 export default FormItem;
diff --git a/src/components/DataStandard/WorkForm/Design/form/index.module.less b/src/components/DataStandard/WorkForm/Design/form/index.module.less
index 0c8a009f102c8f1a53f08540b6a6743e7fbde37c..22941c46cf444bfa85e04e51756e3014e3990989 100644
--- a/src/components/DataStandard/WorkForm/Design/form/index.module.less
+++ b/src/components/DataStandard/WorkForm/Design/form/index.module.less
@@ -22,4 +22,17 @@
             flex-wrap: wrap;
         }
     }
+}
+.gradient{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 36px;
+    background: linear-gradient(
+          45deg, 
+          rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 25%, transparent 25%, transparent 50%, 
+          rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .5) 75%, transparent 75%, transparent
+        );
+    background-size: 6px 6px;
 }
\ No newline at end of file
diff --git a/src/ts/core/work/index.ts b/src/ts/core/work/index.ts
index 5fbdaca947eaff2191d9d609edaf2e9ec1dbbaa6..2ca296297ae83faea22d6b108e2e46d84639ebbe 100644
--- a/src/ts/core/work/index.ts
+++ b/src/ts/core/work/index.ts
@@ -576,8 +576,8 @@ export class Work extends FileInfo<schema.XWorkDefine> implements IWork {
       a[v.id] = v;
       return a;
     }, {});
-    node.detailForms = _.orderBy(node.detailForms, (a) => formMap[a.id].order);
-    node.primaryForms = _.orderBy(node.primaryForms, (a) => formMap[a.id].order);
+    node.detailForms = _.orderBy(node.detailForms, (a) => formMap?.[a.id]?.order);
+    node.primaryForms = _.orderBy(node.primaryForms, (a) => formMap?.[a.id]?.order);
     node.primaryPrints = await this.directory.resource.printColl.find(
       node.print?.map((s) => s.id),
     );