yjhtgl-web/src/views/inspectionWork/inspectorAdd.vue

<template>
  <div class="common-dialog">
    <div class="common-dialog-content">
      <div class="common-dialog-title-box">
        <h3 class="common-dialog-title">新建巡查人员</h3>
      </div>
      <div class="common-dialog-box">
        <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
          <el-form-item label="姓名：" prop="nick_name">
            <el-input v-model="formData.nick_name" style="width: 468px !important" />
          </el-form-item>
          <el-form-item label="粤政易组织：" prop="yzy_account">
            <el-input v-model="formData.yzy_account" style="width: 468px !important" />
          </el-form-item>
          <el-form-item label="联系方式：" prop="phonenumber">
            <el-input v-model="formData.phonenumber" style="width: 468px !important" />
          </el-form-item>
          <el-form-item label="责任区划：" prop="area">
            <el-input v-model="formData.area" style="width: 468px !important" />
          </el-form-item>
        </el-form>
        <div class="common-dialog-footer">
          <el-button @click="closeDialog">取消</el-button>
          <el-button type="primary" @click="submitForm">确定</el-button>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import { inspectorAdd } from '@/api/inspectionWork/inspector';
import { ref, watch } from 'vue';
import { ElMessage } from 'element-plus';
const emits = defineEmits(['close']);
const props = defineProps<{
  eventId: string | number;
}>();
const formData = ref({
  nick_name: '',
  phonenumber: '',
  yzy_account: '',
  area: ''
});
const closeDialog = () => {
  emits('close');
};
// 提交表单
const submitForm = async () => {
  // 假设表单已经通过验证
  const response = await inspectorAdd(formData.value);
  if (response.code === 200) {
    ElMessage.success('提交成功');
    closeDialog(); // 关闭对话框
  } else {
    ElMessage.error(response.msg);
  }
};
</script>
<style scoped></style>