remarks.vue 1000 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <div>
  3. <BaseDialog
  4. width="600px"
  5. :isShow.sync="isShow"
  6. title="修改备注"
  7. @close="close"
  8. @submit="submitForm"
  9. >
  10. <el-input
  11. :rows="6"
  12. type="textarea"
  13. placeholder="请输入备注"
  14. v-model="remarks"
  15. ></el-input>
  16. </BaseDialog>
  17. </div>
  18. </template>
  19. <script>
  20. export default {
  21. name: "remarks",
  22. props: {
  23. dialogVisible: {
  24. type: Boolean,
  25. default: false,
  26. },
  27. },
  28. data() {
  29. return {
  30. remarks: "",
  31. };
  32. },
  33. mounted() {},
  34. methods: {
  35. init() {},
  36. close() {
  37. this.remarks = "";
  38. },
  39. submitForm() {
  40. this.isShow = false;
  41. this.$emit("search");
  42. },
  43. },
  44. computed: {
  45. isShow: {
  46. get() {
  47. if (this.dialogVisible) {
  48. this.init();
  49. }
  50. return this.dialogVisible;
  51. },
  52. set(val) {
  53. this.$emit("update:dialogVisible", false);
  54. },
  55. },
  56. },
  57. };
  58. </script>
  59. <style lang="scss" scoped>
  60. </style>