zj-dialog-remark.vue 974 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <zjDialogBox
  3. :title="'留言'"
  4. :minHeight="'50vh'"
  5. :isShow="isShow"
  6. @cancel="cancelDialog"
  7. @confirm="confirmDialog">
  8. <u--textarea
  9. fixed
  10. v-model="value"
  11. :placeholder="replyItem ? `回复${replyItem.uaerName || ''}:` : `留言内容:`"
  12. border="none"
  13. height="250">
  14. </u--textarea>
  15. </zjDialogBox>
  16. </template>
  17. <script>
  18. import zjDialogBox from "@/components/zj-dialog/zj-dialog-box.vue";
  19. export default {
  20. components: {
  21. zjDialogBox,
  22. },
  23. props: {
  24. isShow: {
  25. type: Boolean,
  26. default: false
  27. },
  28. },
  29. data() {
  30. return {
  31. name: '',
  32. value: '',
  33. }
  34. },
  35. methods: {
  36. setValue(replyItem) {
  37. this.replyItem = replyItem;
  38. this.value = '';
  39. },
  40. cancelDialog() {
  41. this.$emit('close');
  42. },
  43. confirmDialog() {
  44. if(!this.value) return this.$toast('请填写备注信息');
  45. this.$emit('confirm', this.value);
  46. }
  47. }
  48. }
  49. </script>
  50. <style lang="scss" scoped>
  51. </style>