feat: 优化售后服务页面与上传组件

- 在 AfterSaleDetail.vue 中添加样式以增强商品信息展示的可读性。
- 在 ApplyAfterSale.vue 中更新选择原因的下拉框，确保与服务类型关联。
- 在多个上传组件中添加图片选择与确认功能，提升用户体验。
- 在订单投诉与退款页面中调整表格列宽，确保信息展示的清晰性。

seller/src/views/order/after-order/orderComplaint.vue

@@ -45,7 +45,7 @@
       <el-table v-loading="loading" border :data="data" ref="table" class="mt_10" style="width: 100%">
         <el-table-column prop="memberName" label="会员名称" width="200" />
         <el-table-column prop="orderSn" label="订单编号" min-width="120" show-overflow-tooltip />
-        <el-table-column label="商品名称" min-width="200" show-overflow-tooltip>
+        <el-table-column label="商品名称" min-width="180" show-overflow-tooltip>
           <template #default="{ row }">
             <template v-if="row">
               <a class="link-text mr_10" @click="linkTo(row.goodsId, row.skuId)">{{ row.goodsName }}</a>
@@ -70,7 +70,7 @@
             </template>
           </template>
         </el-table-column>
-        <el-table-column prop="complainTopic" label="投诉主题" width="120" show-overflow-tooltip />
+        <el-table-column prop="complainTopic" label="投诉主题" min-width="160" show-overflow-tooltip />
         <el-table-column prop="createTime" label="投诉时间" width="180" />
         <el-table-column label="投诉状态" width="110">
           <template #default="{ row }">

seller/src/views/order/after-order/orderComplaintDetail.vue

@@ -126,7 +126,7 @@
             <dl v-if="complaintInfo.complainStatus != 'COMPLETE'">
               <dt></dt>
               <dd>
-                <div style="text-align: right; width: 45%; margin-top: 10px">
+                <div style="text-align: left; margin-top: 10px">
                   <el-button type="primary" :loading="submitLoading" @click="handleSubmit">
                     回复
                   </el-button>
@@ -442,6 +442,22 @@ export default {
   overflow-y: auto;
   overflow-x: auto;
   height: 150px;
+  scrollbar-width: auto;
+
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: rgba(50, 50, 50, 0.45);
+  }
+
+  &::-webkit-scrollbar-track {
+    border-radius: 4px;
+    background-color: rgba(50, 50, 50, 0.12);
+  }
 }
 
 .link-text {

seller/src/views/order/after-order/returnMoneyOrder.vue

@@ -33,6 +33,14 @@
             style="width: 240px"
           />
         </el-form-item>
+        <el-form-item label="会员名称" prop="memberName">
+          <el-input
+            v-model="searchForm.memberName"
+            placeholder="请输入会员名称"
+            clearable
+            style="width: 240px"
+          />
+        </el-form-item>
         <el-form-item label="申请时间">
           <el-date-picker
             v-model="selectDate"
@@ -45,14 +53,6 @@
             @change="selectDateRange"
           />
         </el-form-item>
-        <el-form-item label="会员名称" prop="memberName">
-          <el-input
-            v-model="searchForm.memberName"
-            placeholder="请输入会员名称"
-            clearable
-            style="width: 240px"
-          />
-        </el-form-item>
         <el-form-item>
           <el-button type="primary" class="search-btn" @click="handleSearch">搜索</el-button>
           <el-button class="search-btn" @click="handleReset">重置</el-button>

seller/src/views/order/after-order/reurnGoodsOrderDetail.vue

@@ -112,13 +112,13 @@
               </dd>
             </dl>
             <dl>
+              <dt></dt>
               <dd>
-                <div style="text-align: right; width: 45%; margin-top: 10px">
+                <div style="text-align: left; margin-top: 10px">
                   <el-button
                     type="primary"
                     :loading="submitLoading"
                     @click="handleSubmit"
-                    style="margin-left: 5px"
                   >
                     确定
                   </el-button>

seller/src/views/order/order/virtualOrderList.vue

@@ -78,7 +78,7 @@
             </span>
           </template>
         </el-table-column>
-        <el-table-column prop="memberName" label="买家名称" width="130" />
+        <el-table-column prop="memberName" label="会员名称" width="130" />
         <el-table-column label="订单金额" prop="flowPrice" min-width="120" sortable="custom">
           <template #default="{ row }">
             <priceColorScheme v-if="row" :value="row.flowPrice" :color="$mainColor" />