fix(oa/afterSales): 修复审批、查看模式下附件无法下载查看问题

src/views/oa/erp/afterSales/edit.vue

@@ -15,7 +15,7 @@
     </el-card>
 
     <!--  主表信息卡片 -->
-    <el-card shadow="never">
+    <el-card shadow="never" class="card-with-upload">
       <template #header>
         <span class="card-title">{{ form.afterSalesId ? '修改项目售后' : '添加项目售后' }}</span>
       </template>
@@ -119,7 +119,10 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+        </el-row>
+        <!-- 问题描述和附件使用 flexbox 并排 -->
+        <div class="problem-attachment-row">
+          <div class="problem-col">
             <el-form-item label="问题描述" prop="problemDescription">
               <el-input
                 v-model="form.problemDescription"
@@ -130,14 +133,25 @@
                 placeholder="请输入详细的问题描述"
               />
             </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="售后问题附件" prop="ossId">
-              <file-upload v-model="form.ossId" :limit="5" :fileSize="20" :fileType="['rar', 'zip', 'doc', 'docx', 'pdf']" :isShowTip="true" />
-            </el-form-item>
-          </el-col>
-        </el-row>
+          </div>
+          <div class="attachment-col"></div>
+        </div>
       </el-form>
+      <!-- 附件区域放在表单外部，使用负 margin 拉到与问题描述同行 -->
+      <div class="file-upload-row">
+        <el-form label-width="120px">
+          <el-form-item label="售后问题附件">
+            <file-upload
+              v-model="form.ossId"
+              :limit="5"
+              :fileSize="20"
+              :fileType="['rar', 'zip', 'doc', 'docx', 'pdf']"
+              :isShowTip="true"
+              :disabled="isReadOnly"
+            />
+          </el-form-item>
+        </el-form>
+      </div>
     </el-card>
 
     <!-- ========== 售后处理结果 ========== -->
@@ -1007,4 +1021,34 @@ const submitCallback = async () => {
 .mt-2 {
   margin-top: 10px;
 }
+
+/* 问题描述和附件区域容器 - 使用 flexbox */
+.problem-attachment-row {
+  display: flex;
+  margin: 0;
+}
+
+.problem-col {
+  flex: 0 0 50%;
+  max-width: 50%;
+  padding-right: 10px;
+}
+
+.attachment-col {
+  flex: 0 0 50%;
+  max-width: 50%;
+  padding-left: 10px;
+}
+
+/* 附件区域使用负 margin 拉到问题描述同行 */
+.file-upload-row {
+  margin-top: -95px; /* 向上拉到与问题描述同行 */
+  margin-left: 50%; /* 偏移到右侧，与上方表单字段对齐 */
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.file-upload-content {
+  /* 无需额外样式 */
+}
 </style>

src/views/oa/erp/afterSales/index.vue

@@ -131,7 +131,7 @@
             <el-tooltip content="修改" placement="top" v-if="scope.row.flowStatus === 'draft' || scope.row.flowStatus === 'back'">
               <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['oa/erp:afterSales:edit']"></el-button>
             </el-tooltip>
-            <el-tooltip content="查看详情" placement="top"  v-if="scope.row.flowStatus !== 'draft'">
+            <el-tooltip content="查看详情" placement="top" v-if="scope.row.flowStatus !== 'draft'">
               <el-button link type="info" icon="DocumentChecked" @click="handleView(scope.row)"></el-button>
             </el-tooltip>
           </template>