a

src/views/recruit/recruitstudentschool/detaiform.vue

@@ -2,11 +2,13 @@
   <el-dialog
     :title="!dataForm.id ? '新增' : '修改'"
     :close-on-click-modal="false"
-    v-model="visible">
-    <el-form :model="dataForm" :rules="dataRule" ref="dataFormRef" @keyup.enter="dataFormSubmit" label-width="140px">
-
+    v-model="visible"
+    width="600px"
+    destroy-on-close
+  >
+    <el-form :model="dataForm" :rules="dataRule" ref="dataFormRef" @keyup.enter="dataFormSubmit" label-width="120px">
       <el-form-item label="招生计划" prop="groupId">
-        <el-select v-model="dataForm.groupId" filterable :disabled="!!dataForm.id" placeholder="请选择招生计划" size="small" style="width: 100%">
+        <el-select v-model="dataForm.groupId" filterable :disabled="!!dataForm.id" placeholder="请选择招生计划">
           <el-option
             v-for="item in planList"
             :key="item.id"
@@ -19,7 +21,7 @@
         <el-input v-model="dataForm.schoolName" placeholder="学校名称"></el-input>
       </el-form-item>
       <el-form-item label="对接学院" prop="xy">
-        <el-select v-model="dataForm.xy" filterable clearable placeholder="请选择对接学院" size="small" style="width: 100%;">
+        <el-select v-model="dataForm.xy" filterable clearable placeholder="请选择对接学院">
           <el-option
             v-for="item in deptList"
             :key="item.deptCode"
@@ -29,7 +31,7 @@
         </el-select>
       </el-form-item>
       <el-form-item label="地区" prop="area">
-        <el-select v-model="dataForm.area" filterable placeholder="请选择地区" size="small" style="width: 100%;">
+        <el-select v-model="dataForm.area" filterable placeholder="请选择地区">
           <el-option
             v-for="item in areaListData"
             :key="item.code"
@@ -52,9 +54,9 @@
 <script setup lang="ts">
 import { ref, reactive, nextTick } from 'vue'
 import { ElNotification } from 'element-plus'
-import { addObj, areaList, getObj, putObj } from '@/api/recruit/recruitstudentschool'
-import { getDeptList } from "@/api/basic/basicclass"
-import { list } from "@/api/recruit/recruitstudentplangroup"
+import { addObj, areaList, getObj, putObj } from '/@/api/recruit/recruitstudentschool'
+import { getDeptList } from '/@/api/basic/basicclass'
+import { list } from '/@/api/recruit/recruitstudentplangroup'
 
 // Emits
 const emit = defineEmits<{

src/views/recruit/recruitstudentschool/index.vue

@@ -19,7 +19,7 @@
   <div class="layout-padding">
     <div class="layout-padding-auto layout-padding-view">
       <!-- 搜索表单 -->
-      <el-form :model="queryForm" inline class="mb-4" ref="searchFormRef">
+      <el-form :model="queryForm" inline ref="searchFormRef">
         <el-form-item label="招生计划" prop="groupId">
           <el-select v-model="queryForm.groupId" filterable clearable placeholder="请选择招生计划">
             <el-option
@@ -35,7 +35,7 @@
         </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="Search" @click="getDataList">查询</el-button>
-          <el-button type="primary" plain icon="Refresh" class="ml10" @click="resetQuery">重置</el-button>
+          <el-button plain icon="Refresh" class="ml10" @click="resetQuery">重置</el-button>
         </el-form-item>
       </el-form>
 
@@ -47,7 +47,7 @@
           icon="FolderAdd"
           @click="addOrUpdateHandle"
         >
-          新增
+          新 增
         </el-button>
       </div>
 
@@ -105,7 +105,7 @@
       />
 
       <!-- 弹窗, 新增 / 修改 -->
-      <table-form v-if="addOrUpdateVisible" ref="addOrUpdateRef" @refreshDataList="getDataList" />
+      <table-form ref="addOrUpdateRef" @refreshDataList="getDataList" />
       <major-group-by-dept-form v-if="majorGroupByDeptVisible" ref="majorGroupByDeptRef" />
     </div>
   </div>
@@ -148,7 +148,6 @@ const addOrUpdateRef = ref()
 const majorGroupByDeptRef = ref()
 
 // 弹窗状态
-const addOrUpdateVisible = ref(false)
 const majorGroupByDeptVisible = ref(false)
 
 // 数据
@@ -217,21 +216,14 @@ const init = async () => {
 }
 
 // 新增 / 修改
-const addOrUpdateHandle = (id?: string) => {
-  addOrUpdateVisible.value = true
+const addOrUpdateHandle = (payload?: any) => {
+  // 兼容新增按钮未传参时自动传入的 MouseEvent
+  const id = payload && typeof payload === 'object' ? null : payload
   nextTick(() => {
     addOrUpdateRef.value?.init(id)
   })
 }
 
-// 专业调整
-const majorHandle = (row: any) => {
-  majorGroupByDeptVisible.value = true
-  nextTick(() => {
-    majorGroupByDeptRef.value?.init(row)
-  })
-}
-
 // 删除
 const deleteHandle = async (id: string) => {
   try {