<template>
  <div>
    <BaseDialog
      width="600px"
      :isShow.sync="isShow"
      title="修改备注"
      @close="close"
      @submit="submitForm"
    >
      <el-input
      :rows="6"
        type="textarea"
        placeholder="请输入备注"
        v-model="remarks"
      ></el-input>
    </BaseDialog>
  </div>
</template>

<script>
export default {
  name: "remarks",
  props: {
    dialogVisible: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      remarks: "",
    };
  },

  mounted() {},

  methods: {
    init() {},
    close() {
      this.remarks = "";
    },
    submitForm() {
      this.isShow = false;
      this.$emit("search");
    },
  },
  computed: {
    isShow: {
      get() {
        if (this.dialogVisible) {
          this.init();
        }
        return this.dialogVisible;
      },
      set(val) {
        this.$emit("update:dialogVisible", false);
      },
    },
  },
};
</script>

<style lang="scss" scoped>
</style>
