图纸 优化

src/views/design/appointment/index.vue

@@ -5,11 +5,13 @@
       <div class="bg-gradient-to-r from-blue-500 to-blue-600 text-white p-6">
         <h2 class="text-2xl font-bold flex items-center"><i class="el-icon-user-circle mr-3"></i>人员配置</h2>
         <p class="text-blue-100 mt-2 opacity-90">请配置项目相关负责人员信息</p>
+        <el-button @click="disabledForm = false" class="px-8 py-2.5 transition-all duration-300 font-medium" v-if="disabledForm">
+          点击编辑
+        </el-button>
         <!-- ，带 <span class="text-red-300">*</span> 为必填项 -->
       </div>
-
       <!-- 表单内容区域 -->
-      <el-form ref="leaveFormRef" :model="form" :rules="rules" label-width="120px" class="p-6 space-y-6">
+      <el-form ref="leaveFormRef" :model="form" :disabled="disabledForm" :rules="rules" label-width="120px" class="p-6 space-y-6">
         <!-- 设计负责人 -->
         <div class="fonts">
           <el-form-item label="设计负责人" prop="designLeader" class="mb-4">
@@ -120,12 +122,10 @@
               </el-icon>
             </el-button>
           </div>
-
           <div v-if="form.reviewers.length === 0" class="text-gray-500 text-center py-4 bg-gray-100 rounded-lg border border-dashed border-gray-200">
             暂无校审人员，请点击"新增校审人员"添加
           </div>
         </div>
-
         <!-- 提交按钮区域 -->
         <div class="flex justify-center space-x-6 mt-8 pt-6 border-t border-gray-100">
           <el-button
@@ -154,6 +154,7 @@ import { listUserByDeptId } from '@/api/system/user';
 import { ElMessage, ElLoading } from 'element-plus';
 import { Delete } from '@element-plus/icons-vue';
 import { designUserAdd, designUserList, systemUserList } from '@/api/design/appointment';
+import { disable } from 'ol/rotationconstraint';
 
 // 获取当前实例
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@@ -184,7 +185,7 @@ const userList = ref([]);
 
 // 表单引用
 const leaveFormRef = ref();
-
+const disabledForm = ref(false); //控制提交按钮状态
 /** 查询当前部门的所有用户 */
 const getDeptAllUser = async (deptId: any) => {
   try {
@@ -213,6 +214,9 @@ const designUser = async () => {
       form.designLeader = null;
       form.designers = [];
       form.reviewers = [];
+      if (res.rows.length > 0) {
+        disabledForm.value = true;
+      }
       // 处理返回的数据，进行回显
       res.rows.forEach((item: any) => {
         if (item.userType == 1) {
@@ -292,7 +296,6 @@ const removePerson = (type: 'designers' | 'reviewers', index: number) => {
 /** 提交表单 */
 const submitForm = async () => {
   if (!leaveFormRef.value) return;
-
   try {
     // 表单验证
     await leaveFormRef.value.validate();
@@ -349,6 +352,7 @@ const submitForm = async () => {
       projectId: currentProject.value?.id
     });
     if (res.code === 200) {
+      disabledForm.value = true;
       ElMessage.success('提交成功');
     } else {
       ElMessage.error(res.msg || '提交失败');