diff --git a/src/designer/viewWidgets/alarm/AlarmView.vue b/src/designer/viewWidgets/alarm/AlarmView.vue
index dbfb982..94fb226 100644
--- a/src/designer/viewWidgets/alarm/AlarmView.vue
+++ b/src/designer/viewWidgets/alarm/AlarmView.vue
@@ -1,3 +1,75 @@
 <template>
-  AlarmView
-</template>
\ No newline at end of file
+  <div class="title">
+    告警面板
+    <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
+      <template #prefix>
+        <component :is="renderIcon('element Search')"></component>
+      </template>
+    </el-input>
+    <span class="close" @click="closeMe('hideReft')">
+      <component :is="renderIcon('element Close')" />
+    </span>
+  </div>
+  <div class="calc-right-panel">
+    AlarmView_1<br />
+    AlarmView_2<br />
+    AlarmView_3<br />
+    AlarmView_4<br />
+    AlarmView_5<br />
+    AlarmView_6<br />
+    AlarmView_7<br />
+    AlarmView_8<br />
+    AlarmView_9<br />
+    AlarmView_10<br />
+    AlarmView_11<br />
+    AlarmView_12<br />
+    AlarmView_13<br />
+    AlarmView_14<br />
+    AlarmView_15<br />
+    AlarmView_16<br />
+    AlarmView_17<br />
+    AlarmView_18<br />
+    AlarmView_19<br />
+    AlarmView_20<br />
+    AlarmView_21<br />
+    AlarmView_22<br />
+    AlarmView_23<br />
+    AlarmView_24<br />
+    AlarmView_25<br />
+    AlarmView_26<br />
+    AlarmView_27<br />
+    AlarmView_28<br />
+    AlarmView_29<br />
+    AlarmView_30<br />
+    AlarmView_31<br />
+    AlarmView_32<br />
+    AlarmView_33<br />
+    AlarmView_34<br />
+    AlarmView_35<br />
+    AlarmView_36<br />
+    AlarmView_37<br />
+    AlarmView_38<br />
+    AlarmView_39<br />
+    AlarmView_40<br />
+  </div>
+
+</template>
+<script>
+import { renderIcon } from '@/utils/webutils.js'
+
+export default {
+  name: 'AlarmView',
+  emits: ['close'],
+  data() {
+    return {
+      searchKeyword: ''
+    }
+  },
+  methods: {
+    renderIcon,
+    closeMe() {
+      this.$emit('close')
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/logger/LoggerView.vue b/src/designer/viewWidgets/logger/LoggerView.vue
index 740b14d..8e7ba01 100644
--- a/src/designer/viewWidgets/logger/LoggerView.vue
+++ b/src/designer/viewWidgets/logger/LoggerView.vue
@@ -1,42 +1,74 @@
 <template>
-  LoggerView1<br />
-  LoggerView2<br />
-  LoggerView3<br />
-  LoggerView4<br />
-  LoggerView5<br />
-  LoggerView6<br />
-  LoggerView7<br />
-  LoggerView8<br />
-  LoggerView9<br />
-  LoggerView10<br />
-  LoggerView11<br />
-  LoggerView12<br />
-  LoggerView13<br />
-  LoggerView14<br />
-  LoggerView15<br />
-  LoggerView16<br />
-  LoggerView17<br />
-  LoggerView18<br />
-  LoggerView19<br />
-  LoggerView20<br />
-  LoggerView21<br />
-  LoggerView22<br />
-  LoggerView23<br />
-  LoggerView24<br />
-  LoggerView25<br />
-  LoggerView26<br />
-  LoggerView27<br />
-  LoggerView28<br />
-  LoggerView29<br />
-  LoggerView30<br />
-  LoggerView31<br />
-  LoggerView32<br />
-  LoggerView33<br />
-  LoggerView34<br />
-  LoggerView35<br />
-  LoggerView36<br />
-  LoggerView37<br />
-  LoggerView38<br />
-  LoggerView39<br />
-  LoggerView40<br />
-</template>
\ No newline at end of file
+  <div class="title">
+    系统日志
+    <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
+      <template #prefix>
+        <component :is="renderIcon('element Search')"></component>
+      </template>
+    </el-input>
+    <span class="close" @click="closeMe">
+      <component :is="renderIcon('element Close')"></component>
+    </span>
+  </div>
+  <div class="calc-bottom-panel">
+    LoggerView1<br />
+    LoggerView2<br />
+    LoggerView3<br />
+    LoggerView4<br />
+    LoggerView5<br />
+    LoggerView6<br />
+    LoggerView7<br />
+    LoggerView8<br />
+    LoggerView9<br />
+    LoggerView10<br />
+    LoggerView11<br />
+    LoggerView12<br />
+    LoggerView13<br />
+    LoggerView14<br />
+    LoggerView15<br />
+    LoggerView16<br />
+    LoggerView17<br />
+    LoggerView18<br />
+    LoggerView19<br />
+    LoggerView20<br />
+    LoggerView21<br />
+    LoggerView22<br />
+    LoggerView23<br />
+    LoggerView24<br />
+    LoggerView25<br />
+    LoggerView26<br />
+    LoggerView27<br />
+    LoggerView28<br />
+    LoggerView29<br />
+    LoggerView30<br />
+    LoggerView31<br />
+    LoggerView32<br />
+    LoggerView33<br />
+    LoggerView34<br />
+    LoggerView35<br />
+    LoggerView36<br />
+    LoggerView37<br />
+    LoggerView38<br />
+    LoggerView39<br />
+    LoggerView40<br />
+  </div>
+</template>
+<script>
+import { renderIcon } from '@/utils/webutils.js'
+
+export default {
+  name: 'LoggerView',
+  emits: ['close'],
+  data() {
+    return {
+      searchKeyword: ''
+    }
+  },
+  methods: {
+    renderIcon,
+    closeMe() {
+      this.$emit('close')
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/property/PropertyView.vue b/src/designer/viewWidgets/property/PropertyView.vue
index 593b562..7d70107 100644
--- a/src/designer/viewWidgets/property/PropertyView.vue
+++ b/src/designer/viewWidgets/property/PropertyView.vue
@@ -1,44 +1,75 @@
 <template>
-  PropertyView1<br />
-  PropertyView2<br />
-  PropertyView3<br />
-  PropertyView4<br />
-  PropertyView5<br />
-  PropertyView6<br />
-  PropertyView7<br />
-  PropertyView8<br />
-  PropertyView9<br />
-  PropertyView10<br />
-  PropertyView11<br />
-  PropertyView12<br />
-  PropertyView13<br />
-  PropertyView14<br />
-  PropertyView15<br />
-  PropertyView16<br />
-  PropertyView17<br />
-  PropertyView18<br />
-  PropertyView19<br />
-  PropertyView20<br />
-  PropertyView21<br />
-  PropertyView22<br />
-  PropertyView23<br />
-  PropertyView24<br />
-  PropertyView25<br />
-  PropertyView26<br />
-  PropertyView27<br />
-  PropertyView28<br />
-  PropertyView29<br />
-  PropertyView30<br />
-  PropertyView31<br />
-  PropertyView32<br />
-  PropertyView33<br />
-  PropertyView34<br />
-  PropertyView35<br />
-  PropertyView36<br />
-  PropertyView37<br />
-  PropertyView38<br />
-  PropertyView39<br />
-  PropertyView40<br />
+  <div class="title">
+    属性面板
+    <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
+      <template #prefix>
+        <component :is="renderIcon('element Search')"></component>
+      </template>
+    </el-input>
+    <span class="close" @click="closeMe('hideReft')">
+      <component :is="renderIcon('element Close')" />
+    </span>
+  </div>
+  <div class="calc-right-panel">
+    PropertyView1<br />
+    PropertyView2<br />
+    PropertyView3<br />
+    PropertyView4<br />
+    PropertyView5<br />
+    PropertyView6<br />
+    PropertyView7<br />
+    PropertyView8<br />
+    PropertyView9<br />
+    PropertyView10<br />
+    PropertyView11<br />
+    PropertyView12<br />
+    PropertyView13<br />
+    PropertyView14<br />
+    PropertyView15<br />
+    PropertyView16<br />
+    PropertyView17<br />
+    PropertyView18<br />
+    PropertyView19<br />
+    PropertyView20<br />
+    PropertyView21<br />
+    PropertyView22<br />
+    PropertyView23<br />
+    PropertyView24<br />
+    PropertyView25<br />
+    PropertyView26<br />
+    PropertyView27<br />
+    PropertyView28<br />
+    PropertyView29<br />
+    PropertyView30<br />
+    PropertyView31<br />
+    PropertyView32<br />
+    PropertyView33<br />
+    PropertyView34<br />
+    PropertyView35<br />
+    PropertyView36<br />
+    PropertyView37<br />
+    PropertyView38<br />
+    PropertyView39<br />
+    PropertyView40<br />
+  </div>
+
 </template>
-<script setup lang="ts">
+<script>
+import { renderIcon } from '@/utils/webutils.js'
+
+export default {
+  name: 'PropertyView',
+  emits: ['close'],
+  data() {
+    return {
+      searchKeyword: ''
+    }
+  },
+  methods: {
+    renderIcon,
+    closeMe() {
+      this.$emit('close')
+    }
+  }
+}
 </script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/script/ScriptView.vue b/src/designer/viewWidgets/script/ScriptView.vue
index dbf5c23..0a1abb3 100644
--- a/src/designer/viewWidgets/script/ScriptView.vue
+++ b/src/designer/viewWidgets/script/ScriptView.vue
@@ -1,3 +1,35 @@
 <template>
-  ScriptView
-</template>
\ No newline at end of file
+  <div class="title">
+    脚本编辑
+    <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
+      <template #prefix>
+        <component :is="renderIcon('element Search')"></component>
+      </template>
+    </el-input>
+    <span class="close" @click="closeMe">
+      <component :is="renderIcon('element Close')"></component>
+    </span>
+  </div>
+  <div class="calc-bottom-panel">
+    ScriptView
+  </div>
+</template>
+<script>
+import { renderIcon } from '@/utils/webutils.js'
+
+export default {
+  name: 'ScriptView',
+  emits: ['close'],
+  data() {
+    return {
+      searchKeyword: ''
+    }
+  },
+  methods: {
+    renderIcon,
+    closeMe() {
+      this.$emit('close')
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/designer/viewWidgets/task/TaskView.vue b/src/designer/viewWidgets/task/TaskView.vue
index 569aa7b..f682cea 100644
--- a/src/designer/viewWidgets/task/TaskView.vue
+++ b/src/designer/viewWidgets/task/TaskView.vue
@@ -1,22 +1,54 @@
 <template>
-  TaskView1<br />
-  TaskView2<br />
-  TaskView3<br />
-  TaskView4<br />
-  TaskView5<br />
-  TaskView6<br />
-  TaskView7<br />
-  TaskView8<br />
-  TaskView9<br />
-  TaskView10<br />
-  TaskView11<br />
-  TaskView12<br />
-  TaskView13<br />
-  TaskView14<br />
-  TaskView15<br />
-  TaskView16<br />
-  TaskView17<br />
-  TaskView18<br />
-  TaskView19<br />
-  TaskView20<br />
-</template>
\ No newline at end of file
+  <div class="title">
+    任务监视
+    <el-input v-model="searchKeyword" size="small" style="width: 240px" placeholder="Search">
+      <template #prefix>
+        <component :is="renderIcon('element Search')"></component>
+      </template>
+    </el-input>
+    <span class="close" @click="closeMe">
+      <component :is="renderIcon('element Close')"></component>
+    </span>
+  </div>
+  <div class="calc-bottom-panel">
+    TaskView1<br />
+    TaskView2<br />
+    TaskView3<br />
+    TaskView4<br />
+    TaskView5<br />
+    TaskView6<br />
+    TaskView7<br />
+    TaskView8<br />
+    TaskView9<br />
+    TaskView10<br />
+    TaskView11<br />
+    TaskView12<br />
+    TaskView13<br />
+    TaskView14<br />
+    TaskView15<br />
+    TaskView16<br />
+    TaskView17<br />
+    TaskView18<br />
+    TaskView19<br />
+    TaskView20<br />
+  </div>
+</template>
+<script>
+import { renderIcon } from '@/utils/webutils.js'
+
+export default {
+  name: 'TaskView',
+  emits: ['close'],
+  data() {
+    return {
+      searchKeyword: ''
+    }
+  },
+  methods: {
+    renderIcon,
+    closeMe() {
+      this.$emit('close')
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/views/ModelMain.vue b/src/views/ModelMain.vue
index 45e0c40..81e1e3c 100644
--- a/src/views/ModelMain.vue
+++ b/src/views/ModelMain.vue
@@ -65,41 +65,16 @@
             </SplitArea>
             <SplitArea v-show="!hideRight" class="section-right" :size="hideRight ? 0 : sectionRightSize">
               <div class="section-item-wrap">
-                <div class="title">
-                  <component :is="calcRightPanel?.icon" />
-                  {{ calcRightPanel?.title }}
-                  <el-input v-model="sectionLeftSearch" size="small" style="width: 240px" placeholder="Search">
-                    <template #prefix>
-                      <component :is="renderIcon('element Search')"></component>
-                    </template>
-                  </el-input>
-                  <span class="close" @click="closeMe('hideReft')"><component
-                    :is="renderIcon('element Close')"></component></span>
-                </div>
-                <div class="calc-right-panel">
-                  <component v-if="calcRightPanel?.component" :is="calcRightPanel.component" />
-                </div>
+                <component v-if="calcRightPanel?.component" :is="calcRightPanel.component"
+                           @close="()=>closeMe('hideRight')" />
               </div>
             </SplitArea>
           </Split>
         </SplitArea>
         <SplitArea v-show="!hideBottom" :class="['section-bottom']" :size="hideBottom ? 0 : bottomSize" :min-size="0">
           <div class="section-item-wrap">
-            <div class="title">
-              <component :is="calcBottomPanel?.icon" />
-              {{ calcBottomPanel?.title }}
-              <el-input v-model="sectionLeftSearch" size="small" style="width: 240px" placeholder="Search">
-                <template #prefix>
-                  <component :is="renderIcon('element Search')"></component>
-                </template>
-              </el-input>
-              <span class="close" @click="closeMe('hideBottom')">
-                <component :is="renderIcon('element Close')"></component>
-              </span>
-            </div>
-            <div class="calc-bottom-panel">
-              <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component" />
-            </div>
+            <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component"
+                       @close="()=>closeMe('hideBottom')" />
           </div>
         </SplitArea>
       </Split>