feat:数据-子图元UI

src/views/components/PenDatas.vue

@@ -302,14 +302,26 @@
         </div>
         <div v-if="props.pen.children?.length" class="c-titile">
           <t-tooltip content="ctrl+shift+点击，可选中子图元">
-            子节点数据
+            子图元
           </t-tooltip>
         </div>
         <template v-for="(cPen) in childrenPens">
           <div
           class="real-times"
         >
-          <t-divider align="left c-head"> {{ cPen.description||cPen.name }}</t-divider>
+          <div class="flex mt-8 mb-8 between">
+            <div> {{ cPen.description||cPen.name }}</div>
+            <t-dropdown
+              :options="options"
+              @click="addCRealTime($event,cPen)"
+              :minColumnWidth="150"
+            >
+              <a class="ml-12">
+                <add-rectangle-icon />
+                添加动态数据
+              </a>
+            </t-dropdown>
+          </div>
           <div class="grid" v-for="(item, i) in cPen.realTimes">
             <t-tooltip :content="item.key" placement="top">
               <label class="label">{{ item.label }}</label>
@@ -382,18 +394,7 @@
               </t-dropdown>
             </div>
           </div>
-          <div class="mt-8 pb-16">
-            <t-dropdown
-              :options="options"
-              @click="addCRealTime($event,cPen)"
-              :minColumnWidth="150"
-            >
-              <a class="ml-12">
-                <add-rectangle-icon />
-                添加动态数据
-              </a>
-            </t-dropdown>
-          </div>
+         
         </div>
         </template>
       </t-collapse-panel>