整合

project/xiushan/components/AiDialogBtn.vue

@@ -0,0 +1,34 @@
+<template>
+  <section class="AiDialogBtn">
+    <div @click="dialog=true">
+      <slot v-if="$scopedSlots.btn" name="btn"/>
+      <el-button type="text">{{ text }}</el-button>
+    </div>
+    <ai-dialog :visible.sync="dialog" :title="dialogTitle" width="1200px" customFooter>
+      <slot/>
+      <template #footer>
+        <el-button @click="dialog=false">关闭</el-button>
+      </template>
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiDialogBtn",
+  props: {
+    text: {default: "点击弹窗"},
+    dialogTitle: {default: "展示信息"}
+  },
+  data() {
+    return {
+      dialog: false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiDialogBtn {
+}
+</style>