diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 0708d987a3a12b151d63e2474f85ebb6e3cbe3b4..16ae2f8a9dcdbf5a6efa905d1620d1fe24d5dc6d 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -95,6 +95,10 @@ export default defineConfig({
             text: '水位图',
             link: '/guide/water-level-pond',
           },
+          {
+            text: '标签墙',
+            link: '/guide/tagged-wall',
+          },
         ],
       },
     ],
diff --git a/docs/guide/tagged-wall.md b/docs/guide/tagged-wall.md
new file mode 100644
index 0000000000000000000000000000000000000000..f0ccf45e538457947d484f525a3931722b28e05d
--- /dev/null
+++ b/docs/guide/tagged-wall.md
@@ -0,0 +1,33 @@
+# 标签墙
+
+标签墙为大屏列表呈现模式，是列表的一种增强，要达到该目标，需要在列表上绑定标签墙。
+
+## 效果呈现
+
+![效果呈现](../public/img/tagged-wall.png)
+
+## 主要内容
+标签墙由多个标签组件(customTag)组成。首先通过函数$RandomSplit获取一组和为列表长度的数组，后通过函数将$RandomSplit将列表数组随机排列为菱形(中间多两头少的列表)。最后通过customTag绘制。标签的字体大小和颜色由函数$Normal和函数$RandomColor随机生成。
+
+## 插件
+
+该插件隶属于列表绘制插件（基于列表进行扩展），下方数据导入应用即可使用
+
+::: details 点我查看代码
+```json
+[
+  {
+    "plugintype": "LIST_RENDER",
+    "codename": "UsrPFPlugin0816463041",
+    "plugintag": "TAGGED_WALL",
+    "pssyspfpluginname": "标签墙"
+  }
+]
+```
+:::
+
+## 配置
+
+大屏门户插件配置
+
+![配置](../public/img/tagged-wall_config.png)
diff --git a/docs/public/img/tagged-wall.png b/docs/public/img/tagged-wall.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf04cc2196f18f823138e89ffd5159deac174dd4
Binary files /dev/null and b/docs/public/img/tagged-wall.png differ
diff --git a/docs/public/img/tagged-wall_config.png b/docs/public/img/tagged-wall_config.png
new file mode 100644
index 0000000000000000000000000000000000000000..dae6e21a3e56c5fe869caa45dc2b109bf3369bf2
Binary files /dev/null and b/docs/public/img/tagged-wall_config.png differ
diff --git a/src/custom-image-search-box/custom-image-search-box.controller.ts b/src/custom-image-search-box/custom-image-search-box.controller.ts
index fa8f7cd59c7e89b2c12c03d2a598de5ca7f35e3c..ecc3761624597d4da6ae6d3bfc8e53a46efbbf5b 100644
--- a/src/custom-image-search-box/custom-image-search-box.controller.ts
+++ b/src/custom-image-search-box/custom-image-search-box.controller.ts
@@ -8,4 +8,25 @@ import { IDBToolbarPortlet } from '@ibiz/model-core';
  * @class RawActivityEditorController
  * @extends {EditorController}
  */
-export class CustomImageSearchBoxEditorController extends PortletPartController<IDBToolbarPortlet> {}
+export class CustomImageSearchBoxEditorController extends PortletPartController<IDBToolbarPortlet> {
+  /**
+   * 占位提示
+   *
+   * @author fangZhiHao
+   * @date 2024-08-08 13:08:33
+   * @type {string}
+   */
+  public placeholder: string = '';
+
+  /**
+   * 初始化
+   */
+  protected async onInit(): Promise<void> {
+    super.onInit();
+    if ((this.model as IData).rawItem) {
+      if ((this.model as IData).rawItem.caption) {
+        this.placeholder = (this.model as IData).rawItem.caption;
+      }
+    }
+  }
+}
diff --git a/src/custom-image-search-box/custom-image-search-box.scss b/src/custom-image-search-box/custom-image-search-box.scss
index 29b96607df23a0ea7f5289c6d354ed34a7283420..45a3865f0db4a59ffe8d97fbffc6ed278e525a3b 100644
--- a/src/custom-image-search-box/custom-image-search-box.scss
+++ b/src/custom-image-search-box/custom-image-search-box.scss
@@ -13,8 +13,6 @@
     left: 0;
 
     .el-input__wrapper {
-      box-shadow: unset;
-
       .el-input__suffix::before {
         position: absolute;
         top: 9px;
@@ -35,6 +33,12 @@
         box-shadow: unset;
       }
     }
+
+    &.has-image {
+      .el-input__wrapper {
+        box-shadow: unset;
+      }
+    }
   }
 
   @include e(search-icon) {
@@ -43,8 +47,8 @@
   }
 }
 
-.cockpit-large-screen{
-  .ibiz-custom-image-search-box{
+.cockpit-large-screen {
+  .ibiz-custom-image-search-box {
     position: absolute;
   }
-}
\ No newline at end of file
+}
diff --git a/src/custom-image-search-box/custom-image-search-box.tsx b/src/custom-image-search-box/custom-image-search-box.tsx
index 10f4418a47d0256af00c759e62943b6c119c55f7..4c209342d67edffddb26ff56274b46dd500f642d 100644
--- a/src/custom-image-search-box/custom-image-search-box.tsx
+++ b/src/custom-image-search-box/custom-image-search-box.tsx
@@ -29,6 +29,8 @@ export const CustomImageSearchBox = defineComponent({
     };
   },
   render() {
+    const data = this.c.model.sysImage?.rawContent;
+
     return (
       <div
         class={[
@@ -37,14 +39,11 @@ export const CustomImageSearchBox = defineComponent({
           this.readonly ? this.ns.m('readonly') : '',
         ]}
       >
-        <img
-          class={this.ns.e('image')}
-          src={this.c.model.sysImage?.rawContent}
-        ></img>
+        {data ? <img class={this.ns.e('image')} src={data}></img> : null}
         <el-input
-          class={this.ns.e('input')}
+          class={[this.ns.e('input'), data ? 'has-image' : '']}
           v-model={this.searchValue}
-          placeholder={'请输入学生姓名或学号'}
+          placeholder={this.c.placeholder}
           clearable={false}
           suffix-icon={
             <ion-icon
diff --git a/src/screen-portlet-real-time/screen-portlet-real-time.controller.ts b/src/screen-portlet-real-time/screen-portlet-real-time.controller.ts
index 9700800ca86734e4307f4938fb3bba8b690b458c..83c8288a383fc53176eb57201def52f29f703282 100644
--- a/src/screen-portlet-real-time/screen-portlet-real-time.controller.ts
+++ b/src/screen-portlet-real-time/screen-portlet-real-time.controller.ts
@@ -40,7 +40,6 @@ export class ScreenPortletRealTimeController extends PortletPartController<IDBTo
    */
   protected async onInit(): Promise<void> {
     super.onInit();
-    console.log('this.model', this.model);
     if ((this.model as IData).rawItem) {
       if ((this.model as IData).rawItem.caption) {
         const arr = (this.model as IData).rawItem.caption.split(',');