feat:修改页面显示做限制

src/components/data/complaintformdialog.vue

@@ -253,7 +253,7 @@
           </el-col>
         </el-row>
 
-        <el-form-item label="附件" prop="thingFiles">
+        <el-form-item v-if="mode === 'add'" label="附件" prop="thingFiles">
           <file-upload
               v-model:files="model.thingFiles"
               tips="为便于“办理单位”更全面了解问题详情，请上传相关附件，如现场督察、数字督察等相关照片、视频及其他佐证材料。"
@@ -262,9 +262,9 @@
         </div>
 
         <!-- 办理单位 -->
-        <el-divider />
-        <h2>办理单位</h2>
-        <div class="add-negation-container">
+        <el-divider v-if="mode === 'add'" />
+        <h2 v-if="mode === 'add'">办理单位</h2>
+        <div v-if="mode === 'add'" class="add-negation-container">
           <el-form-item label="主办层级" prop="hostLevel" :rules="{ required: true, message: '请选择主办层级', trigger: ['blur'] }">
             <el-select style="width: 280px" v-model="model.hostLevel" @change="handleChangeHostLevel">
               <el-option v-for="item in dict.hostLevel" :key="item.id" :label="item.dictLabel" :value="item.dictValue" />
@@ -293,22 +293,22 @@
         </div>
 
         <!-- 初核时限 -->
-        <h2>初核时限</h2>
-        <p style="color: #909399; font-size: 14px; line-height: 1.6; padding-left: 200px;">
+        <h2 v-if="mode === 'add'">初核时限</h2>
+        <p v-if="mode === 'add'" style="color: #909399; font-size: 14px; line-height: 1.6; padding-left: 200px;">
           该信件的初核时限需在<span style="color: var(--el-color-danger); font-weight: 600;"> 4个工作日 </span>之内完成初核。
         </p>
 
         <!-- 办理时限 -->
-        <h2>办理时限</h2>
-        <div class="add-negation-container">
+        <h2 v-if="mode === 'add'">办理时限</h2>
+        <div v-if="mode === 'add'" class="add-negation-container">
           <el-form-item label="办理时限" prop="timeLimit" :rules="{ required: true, message: '请选择办理时限', trigger: ['blur'] }">
             <time-limit-select v-model="model.timeLimit" v-model:maxSignDuration="model.maxSignDuration" v-model:maxHandleDuration="model.maxHandleDuration" v-model:maxExtensionDuration="model.maxExtensionDuration" />
           </el-form-item>
         </div>
 
         <!-- 审批流程 -->
-        <h2>审批流程</h2>
-        <div class="add-negation-container">
+        <h2 v-if="mode === 'add'">审批流程</h2>
+        <div v-if="mode === 'add'" class="add-negation-container">
           <el-form-item label="审批流程" prop="approvalFlow" :rules="{ required: true, message: '请选择审批流程', trigger: ['blur'] }">
             <el-radio-group v-model="model.approvalFlow" v-if="userStore.user.roleCodes.includes('admin_1')">
               <el-radio v-for="item in dict.approvalFlow" :key="item.dictCode" :value="item.dictValue">{{ item.dictLabel }}{{ item.remark ? `(${item.remark})` : "" }}</el-radio>