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

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

buyer/src/pages/home/orderCenter/ApplyAfterSale.vue

@@ -29,7 +29,12 @@
           <el-input type="number" v-model="form.num" style="width:260px" />
         </el-form-item>
         <el-form-item label="提交原因" prop="reason">
-          <el-select v-model="form.reason" style="width:260px" placeholder="请选择提交原因">
+          <el-select
+            v-model="form.reason"
+            :key="form.serviceType"
+            style="width:260px"
+            placeholder="请选择提交原因"
+          >
             <el-option
               v-for="item in reasonList"
               :key="item.id"
@@ -166,7 +171,11 @@ export default {
       })
     },
     changeReason (type) { // 改变售后原因列表
+      this.form.reason = undefined
       this.getReason(type)
+      this.$nextTick(() => {
+        this.$refs.form?.clearValidate('reason')
+      })
     },
     apply () { // 售后申请提交
       this.$refs.form.validate(valid => {