1.优化商品列表全部加载动画 2.退款界面自定义退款使inpt自动获得焦点

src/views/order/components/refundDrawer.vue

@@ -24,8 +24,8 @@
                         <el-radio-button label="自定义" :value="3" />
                     </el-radio-group>
                     <div class="amount">
-                        <el-input v-model="refundAmount" style="width: 400px;height: 42px;" :readonly="refundType != 3"
-                            placeholder="请输入退款金额" @input="inputChange">
+                        <el-input ref="amountInputRef" v-model="refundAmount" style="width: 400px;height: 42px;"
+                            :readonly="refundType != 3" placeholder="请输入退款金额" @input="inputChange">
                             <template #prepend>￥</template>
                             <template #append>最多可退￥{{ formatDecimal(item.payAmount - item.refundAmount, 2) }}</template>
                         </el-input>
@@ -166,6 +166,7 @@ const remarkTagList = ref([
 const loading = ref(false)
 const takeFoodCodeRef = ref(null)
 const cash = ref(false)
+const amountInputRef = ref(null)
 
 // 退款密码
 async function passwordSuccess(e = '') {
@@ -397,6 +398,7 @@ function refundTypeChange(val) {
             tableRef.value.clearSelection()
             refundAmount.value = ''
             modify.value = true
+            amountInputRef.value.focus()
             break;
         default:
             break;