diff --git a/packages/view-design/src/components/panel-item-widgets/preview-componnets/view-panel-shell/view-panel-shell.scss b/packages/view-design/src/components/panel-item-widgets/preview-componnets/view-panel-shell/view-panel-shell.scss
index c6c7cb4a59d12928837150fea4c2c5d2ba9cf676..f47a243fa3e159bd4918ed47567d111ab27bdddb 100644
--- a/packages/view-design/src/components/panel-item-widgets/preview-componnets/view-panel-shell/view-panel-shell.scss
+++ b/packages/view-design/src/components/panel-item-widgets/preview-componnets/view-panel-shell/view-panel-shell.scss
@@ -1,4 +1,5 @@
 @include b(view-panel-shell) {
   height: 100%;
   width: 100%;
+  cursor: not-allowed;
 }
diff --git a/packages/view-design/src/components/panel-item-widgets/widgets/view-design-control/view-design-control.tsx b/packages/view-design/src/components/panel-item-widgets/widgets/view-design-control/view-design-control.tsx
index 25418792645845414e0baea1bf513d7e7c5558c8..31d284d51f7546572552ae47cc8a031dfb68b383 100644
--- a/packages/view-design/src/components/panel-item-widgets/widgets/view-design-control/view-design-control.tsx
+++ b/packages/view-design/src/components/panel-item-widgets/widgets/view-design-control/view-design-control.tsx
@@ -2,6 +2,7 @@
 import {
   PropType,
   Ref,
+  computed,
   defineComponent,
   onMounted,
   onUnmounted,
@@ -48,6 +49,10 @@ export default defineComponent({
     const ctrlCaption = props.data.caption.toUpperCase();
     // 是否显示模态
     const isShow: Ref<boolean> = ref(false);
+    // 是否显示遮罩
+    const isShowMask = computed(() => {
+      return props.context.srfpreview !== true;
+    });
     // 是否展示项行为组
     const showActions: Ref<boolean> = ref(true);
     // 是否激活
@@ -352,6 +357,7 @@ export default defineComponent({
       ctrlCaption,
       isShow,
       active,
+      isShowMask,
       addControl,
       renderControl,
       renderActions,
@@ -366,14 +372,16 @@ export default defineComponent({
           </div>
           <div class={this.ns.b('ctrl-pos-content')}>
             {this.isShow ? this.addControl() : this.renderControl()}
-            <div
-              class={{
-                [this.ns.be('ctrl-pos-content', 'mask')]: !this.isShow,
-                [this.ns.be('ctrl-pos-content', 'selected')]: this.active,
-              }}
-            >
-              {this.renderActions()}
-            </div>
+            {this.isShowMask && (
+              <div
+                class={{
+                  [this.ns.be('ctrl-pos-content', 'mask')]: !this.isShow,
+                  [this.ns.be('ctrl-pos-content', 'selected')]: this.active,
+                }}
+              >
+                {this.renderActions()}
+              </div>
+            )}
           </div>
         </div>
       </div>
diff --git a/packages/view-design/src/components/panel-item-widgets/widgets/view-design-entity-control/view-design-entity-control.tsx b/packages/view-design/src/components/panel-item-widgets/widgets/view-design-entity-control/view-design-entity-control.tsx
index f004afe645af516de39349564fd0dae9702c1fbe..49f7b297562d99ba9e90aee4bd66dbbf675be618 100644
--- a/packages/view-design/src/components/panel-item-widgets/widgets/view-design-entity-control/view-design-entity-control.tsx
+++ b/packages/view-design/src/components/panel-item-widgets/widgets/view-design-entity-control/view-design-entity-control.tsx
@@ -53,6 +53,11 @@ export default defineComponent({
       return props.data.data?.ctrltype || '';
     });
 
+    // 是否显示遮罩
+    const isShowMask = computed(() => {
+      return props.context.srfpreview !== true;
+    });
+
     // 部件id
     const ctrlId = ref('');
 
@@ -263,6 +268,7 @@ export default defineComponent({
       ns,
       ctrlCaption,
       active,
+      isShowMask,
       ctrlPosContent,
       renderControl,
       renderActions,
@@ -277,14 +283,16 @@ export default defineComponent({
           </div>
           <div class={this.ns.b('ctrl-pos-content')} ref='ctrlPosContent'>
             {this.renderControl()}
-            <div
-              class={[
-                this.ns.b('ctrl-pos-mask'),
-                this.ns.is('active', this.active),
-              ]}
-            >
-              {this.renderActions()}
-            </div>
+            {this.isShowMask && (
+              <div
+                class={[
+                  this.ns.b('ctrl-pos-mask'),
+                  this.ns.is('active', this.active),
+                ]}
+              >
+                {this.renderActions()}
+              </div>
+            )}
           </div>
         </div>
       </div>
diff --git a/packages/view-design/src/components/panel-item-widgets/widgets/view-panel-part/view-panel-part.tsx b/packages/view-design/src/components/panel-item-widgets/widgets/view-panel-part/view-panel-part.tsx
index 6889d470edb66035bb82de14f6b69e6b9d3f8583..d7d92c098a55a49ab0e0aec5b803bea80e9d7629 100644
--- a/packages/view-design/src/components/panel-item-widgets/widgets/view-panel-part/view-panel-part.tsx
+++ b/packages/view-design/src/components/panel-item-widgets/widgets/view-panel-part/view-panel-part.tsx
@@ -55,6 +55,11 @@ export default defineComponent({
     // 是否显示模态
     const isShow = ref(false);
 
+    // 是否显示遮罩
+    const isShowMask = computed(() => {
+      return props.context.srfpreview !== true;
+    });
+
     // 是否展示项行为组
     const showActions = ref(true);
 
@@ -207,6 +212,7 @@ export default defineComponent({
       ns,
       isShow,
       active,
+      isShowMask,
       ctrlPosContent,
       ctrlCaption,
       addControl,
@@ -223,14 +229,16 @@ export default defineComponent({
           </div>
           <div class={this.ns.b('ctrl-pos-content')} ref='ctrlPosContent'>
             {this.isShow ? this.addControl() : this.renderControl()}
-            <div
-              class={[
-                !this.isShow && this.ns.b('ctrl-pos-mask'),
-                this.ns.is('active', this.active),
-              ]}
-            >
-              {this.renderActions()}
-            </div>
+            {this.isShowMask && (
+              <div
+                class={[
+                  !this.isShow && this.ns.b('ctrl-pos-mask'),
+                  this.ns.is('active', this.active),
+                ]}
+              >
+                {this.renderActions()}
+              </div>
+            )}
           </div>
         </div>
       </div>