空白待填行问题

src/views/registrationGroup/components/stuDialog.vue

@@ -56,7 +56,7 @@
         />
       </div>
       <div class="dialog-footer">
-        <el-button @click="$emit('update:modelValue', false)">关闭</el-button>
+        <el-button @click="closeDialog">关闭</el-button>
         <el-button
           type="primary"
           @click="
@@ -65,7 +65,8 @@
               $emit(
                 'selected',
                 tableData.find((o) => o.id === selectedRowId) || {},
-              )
+              );
+              selectedRowId = null; // 清空 selectedRowId 的值
             }
           "
         >
@@ -94,6 +95,7 @@ watch(
 // 数据
 const tableData = reactive<any[]>([])
 const selectedRowId = ref()
+// const selectedRowId = ref<number | null>(null); // 使用 null 作为初始值
 
 // 分页
 const total = ref(0)
@@ -112,6 +114,12 @@ const search = () => {
   params.work_no="*"+name.value+"*"
   getList()
 }
+//取消
+const closeDialog = ()=>{
+  $emit('update:modelValue', false)
+  $emit('selected', {});
+  selectedRowId.value = null
+}
 const loading = ref(false)
 const getList = async () => {
   if (!props.modelValue) return

src/views/registrationGroup/components/stuList.vue

@@ -202,9 +202,15 @@ const visible = ref(false)
 
 // 像数据源中添加数据
 const handleSelected = (row: any = {}) => {
+  // 如果是空对象，删除 tableData 中最后新增的对象
+  if (Object.keys(row).length === 0) {
+    if (tableData.length > 0) {
+      tableData.pop(); // 删除最后一个元素
+    }
+  }
   if (tableData.some((o) => o.userId === row.id)) {
     ElMessage({
-      message: '用户不能多选!',
+      message: '已有该用户，不能重复选择用户!',
       type: 'error',
     })
     return

src/views/registrationGroup/components/teaDialog.vue

@@ -53,7 +53,7 @@
 
     <template #footer>
       <div class="dialog-footer">
-        <el-button @click="$emit('update:modelValue', false)">关闭</el-button>
+        <el-button @click="closeDialog">关闭</el-button>
         <el-button
           type="primary"
           @click="
@@ -61,8 +61,9 @@
               $emit('update:modelValue', false)
               $emit(
                 'selected',
-                tableData.find((o) => o.user_id === selectedRowId) || {},
-              )
+                tableData.find((o) => o.id === selectedRowId) || {},
+              );
+              selectedRowId = null; // 清空 selectedRowId 的值
             }
           "
         >
@@ -91,6 +92,12 @@ watch(
 // 数据
 const tableData = reactive<any[]>([])
 const selectedRowId = ref()
+//取消
+const closeDialog = ()=>{
+  $emit('update:modelValue', false)
+  $emit('selected', {});
+  selectedRowId.value = null
+}
 
 // 分页
 const total = ref(0)

src/views/registrationGroup/components/teaList.vue

@@ -187,9 +187,15 @@ const visible = ref(false)
 
 // 像数据源中添加数据
 const handleSelected = (row: any = {}) => {
+  // 如果是空对象，删除 tableData 中最后新增的对象
+  if (Object.keys(row).length === 0) {
+    if (tableData.length > 0) {
+      tableData.pop(); // 删除最后一个元素
+    }
+  }
   if (tableData.some((o) => o.teacherid === row.user_id)) {
     ElMessage({
-      message: '用户不能多选!',
+      message: '已有该用户，不能重复选择用户!',
       type: 'error',
     })
     return