<template>
  <div>
    <el-drawer
      title="我是标题"
      :visible.sync="drawer"
      :with-header="false"
      :append-to-body="true"
      :modal-append-to-body="true"
    >
      <base-form
        ref="customForm"
        :formRow="topFormRow"
        style="padding: 10px 0"
        justifyContent="flex-end"
        :rules="rules"
        @elDialogClick="elDialogClick"
      >
      </base-form>
    </el-drawer>
  </div>
</template>

<script>
import baseForm from "@/components/base/baseNewForm/index.vue";
import configData from "./configData";
export default {
  data() {
    return {
      drawer: false,
      form: {
        date: "",
        personnel: "",
        radio: 0,
        time: "",
        content: "",
      },
      topFormRow: configData.topFormRow,
      rules: {},
    };
  },

  components: {
    baseForm,
  },

  computed: {},

  mounted() {},

  methods: {
    elDialogClick() {},
  },
};
</script>
<style scoped lang="scss">
::v-deep .el-drawer__body {
  padding: 50px 20px;
  background-color: #f2f3f4;
}
</style>
