fix: bug#10561

src/views/device/Instance/Detail/Function/components/Advance.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="wrapper">
+    <div class="advance-wrapper">
         <j-tabs v-model="activeKey" tab-position="left">
             <j-tab-pane
                 v-for="func in newFunctions"
@@ -129,7 +129,7 @@ const handleClear = (func: any) => {
 </script>
 
 <style lang="less" scoped>
-.wrapper {
+.advance-wrapper {
     .editor-btn {
         display: flex;
         justify-content: flex-end;

src/views/device/Instance/Detail/Function/components/Simple.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="wrapper">
+    <div class="simple-wrapper">
         <div class="tips">
             <j-space>
                 <AIcon type="QuestionCircleOutlined" />
@@ -239,7 +239,7 @@ const handleClear = (func: any) => {
 :deep(.ant-form-item-with-help .ant-form-item-explain) {
     min-height: 0;
 }
-.wrapper {
+.simple-wrapper {
     .tips {
         margin-bottom: 10px;
     }

src/views/device/Instance/Detail/Function/index.vue

@@ -12,14 +12,10 @@
         </j-empty>
         <template v-else>
             <j-tabs v-model:activeKey="activeKey">
-                <j-tab-pane key="Simple" tab="精简模式">
-                    <Simple />
-                </j-tab-pane>
-                <j-tab-pane key="Advance" tab="高级模式">
-                    <Advance />
-                </j-tab-pane>
+                <j-tab-pane key="Simple" tab="精简模式" />
+                <j-tab-pane key="Advance" tab="高级模式" />
             </j-tabs>
-            <!-- <component :is="tabs[activeKey]" /> -->
+            <component :is="tabs[activeKey]" />
         </template>
     </j-card>
 </template>