菜单定义，widgetview 挂件视图定义

src/components/viewWidgets/monitor/MonitorView.vue

@@ -1,3 +1,24 @@
 <template>
-  MonitorView
+  MonitorView1<br />
-</template>
+  MonitorView2<br />
+  MonitorView3<br />
+  MonitorView4<br />
+  MonitorView5<br />
+  MonitorView6<br />
+  MonitorView7<br />
+  MonitorView8<br />
+  MonitorView9<br />
+  MonitorView10<br />
+  MonitorView11<br />
+  MonitorView12<br />
+  MonitorView13<br />
+  MonitorView14<br />
+  MonitorView15<br />
+  MonitorView16<br />
+  MonitorView17<br />
+  MonitorView18<br />
+  MonitorView19<br />
+  MonitorView20<br />
+</template>
+<script setup lang="ts">
+</script>

src/components/viewWidgets/task/TaskView.vue

@@ -1,3 +1,22 @@
 <template>
-  TaskView
+  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>

src/views/ModelMain.vue

@@ -23,11 +23,6 @@
               {{ panel.title }}
             </div>
           </template>
-          <!--
-          <div :class="['item',sectionLeftTitle==='模型'?'selected':'']" @click="btnLeftMe('模型')">模型</div>
-          <div :class="['item',sectionLeftTitle==='监控'?'selected':'']" @click="btnLeftMe('监控')">监控</div>
-          <div :class="['item',sectionLeftTitle==='对象'?'selected':'']" @click="btnLeftMe('对象')">对象</div>
-          -->
         </div>
         <div class="btns btns-bottom">
           <template v-for="panel in getWidgetBySide('bottom')">
@@ -35,11 +30,6 @@
               {{ panel.title }}
             </div>
           </template>
-          <!--
-          <div :class="['item',sectionBottomTitle==='任务'?'selected':'']" @click="btnBottomMe('任务')">任务</div>
-          <div :class="['item',sectionBottomTitle==='日志'?'selected':'']" @click="btnBottomMe('日志')">日志</div>
-          <div :class="['item',sectionBottomTitle==='脚本'?'selected':'']" @click="btnBottomMe('脚本')">脚本</div>
-          -->
         </div>
       </div>
       <Split class="section" :direction="'vertical'" style="flex-shrink: 0;flex-grow:1;" ref="mainSplit">
@@ -59,8 +49,8 @@
                   <span class="close" @click="closeMe('hideLeft')"><component
                     :is="renderIcon('element Close')"></component></span>
                 </div>
+                <component v-if="calcLeftPanel?.component" :is="calcLeftPanel.component" />
               </div>
-              <component v-if="calcLeftPanel?.component" :is="calcLeftPanel.component" />
             </SplitArea>
             <SplitArea class="section-center" :class="{'hidden-split':hideRight}" :size="calcCenterSize">
               <el-tabs type="card" class="section-tabs">
@@ -120,8 +110,8 @@
                   <span class="close" @click="closeMe('hideReft')"><component
                     :is="renderIcon('element Close')"></component></span>
                 </div>
+                <component v-if="calcRightPanel?.component" :is="calcRightPanel.component" />
               </div>
-              <component v-if="calcRightPanel?.component" :is="calcRightPanel.component" />
             </SplitArea>
           </Split>
         </SplitArea>
@@ -134,11 +124,12 @@
                   <component :is="renderIcon('element Search')"></component>
                 </template>
               </el-input>
-              <span class="close" @click="closeMe('hideBottom')"><component
+              <span class="close" @click="closeMe('hideBottom')">
-                :is="renderIcon('element Close')"></component></span>
+                <component :is="renderIcon('element Close')"></component>
+              </span>
             </div>
+            <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component" />
           </div>
-          <component v-if="calcBottomPanel?.component" :is="calcBottomPanel.component" />
         </SplitArea>
       </Split>
       <div class="btns-toolbar btns-toolbar-right">
@@ -148,11 +139,6 @@
               {{ panel.title }}
             </div>
           </template>
-          <!--
-          <div :class="['item',sectionRightTitle==='属性'?'selected':'']" @click="btnRightMe('属性')">属性</div>
-          <div :class="['item',sectionRightTitle==='数据'?'selected':'']" @click="btnRightMe('数据')">数据</div>
-          <div :class="['item',sectionRightTitle==='警告'?'selected':'']" @click="btnRightMe('警告')">警告</div>
-          -->
         </div>
       </div>
     </div>