除地图和对接数据外已完成

project/fengdu/AppBIBoard/components/fdDialog.vue

@@ -0,0 +1,71 @@
+<template>
+  <section class="fdDialog">
+    <div class="dialog" v-if="visible">
+      <div class="header mar-b8" v-text="title"/>
+      <div class="closeIcon" @click="$emit('visible',false)"/>
+      <div class="content">
+        <slot/>
+      </div>
+    </div>
+  </section>
+</template>
+<script>
+export default {
+  name: "fdDialog",
+  model: {
+    event: "visible",
+    prop: "visible"
+  },
+  props: {
+    visible: Boolean,
+    title: {default: "弹窗标题"}
+  },
+  data() {
+    return {}
+  },
+  methods: {},
+}
+</script>
+<style scoped lang="scss">
+.fdDialog {
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 202310231147;
+
+  .dialog {
+    position: relative;
+    background: url("../assets/dialogBg.png") no-repeat;
+    background-size: 100% 100%;
+    width: 577px;
+    padding: 0 24px 24px;
+
+    .closeIcon {
+      background: url("../assets/closeIcon.png") no-repeat;
+      width: 24px;
+      height: 24px;
+      position: absolute;
+      right: 13px;
+      top: 30px;
+      cursor: pointer;
+    }
+
+    .header {
+      height: 54px;
+      display: flex;
+      line-height: 54px;
+      font-weight: 600;
+      font-size: 16px;
+      color: #FFFFFF;
+      letter-spacing: 0;
+    }
+
+    .content {
+      height: calc(100% - 54px);
+      display: flex;
+      flex-direction: column;
+    }
+  }
+}
+</style>