deal-fallback.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!-- 搜索表单 -->
  2. <template>
  3. <simple-form-modal
  4. title="处理反馈"
  5. :items="formItems"
  6. ref="editRef"
  7. :baseUrl="baseUrl"
  8. @success="(data) => emit('done', data)"
  9. ></simple-form-modal>
  10. </template>
  11. <script setup>
  12. import { reactive, ref, defineEmits, getCurrentInstance } from 'vue';
  13. import { useFormData } from '@/utils/use-form-data';
  14. import SimpleFormModal from '@/components/CommonPage/SimpleFormModal.vue';
  15. const { proxy } = getCurrentInstance();
  16. //获取省市
  17. const emit = defineEmits(['done']);
  18. const formItems = reactive([
  19. {
  20. type: 'input',
  21. label: '联系方式',
  22. prop: 'mobile'
  23. },
  24. {
  25. type: 'textarea',
  26. label: '意见描述',
  27. prop: 'desc'
  28. },
  29. {
  30. type: 'imageUpload',
  31. label: '反馈图片',
  32. prop: 'image'
  33. }
  34. ]);
  35. //默认值
  36. const baseUrl = reactive({
  37. add: '/baseinfo/schoolInfo/save',
  38. update: '/baseinfo/schoolInfo/edit'
  39. });
  40. const formData = ref({});
  41. const editRef = ref(null);
  42. function handleOpen(data = {}, type) {
  43. formData.value = Object.assign(formData.value, data || {});
  44. editRef.value?.handleOpen(formData.value, type);
  45. }
  46. defineExpose({ handleOpen });
  47. </script>