Merge branch 'vue3' of https://gitee.com/beijing_hongye_huicheng/lilishop-ui into vue3

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

@@ -23,7 +23,7 @@
         <div>
           本次售后服务由<span>{{afterSale.storeName}}</span>为您提供
         </div>
-        <div>
+        <div class="service-after-goods">
           <img :src="afterSale.goodsImage" alt="" width="60" height="60">
           <span>{{afterSale.goodsName}}</span>
         </div>
@@ -285,8 +285,19 @@ export default {
   }
   >div:nth-child(2){
     padding-left: 15px;
-    img{vertical-align: top;}
-    span{color: #999;}
+  }
+  .service-after-goods {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+
+    img {
+      flex-shrink: 0;
+    }
+
+    span {
+      color: #999;
+    }
   }
 }
 /** 售后进度条 */

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 => {