完成地图制作任务功能初版

riku

5 天以前 f19e5267cc23b1c714dc746239864f33ed715dd9

 src/components/CompGenericWrapper.vue

@@ -1,14 +1,31 @@
<template>
  <!-- dialog包裹 -->
  <el-dialog v-if="currType == 'dialog'" :title="title" :model-value="visible" @opened="$emit('update:visible', true)"
    @closed="$emit('update:visible', false)" destroy-on-close>
  <el-dialog
    v-if="currType == 'dialog'"
    :title="title"
    :model-value="visible"
    @opened="$emit('update:visible', true)"
    @closed="$emit('update:visible', false)"
    destroy-on-close
    :draggable="draggable"
    :modal="modal"
    :append-to-body="appendToBody"
  >
    <div v-if="visible">
      <slot name="content"></slot>
    </div>
  </el-dialog>
  <!-- drawer包裹 -->
  <el-drawer v-if="currType == 'drawer'" :title="title" size="45%" direction="ltr" :model-value="visible"
    @opened="$emit('update:visible', true)" @closed="$emit('update:visible', false)" destroy-on-close>
  <el-drawer
    v-if="currType == 'drawer'"
    :title="title"
    size="45%"
    direction="ltr"
    :model-value="visible"
    @opened="$emit('update:visible', true)"
    @closed="$emit('update:visible', false)"
    destroy-on-close
  >
    <slot name="content"></slot>
  </el-drawer>
  <!-- 默认无包裹 -->
@@ -24,6 +41,15 @@
  type: {
    type: String,
    default: 'normal'
  },
  draggable: Boolean,
  modal: {
    type: Boolean,
    default: true
  },
  appendToBody: {
    type: Boolean,
    default: true
  }
});
const typeOptions = ref([
@@ -42,11 +68,11 @@
);
</script>
<style scoped>
::v-deep .el-drawer__body {
:deep(.el-drawer__body) {
  padding-top: 0;
}

::v-deep .el-drawer__header {
:deep(.el-drawer__header) {
  margin-bottom: 16px;
}
</style>