web/src/views/service-unit-manage/dispatch/dispatch-manage/mult-delineation-dialog.vue

// 批量划定 弹框
<template>
  <my-dialog
    :visible="visible"
    @close="emit('update:visible', false)"
    header="批量划定"
    :width="500"
    :closeOnOverlayClick="false"
  >
    <t-form ref="formRef" :model="formData" labelWidth="120px">
      <t-form-item label="服务单元名称：">
        <t-select v-model="formData.a"></t-select>
      </t-form-item>
    </t-form>
    <template #foot>
      <t-button theme="default" @click="emit('update:visible', false)"
        >取消</t-button
      >
      <t-button theme="primary" @click="save">保存</t-button>
    </template>
  </my-dialog>
</template>
<script setup name="MultDelineationDialog">
import { ref, reactive } from 'vue';
const emit = defineEmits(['update:visible', 'success']);
const formRef = ref(null);

const props = defineProps({
  visible: Boolean,
  title: String,
  selectedRowKeys: Array,
});
const formData = reactive({
  a: 1,
});
const save = () => {
  //ajax...
  emit('success');
};
</script>