From 9351bd701f252737834acacb5e388d2897a5d8d7 Mon Sep 17 00:00:00 2001
From: Yangk <yangk@menace.com>
Date: Mon, 12 Jan 2026 15:52:39 +0800
Subject: [PATCH] =?UTF-8?q?fix(oa/afterSales):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=AE=A1=E6=89=B9=E3=80=81=E6=9F=A5=E7=9C=8B=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E4=B8=8B=E9=99=84=E4=BB=B6=E6=97=A0=E6=B3=95=E4=B8=8B=E8=BD=BD?=
 =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/oa/erp/afterSales/edit.vue  | 62 +++++++++++++++++++++++----
 src/views/oa/erp/afterSales/index.vue |  2 +-
 2 files changed, 54 insertions(+), 10 deletions(-)

diff --git a/src/views/oa/erp/afterSales/edit.vue b/src/views/oa/erp/afterSales/edit.vue
index 0a9a5d1..8a48538 100644
--- a/src/views/oa/erp/afterSales/edit.vue
+++ b/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>
diff --git a/src/views/oa/erp/afterSales/index.vue b/src/views/oa/erp/afterSales/index.vue
index 4d6ef0a..48dd193 100644
--- a/src/views/oa/erp/afterSales/index.vue
+++ b/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>