合规性手续新增,进度类别模板更新

src/views/design/Professional/index.vue

@@ -187,7 +187,7 @@ const handleDownload = (row) => {
     {
       id: row.id
     },
-    `互提资料.zip`
+    `互提资料.docx`
   );
 };
 const handleViewFile = (row) => {

src/views/design/received/index.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="p-6 bg-gray-50">
-    <div
-      class="received mx-auto bg-white rounded-xl shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md">
+    <div class="received mx-auto bg-white rounded-xl shadow-sm overflow-hidden transition-all duration-300 hover:shadow-md">
       <!-- 表单标题区域 -->
       <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>
@@ -16,15 +15,23 @@
 
           <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
             <el-form-item label="收资人" prop="userId" class="mb-4">
-              <el-select :disabled="disabledAll" v-model="form.userId" placeholder="请选择收资人"
-                class="w-full transition-all duration-300 border-gray-300 focus:border-blue-400 focus:ring-1 focus:ring-blue-400">
+              <el-select
+                :disabled="disabledAll"
+                v-model="form.userId"
+                placeholder="请选择收资人"
+                class="w-full transition-all duration-300 border-gray-300 focus:border-blue-400 focus:ring-1 focus:ring-blue-400"
+              >
                 <el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId" />
               </el-select>
             </el-form-item>
             <el-form-item label="专业" prop="user_major" class="mb-4">
-              <el-select :disabled="disabledAll" v-model="form.user_major" placeholder="请选择专业"
+              <el-select
+                :disabled="disabledAll"
+                v-model="form.user_major"
+                placeholder="请选择专业"
                 class="transition-all duration-300 border-gray-300"
-                :rules="{ required: true, message: '请选择专业', trigger: 'change' }">
+                :rules="{ required: true, message: '请选择专业', trigger: 'change' }"
+              >
                 <el-option v-for="item in des_user_major" :key="item.value" :label="item.label" :value="item.value" />
               </el-select>
             </el-form-item>
@@ -42,25 +49,32 @@
         <div class="mb-6">
           <div class="flex items-center justify-between mb-4">
             <h3 class="text-lg font-semibold text-blue-700">资料文件清单</h3>
-            <el-button type="primary" size="small" @click="addDocumentItem" v-if="!disabledAll" icon="Plus"> 添加资料
-            </el-button>
+            <el-button type="primary" size="small" @click="addDocumentItem" v-if="!disabledAll" icon="Plus"> 添加资料 </el-button>
           </div>
           <el-form ref="documentsFormRef" :model="form" class="space-y-4">
-            <div v-for="(item, index) in form.documents" :key="item.id"
-              class="bg-gray-50 p-4 rounded-lg transition-all duration-200 hover:shadow-sm">
+            <div v-for="(item, index) in form.documents" :key="item.id" class="bg-gray-50 p-4 rounded-lg transition-all duration-200 hover:shadow-sm">
               <div class="flex justify-between items-start mb-2">
                 <span class="text-sm font-medium text-gray-600">资料 {{ index + 1 }}</span>
-                <el-button type="text" size="small" text-color="#ff4d4f" @click="removeDocumentItem(index)"
-                  icon="el-icon-delete" v-if="form.documents.length > 1 && !disabledAll">
+                <el-button
+                  type="text"
+                  size="small"
+                  text-color="#ff4d4f"
+                  @click="removeDocumentItem(index)"
+                  icon="el-icon-delete"
+                  v-if="form.documents.length > 1 && !disabledAll"
+                >
                   删除
                 </el-button>
               </div>
 
               <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                <el-form-item label="文件目录名称" :prop="`documents.${index}.catalogueName`"
-                  :rules="[{ required: true, message: '请输入文件目录名称', trigger: 'blur' }]" class="mb-4">
-                  <el-input :disabled="disabledAll" placeholder="请输入文件目录名称" v-model="item.catalogueName"
-                    autocomplete="off" />
+                <el-form-item
+                  label="文件目录名称"
+                  :prop="`documents.${index}.catalogueName`"
+                  :rules="[{ required: true, message: '请输入文件目录名称', trigger: 'blur' }]"
+                  class="mb-4"
+                >
+                  <el-input :disabled="disabledAll" placeholder="请输入文件目录名称" v-model="item.catalogueName" autocomplete="off" />
                 </el-form-item>
                 <el-form-item label="备注" :prop="`documents.${index}.remark`" class="mb-4">
                   <el-input :disabled="disabledAll" placeholder="请输入备注" v-model="item.remark" autocomplete="off" />
@@ -71,16 +85,39 @@
         </div>
         <!-- 操作按钮区域 -->
         <div class="flex justify-center gap-4 mt-8">
-          <el-button type="primary" @click="submitForm" v-hasPermi="['design:collect:add']"
-            v-if="!form.id || form.status == 'draft'" size="large">确认提交</el-button>
-          <el-button type="primary" @click="update" v-hasPermi="['design:collect:query']"
-            v-show="form.id && form.status == 'draft'" icon="Edit" size="large">审核</el-button>
-          <el-button type="primary" @click="update" v-hasPermi="['design:collect:query']" v-show="form.status == 'back'"
-            size="large" icon="Edit">重新发起审核</el-button>
-          <el-button type="primary" @click="onView" v-hasPermi="['design:collect:query']"
-            v-show="form.id && form.status != 'draft'" icon="view" size="large">查看流程</el-button>
-          <el-button type="success" v-hasPermi="['design:collect:export']" @click="onLoad"
-            v-show="form.id && form.status != 'draft'" icon="Download" size="large">导出</el-button>
+          <el-button type="primary" @click="submitForm" v-hasPermi="['design:collect:add']" v-if="!form.id || form.status == 'draft'" size="large"
+            >确认提交</el-button
+          >
+          <el-button
+            type="primary"
+            @click="update"
+            v-hasPermi="['design:collect:query']"
+            v-show="form.id && form.status == 'draft'"
+            icon="Edit"
+            size="large"
+            >审核</el-button
+          >
+          <el-button type="primary" @click="update" v-hasPermi="['design:collect:query']" v-show="form.status == 'back'" size="large" icon="Edit"
+            >重新发起审核</el-button
+          >
+          <el-button
+            type="primary"
+            @click="onView"
+            v-hasPermi="['design:collect:query']"
+            v-show="form.id && form.status != 'draft'"
+            icon="view"
+            size="large"
+            >查看流程</el-button
+          >
+          <el-button
+            type="success"
+            v-hasPermi="['design:collect:export']"
+            @click="onLoad"
+            v-show="form.id && form.status != 'draft'"
+            icon="Download"
+            size="large"
+            >导出</el-button
+          >
         </div>
       </el-form>
     </div>
@@ -90,7 +127,7 @@
 <script setup name="DataCollectionForm" lang="ts">
 import { ref, reactive, computed, onMounted } from 'vue';
 import { useUserStoreHook } from '@/store/modules/user';
-import { ElMessage, ElLoading } from 'element-plus';
+import { ElMessage, ElLoading, FormRules } from 'element-plus';
 import { systemUserList } from '@/api/design/appointment';
 import { collectBatch, byProjectId, exportWord } from '@/api/design/received';
 import { getUser } from '@/api/system/user';
@@ -131,7 +168,7 @@ const form = reactive({
 });
 
 // 主表单验证规则
-const mainRules = reactive({
+const mainRules = reactive<FormRules>({
   userId: [{ required: true, message: '请输入收资人', trigger: 'blur' }],
   user_major: [{ required: true, message: '请选择专业', trigger: 'change' }],
   phone: [
@@ -207,8 +244,6 @@ const byProjectIdAll = async () => {
         }
       ];
       console.log(form.documents);
-
-
     }
   }
 };
@@ -313,7 +348,6 @@ onMounted(() => {
   getDeptAllUser(userStore.deptId).then(() => {
     byProjectIdAll();
   });
-
 });
 const onLoad = async () => {
   // 导出接口
@@ -322,7 +356,7 @@ const onLoad = async () => {
     {
       id: form.id
     },
-    `收资清单.zip`
+    `收资清单.docx`
   );
 };
 //监听项目id刷新数据