🐛 电脑、人员界面创建、编辑取消方法修改

src/views/computer-information/components/ComputerDetail.vue

@@ -149,7 +149,7 @@ const getImageSrc = () => {
 	// 如果 `images` 有值，则返回第一张图片的 URL；否则返回占位图
 	return computerOverview.value.images && computerOverview.value.images.length > 0
 		? computerOverview.value.images[0].image_url
-		: 'https://via.placeholder.com/150';
+		: '';
 };
 
 // 表格样式

src/views/computer-information/components/CreateComputer.vue

@@ -96,8 +96,10 @@ async function handleSave() {
 }
 
 // 取消操作
-const handleCancel = () => {
-	showDialog.value = false;
+const resetForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return;
+  formEl.resetFields();
+  showDialog.value = false;
 };
 
 onMounted(() => {});
@@ -152,7 +154,7 @@ onMounted(() => {});
 		<template #footer>
 			<div class="dialog-footer">
 				<el-button type="primary" @click="submitForm(ruleFormRef)">保存</el-button>
-				<el-button @click="handleCancel">取消</el-button>
+				<el-button @click="resetForm(ruleFormRef)">取消</el-button>
 			</div>
 		</template>
 	</el-dialog>

src/views/computer-information/components/EditComputerInfo.vue

@@ -108,6 +108,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
 const resetForm = (formEl: FormInstance | undefined) => {
   if (!formEl) return;
   formEl.resetFields();
+  visible.value = false;
 };
 
 function replaceCol() {

src/views/employee-information/components/CreateEmployee.vue

@@ -90,8 +90,10 @@ async function handleSave() {
 }
 
 // 取消操作
-const handleCancel = () => {
-	showDialog.value = false;
+const resetForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return;
+  showDialog.value = false;
+  formEl.resetFields();
 };
 
 onMounted(() => {});
@@ -133,7 +135,7 @@ onMounted(() => {});
 		<template #footer>
 			<div class="dialog-footer">
 				<el-button :loading="createLoading" type="primary" @click="submitForm(ruleFormRef)">保存</el-button>
-				<el-button @click="handleCancel">取消</el-button>
+				<el-button @click="resetForm(ruleFormRef)">取消</el-button>
 			</div>
 		</template>
 	</el-dialog>

src/views/employee-information/components/EditEmployeeInfo.vue

@@ -104,6 +104,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
 
 const resetForm = (formEl: FormInstance | undefined) => {
 	if (!formEl) return;
+  visible.value = false;
 	formEl.resetFields();
 };
 

src/views/employee-information/components/EmployeeDetail.vue

@@ -103,7 +103,7 @@ const getImageSrc = () => {
   // 如果 `images` 有值，则返回第一张图片的 URL；否则返回占位图
   return employeeOverview.value.images && employeeOverview.value.images.length > 0
       ? employeeOverview.value.images[0].image_url
-      : 'https://via.placeholder.com/150';
+      : '';
 };
 
 // 表格样式