左下角交互调整

project/fengdu/AppBIBoard/components/fdDialog.vue

@@ -7,6 +7,13 @@
         <slot/>
       </div>
     </div>
+    <div class="dialog mar-l16" v-if="$slots.extra&&extraDialog">
+      <div class="header mar-b8" v-text="extraTitle"/>
+      <div class="closeIcon" @click="$emit('update:extraDialog',false)"/>
+      <div class="content">
+        <slot name="extra"/>
+      </div>
+    </div>
   </section>
 </template>
 <script>
@@ -18,10 +25,9 @@ export default {
   },
   props: {
     visible: Boolean,
-    title: {default: "弹窗标题"}
-  },
-  data() {
-    return {}
+    title: {default: "弹窗标题"},
+    extraTitle:{default:"额外内容标题"},
+    extraDialog: Boolean
   },
   methods: {},
 }
@@ -33,6 +39,7 @@ export default {
   top: 50%;
   transform: translate(-50%, -50%);
   z-index: 202310231147;
+  display: flex;
 
   .dialog {
     position: relative;