dialog-confirm.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <template>
  2. <dialog-base ref="baseDialog" title="提示">
  3. <view class="msg uni-row">{{message}}</view>
  4. <view class="btn-container uni-row">
  5. <button type="primary" class="btn" @click="handleConfirm">确认</button>
  6. <button type="primary" class="btn" @click="handleCancel">取消</button>
  7. </view>
  8. </dialog-base>
  9. </template>
  10. <script setup>
  11. import {
  12. ref,
  13. getCurrentInstance
  14. } from 'vue'
  15. import {
  16. saveUserequipment
  17. } from '@/api/business/userEquipment/userEquipment.js'
  18. import {
  19. defineProps
  20. } from 'vue'
  21. const baseDialog = ref(null)
  22. const message = ref('')
  23. const reqParam = ref({})
  24. const emit = defineEmits(['submit','backTurnover'])
  25. function open(msg) {
  26. message.value = msg;
  27. baseDialog.value.open();
  28. }
  29. function handleConfirm() {
  30. if(message.value ==='是否确认送达?') {
  31. emit('submit');
  32. }
  33. else if(message.value === '是否返回待周转?') {
  34. emit('backTurnover');
  35. }
  36. close();
  37. }
  38. function handleCancel() {
  39. close();
  40. }
  41. function close() {
  42. baseDialog.value.close()
  43. }
  44. defineExpose({
  45. open
  46. })
  47. </script>
  48. <style lang="scss">
  49. .dialog-body {
  50. .msg {
  51. height: 300rpx;
  52. justify-content: center;
  53. align-items: center;
  54. }
  55. .btn-container {
  56. margin-top: 32rpx;
  57. .btn {
  58. flex: 1;
  59. margin: 0 10rpx;
  60. }
  61. }
  62. }
  63. </style>